george/borg-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Upgrade to bootstrap 5

Browse Source
This commit is contained in:
George Lacey 2021-05-10 03:51:48 +01:00
parent 0d2d7e0c72
commit e875446c0d
1 changed files with 48 additions and 40 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

88
borgweb/borg/templates/borg/index.html
View File

@ -6,56 +6,64 @@
<title>Borg Summary</title> <title>Borg Summary</title>
{% load static %} {% load static %}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/css/bootstrap.min.css" rel="stylesheet"
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css" integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous"> integrity="sha384-wEmeIV1mKuiNpC+IOBjI7aAzPcEZeedi5yW5f2yOq55WWLwNGmvvx4Um1vskeMj0" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-Piv4xVNRyMGpqkS2by6br4gNJ7DXjqk09RmUpJ8jgGtD7zP9yug3goQfGII0yAns" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"
integrity="sha384-p34f1UUtsS3wqzfto5wAAmdvj+osOnFyQFpp4Ua3gs/ZVWx6oOypYoCJhGGScy+8"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script> <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<link rel="stylesheet" type="text/css" href="{% static 'css/index.css' %}"> <link rel="stylesheet" type="text/css" href="{% static 'css/index.css' %}">
{{ hour_list|json_script:"hour_list" }} {{ hour_list|json_script:"hour_list" }}
<script src="{% static 'js/index.js' %}"></script> <script src="{% static 'js/index.js' %}"></script>
<style>
.container, body, div {
width: 100%;
}
</style>
</head> </head>
<body> <body>
<p id="hours"></p> <p id="hours"></p>
{% if repo_list %} {% if repo_list %}
{% for repo in repo_list %} <div class="container">
{% if repo.archive_after_latest_error %} {% for repo in repo_list %}
<div class="col-md-4 rounded float-xl-left bg-success overflow-hidden"> <div class="float-lg-start rounded overflow-hidden bg-primary p-3
{% else %} {% if not repo.archive_after_latest_error %}bg-danger{% endif %}">
<div class="col-md-4 rounded float-xl-left bg-danger overflow-hidden"> <h2 class="repo_label">{{ repo.label }}
{% endif %} <small class="text-muted"> {{ repo.location }}</small>
<h3 class="repo_label">{{ repo.label }}<small class="text-muted"> {{ repo.location }}</small></h3> </h2>
<dl class="row"> <dl class="row">
<dt class="col-sm-3">Latest backup:</dt> <dt class="col-4">Latest backup:</dt>
<dd class="col-sm-9">{{ repo.last_backup }}</dd> <dd class="col-8">{{ repo.last_backup }}</dd>
</dl> </dl>
<dl class="row"> <dl class="row">
<dt class="col-sm-3">Hourly backups:</dt> <dt class="col-4">Hourly backups:</dt>
<dd class="col-sm-9">{{ repo.hourly_archive_string }}</dd> <dd class="col-8">{{ repo.hourly_archive_string }}</dd>
</dl> </dl>
<dl class="row"> <dl class="row">
<dt class="col-sm-3">Size:</dt> <dt class="col-4">Size:</dt>
<dd class="col-sm-9">{{ repo.size_string }}</dd> <dd class="col-8">{{ repo.size_string }}</dd>
</dl> </dl>
{% if repo.recent_errors|length > 0 %} {% if repo.recent_errors|length > 0 %}
<dl class="row"> <dl class="row">
<dt class="col-sm-9 h4">Recent errors:</dt> <dt class="col-12 h4">Recent errors:</dt>
</dl> </dl>
{% endif %} {% endif %}
<dl class="row ml-1"> <dl class="row">
{% for error in repo.recent_errors %} {% for error in repo.recent_errors %}
<dt class="col-sm-4">{{ error.time_ago }}</dt> <dt class="col-4">{{ error.time_ago }}</dt>
<dd class="col-sm-8 text-truncate">{{ error.error }}</dd> <dd class="col-8 text-truncate">{{ error.error }}</dd>
{% endfor %} {% endfor %}
</dl> </dl>
</div>
{% endfor %}
{% else %}
<p>No repos found.</p>
{% endif %}
<div class="col-md-4 rounded float-xl-left">
<canvas id="backup_csize_hourly" width="200" height="100"></canvas>
</div> </div>
{% endfor %}
<div class="float-lg-start rounded overflow-hidden bg-primary p-3">
<canvas id="backup_csize_hourly" width="400" height="200"></canvas>
</div>
{% else %}
<p>No repos found.</p>
{% endif %}
</div>
</div> </div>
</body> </body>
</html> </html>