🚸 improve: 很多更新,看变更日志 close #58

This commit is contained in:
naiba 2021-01-16 14:20:42 +08:00
commit 1a0355894d
2 changed files with 68 additions and 46 deletions

View File

@ -3,29 +3,40 @@
{{template "common/menu" .}} {{template "common/menu" .}}
<div class="nb-container"> <div class="nb-container">
<div class="ui container"> <div class="ui container">
<div class="ui segment service-status"> <div class="service-status">
{{range $service := .Services}}
<div class="ui grid"> <table class="ui celled table">
<div class="three wide column"> <thead>
<p>{{$service.Monitor.Name}}</p> <tr>
<p>30天在线率{{float32f (divU64 $service.TotalUp (addU64 $service.TotalUp $service.TotalDown))}}%</p> <th class="ui center aligned">名称</th>
</div> <th class="ui center aligned">30天在线率</th>
<div class="eleven wide column"> <th class="ui center aligned">详情</th>
{{range $i,$d := $service.Delay}} <th class="ui center aligned">状态</th>
<div class="ui icon button {{className (div (index $service.Up $i) (add (index $service.Up $i) (index $service.Down $i)))}}" </tr>
data-tooltip="{{dayBefore $i}},平均延迟:{{$d}}ms"> </thead>
<i class="delay"></i> <tbody>
</div> {{range $service := .Services}}
{{end}} <tr>
</div> <td class="ui center aligned">{{$service.Monitor.Name}}</td>
<div <td class="ui center aligned">
class="two wide column round {{className (div (index $service.Up 29) (add (index $service.Up 29) (index $service.Down 29)))}}"> {{float32f (divU64 $service.TotalUp (addU64 $service.TotalUp $service.TotalDown))}}%
<i></i> </td>
{{statusName (div (index $service.Up 29) (add (index $service.Up 29) (index $service.Down 29)))}} <td class="ui center aligned">{{range $i,$d := $service.Delay}}
</div> <div class="ui icon button {{className (div (index $service.Up $i) (add (index $service.Up $i) (index $service.Down $i)))}}"
</div> data-tooltip="{{dayBefore $i}},平均延迟:{{float32f $d}}ms">
<div class="ui divider"></div> <i class="delay"></i>
{{end}} </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>
</tr> {{end}}
</tbody>
</table>
</div> </div>
</div> </div>
</div> </div>

View File

@ -3,29 +3,40 @@
{{template "common/menu" .}} {{template "common/menu" .}}
<div class="nb-container"> <div class="nb-container">
<div class="ui container"> <div class="ui container">
<div class="ui segment service-status"> <div class="service-status">
{{range $service := .Services}}
<div class="ui grid"> <table class="ui celled table">
<div class="three wide column"> <thead>
<p>{{$service.Monitor.Name}}</p> <tr>
<p>30天在线率{{divU64 $service.TotalUp (addU64 $service.TotalUp $service.TotalDown)}}%</p> <th class="ui center aligned">名称</th>
</div> <th class="ui center aligned">30天在线率</th>
<div class="eleven wide column"> <th class="ui center aligned">详情</th>
{{range $i,$d := $service.Delay}} <th class="ui center aligned">状态</th>
<div class="ui icon button {{className (div (index $service.Up $i) (add (index $service.Up $i) (index $service.Down $i)))}}" </tr>
data-tooltip="{{dayBefore $i}},平均延迟:{{$d}}ms"> </thead>
<i class="delay"></i> <tbody>
</div> {{range $service := .Services}}
{{end}} <tr>
</div> <td class="ui center aligned">{{$service.Monitor.Name}}</td>
<div <td class="ui center aligned">
class="two wide column round {{className (div (index $service.Up 29) (add (index $service.Up 29) (index $service.Down 29)))}}"> {{float32f (divU64 $service.TotalUp (addU64 $service.TotalUp $service.TotalDown))}}%
<i></i> </td>
{{statusName (div (index $service.Up 29) (add (index $service.Up 29) (index $service.Down 29)))}} <td class="ui center aligned">{{range $i,$d := $service.Delay}}
</div> <div class="ui icon button {{className (div (index $service.Up $i) (add (index $service.Up $i) (index $service.Down $i)))}}"
</div> data-tooltip="{{dayBefore $i}},平均延迟:{{float32f $d}}ms">
<div class="ui divider"></div> <i class="delay"></i>
{{end}} </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>
</tr> {{end}}
</tbody>
</table>
</div> </div>
</div> </div>
</div> </div>