mirror of
https://github.com/tuna/mirror-web.git
synced 2025-12-25 20:32:46 +00:00
92 lines
3.1 KiB
HTML
92 lines
3.1 KiB
HTML
---
|
||
permalink: /status/
|
||
---
|
||
<!DOCTYPE html>
|
||
<html>
|
||
{% include head.html %}
|
||
<body>
|
||
{% include nav.html %}
|
||
<div id="status-page">
|
||
<div class="spacing hidden-xs"></div>
|
||
<div class="container">
|
||
<h3 id="server-status"> # 服务器监控 </h3>
|
||
<h4> # 网络流量 </h4>
|
||
<div class="row">
|
||
{% include status-pic.html name="service_traffic_IPv4" %}
|
||
{% include status-pic.html name="service_traffic_IPv6" %}
|
||
</div>
|
||
<h4># 磁盘状态 </h4>
|
||
<div class="row">
|
||
<div class="col-md-12"><strong>磁盘占用</strong>: </div>
|
||
<div class="col-md-12">
|
||
<div class="progress">
|
||
<div id="disk-usage-bar" class="progress-bar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 0%;">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
{% include status-pic.html name="diskstats_iops" %}
|
||
{% include status-pic.html name="diskstats_throughput" %}
|
||
</div>
|
||
<h4># CPU / 内存</h4>
|
||
<div class="row">
|
||
{% include status-pic.html name="cpu" %}
|
||
{% include status-pic.html name="memory" %}
|
||
</div>
|
||
<h3 id="syncing-status"># 同步状态</h3>
|
||
<table class="table table-condensed flat-md">
|
||
<thead class="hidden-xs hidden-sm">
|
||
<tr>
|
||
<th class="col-xs-12 col-md-2">Name</th>
|
||
<th class="col-xs-12 col-md-2" colspan=2>Last Update</th>
|
||
<th class="col-xs-12 col-md-5">Upstream</th>
|
||
<th class="col-xs-12 col-md-1">Status</th>
|
||
<th class="col-xs-12 col-md-2">Size</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody id="mirror-list">
|
||
{% raw %}
|
||
<tr v-for="mir in rawMirrorList" :class="['row', 'status-'+mir.status, mir.last_ended_ts == mir.last_update_ts ? 'last-succ' : 'last-fail']" :key="mir.name">
|
||
<td class="col-xs-4">Name</td>
|
||
<td class="col-md-2 col-xs-8">{{mir.name}}{{mir.is_master ? '' : ' [slave]'}}</td>
|
||
<td class="col-xs-4">Last Update</td>
|
||
<td class="col-md-1 col-xs-3 rolling-3">
|
||
<div>
|
||
<div>Last Sync</div>
|
||
<div v-if="mir.last_ended_ts != mir.last_update_ts">Last Active</div>
|
||
<div>Next Sync</div>
|
||
<div>Last Sync</div>
|
||
</div>
|
||
</td>
|
||
<td class="hidden-xs hidden-sm hidden-md hidden-lg"></td>
|
||
<td class="col-md-2 col-xs-5 rolling-6">
|
||
<div>
|
||
<div>{{mir.last_update}}</div>
|
||
<div>{{mir.last_update_ago}}</div>
|
||
<div>{{mir.last_ended}}</div>
|
||
<div>{{mir.last_ended_ago}}</div>
|
||
<div>{{mir.status != 'syncing' ? mir.next_schedule : 'Syncing'}}</div>
|
||
<div v-if="mir.status != 'syncing'">{{mir.next_schedule_ago}}</div>
|
||
<div>{{mir.last_update}}</div>
|
||
</div>
|
||
</td>
|
||
<td class="col-xs-4">Upstream</td>
|
||
<td class="col-md-3 col-xs-8">{{mir.upstream}}</td>
|
||
<td class="col-xs-4">Status</td>
|
||
<td class="col-md-1 col-xs-8">{{mir.status}}</td>
|
||
<td class="col-xs-4">Size</td>
|
||
<td class="col-md-2 col-xs-8">{{mir.size}}</td>
|
||
</tr>
|
||
{% endraw %}
|
||
</tbody>
|
||
</table>
|
||
</div><!--/container -->
|
||
</div><!--/status -->
|
||
{% include footer.html %}
|
||
<script src="/static/js/status.js"></script>
|
||
<script src="/static/js/index.js"></script>
|
||
</body>
|
||
</html>
|
||
<!--
|
||
vim: ts=2 sts=2 sw=2 noexpandtab
|
||
-->
|