Menu="Tasks:55"
Name="Backupper"
Icon="backupper.png"
Type="xmenu"
Tabs="true"
Code="f0c7"
Tag="backup restic snapshots restore"
---
<?php
$pluginRoot = '/plugins/backupper';
?>
<link rel="stylesheet" href="<?= $pluginRoot ?>/assets/backupper.css?v=202606148">
<div id="backupper-app" data-api="<?= $pluginRoot ?>/api.php">
  <header class="bu-header">
    <div class="bu-brand">
      <img class="bu-logo" src="<?= $pluginRoot ?>/images/backupper.png?v=202606148" alt="Backupper logo">
      <div><h1>Backupper <span class="bu-version">2026.06.14.8</span></h1><p>Encrypted Restic backups for Unraid</p></div>
    </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" 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-2026.06.14.8.js"></script>