(() => { 'use strict'; const root = document.getElementById('urbm-app'); if (!root) return; const content = document.getElementById('bu-content'); const health = document.getElementById('bu-health'); const toast = document.getElementById('bu-toast'); const tooltip = document.getElementById('bu-tooltip'); const sourceRoots = ['/mnt/user','/mnt/disks','/mnt/remotes','/boot'].map(path=>({name:path,path})); const repositoryRoots = ['/mnt/user','/mnt/disks','/mnt/remotes'].map(path=>({name:path,path})); const state = { config: null, runs: [], view: 'dashboard', snapshots: [], selectedSnapshot: null, snapshotRepo: null, files: [], browserPath: '/', restoreIncludes: [], backupSelections: [], workloadSelections: [], workloads: [], workloadAvailable: true, workloadError: '', sourceBrowserPath: '/', sourceDirectories: sourceRoots, sourceBrowserError: '', repositoryBrowserPath: '/', repositoryDirectories: repositoryRoots, repositoryBrowserError: '', liveLogOpen: {} }; const fieldHelp = { name: 'Frei wählbarer Anzeigename. Beispiel: Appdata täglich oder VM Home Assistant.', type: 'Art der zu sichernden Daten. Beispiel: appdata für Containerdaten, vm für virtuelle Maschinen oder flash für den Unraid-USB-Stick.', repositoryId: 'Speicherziel für diesen Vorgang. Jeder Backup-Job verwendet ein eigenes Restic-Repository.', scheduleMode: 'Legt fest, an welchen Tagen das Backup startet. Beispiel: täglich, Montag bis Freitag oder ausgewählte Wochentage.', scheduleTime: 'Uhrzeit für den automatischen Start. Beispiel: 02:30 startet das Backup nachts um halb drei.', scheduleDays: 'Wähle mindestens einen Wochentag. Beispiel: Montag, Mittwoch und Sonntag jeweils zur eingestellten Uhrzeit.', consistency: 'Live sichert ohne Unterbrechung, kann aber nur crash-konsistent sein. Controlled stop beendet Container oder VM vor dem Backup und startet sie danach wieder.', compression: 'Restic-Kompression. auto ist empfohlen; off spart CPU; max spart eher Speicher, benötigt aber mehr CPU-Zeit.', sources: 'Optionale manuelle Quellen, eine pro Zeile. Ordner wählst du einfacher über die Checkbox-Liste. Docker- oder VM-ID mit @ voranstellen, z. B. @HomeAssistant.', excludes: 'Muster für Dateien, die nicht gesichert werden. Ein Muster pro Zeile. Beispiele: *.tmp, cache/** oder /mnt/user/appdata/plex/Cache/**.', shutdownSecs: 'Maximale Wartezeit für einen kontrollierten Stopp. Beispiel: 120 wartet bis zu zwei Minuten; danach wird das Backup ohne Force-Stop abgebrochen.', keepWithinDays: 'Behält alle Snapshots, die innerhalb dieser Anzahl Tage erstellt wurden. Beispiel: 30 entfernt ältere Snapshots beim nächsten erfolgreichen Backup.', keepDaily: 'Zusätzliche tägliche Stände außerhalb der Altersfrist. 0 deaktiviert diese Zusatzregel.', keepWeekly: 'Zusätzliche wöchentliche Stände außerhalb der Altersfrist. 0 deaktiviert diese Zusatzregel.', keepMonthly: 'Zusätzliche monatliche Stände außerhalb der Altersfrist. 0 deaktiviert diese Zusatzregel.', enabled: 'Aktiviert automatische geplante Läufe. Deaktivierte Jobs können weiterhin gespeichert, aber nicht automatisch ausgeführt werden.', location: 'Restic-Ziel. Lokal: /mnt/user/backups/job1. SFTP: user@server:/backup/job1. Bei SMB/NFS mit Mount wird hier der Mount-Pfad verwendet.', password: 'Passwort zur Restic-Verschlüsselung. Beispiel: eine lange zufällige Passphrase. Leer lassen, wenn ein vorhandenes Passwort unverändert bleiben soll.', passwordConfirm: 'Wiederhole das Repository-Passwort exakt. URBM speichert das Passwort nur, wenn beide Eingaben übereinstimmen.', managed: 'Wenn aktiv, mountet URBM SMB/NFS vor dem Job selbst. Wenn aus, muss der angegebene Pfad bereits durch Unraid oder Unassigned Devices gemountet sein.', remote: 'Adresse der Netzwerkfreigabe. SMB-Beispiel: //192.168.1.20/backup. NFS-Beispiel: 192.168.1.20:/volume1/backup.', mountPoint: 'Lokaler Einhängepunkt auf Unraid. Beispiel: /mnt/remotes/backup-nas. Erlaubt sind Pfade unter /mnt/remotes oder /mnt/disks.', credential: 'SMB-Beispiel: username=backup und password=geheim auf getrennten Zeilen. Bei SFTP hier den kompletten privaten SSH-Schlüssel einfügen.', knownHostsPath: 'Datei mit dem geprüften SSH-Hostschlüssel. Beispiel: /root/.ssh/known_hosts. StrictHostKeyChecking ist immer aktiv.', snapshotId: 'Eindeutige ID des Sicherungsstands. Beispiel: 7f3a91cd. Sie kann im Bereich Snapshots über Durchsuchen ausgewählt werden.', includes: 'Nur diese Pfade werden wiederhergestellt, einer pro Zeile. Beispiel: /mnt/user/Documents/Rechnung.pdf oder /mnt/user/Documents.', target: 'Zielverzeichnis der Wiederherstellung. Sicheres Beispiel: /mnt/user/urbm-restores/restore-123. Standardmäßig wird nicht direkt über Originaldaten geschrieben.', inPlace: 'Erlaubt Wiederherstellung direkt an einen produktiven Zielpfad. Nur aktivieren, wenn vorhandene Dateien bewusst ersetzt werden sollen.', confirmed: 'Zusätzliche Bestätigung für einen In-place-Restore. Ohne diese Bestätigung wird ein direkter Restore blockiert.', resticPath: 'Pfad zur vom Plugin bereitgestellten Restic-Datei. Standard: /usr/local/libexec/urbm/restic. Normalerweise nicht ändern.', restoreRoot: 'Basisverzeichnis für sichere Staging-Restores. Beispiel: /mnt/user/urbm-restores.', persistentLogDir: 'Optionales Verzeichnis für dauerhafte Detailprotokolle. Beispiel: /mnt/user/system/urbm-logs. Leer lassen, um Flash-Schreibzugriffe zu vermeiden.', showLiveLog: 'Zeigt bereinigte Restic-Laufmeldungen unter den Aufgaben im Aktivitäten-Bereich. Standardmäßig deaktiviert; Fortschritt und Ergebnis bleiben trotzdem sichtbar.', catchUp: 'Wie viele Stunden nach einem verpassten Termin ein Job beim Boot nachgeholt werden darf. Beispiel: 24 holt einen innerhalb des letzten Tages verpassten Lauf nach.', checkCron: 'Zeitplan für vollständige Repository-Prüfungen. Beispiel: 0 3 1 * * prüft am ersten Tag jedes Monats um 03:00 Uhr.', pruneCron: 'Zeitplan zum Freigeben nicht mehr benötigter Restic-Daten. Beispiel: 0 4 * * 0 startet sonntags um 04:00 Uhr.', url: 'Basisadresse deines Gotify-Servers. Beispiel: https://gotify.example.de oder http://192.168.1.20:8080.', token: 'App-Token aus Gotify unter Apps. Das Token wird verschlüsselt gespeichert und nicht erneut angezeigt.', events: 'Legt fest, bei welchen Ergebnissen dieser Kanal informiert. Mindestens ein Ereignis muss aktiv sein.', }; const actionHelp = { 'new-job': 'Öffnet den Assistenten für einen neuen Backup-Job. Beispiel: tägliches Appdata-Backup.', 'submit-job': 'Prüft und speichert diesen Backup-Job.', 'new-repo': 'Legt ein neues, isoliertes Restic-Speicherziel an.', 'submit-repo': 'Speichert Ziel und Zugangsdaten. Das Repository wird dadurch noch nicht automatisch initialisiert.', 'init-repo': 'Initialisiert am Ziel einmalig ein neues, leeres Restic-Repository. Bei einem vorhandenen Repository nur das ursprüngliche Passwort eintragen und Test verwenden.', 'unlock-repo': 'Entfernt ausschließlich von Restic als veraltet erkannte Repository-Sperren. Aktive Sperren werden nicht gelöscht.', 'load-snapshots': 'Lädt alle Sicherungsstände des ausgewählten Repositorys.', 'restore-selected': 'Übernimmt die markierten Dateien oder Ordner in den Wiederherstellungsassistenten.', 'submit-restore': 'Stellt die Wiederherstellung in die globale Warteschlange; Backups und Wiederherstellungen laufen nacheinander.', 'submit-settings': 'Speichert die globalen URBM-Einstellungen.', 'submit-unraid-notify': 'Speichert native Unraid-Benachrichtigungen. Die Zustellung erfolgt über die in Unraid eingerichteten Notification Agents.', 'submit-gotify-notify': 'Speichert den Gotify-Kanal und das App-Token verschlüsselt.', 'refresh': 'Lädt Laufstatus und Historie erneut vom URBM-Daemon.', 'clear-activity': 'Löscht alle abgeschlossenen Aktivitätseinträge und deren gespeicherte Laufprotokolle. Laufende und wartende Aufgaben bleiben erhalten.', 'cancel-form': 'Verwirft ungespeicherte Eingaben und kehrt zur Übersicht zurück.', 'browser-up': 'Öffnet im Snapshot-Browser das übergeordnete Verzeichnis.', 'source-up': 'Öffnet im Ordner-Browser das übergeordnete Verzeichnis.', 'select-current-source': 'Wählt den aktuell geöffneten Ordner vollständig als Backup-Quelle aus.', 'repository-up': 'Öffnet im lokalen Repository-Browser das übergeordnete Verzeichnis.', 'select-repository-folder': 'Übernimmt den aktuell geöffneten Ordner als lokalen Repository-Pfad.', 'select-current-restore': 'Wählt den aktuell geöffneten Snapshot-Ordner vollständig für die Wiederherstellung aus.', }; const esc = (value) => String(value ?? '').replace(/[&<>'"]/g, c => ({'&':'&','<':'<','>':'>',"'":''','"':'"'}[c])); function translateUserMessage(value) { const text=String(value||''); const exact={ 'run not found':'Vorgang nicht gefunden', 'queue is stopping':'Die Warteschlange wird beendet', 'task already queued or running':'Die Aufgabe wartet bereits oder wird ausgeführt', 'restic process is not active yet':'Der Restic-Prozess ist noch nicht aktiv', 'run is not currently running':'Der Vorgang wird derzeit nicht ausgeführt', 'run is not currently paused':'Der Vorgang ist derzeit nicht pausiert' }; if(exact[text]) return exact[text]; return text .replace(/^validation:\s*/,'Ungültige Eingabe: ') .replace(/^authentication:\s*/,'Authentifizierung: ') .replace(/^connectivity:\s*/,'Verbindung: ') .replace(/^environment:\s*/,'Systemumgebung: ') .replace(/^repository:\s*/,'Repository: ') .replace(/^source:\s*/,'Quelle: ') .replace(/^cancelled:\s*/,'Abgebrochen: ') .replace('unknown repository','unbekanntes Repository') .replace('unknown job','unbekannter Backup-Job') .replace('repository no longer exists','Repository ist nicht mehr vorhanden') .replace('job no longer exists','Backup-Job ist nicht mehr vorhanden'); } const api = async (path, options = {}) => { const response = await fetch(`${root.dataset.api}?path=${encodeURIComponent(path)}`, { ...options, headers: {'Content-Type':'application/json', 'X-CSRF-Token':window.URBM_CSRF || window.csrf_token || '', ...(options.headers || {})} }); const text = await response.text(); let body = null; try { body = text ? JSON.parse(text) : null; } catch (_) { body = {error:text}; } if (!response.ok) throw new Error(translateUserMessage(body?.error || `Anfrage fehlgeschlagen (${response.status})`)); return body; }; const notify = (message, error = false) => { toast.textContent = message; toast.className = `show${error ? ' error' : ''}`; clearTimeout(notify.timer); notify.timer = setTimeout(() => toast.className = '', 4500); }; const id = (prefix) => `${prefix}-${crypto.randomUUID()}`; const repoName = (repoId) => state.config.repositories.find(r => r.id === repoId)?.name || repoId; const volatileLocation = (repo) => repo.type === 'local' && (/^\/tmp(?:\/|$)/.test(repo.location) || /^\/run(?:\/|$)/.test(repo.location)); const tipAttr = (text) => text ? ` data-tooltip="${esc(text)}"` : ''; const actionTooltip = (action, label) => { const [name] = action.split(':'); if (actionHelp[name]) return actionHelp[name]; const dynamic = { 'run-job': 'Startet diesen Backup-Job sofort. Beispiel: manuelles Backup vor einem Unraid-Update.', 'edit-job': 'Öffnet die Einstellungen dieses Backup-Jobs zum Bearbeiten.', 'duplicate-job': 'Erstellt eine deaktivierte Kopie als Vorlage. Danach Name, Repository und Quellen anpassen.', 'delete-job': 'Löscht die Job-Konfiguration. Vorhandene Restic-Snapshots im Repository bleiben erhalten.', 'test-repo': 'Prüft Erreichbarkeit, Passwort und Restic-Zugriff, ohne ein Backup zu starten.', 'init-repo': 'Erstellt einmalig ein neues Restic-Repository. Nicht erneut ausführen und nicht für vorhandene Restic-Repositories verwenden.', 'unlock-repo': 'Entfernt verwaiste Restic-Locks, etwa nach einem Neustart oder abgebrochenen Prozess. Aktive Locks bleiben erhalten.', 'repo-snapshots': 'Wechselt zu den Sicherungsständen dieses Repositorys.', 'maint': action.includes(':check:') ? 'Prüft Struktur und Integrität des Restic-Repositorys.' : 'Entfernt nach Retention nicht mehr benötigte Datenblöcke und gibt Speicher frei.', 'edit-repo': 'Öffnet Ziel-, Mount- und Zugangseinstellungen dieses Repositorys.', 'delete-repo': 'Löscht nur die URBM-Konfiguration. Die Backupdaten am Speicherziel werden nicht gelöscht.', 'browse': 'Öffnet den Dateibaum dieses Snapshots, um einzelne Dateien oder Ordner auszuwählen.', 'open-dir': 'Öffnet dieses Verzeichnis innerhalb des schreibgeschützten Snapshots.', 'open-source-dir': 'Öffnet diesen Ordner, um darin weitere Unterordner auszuwählen.', 'open-repository-dir': 'Öffnet diesen lokalen Ordner, um ihn oder einen Unterordner als Repository-Ziel auszuwählen.', 'cancel-run': 'Bricht die laufende oder wartende Aufgabe ab. Bereinigung und Neustart gestoppter Systeme werden trotzdem versucht.', 'pause-run': 'Hält den aktiven Restic-Prozess und seine Unterprozesse an. Mounts sowie gestoppte Container oder VMs bleiben bis zum Fortsetzen oder Abbrechen bestehen.', 'resume-run': 'Setzt einen zuvor pausierten Restic-Vorgang an derselben Stelle fort.', }; return dynamic[name] || `${label} ausführen.`; }; const statusLabels = {success:'Erfolgreich',warning:'Warnung',failed:'Fehlgeschlagen',running:'Läuft',paused:'Pausiert',queued:'Wartet',cancelled:'Abgebrochen'}; const taskLabels = {backup:'Backup',restore:'Wiederherstellung',check:'Prüfung',prune:'Bereinigung'}; const typeLabels = {share:'Freigaben',appdata:'Appdata',docker:'Docker',vm:'Virtuelle Maschinen',flash:'USB-Flash',local:'Lokal',smb:'SMB',nfs:'NFS',sftp:'SFTP'}; const messageLabels = {'backup completed':'Backup abgeschlossen','restore completed':'Wiederherstellung abgeschlossen','check completed':'Prüfung abgeschlossen','prune completed':'Bereinigung abgeschlossen','daemon restarted while task was active':'Daemon wurde während eines aktiven Vorgangs neu gestartet'}; const status = (value) => `${esc(statusLabels[value]||value)}`; const displayMessage = value => { const text=String(value||''); if(text.includes('backup succeeded but retention failed')&&text.includes('repository is already locked')) return 'Backup erfolgreich. Die Aufbewahrung konnte wegen einer Repository-Sperre nicht ausgeführt werden. Unter Repositorys „Entsperren“ und danach „Bereinigen“ wählen.'; if(text.includes('repository is already locked')) return 'Repository ist gesperrt. Falls kein anderer Restic-Vorgang läuft, unter Repositorys „Entsperren“ wählen.'; return messageLabels[text] || translateUserMessage(text); }; const runTarget = run => { if(run.taskType==='backup') return state.config.jobs.find(job=>job.id===run.jobId)?.name || 'Unbekannter Job'; if(['check','prune'].includes(run.taskType)) return state.config.repositories.find(repo=>repo.id===run.jobId)?.name || 'Unbekanntes Repository'; return run.jobId || ''; }; const button = (label, action, kind = '') => ``; const disabledButton = (label, help) => ``; const actionGroup = (buttons) => `
${buttons}
`; const formatBytes = (value) => { const units = ['B','KiB','MiB','GiB','TiB']; let size = Number(value)||0; let unit = 0; while (size >= 1024 && unit < units.length-1) { size /= 1024; unit++; } return `${size >= 10 || unit === 0 ? size.toFixed(0) : size.toFixed(1)} ${units[unit]}`; }; const formatEta = value => { let seconds=Math.max(0,Math.round(Number(value)||0)); const hours=Math.floor(seconds/3600); seconds%=3600; const minutes=Math.floor(seconds/60); seconds%=60; return hours?`${hours}h ${minutes}m`:minutes?`${minutes}m ${seconds}s`:`${seconds}s`; }; const weekDays = [{value:'1',short:'Mo',name:'Montag'},{value:'2',short:'Di',name:'Dienstag'},{value:'3',short:'Mi',name:'Mittwoch'},{value:'4',short:'Do',name:'Donnerstag'},{value:'5',short:'Fr',name:'Freitag'},{value:'6',short:'Sa',name:'Samstag'},{value:'0',short:'So',name:'Sonntag'}]; function parseSchedule(cron = '0 2 * * *') { const match = String(cron).trim().match(/^(\d{1,2})\s+(\d{1,2})\s+\*\s+\*\s+(.+)$/); if (!match || Number(match[1]) > 59 || Number(match[2]) > 23) return {mode:'custom',time:'02:00',days:[],cron}; const time = `${String(match[2]).padStart(2,'0')}:${String(match[1]).padStart(2,'0')}`; if (match[3] === '*') return {mode:'daily',time,days:[],cron}; if (match[3] === '1-5') return {mode:'weekdays',time,days:[],cron}; const days = match[3].split(','); if (days.length && days.every(day=>weekDays.some(item=>item.value===day))) return {mode:'selected',time,days:[...new Set(days)],cron}; return {mode:'custom',time,days:[],cron}; } function scheduleCron(form) { const mode = form.get('scheduleMode'); if (mode === 'custom') return form.get('customCron'); const [hour, minute] = String(form.get('scheduleTime') || '02:00').split(':'); const dayField = mode === 'daily' ? '*' : mode === 'weekdays' ? '1-5' : form.getAll('scheduleDays').join(','); if (mode === 'selected' && !dayField) throw new Error('Wähle mindestens einen Wochentag für den Backup-Zeitplan aus.'); return `${Number(minute)} ${Number(hour)} * * ${dayField}`; } function scheduleLabel(cron) { const schedule = parseSchedule(cron); if (schedule.mode === 'custom') return cron || 'Manuell'; if (schedule.mode === 'daily') return `Täglich um ${schedule.time} Uhr`; if (schedule.mode === 'weekdays') return `Mo–Fr um ${schedule.time} Uhr`; const labels = weekDays.filter(day=>schedule.days.includes(day.value)).map(day=>day.short).join(', '); return `${labels} um ${schedule.time} Uhr`; } function scheduleFields(job = {}) { const schedule = parseSchedule(job.schedule?.cron || '0 2 * * *'); const modes = [['daily','Täglich'],['weekdays','Montag bis Freitag'],['selected','Ausgewählte Wochentage']]; if (schedule.mode === 'custom') modes.push(['custom','Bestehenden Cron-Zeitplan beibehalten']); return `
Backup-Zeitplan
Wochentage${weekDays.map(day=>``).join('')}
${schedule.mode==='custom'?``:''}
`; } function lineChart(runs, field, formatter, emptyText) { const points = runs.map(run=>({run,value:Number(run[field] || (field==='bytesProcessed'?run.bytesAdded:run.filesNew) || 0)})); if (!points.length || points.every(point=>point.value===0)) return `
${esc(emptyText)}
`; const width=720, height=220, left=54, right=18, top=18, bottom=38, innerW=width-left-right, innerH=height-top-bottom; const max=Math.max(...points.map(point=>point.value),1); const coords=points.map((point,index)=>({ ...point, x:left+(points.length===1?innerW/2:index*innerW/(points.length-1)), y:top+innerH-(point.value/max)*innerH })); const polyline=coords.map(point=>`${point.x.toFixed(1)},${point.y.toFixed(1)}`).join(' '); const area=`${left},${top+innerH} ${polyline} ${left+innerW},${top+innerH}`; const grid=[0,.25,.5,.75,1].map(ratio=>{const y=top+innerH-ratio*innerH; return `${esc(formatter(max*ratio))}`;}).join(''); const dots=coords.map(point=>{const job=state.config.jobs.find(item=>item.id===point.run.jobId)?.name||point.run.jobId; const date=new Date(point.run.finishedAt||point.run.createdAt).toLocaleString(); return `${esc(`${date} · ${job} · ${formatter(point.value)}`)}`;}).join(''); const first=new Date(points[0].run.finishedAt||points[0].run.createdAt).toLocaleDateString(); const last=new Date(points.at(-1).run.finishedAt||points.at(-1).run.createdAt).toLocaleDateString(); return `${grid}${dots}${esc(first)}${esc(last)}`; } function setTooltip(element, text) { if (!element || !text || element.dataset.tooltip) return; element.dataset.tooltip = text; if (!['INPUT','SELECT','TEXTAREA','BUTTON'].includes(element.tagName) && !element.hasAttribute('tabindex')) element.tabIndex = 0; } function enhanceTooltips(container = root) { container.querySelectorAll('.bu-form [name]').forEach(control => { const help = fieldHelp[control.name]; if (help) { setTooltip(control, help); setTooltip(control.closest('label'), help); } }); const dashboardHelp = { 'Aktive Jobs': 'Anzahl aktivierter Backup-Jobs, die nach Zeitplan laufen dürfen. Beispiel: 3 bedeutet drei aktive Sicherungspläne.', 'Repositorys': 'Anzahl konfigurierter Restic-Speicherziele. Im MVP gehört jedes Repository genau zu einem Job.', 'Wartend / laufend': 'Aufgaben in der Warteschlange oder in Ausführung. URBM führt immer nur eine Aufgabe gleichzeitig aus.', 'Letzte Fehler': 'Fehlgeschlagene Läufe in der jüngsten Historie. Details stehen unter Aktivitäten.', }; container.querySelectorAll('.bu-card .bu-muted').forEach(element => setTooltip(element.closest('.bu-card') || element, dashboardHelp[element.textContent.trim()])); const headerHelp = { Job: 'Name und interne ID des Backup-Jobs.', Typ: 'Art der gesicherten Daten.', Repository: 'Verwendetes Restic-Speicherziel.', Zeitplan: 'Wochentage und Uhrzeit des automatischen Backups.', Aktiv: 'Zeigt, ob der Job automatisch laufen darf.', Aktionen: 'Verfügbare Aktionen für diesen Eintrag.', Name: 'Anzeigename und interne ID.', Speicherort: 'Pfad oder Adresse des Restic-Ziels.', Einbindung: 'Zeigt, ob URBM das Netzwerkziel selbst einbindet.', Snapshot: 'Eindeutiger Sicherungsstand.', Zeitpunkt: 'Erstellungszeitpunkt des Snapshots.', Host: 'Hostname des Systems, das den Snapshot erstellt hat.', Pfade: 'Im Snapshot enthaltene Quellpfade.', Aufgabe: 'Art und Ziel der Aufgabe.', Status: 'Aktueller oder endgültiger Laufstatus.', Erstellt: 'Zeitpunkt, an dem die Aufgabe eingereiht wurde.', Meldung: 'Ergebnis oder Fehlerbeschreibung.', Größe: 'Gespeicherte Dateigröße im Snapshot.' }; container.querySelectorAll('.bu-table th').forEach(th => setTooltip(th, headerHelp[th.textContent.trim()] || 'Informationen zu dieser Tabellenspalte.')); const snapshotSelect = container.querySelector('#bu-snapshot-repo'); setTooltip(snapshotSelect, 'Repository auswählen, dessen Snapshots geladen werden. Beispiel: Appdata Backup NAS.'); container.querySelectorAll('.bu-file-select').forEach(box => setTooltip(box, `Für die Wiederherstellung auswählen. Beispielpfad: ${box.value}`)); const sectionHelp = { 'Backup-Jobs': 'Sicherungspläne verbinden Quellen, Zeitplan und genau ein Restic-Repository.', 'Repositorys': 'Speicherziele und verschlüsselte Zugangsdaten für Restic.', 'Snapshots': 'Unveränderliche Sicherungsstände, die durchsucht und wiederhergestellt werden können.', 'Wiederherstellen': 'Wiederherstellung ausgewählter Dateien oder Ordner. Staging ist die sichere Standardmethode.', 'Aktivitäten': 'Globale Warteschlange und Historie aller URBM-Aufgaben.', 'Einstellungen': 'Globale Pfade sowie Zeitpläne für Prüfung, Bereinigung und Nachholläufe.', 'Unraid-Benachrichtigungen': 'Native Meldungen im Unraid-Webinterface und über alle unter Einstellungen > Benachrichtigungen aktivierten Agenten.', 'Gotify-Benachrichtigung': 'Optionaler direkter Push-Kanal zu deinem eigenen Gotify-Server.', 'Letzte Aktivitäten': 'Die zuletzt gestarteten Backup-, Wiederherstellungs- und Wartungsvorgänge.', }; container.querySelectorAll('h2, h3').forEach(heading => setTooltip(heading, sectionHelp[heading.textContent.trim()])); } let tooltipTimer = null; let tooltipTarget = null; function hideTooltip() { clearTimeout(tooltipTimer); tooltipTimer = null; tooltipTarget = null; tooltip.classList.remove('visible', 'below'); tooltip.setAttribute('aria-hidden', 'true'); } function placeTooltip(target) { const rect = target.getBoundingClientRect(); tooltip.classList.add('visible'); tooltip.style.left = '0px'; tooltip.style.top = '0px'; const box = tooltip.getBoundingClientRect(); const gap = 10; let left = Math.max(10, Math.min(rect.left + rect.width / 2 - box.width / 2, window.innerWidth - box.width - 10)); let top = rect.top - box.height - gap; const below = top < 8; if (below) top = Math.min(window.innerHeight - box.height - 8, rect.bottom + gap); tooltip.classList.toggle('below', below); tooltip.style.setProperty('--bu-tooltip-arrow', `${Math.max(14, Math.min(box.width - 20, rect.left + rect.width / 2 - left - 6))}px`); tooltip.style.left = `${left}px`; tooltip.style.top = `${top}px`; } function showTooltip(target, delay = 1200) { const text = target?.dataset?.tooltip; if (!text) return; clearTimeout(tooltipTimer); tooltipTarget = target; tooltipTimer = setTimeout(() => { if (tooltipTarget !== target || !document.contains(target)) return; tooltip.textContent = text; tooltip.setAttribute('aria-hidden', 'false'); placeTooltip(target); }, delay); } async function load() { try { const [config, runs, daemon] = await Promise.all([api('/v1/config'), api('/v1/runs'), api('/v1/health')]); state.config = config; state.runs = runs; health.textContent = `Daemon online (${daemon.version || 'unbekannt'})`; health.className = 'bu-health ok'; render(); } catch (error) { health.textContent = 'Daemon nicht erreichbar'; health.className = 'bu-health bad'; content.innerHTML = `

Verbindung fehlgeschlagen

${esc(error.message)}

`; } } function render() { const views = {dashboard:renderDashboard, jobs:renderJobs, repositories:renderRepositories, snapshots:renderSnapshots, restore:renderRestore, activity:renderActivity, settings:renderSettings}; content.innerHTML = views[state.view](); enhanceTooltips(content); } function renderDashboard() { const active = state.runs.filter(r => ['queued','running','paused'].includes(r.status)).length; const failures = state.runs.filter(r => r.status === 'failed').slice(-5); const last = [...state.runs].reverse().slice(0, 8); const backups = state.runs.filter(r=>r.taskType==='backup' && ['success','warning'].includes(r.status)).slice(-20); return `
Aktive Jobs
${state.config.jobs.filter(j => j.enabled).length}
Repositorys
${state.config.repositories.length}
Wartend / laufend
${active}
Letzte Fehler
${failures.length}

Backup-Größe

Verarbeitete Quelldaten pro Backup
${lineChart(backups,'bytesProcessed',formatBytes,'Nach dem ersten Backup wird hier der Größenverlauf angezeigt.')}

Gesicherte Dateien

Verarbeitete Dateien pro Backup
${lineChart(backups,'filesProcessed',value=>Math.round(value).toLocaleString(),'Nach dem ersten Backup wird hier die Dateianzahl angezeigt.')}

Letzte Aktivitäten

${runsTable(last)}
`; } function renderJobs() { const rows = state.config.jobs.map(j => `${esc(j.name)}
${esc(j.id)}${esc(typeLabels[j.type]||j.type)}${esc(repoName(j.repositoryId))}${esc(scheduleLabel(j.schedule?.cron))}${j.enabled ? status('success') : status('cancelled')}${actionGroup(button('Starten',`run-job:${j.id}`,'primary')+button('Bearbeiten',`edit-job:${j.id}`)+button('Duplizieren',`duplicate-job:${j.id}`)+button('Löschen',`delete-job:${j.id}`,'danger'))}`).join(''); return `

Backup-Jobs

Jeder Job verwendet ein eigenes Restic-Repository.
${button('Neuer Job','new-job','primary')}
${rows ? `${rows}
JobTypRepositoryZeitplanAktivAktionen
` : '
Keine Backup-Jobs konfiguriert.
'}
`; } function jobForm(job = {}) { state.backupSelections = (job.sources || []).filter(s=>s.path).map(s=>s.path); state.workloadSelections = (job.sources || []).filter(s=>s.workloadId).map(s=>s.workloadId); state.workloads = []; state.workloadAvailable = true; state.workloadError = ''; state.sourceBrowserPath = '/'; state.sourceDirectories = sourceRoots; state.sourceBrowserError = ''; const options = state.config.repositories.map(r => ``).join(''); content.innerHTML = `

Backup-Job ${job.id ? 'bearbeiten' : 'erstellen'}

${scheduleFields(job)}
Backup-Aufbewahrung

Snapshots bleiben erhalten, wenn mindestens eine aktivierte Regel zutrifft. Täglich, wöchentlich und monatlich auf 0 setzen, um ausschließlich nach Alter aufzubewahren.

${button('Speichern','submit-job','primary')}${button('Abbrechen','cancel-form')}
`; enhanceTooltips(content); renderJobSpecific(job.type || 'share', job); } function renderJobSpecific(type, job = {}) { const host = document.getElementById('bu-job-specific'); if (!host) return; if (type === 'share' || type === 'appdata') { host.innerHTML = `

${type==='appdata'?'Appdata-Ordner':'Freigabeordner'}

Wähle einen oder mehrere Ordner aus. Zusätzliche Dateifilter können darunter eingetragen werden.
`; state.sourceBrowserPath = type === 'appdata' ? '/mnt/user/appdata' : '/mnt/user'; state.sourceDirectories = []; state.sourceBrowserError = ''; loadSourceDirectories(state.sourceBrowserPath); } else if (type === 'docker' || type === 'vm') { host.innerHTML = `

${type==='docker'?'Docker-Container':'Virtuelle Maschinen'}

Wähle die zu sichernden Systeme aus. Metadaten und erkannte Bind-Mounts oder virtuelle Datenträger werden automatisch einbezogen.
Wird geladen...
`; loadWorkloads(type); } else { state.backupSelections = ['/boot']; host.innerHTML = `

Unraid-USB-Flash-Backup

Das vollständige Konfigurationslaufwerk /boot wird immer dateibasiert gesichert.

Das Abbild wird ohne Zwischenkopie direkt zu Restic übertragen und kann nach einer Wiederherstellung mit einem Image-Programm auf einen mindestens gleich großen Stick geschrieben werden. Die an die USB-GUID gebundene Unraid-Lizenz muss bei einem Stickwechsel separat übertragen werden.

`; } enhanceTooltips(host); } function renderWorkloadBrowser(type) { const host = document.getElementById('bu-workload-browser'); if (!host) return; const selected = new Set(state.workloadSelections); const rows = state.workloads.map(item=>`${esc(item.name)}
${esc(item.id)}${esc(item.status||'unbekannt')}`).join(''); const notice = state.workloadError ? `
${esc(state.workloadError)}
` : ''; host.innerHTML = `

${type==='docker'?'Verfügbare Container':'Verfügbare virtuelle Maschinen'}

Ausgewählt: ${state.workloadSelections.length}
${notice}
${rows||(!state.workloadError?'':'')}
AuswahlNameStatus
Keine Systeme gefunden.
`; } async function loadWorkloads(type) { try { const result = await api(`/v1/workloads/${type}`); state.workloads = result.items || []; state.workloadAvailable = result.available; state.workloadError = result.message || ''; } catch (error) { state.workloads = []; state.workloadAvailable = true; state.workloadError = `Systeme konnten nicht geladen werden: ${error.message}`; } renderWorkloadBrowser(type); } function renderSourceBrowser() { const host = document.getElementById('bu-source-browser'); if (!host) return; const selected = new Set(state.backupSelections); const rows = state.sourceDirectories.map(item => `Ordner${esc(item.name)}${esc(item.path)}${button('Öffnen',`open-source-dir:${encodeURIComponent(item.path)}`)}`).join(''); const chosen = state.backupSelections.length ? state.backupSelections.map(path=>`${esc(path)}`).join('') : 'Keine Ordner ausgewählt.'; const error = state.sourceBrowserError ? `
${esc(state.sourceBrowserError)}
` : ''; host.innerHTML = `

Backup-Quellen auswählen

${esc(state.sourceBrowserPath)}
${state.sourceBrowserPath!=='/'?button('Aktuellen Ordner auswählen','select-current-source'):''}${state.sourceBrowserPath!=='/'?button('Nach oben','source-up'):''}Ausgewählt: ${state.backupSelections.length}
${error}
${chosen}
${rows||''}
AuswahlTypNamePfad
Keine Unterordner gefunden.
`; enhanceTooltips(host); } async function loadSourceDirectories(path) { if (path === '/') { state.sourceDirectories = sourceRoots; state.sourceBrowserPath = '/'; state.sourceBrowserError = ''; renderSourceBrowser(); return; } try { state.sourceDirectories = await api(`/v1/filesystem/directories?path=${encodeURIComponent(path)}`); state.sourceBrowserPath = path; state.sourceBrowserError = ''; renderSourceBrowser(); } catch (error) { state.sourceBrowserError = `Ordner konnte nicht geladen werden: ${error.message}`; renderSourceBrowser(); } } function renderRepositories() { const rows = state.config.repositories.map(r => { const initialize = volatileLocation(r) ? disabledButton('Initialisieren','Dieses Ziel liegt im flüchtigen RAM. Zuerst über Bearbeiten einen dauerhaften Pfad wie /mnt/user/Backups/HomeServer eintragen.') : button('Initialisieren',`init-repo:${r.id}`,'primary'); const actions = initialize+button('Testen',`test-repo:${r.id}`)+button('Entsperren',`unlock-repo:${r.id}`)+button('Snapshots',`repo-snapshots:${r.id}`)+button('Prüfen',`maint:check:${r.id}`)+button('Bereinigen',`maint:prune:${r.id}`)+button('Bearbeiten',`edit-repo:${r.id}`)+button('Löschen',`delete-repo:${r.id}`,'danger'); return `${esc(r.name)}
${esc(r.id)}${esc(typeLabels[r.type]||r.type)}${esc(r.location)}${volatileLocation(r)?'Flüchtiger Pfad: Die Daten gehen beim Neustart verloren. Verwende /mnt/user/...':''}${r.mount?.managed?'Durch URBM':'Direkt / extern'}${actionGroup(actions)}`; }).join(''); return `

Repositorys

Lokale, SMB-, NFS- und SFTP-Ziele.
${button('Neues Repository','new-repo','primary')}
${rows ? `${rows}
NameTypSpeicherortEinbindungAktionen
` : '
Keine Repositorys konfiguriert.
'}
`; } function repositoryForm(repo = {}) { state.repositoryBrowserPath = '/'; state.repositoryDirectories = repositoryRoots; state.repositoryBrowserError = ''; const passwordRef=repo.passwordRef||id('repo-password'); const credentialRef=repo.credentialRef||id('repo-credential'); content.innerHTML = `

Repository ${repo.id?'bearbeiten':'erstellen'}

Restic-Verschlüsselung

Das Passwort wird von URBM geschützt gespeichert. ${repo.id?'Beide Felder leer lassen, um das vorhandene Passwort zu behalten.':'Bewahre dieses Passwort sicher auf; ohne das Passwort können Backups nicht wiederhergestellt werden.'}

${button('Speichern','submit-repo','primary')}${button('Abbrechen','cancel-form')}
`; enhanceTooltips(content); renderRepositorySpecific(repo.type || 'local', repo); } function repositoryLocationField(label, value, placeholder) { return ``; } function renderRepositorySpecific(type, repo = {}) { const host = document.getElementById('bu-repository-specific'); if (!host) return; if (type === 'local') { host.innerHTML = `${repositoryLocationField('Lokaler Repository-Ordner',repo.location,'/mnt/user/backups/urbm')}
`; renderRepositoryBrowser(); } else if (type === 'smb' || type === 'nfs') { const managed = repo.mount?.managed === true; host.innerHTML = `
${type.toUpperCase()}-Ziel
${repositoryLocationField('Bereits eingebundener Ordner',repo.location,'/mnt/remotes/backup-nas')}
${type==='smb'?``:''}
`; } else { host.innerHTML = `
SFTP-Ziel
${repositoryLocationField('SFTP-Repository-Adresse',repo.location,'backup@192.168.1.20:/srv/backups/urbm')}
`; } enhanceTooltips(host); } function renderRepositoryBrowser() { const host = document.getElementById('bu-repository-browser'); if (!host) return; const rows = state.repositoryDirectories.map(item=>`${esc(item.name)}${esc(item.path)}${button('Öffnen',`open-repository-dir:${encodeURIComponent(item.path)}`)}`).join(''); const error = state.repositoryBrowserError ? `
${esc(state.repositoryBrowserError)}
` : ''; host.innerHTML = `

Lokalen Ordner auswählen

${esc(state.repositoryBrowserPath)}
${state.repositoryBrowserPath!=='/'?button('Diesen Ordner verwenden','select-repository-folder','primary'):''}${state.repositoryBrowserPath!=='/'?button('Nach oben','repository-up'):''}
${error}
${rows||''}
NamePfad
Keine Unterordner gefunden.
`; enhanceTooltips(host); } async function loadRepositoryDirectories(path) { if (path === '/') { state.repositoryBrowserPath='/'; state.repositoryDirectories=repositoryRoots; state.repositoryBrowserError=''; renderRepositoryBrowser(); return; } try { state.repositoryDirectories=await api(`/v1/filesystem/directories?path=${encodeURIComponent(path)}`); state.repositoryBrowserPath=path; state.repositoryBrowserError=''; } catch (error) { state.repositoryBrowserError=`Ordner konnte nicht geladen werden: ${error.message}`; } renderRepositoryBrowser(); } function renderSnapshots() { const options = state.config.repositories.map(r=>``).join(''); const rows = state.snapshots.map(s=>`${esc(s.short_id||s.id)}${esc(new Date(s.time).toLocaleString())}${esc(s.hostname)}${esc((s.paths||[]).join(', '))}${button('Durchsuchen',`browse:${s.id}`)}`).join(''); return `

Snapshots

${button('Laden','load-snapshots','primary')}
${rows?`${rows}
SnapshotZeitpunktHostPfade
`:'
Repository auswählen und Snapshots laden.
'}
${state.selectedSnapshot && state.files.length ? renderFileBrowser() : ''}`; } function renderFileBrowser() { const selected = new Set(state.restoreIncludes); const rows = state.files.map(item => { const path = item.path || `${state.browserPath.replace(/\/$/,'')}/${item.name||''}`; const open = item.type === 'dir' ? button('Öffnen',`open-dir:${encodeURIComponent(path)}`) : ''; return `${esc(item.type==='dir'?'Ordner':item.type==='file'?'Datei':item.type||'')}${esc(item.name||path)}${Number(item.size||0).toLocaleString()}${open}`; }).join(''); const chosen = state.restoreIncludes.length ? state.restoreIncludes.map(path=>`${esc(path)}`).join('') : 'Nichts ausgewählt.'; return `

Snapshot ${esc(state.selectedSnapshot.slice(0,12))}

${esc(state.browserPath)}
${button('Aktuellen Ordner auswählen','select-current-restore')}${state.browserPath!=='/'?button('Nach oben','browser-up'):''}${button(`Auswahl wiederherstellen (${state.restoreIncludes.length})`,'restore-selected','primary')}
${chosen}
${rows}
AuswahlTypNameGröße
`; } function renderRestore() { const options = state.config.repositories.map(r=>``).join(''); return `

Wiederherstellen

${button('Wiederherstellung einreihen','submit-restore','primary')}
`; } function renderActivity() { return `

Aktivitäten

Laufende Aufgaben werden automatisch alle zwei Sekunden aktualisiert.
${button('Aktualisieren','refresh','primary')}${button('Abgeschlossene Aktivitäten löschen','clear-activity','danger')}
${runsTable([...state.runs].reverse())}
`; } function progressView(run) { if(run.status==='queued') return 'Wartet in der Warteschlange'; if(run.taskType!=='backup'&&!run.progressPercent) return 'Kein Prozentwert verfügbar'; const percent=Math.max(0,Math.min(100,Number(run.progressPercent)||0)); const scanning=run.status==='running'&&percent===0; const details=[]; if(run.progressTotal) details.push(`${formatBytes(run.progressBytes)} / ${formatBytes(run.progressTotal)}`); if(run.progressFileTotal) details.push(`${Number(run.progressFiles||0).toLocaleString()} / ${Number(run.progressFileTotal).toLocaleString()} Dateien`); if(run.bytesPerSecond) details.push(`${formatBytes(run.bytesPerSecond)}/s`); if(run.secondsRemaining>0) details.push(`Restzeit ${formatEta(run.secondsRemaining)}`); return `
${run.status==='paused'?'Pausiert':scanning?'Wird eingelesen…':`${percent.toFixed(1)}%`}${esc(details.join(' · '))}
${run.currentFile?`
${esc(run.currentFile)}
`:''}
`; } function liveLogView(run) { if(!(run.liveLog||[]).length) return ''; const open=Object.prototype.hasOwnProperty.call(state.liveLogOpen,run.id)?state.liveLogOpen[run.id]:run.status==='running'; return `
${run.status==='running'?'Live-Protokoll':'Laufprotokoll'} (${run.liveLog.length})
${esc(run.liveLog.join('\n'))}
`; } function runsTable(runs) { if(!runs.length) return '
Keine Aktivitäten vorhanden.
'; const showLiveLog=state.config?.settings?.showLiveLog===true; return `
${runs.map(r=>{const controls=r.status==='running'?button('Pause',`pause-run:${r.id}`)+button('Abbrechen',`cancel-run:${r.id}`,'danger'):r.status==='paused'?button('Fortsetzen',`resume-run:${r.id}`,'primary')+button('Abbrechen',`cancel-run:${r.id}`,'danger'):r.status==='queued'?button('Abbrechen',`cancel-run:${r.id}`,'danger'):'';const target=runTarget(r);return `${showLiveLog&&(r.liveLog||[]).length?``:''}`;}).join('')}
AufgabeStatusErstelltFortschrittMeldung / Aktionen
${esc(taskLabels[r.taskType]||r.taskType)}${esc(target)}${status(r.status)}${esc(new Date(r.createdAt).toLocaleString())}${progressView(r)}${controls?actionGroup(controls):esc(displayMessage(r.message))}
${liveLogView(r)}
`; } function renderSettings() { const s = state.config.settings; const unraid = state.config.notifications.find(n=>n.type==='unraid') || {id:'unraid',enabled:true,events:['success','warning','failed']}; const gotify = state.config.notifications.find(n=>n.type==='gotify') || {id:'gotify',enabled:false,events:['success','warning','failed']}; const eventBoxes = target => [['success','Erfolg'],['warning','Warnung'],['failed','Fehler']].map(([value,label])=>``).join(''); return `

Einstellungen

${button('Einstellungen speichern','submit-settings','primary')}

Unraid-Benachrichtigungen

Verwendet das Unraid-Benachrichtigungssystem und alle unter Einstellungen > Benachrichtigungseinstellungen konfigurierten Agenten.

Benachrichtigen bei
${eventBoxes(unraid)}
${button('Unraid-Benachrichtigungen speichern','submit-unraid-notify','primary')}

Gotify-Benachrichtigung

Erstelle in Gotify eine Anwendung und trage hier deren Anwendungs-Token ein.

Benachrichtigen bei
${eventBoxes(gotify)}
${button('Gotify-Benachrichtigung speichern','submit-gotify-notify','primary')}
`; } async function saveConfig() { state.config = await api('/v1/config',{method:'PUT',body:JSON.stringify(state.config)}); notify('Konfiguration gespeichert'); return state.config; } const lines = (value) => value.split('\n').map(v=>v.trim()).filter(Boolean); async function handle(action, element) { const [name, a, b] = action.split(':'); try { if (name === 'new-job') return jobForm(); if (name === 'edit-job') return jobForm(state.config.jobs.find(j=>j.id===a)); if (name === 'new-repo') return repositoryForm(); if (name === 'edit-repo') return repositoryForm(state.config.repositories.find(r=>r.id===a)); if (name === 'cancel-form') return render(); if (name === 'refresh') return load(); if (name === 'run-job') { await api(`/v1/jobs/${a}/run`,{method:'POST'}); notify('Backup wurde eingereiht'); return load(); } if (name === 'cancel-run') { await api(`/v1/runs/${a}/cancel`,{method:'POST'}); return load(); } if (name === 'pause-run') { await api(`/v1/runs/${a}/pause`,{method:'POST'}); notify('Vorgang pausiert'); return load(); } if (name === 'resume-run') { await api(`/v1/runs/${a}/resume`,{method:'POST'}); notify('Vorgang wird fortgesetzt'); return load(); } if (name === 'clear-activity') { if(confirm('Alle abgeschlossenen Aktivitäten und deren gespeicherte Laufprotokolle löschen?\n\nLaufende und wartende Aufgaben bleiben erhalten.')) { const result=await api('/v1/runs',{method:'DELETE'}); notify(result.cleared?`${result.cleared} abgeschlossene Aktivitäten gelöscht`:'Keine abgeschlossenen Aktivitäten vorhanden'); return load(); } return; } if (name === 'test-repo') { await api(`/v1/repositories/${a}/test`,{method:'POST'}); return notify('Repository-Verbindung erfolgreich getestet'); } if (name === 'init-repo') { if(confirm('Hier ein NEUES Restic-Repository erstellen?\n\nNur fortfahren, wenn dieses Ziel noch kein Restic-Repository enthält. Bei einem vorhandenen Repository das ursprüngliche Passwort unter Bearbeiten eintragen und Testen verwenden.')) { await api(`/v1/repositories/${a}/init`,{method:'POST'}); notify('Repository erfolgreich initialisiert'); } return; } if (name === 'unlock-repo') { if(confirm('Verwaiste Restic-Sperren dieses Repositorys entfernen?\n\nRestic entfernt dabei nur als veraltet erkannte Locks. Verwende diese Aktion nach einem Neustart oder abgebrochenen Restic-Prozess.')) { await api(`/v1/repositories/${a}/unlock`,{method:'POST'}); notify('Verwaiste Repository-Sperren wurden entfernt'); } return; } if (name === 'maint') { await api(`/v1/repositories/${b}/${a}`,{method:'POST'}); notify(`${a==='check'?'Prüfung':'Bereinigung'} wurde eingereiht`); return load(); } if (name === 'repo-snapshots') { state.view='snapshots'; document.querySelector('[data-view="snapshots"]').click(); render(); setTimeout(()=>{document.getElementById('bu-snapshot-repo').value=a; handle('load-snapshots');},0); return; } if (name === 'load-snapshots') { const repo=document.getElementById('bu-snapshot-repo').value; state.snapshots=await api(`/v1/repositories/${repo}/snapshots`); state.snapshotRepo=repo; return render(); } if (name === 'browse') { state.selectedSnapshot=a; state.browserPath='/'; state.restoreIncludes=[]; state.files=await api(`/v1/repositories/${state.snapshotRepo}/snapshots/${a}/files?path=${encodeURIComponent('/')}`); return render(); } if (name === 'open-source-dir') { return loadSourceDirectories(decodeURIComponent(a)); } if (name === 'source-up') { const parent=state.sourceBrowserPath==='/'?'/':state.sourceBrowserPath.split('/').slice(0,-1).join('/')||'/'; return loadSourceDirectories(parent==='/mnt'?'/':parent); } if (name === 'select-current-source') { if(!state.backupSelections.includes(state.sourceBrowserPath)) state.backupSelections.push(state.sourceBrowserPath); return renderSourceBrowser(); } if (name === 'open-repository-dir') { return loadRepositoryDirectories(decodeURIComponent(a)); } if (name === 'repository-up') { const parent=state.repositoryBrowserPath==='/'?'/':state.repositoryBrowserPath.split('/').slice(0,-1).join('/')||'/'; return loadRepositoryDirectories(parent==='/mnt'?'/':parent); } if (name === 'select-repository-folder') { const location=document.querySelector('#bu-repo-form [name="location"]'); if(location) location.value=state.repositoryBrowserPath; return; } if (name === 'open-dir') { state.browserPath=decodeURIComponent(a); state.files=await api(`/v1/repositories/${state.snapshotRepo}/snapshots/${state.selectedSnapshot}/files?path=${encodeURIComponent(state.browserPath)}`); return render(); } if (name === 'browser-up') { state.browserPath=state.browserPath.replace(/\/$/,'').split('/').slice(0,-1).join('/')||'/'; state.files=await api(`/v1/repositories/${state.snapshotRepo}/snapshots/${state.selectedSnapshot}/files?path=${encodeURIComponent(state.browserPath)}`); return render(); } if (name === 'select-current-restore') { if(!state.restoreIncludes.includes(state.browserPath)) state.restoreIncludes.push(state.browserPath); return render(); } if (name === 'restore-selected') { if(!state.restoreIncludes.length) throw new Error('Wähle mindestens eine Datei oder einen Ordner aus.'); state.view='restore'; document.querySelectorAll('.bu-tabs button').forEach(x=>x.classList.toggle('active',x.dataset.view==='restore')); return render(); } if (name === 'delete-job') { if(confirm('Diesen Job löschen?')) { state.config.jobs=state.config.jobs.filter(j=>j.id!==a); await saveConfig(); render(); } return; } if (name === 'duplicate-job') { const source=state.config.jobs.find(j=>j.id===a); const copy=structuredClone(source); copy.id=id('job'); copy.name += ' Kopie'; copy.enabled=false; state.config.jobs.push(copy); await saveConfig(); return render(); } if (name === 'delete-repo') { if(state.config.jobs.some(j=>j.repositoryId===a)) throw new Error('Das Repository wird noch von einem Job verwendet.'); if(confirm('Dieses Repository aus der URBM-Konfiguration löschen? Die Backup-Daten am Ziel bleiben erhalten.')) { state.config.repositories=state.config.repositories.filter(r=>r.id!==a); await saveConfig(); render(); } return; } if (name.startsWith('submit-')) return submit(name); } catch (error) { notify(error.message, true); } } async function submit(kind) { if (kind === 'submit-job') { const f=new FormData(document.getElementById('bu-job-form')); const existing=state.config.jobs.find(j=>j.id===f.get('id')); const type=f.get('type'); let sources=[]; if(type==='docker'||type==='vm') sources=state.workloadSelections.map(workloadId=>({workloadId})); else if(type==='flash') sources=[]; else sources=[...state.backupSelections.map(path=>({path})),...lines(f.get('sources')||'').map(path=>({path}))].filter((item,index,all)=>all.findIndex(other=>other.path===item.path)===index); const retention={keepWithinDays:Number(f.get('keepWithinDays')),daily:Number(f.get('keepDaily')),weekly:Number(f.get('keepWeekly')),monthly:Number(f.get('keepMonthly'))}; if(!retention.keepWithinDays&&!retention.daily&&!retention.weekly&&!retention.monthly) throw new Error('Die Aufbewahrung benötigt mindestens eine Alters- oder Kalenderregel.'); const job={schemaVersion:1,id:f.get('id')||id('job'),name:f.get('name'),type,enabled:f.get('enabled')==='on',repositoryId:f.get('repositoryId'),sources,schedule:{cron:scheduleCron(f),timezone:Intl.DateTimeFormat().resolvedOptions().timeZone},consistency:{mode:f.get('consistency')||'live'},compression:f.get('compression'),excludes:lines(f.get('excludes')),tags:existing?.tags||[],flashImage:type==='flash'&&f.get('flashImage')==='on',retention,notifyOn:existing?.notifyOn||['success','warning','failed'],shutdownTimeoutSeconds:Number(f.get('shutdownSecs')||120)}; state.config.jobs=state.config.jobs.filter(j=>j.id!==job.id).concat(job); await saveConfig(); render(); } if (kind === 'submit-repo') { const f=new FormData(document.getElementById('bu-repo-form')); const value=name=>String(f.get(name)||'').trim(); const type=value('type'); const managed=(type==='smb'||type==='nfs')&&f.get('managed')==='on'; let location=managed?value('mountPoint'):value('location'); if(!location) throw new Error(managed?'Ein Einhängepunkt ist erforderlich.':'Ein Repository-Speicherort ist erforderlich.'); if(managed&&!value('remote')) throw new Error('Für eine verwaltete Einbindung ist eine Netzwerkfreigabe erforderlich.'); const usesCredential=type==='sftp'||(type==='smb'&&managed); const credentialRef=usesCredential&&(value('hasCredential')==='true'||Boolean(f.get('credential')))?value('credentialRef'):''; const repo={schemaVersion:1,id:value('id')||id('repo'),name:value('name'),type,location,passwordRef:value('passwordRef'),credentialRef,mount:managed?{managed:true,remote:value('remote'),mountPoint:value('mountPoint')}:null,options:type==='sftp'?{knownHostsPath:value('knownHostsPath')}: {}}; const password=String(f.get('password')||''); const passwordConfirm=String(f.get('passwordConfirm')||''); if(!value('id')&&!password) throw new Error('Für ein neues Repository ist ein Passwort erforderlich.'); if(password!==passwordConfirm) throw new Error('Die beiden Repository-Passwörter stimmen nicht überein.'); if (volatileLocation(repo) && !confirm('WARNUNG: Dieses Ziel liegt unter /tmp oder /run und geht nach einem Unraid-Neustart verloren. Trotzdem speichern?')) return; if(password) await api(`/v1/secrets/${encodeURIComponent(repo.passwordRef)}`,{method:'PUT',body:JSON.stringify({type:'restic-password',value:password})}); if(f.get('credential')) await api(`/v1/secrets/${encodeURIComponent(repo.credentialRef)}`,{method:'PUT',body:JSON.stringify({type:type==='sftp'?'sftp-private-key':'smb-credential',value:f.get('credential')})}); state.config.repositories=state.config.repositories.filter(r=>r.id!==repo.id).concat(repo); await saveConfig(); state.config = await api('/v1/config'); const saved = state.config.repositories.find(r=>r.id===repo.id); if (!saved || saved.location !== repo.location) throw new Error(`Repository-Speicherort wurde nicht gespeichert. Erwartet: ${repo.location}`); render(); notify(`Repository gespeichert: ${saved.location}`); } if (kind === 'submit-restore') { const f=new FormData(document.getElementById('bu-restore-form')); await api('/v1/restores',{method:'POST',body:JSON.stringify({schemaVersion:1,id:'',repositoryId:f.get('repositoryId'),snapshotId:f.get('snapshotId'),includes:lines(f.get('includes')),target:f.get('target'),inPlace:f.get('inPlace')==='on',confirmed:f.get('confirmed')==='on'})}); notify('Wiederherstellung wurde eingereiht'); state.view='activity'; render(); } if (kind === 'submit-settings') { const f=new FormData(document.getElementById('bu-settings-form')); state.config.settings={resticPath:f.get('resticPath'),restoreRoot:f.get('restoreRoot'),persistentLogDir:f.get('persistentLogDir'),showLiveLog:f.get('showLiveLog')==='on',catchUpWindowHours:Number(f.get('catchUp')),checkCron:f.get('checkCron'),pruneCron:f.get('pruneCron')}; await saveConfig(); render(); } if (kind === 'submit-unraid-notify') { const f=new FormData(document.getElementById('bu-unraid-notify-form')); const target={schemaVersion:1,id:f.get('id')||'unraid',name:'Unraid',type:'unraid',enabled:f.get('enabled')==='on',events:f.getAll('events')}; if(target.enabled&&!target.events.length) throw new Error('Wähle mindestens ein Ereignis für Unraid-Benachrichtigungen aus.'); state.config.notifications=state.config.notifications.filter(n=>n.type!=='unraid'&&n.type!=='ntfy').concat(target); await saveConfig(); render(); } if (kind === 'submit-gotify-notify') { const f=new FormData(document.getElementById('bu-gotify-notify-form')); const existing=state.config.notifications.find(n=>n.type==='gotify'); const target={schemaVersion:1,id:f.get('id')||'gotify',name:'Gotify',type:'gotify',enabled:f.get('enabled')==='on',url:String(f.get('url')||'').trim(),tokenRef:String(f.get('tokenRef')||'').trim(),events:f.getAll('events')}; if(target.enabled&&!target.url) throw new Error('Die Gotify-Server-URL ist erforderlich.'); if(target.enabled&&!target.events.length) throw new Error('Wähle mindestens ein Ereignis für Gotify-Benachrichtigungen aus.'); if(target.enabled&&!existing&&!f.get('token')) throw new Error('Ein Gotify-Anwendungs-Token ist erforderlich.'); if(f.get('token')) await api(`/v1/secrets/${encodeURIComponent(target.tokenRef)}`,{method:'PUT',body:JSON.stringify({type:'gotify-token',value:f.get('token')})}); state.config.notifications=state.config.notifications.filter(n=>n.type!=='gotify'&&n.type!=='ntfy'); if(target.enabled||target.url) state.config.notifications.push(target); await saveConfig(); render(); } } document.querySelector('.bu-tabs').addEventListener('click', e => { const button=e.target.closest('[data-view]'); if(!button)return; state.view=button.dataset.view; document.querySelectorAll('.bu-tabs button').forEach(x=>x.classList.toggle('active',x===button)); render(); }); content.addEventListener('click', e => { const target=e.target.closest('[data-action]'); if(!target)return; e.preventDefault(); handle(target.dataset.action,target); }); content.addEventListener('change', e => { if (e.target.name === 'type' && e.target.closest('#bu-repo-form')) { renderRepositorySpecific(e.target.value); } if (e.target.name === 'managed' && e.target.closest('#bu-repo-form')) { const fieldset=e.target.closest('.bu-fieldset'); const managed=fieldset?.querySelector('.bu-managed-mount'); const external=fieldset?.querySelector('.bu-external-mount'); if(managed) managed.hidden=!e.target.checked; if(external) external.hidden=e.target.checked; } if (e.target.name === 'scheduleMode') { const weekdays=e.target.closest('.bu-schedule')?.querySelector('.bu-weekdays'); if (weekdays) weekdays.hidden=e.target.value!=='selected'; } if (e.target.name === 'type' && e.target.closest('#bu-job-form')) { state.backupSelections=[]; state.workloadSelections=[]; renderJobSpecific(e.target.value); } if (e.target.classList.contains('bu-source-select')) { state.backupSelections = e.target.checked ? [...new Set([...state.backupSelections,e.target.value])] : state.backupSelections.filter(path=>path!==e.target.value); renderSourceBrowser(); } if (e.target.classList.contains('bu-file-select')) { state.restoreIncludes = e.target.checked ? [...new Set([...state.restoreIncludes,e.target.value])] : state.restoreIncludes.filter(path=>path!==e.target.value); render(); } if (e.target.classList.contains('bu-workload-select')) { state.workloadSelections = e.target.checked ? [...new Set([...state.workloadSelections,e.target.value])] : state.workloadSelections.filter(id=>id!==e.target.value); renderWorkloadBrowser(document.querySelector('#bu-job-form [name="type"]')?.value||'docker'); } }); content.addEventListener('submit', e => { const form = e.target.closest('form'); if (!form) return; e.preventDefault(); const action = form.id === 'bu-repo-form' ? 'submit-repo' : form.id === 'bu-job-form' ? 'submit-job' : form.id === 'bu-restore-form' ? 'submit-restore' : form.id === 'bu-settings-form' ? 'submit-settings' : form.id === 'bu-unraid-notify-form' ? 'submit-unraid-notify' : form.id === 'bu-gotify-notify-form' ? 'submit-gotify-notify' : ''; if (action) handle(action); }); content.addEventListener('toggle', e => { const details=e.target.closest?.('.bu-live-log[data-run-id]'); if(details) state.liveLogOpen[details.dataset.runId]=details.open; }, true); root.addEventListener('mouseover', e => { const target = e.target.closest('[data-tooltip]'); if (!target || target.contains(e.relatedTarget)) return; showTooltip(target, 1200); }); root.addEventListener('mouseout', e => { const target = e.target.closest('[data-tooltip]'); if (!target || target.contains(e.relatedTarget)) return; hideTooltip(); }); root.addEventListener('focusin', e => { const target = e.target.closest('[data-tooltip]'); if (target) showTooltip(target, 0); }); root.addEventListener('focusout', hideTooltip); root.addEventListener('keydown', e => { if (e.key === 'Escape') hideTooltip(); }); window.addEventListener('scroll', hideTooltip, true); window.addEventListener('resize', hideTooltip); enhanceTooltips(root); setInterval(async()=>{ if(!state.config)return; try { state.runs=await api('/v1/runs'); if(['dashboard','activity'].includes(state.view))render(); }catch(_){ } },2000); load(); })();