Dicken/dickendock
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

feat: WebDAV Sync-Button - alle lokalen Dateien auf Synology kopieren

Browse Source
This commit is contained in:
Dicken
2026-06-14 01:30:12 +02:00
parent d564323c00
commit 5ded22aef7
2 changed files with 86 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
frontend/src/App.jsx
View File

@@ -2702,6 +2702,8 @@ function WebDavSettings({ toast }) {
const [cfg, setCfg] = useState({ url:'', user:'', password:'', basePath:'/dickendock', enabled:false });
const [testing, setTesting] = useState(false);
const [saving, setSaving] = useState(false);
const [syncing, setSyncing] = useState(false);
const [syncResult, setSyncResult] = useState(null);
const [showPw, setShowPw] = useState(false);
useEffect(() => {
@@ -2780,7 +2782,7 @@ function WebDavSettings({ toast }) {
Synology WebDAV aktivieren: Systemsteuerung → Dateidienste → WebDAV
</div>
<div style={{display:'flex',gap:8}}>
<div style={{display:'flex',gap:8,flexWrap:'wrap',marginBottom:12}}>
<button onClick={test} disabled={testing || !cfg.url}
style={{...S.btn('#60a5fa'), opacity:(testing||!cfg.url)?0.5:1}}>
{testing ? '⏳ Teste...' : '🔌 Verbindung testen'}
@@ -2790,6 +2792,49 @@ function WebDavSettings({ toast }) {
{saving ? '⏳...' : '💾 Speichern'}
</button>
</div>
{/* Sync Button */}
{cfg.enabled && (
<div style={{borderTop:'1px solid rgba(255,255,255,0.07)',paddingTop:14}}>
<div style={{color:'rgba(255,255,255,0.4)',fontFamily:'monospace',fontSize:10,marginBottom:8}}>
BESTEHENDE DATEIEN SYNCHRONISIEREN
</div>
<div style={{color:'rgba(255,255,255,0.3)',fontFamily:'monospace',fontSize:10,marginBottom:10,lineHeight:1.5}}>
Kopiert alle lokalen Dateien aus dem Docker-Container auf die Synology.
Bereits vorhandene Dateien werden überschrieben.
</div>
<button onClick={async()=>{
setSyncing(true); setSyncResult(null);
try {
const d = await api('/admin/webdav/sync', { body: {} });
setSyncResult(d);
} catch(e) { setSyncResult({ error: e.message }); }
finally { setSyncing(false); }
}} disabled={syncing}
style={{...S.btn('#f59e0b'), opacity:syncing?0.5:1, marginBottom:10}}>
{syncing ? '⏳ Synchronisiere...' : '📤 Alles auf Synology kopieren'}
</button>
{syncResult && !syncResult.error && (
<div style={{padding:'10px 12px',background:'rgba(74,222,128,0.08)',border:'1px solid rgba(74,222,128,0.3)',borderRadius:8,fontFamily:'monospace',fontSize:11}}>
<div style={{color:'#4ade80',marginBottom:4}}>
✓ Sync abgeschlossen: {syncResult.ok}/{syncResult.total} erfolgreich
</div>
{syncResult.failed > 0 && (
<div style={{color:'#f87171'}}>
✗ {syncResult.failed} fehlgeschlagen
{syncResult.errors?.slice(0,5).map((e,i) => (
<div key={i} style={{color:'rgba(248,113,113,0.7)',fontSize:9,marginTop:2}}>· {e}</div>
))}
</div>
)}
</div>
)}
{syncResult?.error && (
<div style={{color:'#f87171',fontFamily:'monospace',fontSize:11}}>✗ {syncResult.error}</div>
)}
</div>
)}
</div>
);
}