看板增加离线节点数字

This commit is contained in:
GoEdgeLab
2021-09-27 09:23:48 +08:00
parent 5e89bdf594
commit 9e97271083
7 changed files with 45 additions and 16 deletions

View File

@@ -18,7 +18,9 @@
<div class="ui column no-border">
<h4>节点<link-icon href="/ns/clusters"></link-icon></h4>
<div class="value"><span>{{board.countNodes}}</span>
<span v-if="board.countOfflineNodes > 0" class="red" style="font-size: 1em">{{board.countOfflineNodes}}离线</span>
<span v-if="board.countOfflineNodes > 0" style="font-size: 1em">
/ <a href="/ns/clusters"><span class="red" style="font-size: 1em">{{board.countOfflineNodes}}离线</span></a>
</span>
<span v-else style="font-size: 1em"></span>
</div>
</div>

View File

@@ -59,17 +59,25 @@
<div class="ui column">
<h4>边缘节点<link-icon href="/clusters" v-if="dashboard.canGoNodes"></link-icon></h4>
<div class="value"><span>{{dashboard.countNodes}}</span></div>
<div class="value">
<span>{{dashboard.countNodes}}</span>
<span style="font-size: 1em" v-if="dashboard.countOfflineNodes > 0">/ <a href="/clusters" v-if="dashboard.canGoNodes"><span class="red" style="font-size: 1em">{{dashboard.countOfflineNodes}}离线</span></a><span class="red" style="font-size: 1em" v-else>{{dashboard.countOfflineNodes}}离线</span></span>
</div>
</div>
<div class="ui column">
<h4>API节点<link-icon href="/api" v-if="dashboard.canGoSettings"></link-icon></h4>
<div class="value"><span>{{dashboard.countAPINodes}}</span></div>
<div class="value">
<span>{{dashboard.countAPINodes}}</span>
<span style="font-size: 1em" v-if="dashboard.countOfflineAPINodes > 0">/ <a href="/api" v-if="dashboard.canGoSettings"><span class="red" style="font-size: 1em">{{dashboard.countOfflineAPINodes}}离线</span></a><span class="red" style="font-size: 1em" v-else>{{dashboard.countOfflineAPINodes}}离线</span></span>
</div>
</div>
<div class="ui column">
<h4>用户<link-icon href="/users" v-if="dashboard.canGoUsers"></link-icon></h4>
<div class="value"><span>{{dashboard.countUsers}}</span></div>
<div class="value"><span>{{dashboard.countUsers}}</span>
<span style="font-size: 1em" v-if="dashboard.countOfflineUserNodes > 0">/ <a href="/settings/userNodes" v-if="dashboard.canGoSettings"><span class="red" style="font-size: 1em">{{dashboard.countOfflineUserNodes}}节点离线</span></a><span class="red" style="font-size: 1em" v-else>{{dashboard.countOfflineUserNodes}}节点离线</span></span>
</div>
</div>
<div class="ui column">

View File

@@ -18,7 +18,9 @@
<div class="ui column no-border">
<h4>用户节点<link-icon href="/settings/userNodes"></link-icon></h4>
<div class="value"><span>{{board.countUserNodes}}</span>
<span v-if="board.countOfflineUserNodes > 0" class="red" style="font-size: 1em">{{board.countOfflineUserNodes}}离线</span>
<span v-if="board.countOfflineUserNodes > 0" style="font-size: 1em">
/ <a href="/settings/userNodes"><span class="red" style="font-size: 1em">{{board.countOfflineUserNodes}}离线</span></a>
</span>
<span v-else style="font-size: 1em"></span>
</div>
</div>

View File

@@ -33,17 +33,23 @@
<div class="ui column">
<h4>边缘节点<link-icon href="/clusters" v-if="dashboard.canGoNodes"></link-icon></h4>
<div class="value"><span>{{dashboard.countNodes}}</span></div>
<div class="value"><span>{{dashboard.countNodes}}</span>
<span style="font-size: 1em" v-if="dashboard.countOfflineNodes > 0">/ <a href="/clusters" v-if="dashboard.canGoNodes"><span class="red" style="font-size: 1em">{{dashboard.countOfflineNodes}}离线</span></a><span class="red" style="font-size: 1em" v-else>{{dashboard.countOfflineNodes}}离线</span></span>
</div>
</div>
<div class="ui column no-border">
<h4>API节点<link-icon href="/api" v-if="dashboard.canGoSettings"></link-icon></h4>
<div class="value"><span>{{dashboard.countAPINodes}}</span></div>
<div class="value"><span>{{dashboard.countAPINodes}}</span>
<span style="font-size: 1em" v-if="dashboard.countOfflineAPINodes > 0">/ <a href="/api" v-if="dashboard.canGoSettings"><span class="red" style="font-size: 1em">{{dashboard.countOfflineAPINodes}}离线</span></a><span class="red" style="font-size: 1em" v-else>{{dashboard.countOfflineAPINodes}}离线</span></span>
</div>
</div>
<div class="ui column">
<h4>用户<link-icon href="/users" v-if="dashboard.canGoUsers"></link-icon></h4>
<div class="value"><span>{{dashboard.countUsers}}</span></div>
<div class="value"><span>{{dashboard.countUsers}}</span>
<span style="font-size: 1em" v-if="dashboard.countOfflineUserNodes > 0">/ <a href="/settings/userNodes" v-if="dashboard.canGoSettings"><span class="red" style="font-size: 1em">{{dashboard.countOfflineUserNodes}}节点离线</span></a><span class="red" style="font-size: 1em" v-else>{{dashboard.countOfflineUserNodes}}节点离线</span></span>
</div>
</div>
<div class="ui column">