This repository has been archived on 2020-08-14. You can view files and clone it, but cannot push or open issues or pull requests.
statuspage/app/templates/dashboard.html.j2

106 lines
2.7 KiB
Plaintext
Raw Normal View History

2020-08-11 15:12:22 +02:00
{% extends "layout.html" %}
{% block content %}
<h1>Dashboard</h1>
2020-08-13 13:57:10 +02:00
<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>
2020-08-11 15:12:22 +02:00
<div class="ui stackable inverted menu">
<a class="item active">
Services
</a>
<a class="item">
Incidents
</a>
</div>
<table class="ui celled structured table">
<thead>
<tr>
2020-08-13 13:57:10 +02:00
<th rowspan="2">Owner</th>
<th rowspan="2">Name</th>
<th class="two column wide" rowspan="2" colspan="1">Pinged times</th>
2020-08-11 15:12:22 +02:00
<th colspan="3">Metrics</th>
</tr>
<tr>
<th>15min</th>
<th>10min</th>
<th>5min</th>
</tr>
</thead>
<tbody>
<tr>
<td>Alpha</td>
2020-08-13 13:57:10 +02:00
<td class="selectable warning"><a href="#alpha-service1">service 1</a></td>
2020-08-11 15:12:22 +02:00
<td class="right aligned">2</td>
<td class="center aligned">
<i class="large green checkmark icon"></i>
</td>
2020-08-13 13:57:10 +02:00
<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>
2020-08-11 15:12:22 +02:00
</tr>
<tr>
<td rowspan="3">Beta</td>
2020-08-13 13:57:10 +02:00
<td class="selectable negative"><a href="#beta-service1">service 1</a></td>
2020-08-11 15:12:22 +02:00
<td class="right aligned">52</td>
<td class="center aligned">
<i class="large green checkmark icon"></i>
</td>
2020-08-13 13:57:10 +02:00
<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>
2020-08-11 15:12:22 +02:00
</tr>
<tr>
2020-08-13 13:57:10 +02:00
<td class="selectable positive"><a href="#beta-service2">service 2</a></td>
2020-08-11 15:12:22 +02:00
<td class="right aligned">12</td>
<td class="center aligned">
<i class="large green checkmark icon"></i>
</td>
2020-08-13 13:57:10 +02:00
<td class="center aligned">
<i class="large green checkmark icon"></i>
</td>
<td class="center aligned">
<i class="large green checkmark icon"></i>
</td>
2020-08-11 15:12:22 +02:00
</tr>
<tr>
<td>service 3</td>
<td class="right aligned">21</td>
<td class="center aligned">
<i class="large green checkmark icon"></i>
</td>
<td></td>
<td></td>
</tr>
</tbody>
</table>
{% endblock %}