kirby/updates-dashboard-front
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Refactor

Browse Source
This commit is contained in:
Sebastien Laithier
2022-08-18 10:19:10 +02:00
parent 323f0c840e
commit 31fa8f3e9c
106 changed files with 61 additions and 367 deletions
Download Patch File Download Diff File Expand all files Collapse all files

181
dashboard/templates/index.html Normal file
View File

@@ -0,0 +1,181 @@
{% extends "squeleton.html" %}
{% block page_content %}
<div class="row">
<div class="col-md-12">
<h1 class="page-header"><i class="fa fa-dashboard fa-fw"></i> Updates dashboard</h1>
</div>
</div>
<div class="row">
<div class="col-md-12">
<!-- server list -->
<div class="col-md-4">
<div class="panel panel-green">
<div class="panel-heading">
<div class="row">
<div class="col-xs-3"><i class="fa fa-list-alt fa-5x"></i></div>
<div class="col-xs-9 text-right huge">Server list</div>
</div>
</div>
<a href="{% url 'server-list' %}">
<div class="panel-footer">
<span class="pull-left">Go to the most recent list</span>
<span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
<div class="clearfix"></div>
</div>
</a>
</div>
</div>
<!-- packages list -->
<div class="col-md-4">
<div class="panel panel-green">
<div class="panel-heading">
<div class="row">
<div class="col-xs-3"><i class="fa fa-archive fa-5x"></i></div>
<div class="col-xs-9 text-right huge">Packages list</div>
</div>
</div>
<a href="{% url 'packages-list' %}">
<div class="panel-footer">
<span class="pull-left">Go to the list</span>
<span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
<div class="clearfix"></div>
</div>
</a>
</div>
</div>
<!-- OS stats -->
<div class="col-md-4">
<div class="panel panel-green">
<div class="panel-heading">
<div class="row">
<div class="col-xs-3"> <i class="fa fa-pie-chart fa-5x"></i> </div>
<div class="col-xs-9 text-right huge">OS statistics</div>
</div>
</div>
<a href="{% url 'os-statistics' %}">
<div class="panel-footer">
<span class="pull-left">Go to last stats</span>
<span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
<div class="clearfix"></div>
</div>
</a>
</div>
</div>
<!-- Manage -->
<div class="col-md-4">
<div class="panel panel-primary">
<div class="panel-heading">
<div class="row">
<div class="col-xs-3">
<i class="fa fa-gears fa-5x"></i>
</div>
<div class="col-xs-9 text-right huge">Manage</div>
</div>
</div>
<a href="{% url 'manage' %}">
<div class="panel-footer">
<span class="pull-left">Manage</span>
<span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
<div class="clearfix"></div>
</div>
</a>
</div>
</div>
<!-- manage-packages -->
<div class="col-md-4">
<div class="panel panel-primary">
<div class="panel-heading">
<div class="row">
<div class="col-xs-3">
<i class="fa fa-gears fa-5x"></i>
</div>
<div class="col-xs-9 text-right huge">Manage Packages</div>
</div>
</div>
<a href="{% url 'manage-packages' %}">
<div class="panel-footer">
<span class="pull-left">Manage Packages</span>
<span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
<div class="clearfix"></div>
</div>
</a>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<!-- server list -->
<div class="col-md-4">
<div class="panel panel-yellow">
<div class="panel-heading">
<div class="row">
<div class="col-xs-3"><i class="fa fa-list-alt fa-5x"></i></div>
<div class="col-xs-9 text-right huge">Updates history</div>
</div>
</div>
<a href="{% url 'history' 'updates' %}">
<div class="panel-footer">
<span class="pull-left">Go to last month history</span>
<span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
<div class="clearfix"></div>
</div>
</a>
</div>
</div>
<!-- history uptime -->
<div class="col-md-4">
<div class="panel panel-yellow">
<div class="panel-heading">
<div class="row">
<div class="col-xs-3"> <i class="fa fa-clock-o fa-5x"></i> </div>
<div class="col-xs-9 text-right huge">Uptime history</div>
</div>
</div>
<a href="{% url 'history' 'uptime' %}">
<div class="panel-footer">
<span class="pull-left">Go to last month history</span>
<span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
<div class="clearfix"></div>
</div>
</a>
</div>
</div>
<!-- history OS -->
<div class="col-md-4">
<div class="panel panel-yellow">
<div class="panel-heading">
<div class="row">
<div class="col-xs-3">
<i class="fa fa-linux fa-5x"></i>
</div>
<div class="col-xs-9 text-right huge">OS history</div>
</div>
</div>
<a href="{% url 'history' 'os' %}">
<div class="panel-footer">
<span class="pull-left">Go to last month history</span>
<span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
<div class="clearfix"></div>
</div>
</a>
</div>
</div>
</div>
</div>
{% endblock %}