Neue Melo-UI Phase 1: 4 Tabs (Meine Musik/Suche/Favoriten/Download) + Sortierung

- Meine Musik als Startbildschirm ohne Topbar: Kopfzeile (Einstellungen, Suche, Musikerkennung), Schnellzugriffe, Shuffle + Sortieren, Liederliste - Sortierung nach Zuletzt hinzugefuegt / Name (A-Z-#) / Wie oft abgespielt, auf- und absteigend, pro Liste gespeichert (SortStore) - Favoriten als eigener Tab mit gleicher Shuffle-/Sortier-Leiste - Download-Tab uebernimmt den Navidrome-Server-Browser - DB-Schema 3: playCount, gezaehlt beim Titelstart - Theme auf #0B0B10 / #c0392b - Scan-Aktionen aus der entfallenen Topbar jetzt in den Einstellungen Co-Authored-By: Claude Opus 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_011snPXPafPC5i87o68H14W7
2026-08-20 18:00:53 +02:00
parent 5d08da1086
commit 2667613a2e
24 changed files with 1413 additions and 372 deletions
@@ -0,0 +1,66 @@
+import 'package:flutter/material.dart';
+import 'package:provider/provider.dart';
+
+import '../shared/sort_store.dart';
+import '../shared/sortable_song_list.dart';
+import 'database.dart';
+
+/// Favoriten-Tab: Shuffle-Wiedergabe und dieselbe Sortierung wie "Meine Musik",
+/// nur auf den favorisierten Songs.
+class FavoritesScreen extends StatelessWidget {
+  const FavoritesScreen({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    final db = context.read<MeloDb>();
+    return SafeArea(
+      bottom: false,
+      child: Column(
+        children: [
+          const Padding(
+            padding: EdgeInsets.fromLTRB(20, 16, 20, 4),
+            child: Align(
+              alignment: Alignment.centerLeft,
+              child: Text('Favoriten',
+                  style: TextStyle(fontSize: 24, fontWeight: FontWeight.w700)),
+            ),
+          ),
+          Expanded(
+            child: StreamBuilder<List<Song>>(
+              stream: db.watchFavorites(),
+              builder: (context, snapshot) {
+                final songs = snapshot.data ?? const <Song>[];
+                return SortableSongList(
+                  songs: songs,
+                  storeKey: SortStore.favoriten,
+                  empty: const _Empty(),
+                );
+              },
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+}
+
+class _Empty extends StatelessWidget {
+  const _Empty();
+
+  @override
+  Widget build(BuildContext context) {
+    return const Center(
+      child: Column(
+        mainAxisSize: MainAxisSize.min,
+        children: [
+          Icon(Icons.favorite_border, size: 64, color: Colors.white24),
+          SizedBox(height: 12),
+          Text('Noch keine Favoriten', style: TextStyle(color: Colors.white54)),
+          SizedBox(height: 6),
+          Text('Tippe in einer Liederliste auf das Herz.',
+              style: TextStyle(color: Colors.white30, fontSize: 12)),
+        ],
+      ),
+    );
+  }
+}