dashboard v0.2.4 优化当前状态数据

This commit is contained in:
naiba
2021-01-17 11:44:50 +08:00
parent 998724112e
commit 904b926187
6 changed files with 46 additions and 36 deletions

View File

@@ -78,26 +78,28 @@
font-weight: 700;
}
.service-status .danger.button {
background-color: crimson;
.service-status .delay-today {
display: flex;
align-items: center;
}
.service-status .good.button {
background-color: rgb(0, 235, 139);
.service-status .delay-today>i {
display: inline-block;
width: 1.2em;
height: 1.2em;
border-radius: .6em;
background-color: grey;
margin-right: .3em;
}
.service-status .warning.button {
background-color: orange;
.service-status .danger {
background-color: crimson !important;
}
.service-status .danger>i {
background-color: crimson;
.service-status .good {
background-color: rgb(0, 235, 139) !important;
}
.service-status .good>i {
background-color: rgb(0, 235, 139);
}
.service-status .warning>i {
background-color: orange;
.service-status .warning {
background-color: orange !important;
}

View File

@@ -24,15 +24,11 @@
<td class="ui center aligned">{{range $i,$d := $service.Delay}}
<div class="ui icon button {{className (div (index $service.Up $i) (add (index $service.Up $i) (index $service.Down $i)))}}"
data-tooltip="{{dayBefore $i}},平均延迟:{{float32f $d}}ms">
<i class="delay"></i>
</div> {{end}}
</td>
<td class="ui center aligned">
<div
class="round {{className (div (index $service.Up 29) (add (index $service.Up 29) (index $service.Down 29)))}}">
<i></i>
{{statusName (div (index $service.Up 29) (add (index $service.Up 29) (index $service.Down 29)))}}
</div>
<td class="ui center aligned delay-today">
<i class="delay-today {{className (divU64 $service.CurrentUp (addU64 $service.CurrentUp $service.CurrentDown))}}"></i>
{{statusName (divU64 $service.CurrentUp (addU64 $service.CurrentUp $service.CurrentDown))}}
</td>
</tr> {{end}}
</tbody>

View File

@@ -24,15 +24,11 @@
<td class="ui center aligned">{{range $i,$d := $service.Delay}}
<div class="ui icon button {{className (div (index $service.Up $i) (add (index $service.Up $i) (index $service.Down $i)))}}"
data-tooltip="{{dayBefore $i}},平均延迟:{{float32f $d}}ms">
<i class="delay"></i>
</div> {{end}}
</td>
<td class="ui center aligned">
<div
class="round {{className (div (index $service.Up 29) (add (index $service.Up 29) (index $service.Down 29)))}}">
<i></i>
{{statusName (div (index $service.Up 29) (add (index $service.Up 29) (index $service.Down 29)))}}
</div>
<td class="ui center aligned delay-today">
<i class="delay-today {{className (divU64 $service.CurrentUp (addU64 $service.CurrentUp $service.CurrentDown))}}"></i>
{{statusName (divU64 $service.CurrentUp (addU64 $service.CurrentUp $service.CurrentDown))}}
</td>
</tr> {{end}}
</tbody>