michael/URBM
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add contextual WebGUI tooltips

Browse Source
This commit is contained in:
Mikei386
2026-06-13 23:23:06 +02:00
parent 4f5abc4b1b
commit 93e28030a0
8 changed files with 229 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files
webgui/Backupper.page
+11 -10
View File
@@ -9,23 +9,24 @@ Tag="backup restic snapshots restore"
<?php
$pluginRoot = '/plugins/backupper';
?>
<link rel="stylesheet" href="<?= $pluginRoot ?>/assets/backupper.css?v=4">
<link rel="stylesheet" href="<?= $pluginRoot ?>/assets/backupper.css?v=5">
<div id="backupper-app" data-api="<?= $pluginRoot ?>/api.php">
<header class="bu-header">
<div><h1>Backupper</h1><p>Encrypted Restic backups for Unraid</p></div>
<div id="bu-health" class="bu-health">Connecting...</div>
<div id="bu-health" class="bu-health" tabindex="0" data-tooltip="Zeigt, ob die Backupper-Hintergrundkomponente erreichbar ist. Beispiel: 'Daemon online' bedeutet, dass Jobs gestartet werden können.">Connecting...</div>
</header>
<nav class="bu-tabs" aria-label="Backupper sections">
<button data-view="dashboard" class="active">Dashboard</button>
<button data-view="jobs">Backup Jobs</button>
<button data-view="repositories">Repositories</button>
<button data-view="snapshots">Snapshots</button>
<button data-view="restore">Restore</button>
<button data-view="activity">Activity</button>
<button data-view="settings">Settings</button>
<button data-view="dashboard" class="active" data-tooltip="Übersicht über konfigurierte Jobs, Ziele, laufende Aufgaben und Fehler.">Dashboard</button>
<button data-view="jobs" data-tooltip="Hier legst du fest, welche Daten wann gesichert werden. Beispiel: Appdata täglich um 02:00 Uhr.">Backup Jobs</button>
<button data-view="repositories" data-tooltip="Verwaltet die Speicherziele für Restic. Beispiel: lokaler Pfad, SMB-Freigabe oder SFTP-Server.">Repositories</button>
<button data-view="snapshots" data-tooltip="Zeigt vorhandene Sicherungsstände und deren Dateien. Beispiel: Snapshot vom gestrigen Backup öffnen.">Snapshots</button>
<button data-view="restore" data-tooltip="Stellt Dateien oder Ordner aus einem Snapshot wieder her. Standardmäßig in ein separates Staging-Verzeichnis.">Restore</button>
<button data-view="activity" data-tooltip="Zeigt wartende, laufende und abgeschlossene Backup-, Restore- und Wartungsaufgaben.">Activity</button>
<button data-view="settings" data-tooltip="Globale Einstellungen und ntfy-Benachrichtigungen konfigurieren.">Settings</button>
</nav>
<main id="bu-content" aria-live="polite"></main>
<div id="bu-toast" role="status" aria-live="polite"></div>
<div id="bu-tooltip" role="tooltip" aria-hidden="true"></div>
</div>
<script>window.BACKUPPER_CSRF = <?= json_encode($var['csrf_token'] ?? '') ?>;</script>
<script src="<?= $pluginRoot ?>/assets/backupper.js?v=4"></script>
<script src="<?= $pluginRoot ?>/assets/backupper.js?v=5"></script>