Anna/rbmd_web_panel
Anna/rbmd_web_panel
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

upd

Browse Source
This commit is contained in:
Anna Sudnitsina 2018-03-21 13:46:21 +03:00
parent a94c2c831f
commit a5d89006c3
2 changed files with 18 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
static/rbmd/script.js
View File

@ -63,17 +63,16 @@ function displayData(a){
$("#mountFormTrigger").removeClass("w3-disabled") $("#mountFormTrigger").removeClass("w3-disabled")
$('#details').css("border", "0"); $('#details').css("border", "0");
} }
$( "#statusContainer:contains('alive')" ).css("background-color", "#4CAF50" ); $("#statusContainer:contains('alive')").css("background-color", "#4CAF50");
$( "#statusContainer:contains('resizing')" ).css("background-color", "#ff9800" ); $("#statusContainer:contains('resizing')").css("background-color", "#ff9800");
$( "#statusContainer:contains('deadly')" ).css("background-color", "#f44336" );; $("#statusContainer:contains('deadly')").css("background-color", "#f44336");;
var node2 = a; var node2 = a;
w3DisplayData("id01", node2); w3DisplayData("id01", node2);
$('.tablink').css('display', 'block'); $('.tablink').css('display', 'block');
if (selected_node != undefined && selected_node != 'dead'){ if (selected_node != undefined && selected_node != 'dead'){
//a.quorum.forEach(function(item) {if (item.node == selected_node) { console.log(item.node)}}) //a.quorum.forEach(function(item) {if (item.node == selected_node) { console.log(item.node)}})
var selected_node_body = a.quorum.find(function(node) { var selected_node_body = a.quorum.find(function(node) {
return node.node == selected_node return node.node == selected_node;
}); });
var t = new Date(selected_node_body["updated"] * 1000) var t = new Date(selected_node_body["updated"] * 1000)
var up_formatted = t.getFullYear() + "/" var up_formatted = t.getFullYear() + "/"
@ -94,10 +93,9 @@ function displayData(a){
+ selected_node + '", "' + selected_node + '", "'
+ selected_node_body.mounts[i].mountpoint + '", "' + selected_node_body.mounts[i].mountpoint + '", "'
+ selected_node_body.mounts[i].block + selected_node_body.mounts[i].block
+ '")\' >unmount</a><br>Mountpoint: ' + '")\' >unmount</a><br>Mountpoint: ' + mnt.mountpoint
+ mnt.mountpoint + '<br>Mountopts: ' + '<br>Mountopts: ' + mnt.mountopts
+ mnt.mountopts + '<br>Fstype: ' + '<br>Fstype: ' + mnt.fstype
+ mnt.fstype
+ '<br>Pool: ' + mnt.pool + '<br>Pool: ' + mnt.pool
+ '<br>Image: ' + mnt.image + '<br>Image: ' + mnt.image
+ '<br>Block: ' + mnt.block + '<br>'; + '<br>Block: ' + mnt.block + '<br>';

15
templates/rbmd/index.html
View File

@ -7,13 +7,20 @@
<script src="https://www.w3schools.com/lib/w3data.js"></script> <script src="https://www.w3schools.com/lib/w3data.js"></script>
<script src="{{ static_url("script.js") }}"></script> <script src="{{ static_url("script.js") }}"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<style type="text/css">
header {padding:1% 16px;}
.w3-btn {font-size:1em;}
img {height: 33.82em;}
#statusContainer {height:50px; position:relative;}
#resolve {display: none; padding:15px;}
</style>
</head> </head>
<body> <body>
<header class = "" style="padding:1% 16px;"> <header>
<a onclick="if (a.health != 'deadly.') {$('#mount').css('display', 'block')}" style="font-size:1em" class="w3-btn" id="mountFormTrigger"> <a onclick="if (a.health != 'deadly.') {$('#mount').css('display', 'block')}" style="font-size:1em" class="w3-btn" id="mountFormTrigger">
Mount <i class="fa fa-hdd-o"></i> Mount <i class="fa fa-hdd-o"></i>
</a> </a>
<a href='/'><img src="{{ static_url("images-logo.png") }}" class="w3-right w3-hover-opacity" height="33.82em" ></a> <a href='/'><img src="{{ static_url("images-logo.png") }}" class="w3-right w3-hover-opacity"></a>
</header> </header>
<div class="w3-container"> <div class="w3-container">
<div class="w3-row"> <div class="w3-row">
@ -28,12 +35,12 @@
{% end %} {% end %}
</div> </div>
<div class="w3-col m9" > <div class="w3-col m9" >
<div class="w3-container" style="height:50px; position:relative" id="statusContainer"> <div class="w3-container" id="statusContainer">
<div class="w3-padding w3-display-left" id="status">Status... </div> <div class="w3-padding w3-display-left" id="status">Status... </div>
<a href="javascript:void(0)" class="w3-right" id="showDeadlyDetails" onClick="openNode(event, 'dead')" style="display: none; padding:15px;"> <a href="javascript:void(0)" class="w3-right" id="showDeadlyDetails" onClick="openNode(event, 'dead')" style="display: none; padding:15px;">
Show details Show details
</a> </a>
<a href="javascript:void(0)" class="w3-right" id="resolve" onClick="resolve()" style="display: none; padding:15px;"> <a href="javascript:void(0)" class="w3-right" id="resolve" onClick="resolve()" style="">
Resolve Resolve
</a> </a>
</div> </div>