table.html 4.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>Restic Backups</title>
  5. <link rel="stylesheet" href="static/bootstrap.min.css">
  6. <link rel="stylesheet" href="static/bootstrap-icons.css">
  7. <link rel="stylesheet" href="static/bootstrap-table.min.css">
  8. <!-- https://www.lescouleurs.ch/en/the-colours/63-colours/ -->
  9. <style>
  10. .daily1 { background-color: #C4D39B; }
  11. .daily2 { background-color: #ABC17A; }
  12. .daily3 { background-color: #7FA25A; }
  13. .weekly { background-color: rgb(171,189,200); }
  14. .monthly { background-color: rgb(138,181,186); }
  15. .yearly1 { background-color: rgb(205,152,134); }
  16. .yearly2 { background-color: rgb(196,94,58); }
  17. .yearly3 { background-color: rgb(155,55,56); }
  18. .blau { background-color: #3957A5 !important; }
  19. /* .blau { background-color: #5984f2 !important; } */
  20. .violett { background-color: #933b66 !important; }
  21. .forget { background-image: repeating-linear-gradient(45deg, red, red 10px, transparent 10px, transparent 20px); }
  22. </style>
  23. </head>
  24. <body>
  25. <div class="container">
  26. <h1>Backup-Übersicht am {{ today }}</h1>
  27. <h3>/var/lib/restic/snapshots.json vom {{ tmp_restic_json_date }}</h3>
  28. <h4>{{ tmp_restic_forget_date }}</h4>
  29. <br>
  30. <!-- <table id="lastbackup" data-toggle="table" data-striped="true"> -->
  31. <table id="lastbackup" class="bootstrap-table fixed-table-container table">
  32. <thead>
  33. <tr>
  34. <th>
  35. <span title="{{ gigabytes(lastbackup.last_remotefreebytes)
  36. }}GB free">Fill-Level Backupdisk:&nbsp;&nbsp;{{ lastbackup.last_remotefilllevel }}</span>
  37. </th>
  38. <th class="{{ lastbackup.last_backup_color }}">
  39. <span title="{{ lastbackup.last_localfilllevel }} free ({{ gigabytes(lastbackup.last_localfreebytes) }}">
  40. Letzte Backup-Kopie:&nbsp;&nbsp;{{ lastbackup.last_backup_copy }}
  41. </span>
  42. </th>
  43. <th class="{{ lastbackup.next_backup_color }}">
  44. Nächste Backup-Kopie auf: &nbsp;&nbsp;{{ lastbackup.next_backup_color }}
  45. </th>
  46. </tr>
  47. </thead>
  48. </table>
  49. <table id="table" data-toggle="table" data-sort-name="time" data-sort-order="desc" data-search="true" data-sortable="true" data-striped="true">
  50. <thead>
  51. <tr>
  52. <th data-sortable="true" data-filter-control="input" data-field="time">Time</th>
  53. <!-- <th data-sortable="true" data-filter-control="input" data-field="nicetime">nicetime</th> -->
  54. <!-- <th data-field="tree">Tree</th> -->
  55. <!-- <th data-field="paths">Paths</th> -->
  56. <th data-sortable="true" data-filter-control="input" data-field="hostname">Hostname</th>
  57. <!-- <th data-field="username">Username</th> -->
  58. <th data-sortable="true" data-filter-control="input" data-field="short_id">Short ID</th>
  59. <th data-sortable="true" data-filter-control="input" data-field="tags">Tags</th>
  60. <!-- <th data-field="original">Original</th> -->
  61. <!-- <th data-field="id">ID</th> -->
  62. </tr>
  63. </thead>
  64. <tbody>
  65. {% for item in data %}
  66. <tr class="table-row {{ time_class( item.time ) }} {{ forget_pattern( item.mopped ) }}">
  67. <td class="time"><span style="display:none">{{ item.time }}</span><!-- </td>
  68. <td> --><span title="{{ clean_datetime( item.time ) }}">{{ clean_date( item.time ) }}</span></td>
  69. <!-- <td>{{ item.tree }}</td> -->
  70. <!-- <td>{{ item.paths }}</td> -->
  71. <td><span title="{{ item.paths }}">{{ item.hostname }}</span></td>
  72. <!-- <td>{{ item.username }}</td> -->
  73. <td><span title="{{ item.id }}">{{ item.short_id }}</span></td>
  74. <td>{{ item.tags|join(', ') }}</td>
  75. <!-- <td>{{ item.original }}</td> -->
  76. <!-- <td>{{ item.id }}</td> -->
  77. </tr>
  78. {% endfor %}
  79. </tbody>
  80. </table>
  81. </div>
  82. <!-- <script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>
  83. <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>
  84. <script src="https://unpkg.com/bootstrap-table@1.21.4/dist/bootstrap-table.min.js"></script> -->
  85. <script src="static/jquery.min.js"></script>
  86. <script src="static/bootstrap.bundle.min.js"></script>
  87. <script src="static/bootstrap-table.min.js"></script>
  88. </body>
  89. </html>