Feature: Cloud-Daten loeschen in Einstellungen (3s-Halten)

- Einstellungen > Cloud-Daten loeschen: 'Nur Musik' oder 'Komplett vom Server' - 3-Sekunden-Gedrueckthalten-Button zur Bestaetigung (Fortschrittsbalken) - Warnhinweis: Wird SOFORT geloescht, nicht rueckgaengig machbar - Server: delete-music/delete-all Endpunkte mit Dedup-sicherem Registry-Cleanup - Loeschen nur des eigenen Kontos (User aus Token, kein IDOR)
2026-07-31 15:39:19 +02:00
parent 519bdd4e23
commit b3aedc53f9
3 changed files with 325 additions and 0 deletions
@@ -0,0 +1,109 @@
+import 'dart:async';
+import 'package:flutter/material.dart';
+import '../utils/farb_theme.dart';
+
+/// Bestätigungs-Button: 3 Sekunden gedrückt halten, dann feuert [onBestaetigt].
+/// Loslassen vor Ablauf bricht ab (Fortschrittsbalken geht zurück).
+class HalteZumBestaetigen extends StatefulWidget {
+  final String text;
+  final Color farbe;
+  final VoidCallback onBestaetigt;
+  final Duration dauer;
+
+  const HalteZumBestaetigen({
+    super.key,
+    required this.text,
+    required this.onBestaetigt,
+    this.farbe = MeloTheme.rot,
+    this.dauer = const Duration(seconds: 3),
+  });
+
+  @override
+  State<HalteZumBestaetigen> createState() => _HalteZumBestaetigenState();
+}
+
+class _HalteZumBestaetigenState extends State<HalteZumBestaetigen> {
+  double _fortschritt = 0;
+  Timer? _timer;
+  bool _aktiv = false;
+
+  void _starte() {
+    if (_aktiv) return;
+    _aktiv = true;
+    final schritte = widget.dauer.inMilliseconds ~/ 50;
+    _timer = Timer.periodic(const Duration(milliseconds: 50), (t) {
+      setState(() => _fortschritt += 1 / schritte);
+      if (_fortschritt >= 1) {
+        t.cancel();
+        _timer = null;
+        _aktiv = false;
+        widget.onBestaetigt();
+      }
+    });
+  }
+
+  void _stoppe() {
+    _timer?.cancel();
+    _timer = null;
+    _aktiv = false;
+    if (_fortschritt > 0 && _fortschritt < 1) {
+      setState(() => _fortschritt = 0);
+    }
+  }
+
+  @override
+  void dispose() {
+    _timer?.cancel();
+    super.dispose();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return GestureDetector(
+      behavior: HitTestBehavior.opaque,
+      onTapDown: (_) => _starte(),
+      onTapUp: (_) => _stoppe(),
+      onTapCancel: _stoppe,
+      child: Container(
+        width: double.infinity,
+        decoration: BoxDecoration(
+          color: widget.farbe.withValues(alpha: 0.12),
+          border: Border.all(color: widget.farbe, width: 1.5),
+          borderRadius: BorderRadius.circular(10),
+        ),
+        padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 12),
+        child: Column(
+          mainAxisSize: MainAxisSize.min,
+          children: [
+            Row(
+              mainAxisAlignment: MainAxisAlignment.center,
+              children: [
+                Icon(Icons.lock_clock, color: widget.farbe, size: 18),
+                const SizedBox(width: 8),
+                Flexible(
+                  child: Text(
+                    widget.text,
+                    style: TextStyle(
+                        color: widget.farbe,
+                        fontSize: 13,
+                        fontWeight: FontWeight.w600),
+                  ),
+                ),
+              ],
+            ),
+            const SizedBox(height: 8),
+            ClipRRect(
+              borderRadius: BorderRadius.circular(4),
+              child: LinearProgressIndicator(
+                value: _fortschritt,
+                minHeight: 6,
+                backgroundColor: MeloTheme.dunkel2,
+                color: widget.farbe,
+              ),
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+}