wanderer/statuspage
Archived
1
1
Fork 0
Code Issues Pull Requests Releases Activity

chore: updated template files

Browse Source
This commit is contained in:
surtur 2020-08-13 13:57:10 +02:00
parent 6eff525fcb
commit dedcdcb87d
Signed by: wanderer
GPG Key ID: 19CE1EC1D9E0486D
2 changed files with 67 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

59
app/templates/dashboard.html.j2
View File

@ -1,6 +1,29 @@
{% extends "layout.html" %}
{% block content %}
<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">
<a class="item active">
Services
@ -13,9 +36,9 @@
<table class="ui celled structured table">
<thead>
<tr>
<th rowspan="2">owner</th>
<th rowspan="2">name</th>
<th rowspan="2">pinged times</th>
<th rowspan="2">Owner</th>
<th rowspan="2">Name</th>
<th class="two column wide" rowspan="2" colspan="1">Pinged times</th>
<th colspan="3">Metrics</th>
</tr>
<tr>
@ -27,32 +50,44 @@
<tbody>
<tr>
<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="center aligned">
<i class="large green checkmark icon"></i>
</td>
<td></td>
<td></td>
<td class="center aligned">
<i class="large green checkmark icon"></i>
</td>
<td class="center aligned">
<i class="large orange circle outline icon"></i>
</td>
</tr>
<tr>
<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="center aligned">
<i class="large green checkmark icon"></i>
</td>
<td></td>
<td></td>
<td class="center aligned">
<i class="large orange circle outline icon"></i>
</td>
<td class="center aligned">
<i class="large red remove icon"></i>
</td>
</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></td>
<td class="center aligned">
<i class="large green checkmark icon"></i>
</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>
<td>service 3</td>

28
app/templates/layout.html
View File

@ -14,17 +14,29 @@
<body>
<div class="ui container">
<div class="ui menu">
<div class="header item">Statuspage</div>
<a class="item">
About
</a>
<a class="item">
status
</a>
<div class="header item"><i class="chart area icon"></i>Statuspage</div>
<a class="active item" href="/">Dashboard</a>
<a class="item">About</a>
<a class="item right aligned" href="#sign-in"><i class="sign-in icon"></i>Sign In</a>
</div>
<h2>Status page</h2>
{% block content %}
{% 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>
</body>
</html>