PiFrame/monit-dashboard
PiFrame/monit-dashboard
1
0
Fork 0
Code Issues Pull requests Releases Activity

add box for status chart

Browse source
This commit is contained in:
saravanan30erd 2019-10-04 13:29:56 +04:00
parent 9fe3733a1a
commit 5ded387411
3 changed files with 19 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

0
-H Normal file
View file

11
static/monit-dashboard.css
View file

@ -41,6 +41,7 @@ button.accordion {
border: none; border: none;
outline: none; outline: none;
transition: 0.4s; transition: 0.4s;
margin: 0.6rem;
} }
div.panel { div.panel {
@ -70,3 +71,13 @@ div.panel.show {
.red:hover { .red:hover {
background-color: #c9302c; background-color: #c9302c;
} }
.canvas-graph {
min-height: 30%;
min-width: 24.5%;
display: inline-block;
position: relative;
background-color: white;
margin: 20px 0;
box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)
}

10
templates/index.html
View file

@ -4,7 +4,7 @@ $def with (output, now)
$ errors = 0 $ errors = 0
$ color = "green" $ color = "green"
<div> <div>
<div style="height: 50%; overflow-y: scroll;"> <div style="height: 40%; overflow-y: scroll; overflow-x: hidden;">
$for server in range(len(output)): $for server in range(len(output)):
$code: $code:
errors = 0 errors = 0
@ -79,8 +79,14 @@ $for server in range(len(output)):
</div> </div>
<div style="height: 45%; overflow: scroll;"> <div style="height:40%">
<div class="canvas-graph">
<div style="background-color: grey; text-align: center;"><h3>Hosts status</h3></div>
<canvas id="canvas" width="400" height="400"></canvas> <canvas id="canvas" width="400" height="400"></canvas>
</div>
</div>
<div style="height: 10%;">
<br><br><br> <br><br><br>
Latest update: $now.day/$now.month/$now.year, $now.hour:$now.minute:$now.second Latest update: $now.day/$now.month/$now.year, $now.hour:$now.minute:$now.second
<br><br> <br><br>