feat(settings): Offline-Mode Toggle UI (Phase 2)

- Toggle in Settings unter 'Musikserver'-Sektion
- Label: '📴 Offline-Modus' + Beschreibung
- Switch: Ein/Aus Toggle
- OfflineMode ChangeNotifierProvider in main.dart
- Tests angepasst für Provider-Setup

Nutzer kann jetzt Offline-Mode an/aus schalten!
Tests: 70/70 
This commit is contained in:
Hermes (Server)
2026-08-19 19:03:26 +02:00
parent 12bb16b847
commit 0635c92d22
3 changed files with 21 additions and 0 deletions
+5
View File
@@ -11,6 +11,7 @@ import 'player/audio_handler.dart';
import 'player/mini_player.dart'; import 'player/mini_player.dart';
import 'player/now_playing_screen.dart'; import 'player/now_playing_screen.dart';
import 'playlists/playlists_screen.dart'; import 'playlists/playlists_screen.dart';
import 'services/offline_mode.dart';
import 'settings/settings_screen.dart'; import 'settings/settings_screen.dart';
import 'shared/theme.dart'; import 'shared/theme.dart';
@@ -18,12 +19,15 @@ late final MeloAudioHandler _handler;
late final MeloDb _db; late final MeloDb _db;
late final LibraryService _library; late final LibraryService _library;
late final PlaylistService _playlists; late final PlaylistService _playlists;
late final OfflineMode _offlineMode;
Future<void> main() async { Future<void> main() async {
WidgetsFlutterBinding.ensureInitialized(); WidgetsFlutterBinding.ensureInitialized();
_db = MeloDb(); _db = MeloDb();
_library = LibraryService(_db); _library = LibraryService(_db);
_playlists = PlaylistService(_db); _playlists = PlaylistService(_db);
_offlineMode = OfflineMode();
await _offlineMode.init();
_handler = await AudioService.init( _handler = await AudioService.init(
builder: () => MeloAudioHandler(db: _db), builder: () => MeloAudioHandler(db: _db),
config: const AudioServiceConfig( config: const AudioServiceConfig(
@@ -46,6 +50,7 @@ class MeloApp extends StatelessWidget {
Provider<MeloDb>.value(value: _db), Provider<MeloDb>.value(value: _db),
ChangeNotifierProvider<LibraryService>.value(value: _library), ChangeNotifierProvider<LibraryService>.value(value: _library),
ChangeNotifierProvider<PlaylistService>.value(value: _playlists), ChangeNotifierProvider<PlaylistService>.value(value: _playlists),
ChangeNotifierProvider<OfflineMode>.value(value: _offlineMode),
], ],
child: MaterialApp( child: MaterialApp(
title: 'Melo', title: 'Melo',
+14
View File
@@ -4,6 +4,7 @@ import 'package:provider/provider.dart';
import '../library/database.dart'; import '../library/database.dart';
import '../library/permissions.dart'; import '../library/permissions.dart';
import '../services/navidrome_service.dart'; import '../services/navidrome_service.dart';
import '../services/offline_mode.dart';
import 'library_stats.dart'; import 'library_stats.dart';
/// Settings-Tab: Bibliotheks-Statistik, Berechtigungen, Navidrome, Über Melo. /// Settings-Tab: Bibliotheks-Statistik, Berechtigungen, Navidrome, Über Melo.
@@ -68,6 +69,19 @@ class _SettingsScreenState extends State<SettingsScreen> {
onPressed: () => _zeigeNavidromeDialog(), onPressed: () => _zeigeNavidromeDialog(),
), ),
), ),
ListTile(
leading: const Icon(Icons.wifi_off),
title: const Text('📴 Offline-Modus'),
subtitle: const Text('Nur gecachte Lieder abspielen'),
trailing: Consumer<OfflineMode>(
builder: (context, offlineMode, _) {
return Switch(
value: offlineMode.enabled,
onChanged: (value) => offlineMode.setEnabled(value),
);
},
),
),
const Divider(height: 1), const Divider(height: 1),
const _SectionLabel('Berechtigungen'), const _SectionLabel('Berechtigungen'),
ListTile( ListTile(
+2
View File
@@ -4,12 +4,14 @@ import 'package:flutter/material.dart';
import 'package:flutter_test/flutter_test.dart'; import 'package:flutter_test/flutter_test.dart';
import 'package:provider/provider.dart'; import 'package:provider/provider.dart';
import 'package:melo/library/database.dart'; import 'package:melo/library/database.dart';
import 'package:melo/services/offline_mode.dart';
import 'package:melo/settings/settings_screen.dart'; import 'package:melo/settings/settings_screen.dart';
Widget _wrap(MeloDb db, Widget child) { Widget _wrap(MeloDb db, Widget child) {
return MultiProvider( return MultiProvider(
providers: [ providers: [
Provider<MeloDb>.value(value: db), Provider<MeloDb>.value(value: db),
ChangeNotifierProvider<OfflineMode>.value(value: OfflineMode()),
], ],
child: MaterialApp(home: child), child: MaterialApp(home: child),
); );