dustin/melo-app
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

v2.52.4 — Einstellungen (F4): Auto-Sync-Intervall, Sleep-Timer-Default, Wiedergabegeschwindigkeit, Akzentfarbe, Storage-Info

Browse Source
This commit is contained in:
Dustin
2026-08-05 11:05:55 +02:00
parent 187b26603b
commit bc3357bf72
7 changed files with 411 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/database/db_helper.dart
+15
View File
@@ -535,4 +535,19 @@ class DbHelper {
await txn.delete('songs');
});
}
/// Speicher-Info für die Einstellungen (F4): Anzahl lokaler Songs +
/// belegter Speicher in Bytes (Σ `groesse_bytes`).
Future<Map<String, int>> speicherInfo() async {
final d = await db;
final rows = await d.rawQuery(
'SELECT COUNT(*) AS anzahl, COALESCE(SUM(groesse_bytes), 0) AS bytes '
'FROM songs');
if (rows.isEmpty) return {'anzahl': 0, 'bytes': 0};
final erste = rows.first;
return {
'anzahl': (erste['anzahl'] as num?)?.toInt() ?? 0,
'bytes': (erste['bytes'] as num?)?.toInt() ?? 0,
};
}
}
lib/main.dart
+12 -7
View File
@@ -186,13 +186,18 @@ class _MeloAppState extends State<MeloApp> {
Widget build(BuildContext context) {
final auth = AuthService();
return MaterialApp(
title: 'Melo',
debugShowCheckedModeBanner: false,
theme: MeloTheme.theme,
home: auth.istEingeloggt
? const Scaffold(body: MeloHome())
: const LoginScreen(),
// ValueListenableBuilder: Akzentfarbe (per User, in Einstellungen wählbar)
// wechselt das komplette Theme live — kein App-Neustart nötig.
return ValueListenableBuilder<Color>(
valueListenable: MeloTheme.akzentNotifier,
builder: (_, akzent, __) => MaterialApp(
title: 'Melo',
debugShowCheckedModeBanner: false,
theme: MeloTheme.theme,
home: auth.istEingeloggt
? const Scaffold(body: MeloHome())
: const LoginScreen(),
),
);
}
lib/screens/login_screen.dart
+3
View File
@@ -2,6 +2,7 @@ import 'package:flutter/material.dart';
import '../services/auth_service.dart';
import '../services/navidrome_service.dart';
import '../utils/farb_theme.dart';
import '../utils/user_effekte.dart';
import '../config/app_config.dart';
import 'home_screen.dart';
@@ -73,6 +74,8 @@ class _LoginScreenState extends State<LoginScreen>
if (result.erfolg) {
_setzeStatus('✅ Login erfolgreich!', ok: true);
// Per-User-Akzent (überschreibbar in den Einstellungen) + Begrüßung
await UserEffekt.anwenden(user);
// Navidrome automatisch mit gleichen Credentials syncen
await NavidromeService().speichereZugangsdaten(
AppConfig.navidromeUrl, user, pass);
lib/screens/now_playing_screen.dart
+26 -3
View File
@@ -3,6 +3,7 @@ import 'dart:io';
import 'dart:ui' show ImageFilter;
import 'package:flutter/material.dart';
import 'package:just_audio/just_audio.dart';
import 'package:shared_preferences/shared_preferences.dart';
import '../models/song.dart';
import '../services/favoriten_service.dart';
import '../services/lyrics_service.dart';
@@ -389,7 +390,12 @@ class _NowPlayingScreenState extends State<NowPlayingScreen>
}
/// Schlaf-Timer: Chips Aus/15/30/45/60 + Restzeit, wenn aktiv.
void _zeigeSleepTimer() {
/// Der in den Einstellungen gewählte Standard (`sleep_timer_default_min`)
/// ist vorausgewählt markiert, solange kein Timer läuft.
Future<void> _zeigeSleepTimer() async {
final p = await SharedPreferences.getInstance();
final defaultMin = p.getInt('sleep_timer_default_min') ?? 0;
if (!mounted) return;
showModalBottomSheet(
context: context,
backgroundColor: MeloTheme.dunkel1,
@@ -397,6 +403,7 @@ class _NowPlayingScreenState extends State<NowPlayingScreen>
builder: (ctx, setSheetState) {
final aktiv = _player.sleepTimerAktiv;
final rest = _player.sleepRestzeit;
final zeigeStandard = !aktiv && defaultMin > 0;
return SafeArea(
child: Padding(
padding: const EdgeInsets.fromLTRB(20, 16, 20, 20),
@@ -427,6 +434,14 @@ class _NowPlayingScreenState extends State<NowPlayingScreen>
],
],
),
if (zeigeStandard) ...[
const SizedBox(height: 4),
Text(
'Standard: $defaultMin Min (aus Einstellungen)',
style: const TextStyle(
fontSize: 11, color: MeloTheme.textSekundaer),
),
],
const SizedBox(height: 14),
Row(
children: [
@@ -436,21 +451,25 @@ class _NowPlayingScreenState extends State<NowPlayingScreen>
setSheetState(() {});
}),
_zeitChip(ctx, '15', const Duration(minutes: 15),
standard: defaultMin == 15 && zeigeStandard,
onTap: () {
_player.setSleepTimer(const Duration(minutes: 15));
setSheetState(() {});
}),
_zeitChip(ctx, '30', const Duration(minutes: 30),
standard: defaultMin == 30 && zeigeStandard,
onTap: () {
_player.setSleepTimer(const Duration(minutes: 30));
setSheetState(() {});
}),
_zeitChip(ctx, '45', const Duration(minutes: 45),
standard: defaultMin == 45 && zeigeStandard,
onTap: () {
_player.setSleepTimer(const Duration(minutes: 45));
setSheetState(() {});
}),
_zeitChip(ctx, '60', const Duration(minutes: 60),
standard: defaultMin == 60 && zeigeStandard,
onTap: () {
_player.setSleepTimer(const Duration(minutes: 60));
setSheetState(() {});
@@ -467,7 +486,7 @@ class _NowPlayingScreenState extends State<NowPlayingScreen>
}
Widget _zeitChip(BuildContext ctx, String label, Duration? dauer,
{bool aktiv = false, VoidCallback? onTap}) {
{bool aktiv = false, bool standard = false, VoidCallback? onTap}) {
return GestureDetector(
onTap: onTap,
child: Container(
@@ -476,9 +495,13 @@ class _NowPlayingScreenState extends State<NowPlayingScreen>
decoration: BoxDecoration(
color: aktiv ? MeloTheme.rot : MeloTheme.dunkel2,
borderRadius: BorderRadius.circular(16),
// Standard-Chip (Einstellung) bekommt einen Akzent-Rahmen
border: standard
? Border.all(color: MeloTheme.rot, width: 1.5)
: null,
),
child: Text(
label,
standard ? '$label ⭐' : label,
style: TextStyle(
fontSize: 12,
color: aktiv ? Colors.white : MeloTheme.textSekundaer,
lib/screens/settings_screen.dart
+297 -4
View File
@@ -1,12 +1,21 @@
import 'package:flutter/material.dart';
import 'package:shared_preferences/shared_preferences.dart';
import '../config/app_config.dart';
import '../utils/farb_theme.dart';
import '../utils/user_effekte.dart';
import '../services/auth_service.dart';
import '../services/cloud_service.dart';
import '../services/player_service.dart';
import '../services/sync_service.dart';
import '../database/db_helper.dart';
import 'cloud_screen.dart';
import 'recap_screen.dart';
import 'erweitert_screen.dart';
import '../services/cloud_service.dart';
/// Vollwertiger Einstellungen-Screen – kein Popup mehr
/// Vollwertiger Einstellungen-Screen – kein Popup mehr.
/// Sprint D F4: alle Einstellungen funktionierend + persistiert
/// (Auto-Sync-Intervall, Sleep-Timer-Standard, Wiedergabegeschwindigkeit,
/// Akzentfarbe pro User, Speicher-Info).
class SettingsScreen extends StatefulWidget {
const SettingsScreen({super.key});
@@ -15,6 +24,97 @@ class SettingsScreen extends StatefulWidget {
}
class _SettingsScreenState extends State<SettingsScreen> {
// ─── Einstellungen (aus SharedPreferences geladen) ───
int _syncIntervall = 0; // 0 = Aus, sonst Stunden
int _sleepDefaultMin = 0; // 0 = Aus
double _geschwindigkeit = 1.0;
Color _akzent = MeloTheme.akzent;
Map<String, int> _speicherInfo = const {'anzahl': 0, 'bytes': 0};
static const _akzentFarben = [
Color(0xFFCC0000), // Rot (Standard)
Color(0xFF00B8A9), // Türkis
Color(0xFF1E6FD9), // Blau
Color(0xFF2E9E4F), // Grün
Color(0xFF8E44AD), // Lila
Color(0xFFE67E22), // Orange
Color(0xFFD81B60), // Pink
];
@override
void initState() {
super.initState();
_ladeEinstellungen();
_ladeSpeicherInfo();
}
Future<void> _ladeEinstellungen() async {
final p = await SharedPreferences.getInstance();
final speed = p.getDouble('playback_speed') ?? 1.0;
final akzentHex =
p.getString(UserEffekt.akzentKey(AuthService().benutzer));
if (!mounted) return;
setState(() {
_syncIntervall = p.getInt('cloud_interval') ?? 0;
_sleepDefaultMin = p.getInt('sleep_timer_default_min') ?? 0;
_geschwindigkeit = speed;
_akzent = UserEffekt.farbeAusHex(akzentHex) ?? MeloTheme.akzent;
});
// Speed-Default auch auf den Player anwenden (gilt fürs Abspielen)
await PlayerService().setGeschwindigkeit(speed);
}
Future<void> _ladeSpeicherInfo() async {
final info = await DbHelper().speicherInfo();
if (!mounted) return;
setState(() => _speicherInfo = info);
}
// ─── Setter (persistieren + anwenden) ───
Future<void> _intervallSetzen(int stunden) async {
setState(() => _syncIntervall = stunden);
final p = await SharedPreferences.getInstance();
await p.setInt('cloud_interval', stunden);
await p.setBool('cloud_auto', stunden > 0); // Kompatibilität (altes Flag)
await SyncService.starteAutoSyncTimer(); // app-weiter Timer neu starten
}
Future<void> _sleepDefaultSetzen(int min) async {
setState(() => _sleepDefaultMin = min);
final p = await SharedPreferences.getInstance();
await p.setInt('sleep_timer_default_min', min);
}
Future<void> _geschwindigkeitSetzen(double wert) async {
setState(() => _geschwindigkeit = wert);
final p = await SharedPreferences.getInstance();
await p.setDouble('playback_speed', wert);
await PlayerService().setGeschwindigkeit(wert);
}
Future<void> _akzentSetzen(Color farbe) async {
setState(() => _akzent = farbe);
MeloTheme.akzent = farbe; // live — main.dart rebuildet das Theme
final p = await SharedPreferences.getInstance();
await p.setString(
UserEffekt.akzentKey(AuthService().benutzer), _hexVonFarbe(farbe));
}
String _hexVonFarbe(Color c) {
String hx(int w) => w.toRadixString(16).padLeft(2, '0').toUpperCase();
return '${hx((c.r * 255).round())}${hx((c.g * 255).round())}${hx((c.b * 255).round())}';
}
String get _speicherText {
final anzahl = _speicherInfo['anzahl'] ?? 0;
final bytes = _speicherInfo['bytes'] ?? 0;
if (bytes >= 1073741824) {
return '$anzahl Songs · ${(bytes / 1073741824).toStringAsFixed(2)} GB';
}
return '$anzahl Songs · ${(bytes / 1048576).toStringAsFixed(1)} MB';
}
@override
Widget build(BuildContext context) {
return Scaffold(
@@ -65,8 +165,72 @@ class _SettingsScreenState extends State<SettingsScreen> {
),
const SizedBox(height: 8),
// ─── Sektion: Daten ───
// ─── Sektion: Wiedergabe & Sync ───
_sektionHeader('Wiedergabe & Sync'),
_einstellungsGruppe([
_gruppenZeile(
label: 'Auto-Sync-Intervall',
wert: _syncIntervall == 0 ? 'Aus' : '${_syncIntervall}h',
inhalt: Row(children: [
_wahlChip('Aus', _syncIntervall == 0, () => _intervallSetzen(0)),
_wahlChip('1h', _syncIntervall == 1, () => _intervallSetzen(1)),
_wahlChip('3h', _syncIntervall == 3, () => _intervallSetzen(3)),
_wahlChip('6h', _syncIntervall == 6, () => _intervallSetzen(6)),
_wahlChip('12h', _syncIntervall == 12, () => _intervallSetzen(12)),
]),
),
const Divider(color: MeloTheme.dunkel2, height: 1),
_gruppenZeile(
label: 'Sleep-Timer-Standard',
wert: _sleepDefaultMin == 0 ? 'Aus' : '$_sleepDefaultMin Min',
inhalt: Row(children: [
_wahlChip('Aus', _sleepDefaultMin == 0, () => _sleepDefaultSetzen(0)),
_wahlChip('15', _sleepDefaultMin == 15, () => _sleepDefaultSetzen(15)),
_wahlChip('30', _sleepDefaultMin == 30, () => _sleepDefaultSetzen(30)),
_wahlChip('45', _sleepDefaultMin == 45, () => _sleepDefaultSetzen(45)),
_wahlChip('60', _sleepDefaultMin == 60, () => _sleepDefaultSetzen(60)),
]),
),
const Divider(color: MeloTheme.dunkel2, height: 1),
_gruppenZeile(
label: 'Wiedergabegeschwindigkeit',
wert: '${_geschwindigkeit.toStringAsFixed(2)}x',
inhalt: Slider(
value: _geschwindigkeit,
min: 0.5,
max: 2.0,
divisions: 6,
activeColor: MeloTheme.akzent,
// Live-Vorschau beim Ziehen, persistieren erst am Ende
onChanged: (v) => setState(() => _geschwindigkeit = v),
onChangeEnd: _geschwindigkeitSetzen,
),
),
]),
const SizedBox(height: 8),
// ─── Sektion: Aussehen ───
_sektionHeader('Aussehen'),
_einstellungsGruppe([
_gruppenZeile(
label: 'Akzentfarbe',
wert: 'Für ${AuthService().benutzer}',
inhalt: Row(children: [
for (final farbe in _akzentFarben) ...[
_akzentPunkt(farbe, _akzent == farbe, () => _akzentSetzen(farbe)),
],
]),
),
]),
const SizedBox(height: 8),
// ─── Sektion: Daten & Privatsphäre ───
_sektionHeader('Daten & Privatsphäre'),
_infoKachel(
icon: Icons.storage_outlined,
titel: 'Lokale Musik',
wert: _speicherText,
),
_einstellungsKachel(
icon: Icons.auto_graph,
titel: 'Jahres-Recap',
@@ -140,7 +304,7 @@ class _SettingsScreenState extends State<SettingsScreen> {
children: [
_infoZeile('Version', '2.52.3'),
const Divider(color: MeloTheme.dunkel2, height: 1),
_infoZeile('Theme', 'Schwarz + Rot'),
_infoZeile('Theme', 'Schwarz + Akzent'),
const Divider(color: MeloTheme.dunkel2, height: 1),
_infoZeile('Auth', AppConfig.authUrl),
const Divider(color: MeloTheme.dunkel2, height: 1),
@@ -245,6 +409,135 @@ class _SettingsScreenState extends State<SettingsScreen> {
);
}
/// Informations-Kachel (nicht antippbar) — z.B. Speicher-Info.
Widget _infoKachel({
required IconData icon,
required String titel,
required String wert,
}) {
return Padding(
padding: const EdgeInsets.only(bottom: 8),
child: Container(
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 14),
decoration: BoxDecoration(
color: MeloTheme.dunkel1,
borderRadius: BorderRadius.circular(14),
border: Border.all(color: MeloTheme.dunkel2),
),
child: Row(
children: [
Container(
width: 40,
height: 40,
decoration: BoxDecoration(
color: MeloTheme.dunkel2,
borderRadius: BorderRadius.circular(10),
),
child: Icon(icon, color: MeloTheme.rot, size: 20),
),
const SizedBox(width: 14),
Expanded(
child: Text(
titel,
style: const TextStyle(color: Colors.white, fontSize: 14, fontWeight: FontWeight.w500),
),
),
Text(
wert,
style: const TextStyle(color: MeloTheme.textSekundaer, fontSize: 12),
),
],
),
),
);
}
/// Gruppe aus mehreren Einstellungs-Zeilen in einer abgerundeten Box.
Widget _einstellungsGruppe(List<Widget> kinder) {
return Container(
margin: const EdgeInsets.only(bottom: 8),
decoration: BoxDecoration(
color: MeloTheme.dunkel1,
borderRadius: BorderRadius.circular(14),
border: Border.all(color: MeloTheme.dunkel2),
),
child: Column(children: kinder),
);
}
Widget _gruppenZeile({
required String label,
String? wert,
required Widget inhalt,
}) {
return Padding(
padding: const EdgeInsets.fromLTRB(16, 12, 16, 12),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Row(
children: [
Expanded(
child: Text(
label,
style: const TextStyle(color: Colors.white, fontSize: 14, fontWeight: FontWeight.w500),
),
),
if (wert != null)
Text(
wert,
style: TextStyle(color: MeloTheme.akzent, fontSize: 13, fontWeight: FontWeight.w600),
),
],
),
const SizedBox(height: 10),
inhalt,
],
),
);
}
Widget _wahlChip(String label, bool aktiv, VoidCallback onTap) {
return GestureDetector(
onTap: onTap,
child: Container(
margin: const EdgeInsets.only(right: 8),
padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 7),
decoration: BoxDecoration(
color: aktiv ? MeloTheme.akzent : MeloTheme.dunkel2,
borderRadius: BorderRadius.circular(16),
),
child: Text(
label,
style: TextStyle(
fontSize: 12,
color: aktiv ? Colors.white : MeloTheme.textSekundaer,
),
),
),
);
}
Widget _akzentPunkt(Color farbe, bool aktiv, VoidCallback onTap) {
return GestureDetector(
onTap: onTap,
child: Container(
margin: const EdgeInsets.only(right: 10),
width: 34,
height: 34,
decoration: BoxDecoration(
shape: BoxShape.circle,
color: farbe,
border: Border.all(
color: aktiv ? Colors.white : Colors.transparent,
width: 2.5,
),
),
child: aktiv ? const Icon(Icons.check, size: 18, color: Colors.white) : null,
),
);
}
Widget _infoZeile(String label, String wert) {
return Padding(
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 12),
lib/services/player_service.dart
+32
View File
@@ -68,6 +68,29 @@ class PlayerService extends ChangeNotifier {
final StreamController<Song?> _songWechsel = StreamController.broadcast();
Stream<Song?> get onSongWechsel => _songWechsel.stream;
// ─── Wiedergabegeschwindigkeit (F4) ───
double _geschwindigkeit = 1.0;
/// Aktuelle Wiedergabegeschwindigkeit (0.5–2.0, Default 1.0).
double get geschwindigkeit => _geschwindigkeit;
/// Setzt die Wiedergabegeschwindigkeit (just_audio `setSpeed`) und merkt
/// sie sich, damit [spiele] sie auf jede neue Quelle anwendet (just_audio
/// setzt die Geschwindigkeit bei `setUrl`/`setFilePath` auf 1.0 zurück).
Future<void> setGeschwindigkeit(double wert) async {
_geschwindigkeit = wert.clamp(0.5, 2.0).toDouble();
if (_player != null) {
try {
await _p.setSpeed(_geschwindigkeit);
} catch (e) {
debugPrint('setSpeed fehlgeschlagen: $e');
MeloLogger().fehler('player_speed', e);
}
}
notifyListeners();
}
// ─── Zufallsmodus (Shuffle) ───
bool get zufallsmodus => _zufallsmodus;
@@ -138,6 +161,15 @@ class PlayerService extends ChangeNotifier {
}
if (position > 0) await _p.seek(Duration(seconds: position));
await _p.play();
// Wiedergabegeschwindigkeit aus der Einstellung anwenden (just_audio
// setzt sie bei jeder neuen Quelle zurück auf 1.0)
if (_geschwindigkeit != 1.0) {
try {
await _p.setSpeed(_geschwindigkeit);
} catch (e) {
debugPrint('setSpeed fehlgeschlagen: $e');
}
}
_songWechsel.add(song);
notifyListeners();
// Abspiel-Historie für den Jahres-Recap registrieren
lib/utils/user_effekte.dart
+26 -3
View File
@@ -1,6 +1,7 @@
import 'dart:async';
import 'package:flutter/material.dart';
import 'package:just_audio/just_audio.dart';
import 'package:shared_preferences/shared_preferences.dart';
import 'farb_theme.dart';
/// Login-Effekte: Pro Person eigener Akzent, Willkommens-Sound und Begrüßung.
@@ -39,13 +40,35 @@ class UserEffekt {
return standard;
}
/// Key der per-User-Akzentfarbe in den SharedPreferences.
static String akzentKey(String? user) =>
'akzent_farbe_${(user ?? '').toLowerCase().trim()}';
/// '#RRGGBB' (oder 'RRGGBB') → Color; null bei ungültigem Format.
static Color? farbeAusHex(String? hex) {
if (hex == null) return null;
final h = hex.replaceFirst('#', '').trim();
if (h.length != 6) return null;
final v = int.tryParse(h, radix: 16);
if (v == null) return null;
return Color(0xFF000000 | v);
}
/// Setzt die Akzentfarbe (Thema wechselt live) und spielt den Sound ab.
/// Die in den Einstellungen gespeicherte Akzentfarbe
/// (`akzent_farbe_<user>`, F4) hat Vorrang vor der Standard-Farbe des Users.
static Future<void> anwenden(String? user) async {
final e = fuer(user);
MeloTheme.akzent = e.akzent;
var farbe = fuer(user).akzent;
try {
final p = await SharedPreferences.getInstance();
farbe = farbeAusHex(p.getString(akzentKey(user))) ?? farbe;
} catch (_) {
// Prefs-Fehler ignorieren — Standard-Akzent bleibt
}
MeloTheme.akzent = farbe;
try {
final p = AudioPlayer();
await p.setAsset(e.soundAsset);
await p.setAsset(fuer(user).soundAsset);
unawaited(p.play());
// Player nach dem Abspielen sauber freigeben (kein Memory-Leak)
Future.delayed(const Duration(seconds: 4), () {