This commit is contained in:
Anna Sudnitsina 2018-03-21 14:00:18 +03:00
parent adc296cb3c
commit 198179443e

View File

@ -11,13 +11,15 @@
header {padding:1% 16px;} header {padding:1% 16px;}
.w3-btn {font-size:1em;} .w3-btn {font-size:1em;}
img {height: 33.82px;} img {height: 33.82px;}
#showDeadlyDetails {display: none; padding:15px;}
#statusContainer {height:50px; position:relative;} #statusContainer {height:50px; position:relative;}
#resolve {display: none; padding:15px;} #resolve {padding:15px;}
.tablink, #resolve, #rspContainer, #details {display: none}
</style> </style>
</head> </head>
<body> <body>
<header> <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')}" 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"></a> <a href='/'><img src="{{ static_url("images-logo.png") }}" class="w3-right w3-hover-opacity"></a>
@ -27,7 +29,7 @@
<div class="sidenav w3-container w3-light-grey w3-col m3" id="id01"> <div class="sidenav w3-container w3-light-grey w3-col m3" id="id01">
<h4> Leader: </h4> <span id='leader' class="tablink"></span> <h4> Leader: </h4> <span id='leader' class="tablink"></span>
<h4>Nodes: </h4> <h4>Nodes: </h4>
<a w3-repeat="node in quorum" href="javascript:void(0)" class="tablink" onclick="openNode(event, '{{!node}}')" style='display:none'> <a w3-repeat="node in quorum" href="javascript:void(0)" class="tablink" onclick="openNode(event, '{{!node}}')">
{{!node}} {{!node}}
</a> </a>
<h4>Metrics: </h4> <h4>Metrics: </h4>
@ -37,18 +39,18 @@
<div class="w3-col m9" > <div class="w3-col m9" >
<div class="w3-container" 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')">
Show details Show details
</a> </a>
<a href="javascript:void(0)" class="w3-right" id="resolve" onClick="resolve()" style=""> <a href="javascript:void(0)" class="w3-right" id="resolve" onClick="resolve()">
Resolve Resolve
</a> </a>
</div> </div>
<div id="rspContainer" class="w3-container w3-animate-opacity" style="display: none"> <div id="rspContainer" class="w3-container w3-animate-opacity">
<span onclick="this.parentElement.style.display='none'" class="w3-closebtn">&times;</span> <span onclick="this.parentElement.style.display='none'" class="w3-closebtn">&times;</span>
<div id="rsp"></div> <div id="rsp"></div>
</div> </div>
<div id = "details" class="w3-container" style="display:none;"> <div id="details" class="w3-container">
<table class='w3-table w3-bordered' id="id02"> <table class='w3-table w3-bordered' id="id02">
<tr><td> Node:</td> <td><span id='name'></span></td></tr> <tr><td> Node:</td> <td><span id='name'></span></td></tr>
<tr><td> IPv4:</td> <td><span id='ipv4'></span></td></tr> <tr><td> IPv4:</td> <td><span id='ipv4'></span></td></tr>