chore: updated template files
This commit is contained in:
parent
6eff525fcb
commit
dedcdcb87d
GPG Key ID:
19CE1EC1D9E0486D
@ -1,6 +1,29 @@
|
|||||||
{% extends "layout.html" %}
|
{% extends "layout.html" %}
|
||||||
{% block content %}
|
{% block content %}
|
||||||
<h1>Dashboard</h1>
|
<h1>Dashboard</h1>
|
||||||
|
<div class="ui icon message">
|
||||||
|
<i class="notched circle loading icon"></i>
|
||||||
|
<div class="content">
|
||||||
|
<div class="header">
|
||||||
|
Just one second
|
||||||
|
</div>
|
||||||
|
<p>We're fetching that content for you.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="ui placeholder">
|
||||||
|
<div class="line"></div>
|
||||||
|
<div class="line"></div>
|
||||||
|
<div class="line"></div>
|
||||||
|
<div class="line"></div>
|
||||||
|
<div class="line"></div>
|
||||||
|
</div>
|
||||||
|
<div class="ui divider"></div>
|
||||||
|
<div class="ui orange message">
|
||||||
|
<div class="header">
|
||||||
|
Performance degraded
|
||||||
|
</div>
|
||||||
|
Some services are experiencing issues
|
||||||
|
</div>
|
||||||
<div class="ui stackable inverted menu">
|
<div class="ui stackable inverted menu">
|
||||||
<a class="item active">
|
<a class="item active">
|
||||||
Services
|
Services
|
||||||
@ -13,9 +36,9 @@
|
|||||||
<table class="ui celled structured table">
|
<table class="ui celled structured table">
|
||||||
<thead>
|
<thead>
|
||||||
<tr>
|
<tr>
|
||||||
<th rowspan="2">owner</th>
|
<th rowspan="2">Owner</th>
|
||||||
<th rowspan="2">name</th>
|
<th rowspan="2">Name</th>
|
||||||
<th rowspan="2">pinged times</th>
|
<th class="two column wide" rowspan="2" colspan="1">Pinged times</th>
|
||||||
<th colspan="3">Metrics</th>
|
<th colspan="3">Metrics</th>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
@ -27,32 +50,44 @@
|
|||||||
<tbody>
|
<tbody>
|
||||||
<tr>
|
<tr>
|
||||||
<td>Alpha</td>
|
<td>Alpha</td>
|
||||||
<td>service 1</td>
|
<td class="selectable warning"><a href="#alpha-service1">service 1</a></td>
|
||||||
<td class="right aligned">2</td>
|
<td class="right aligned">2</td>
|
||||||
<td class="center aligned">
|
<td class="center aligned">
|
||||||
<i class="large green checkmark icon"></i>
|
<i class="large green checkmark icon"></i>
|
||||||
</td>
|
</td>
|
||||||
<td></td>
|
<td class="center aligned">
|
||||||
<td></td>
|
<i class="large green checkmark icon"></i>
|
||||||
|
</td>
|
||||||
|
<td class="center aligned">
|
||||||
|
<i class="large orange circle outline icon"></i>
|
||||||
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td rowspan="3">Beta</td>
|
<td rowspan="3">Beta</td>
|
||||||
<td>service 1</td>
|
<td class="selectable negative"><a href="#beta-service1">service 1</a></td>
|
||||||
<td class="right aligned">52</td>
|
<td class="right aligned">52</td>
|
||||||
<td class="center aligned">
|
<td class="center aligned">
|
||||||
<i class="large green checkmark icon"></i>
|
<i class="large green checkmark icon"></i>
|
||||||
</td>
|
</td>
|
||||||
<td></td>
|
<td class="center aligned">
|
||||||
<td></td>
|
<i class="large orange circle outline icon"></i>
|
||||||
|
</td>
|
||||||
|
<td class="center aligned">
|
||||||
|
<i class="large red remove icon"></i>
|
||||||
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td>service 2</td>
|
<td class="selectable positive"><a href="#beta-service2">service 2</a></td>
|
||||||
<td class="right aligned">12</td>
|
<td class="right aligned">12</td>
|
||||||
<td></td>
|
|
||||||
<td class="center aligned">
|
<td class="center aligned">
|
||||||
<i class="large green checkmark icon"></i>
|
<i class="large green checkmark icon"></i>
|
||||||
</td>
|
</td>
|
||||||
<td></td>
|
<td class="center aligned">
|
||||||
|
<i class="large green checkmark icon"></i>
|
||||||
|
</td>
|
||||||
|
<td class="center aligned">
|
||||||
|
<i class="large green checkmark icon"></i>
|
||||||
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td>service 3</td>
|
<td>service 3</td>
|
||||||
|
|||||||
@ -14,17 +14,29 @@
|
|||||||
<body>
|
<body>
|
||||||
<div class="ui container">
|
<div class="ui container">
|
||||||
<div class="ui menu">
|
<div class="ui menu">
|
||||||
<div class="header item">Statuspage</div>
|
<div class="header item"><i class="chart area icon"></i>Statuspage</div>
|
||||||
<a class="item">
|
<a class="active item" href="/">Dashboard</a>
|
||||||
About
|
<a class="item">About</a>
|
||||||
</a>
|
<a class="item right aligned" href="#sign-in"><i class="sign-in icon"></i>Sign In</a>
|
||||||
<a class="item">
|
|
||||||
status
|
|
||||||
</a>
|
|
||||||
</div>
|
</div>
|
||||||
<h2>Status page</h2>
|
|
||||||
{% block content %}
|
{% block content %}
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
<footer>
|
||||||
|
<div class="ui horizontal divider"></div>
|
||||||
|
<div class="ui section divider"></div>
|
||||||
|
<div class="ui vertical footer">
|
||||||
|
<div class="ui horizontal small divided link list">
|
||||||
|
<a class="item" href="#">Site Map</a>
|
||||||
|
<a class="item" href="#">Contact</a>
|
||||||
|
<a class="item" href="https://git.dotya.ml/wanderer/statuspage" rel="noopener">Source</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="ui huge horizontal right floated link list" href="#">
|
||||||
|
<a class="item" href="https://git.dotya.ml/wanderer/statuspage" rel="noopener">
|
||||||
|
<div class="disabled item">Statuspage</div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
Reference in New Issue
Block a user