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