| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990 |
- <!DOCTYPE html>
- <html>
- <head>
- <title>Restic Backups</title>
- <link rel="stylesheet" href="static/bootstrap.min.css">
- <link rel="stylesheet" href="static/bootstrap-icons.css">
- <link rel="stylesheet" href="static/bootstrap-table.min.css">
- <!-- https://www.lescouleurs.ch/en/the-colours/63-colours/ -->
- <style>
- .daily1 { background-color: #C4D39B; }
- .daily2 { background-color: #ABC17A; }
- .daily3 { background-color: #7FA25A; }
- .weekly { background-color: rgb(171,189,200); }
- .monthly { background-color: rgb(138,181,186); }
- .yearly1 { background-color: rgb(205,152,134); }
- .yearly2 { background-color: rgb(196,94,58); }
- .yearly3 { background-color: rgb(155,55,56); }
- .blau { background-color: #3957A5 !important; }
- /* .blau { background-color: #5984f2 !important; } */
- .violett { background-color: #933b66 !important; }
- .forget { background-image: repeating-linear-gradient(45deg, red, red 10px, transparent 10px, transparent 20px); }
- </style>
- </head>
- <body>
- <div class="container" style="margin-top: 1em">
- <h1>Backup-Übersicht am {{ today }}</h1>
- <h5 style="margin-top: 0.85em">snapshots.json vom {{
- tmp_restic_json_date }}, {{ tmp_restic_forget_date }}</h5>
- <br>
- <!-- <table id="lastbackup" data-toggle="table" data-striped="true"> -->
- <table id="lastbackup" class="bootstrap-table fixed-table-container table" style="float: left; width: 70%; margin-top: 8px; ">
- <thead>
- <tr>
- <th>
- <span title="{{ gigabytes(lastbackup.last_remotefreebytes)
- }}GB free">Fill-Level Backupdisk: {{ lastbackup.last_remotefilllevel }}</span>
- </th>
- <th class="{{ lastbackup.last_backup_color }}">
- <span title="{{ lastbackup.last_localfilllevel }} free ({{ gigabytes(lastbackup.last_localfreebytes) }}">
- Letzte Backup-Kopie: {{ lastbackup.last_backup_copy }} {{ lastbackup.last_localfilllevel }}
- </span>
- </th>
- <th class="{{ lastbackup.next_backup_color }}">
- Nächste Backup-Kopie auf: {{ lastbackup.next_backup_color }}
- </th>
- </tr>
- </thead>
- </table>
- <table id="table" data-toggle="table" data-sort-name="time" data-sort-order="desc" data-search="true" data-sortable="true" data-striped="true">
- <thead>
- <tr>
- <th data-sortable="true" data-filter-control="input" data-field="time">Time</th>
- <!-- <th data-sortable="true" data-filter-control="input" data-field="nicetime">nicetime</th> -->
- <!-- <th data-field="tree">Tree</th> -->
- <!-- <th data-field="paths">Paths</th> -->
- <th data-sortable="true" data-filter-control="input" data-field="hostname">Hostname</th>
- <!-- <th data-field="username">Username</th> -->
- <th data-sortable="true" data-filter-control="input" data-field="short_id">Short ID</th>
- <th data-sortable="true" data-filter-control="input" data-field="tags">Tags</th>
- <!-- <th data-field="original">Original</th> -->
- <!-- <th data-field="id">ID</th> -->
- </tr>
- </thead>
- <tbody>
- {% for item in data %}
- <tr class="table-row {{ time_class( item.time ) }} {{ forget_pattern( item.mopped ) }}">
- <td class="time"><span style="display:none">{{ item.time }}</span><!-- </td>
- <td> --><span title="{{ clean_datetime( item.time ) }}">{{ clean_date( item.time ) }}</span></td>
- <!-- <td>{{ item.tree }}</td> -->
- <!-- <td>{{ item.paths }}</td> -->
- <td><span title="{{ item.paths }}">{{ item.hostname }}</span></td>
- <!-- <td>{{ item.username }}</td> -->
- <td><span title="{{ item.id }}">{{ item.short_id }}</span></td>
- <td>{{ item.tags|join(', ') }}</td>
- <!-- <td>{{ item.original }}</td> -->
- <!-- <td>{{ item.id }}</td> -->
- </tr>
- {% endfor %}
- </tbody>
- </table>
- <p style="align: right">git-version: {{COMMIT_HASH}}</p>
- </div>
- <!-- <script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>
- <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
- <script src="https://unpkg.com/bootstrap-table@1.21.4/dist/bootstrap-table.min.js"></script> -->
- <script src="static/jquery.min.js"></script>
- <script src="static/bootstrap.bundle.min.js"></script>
- <script src="static/bootstrap-table.min.js"></script>
- </body>
- </html>
|