| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889 |
- <!DOCTYPE html>
- <html>
- <head>
- <title>Restic Backups</title>
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" crossorigin="anonymous">
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.7.2/font/bootstrap-icons.css" crossorigin="anonymous">
- <link rel="stylesheet" href="https://unpkg.com/bootstrap-table@1.21.4/dist/bootstrap-table.min.css" crossorigin="anonymous">
- <link rel="stylesheet" href="bootstrap.min.css">
- <link rel="stylesheet" href="bootstrap-icons.css">
- <link rel="stylesheet" href="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">
- <h1>Backup-Übersicht am {{ today }}</h1>
- <h3>/var/lib/restic/snapshots.json vom {{ tmp_restic_json_date }}</h3>
- <h4>{{ tmp_restic_forget_date }}</h4>
- <br>
- <!-- <table id="lastbackup" data-toggle="table" data-striped="true"> -->
- <table id="lastbackup" class="bootstrap-table fixed-table-container table">
- <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 }}
- </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>
- </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>
- </body>
- </html>
|