393 lines
14 KiB
Dart
393 lines
14 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'dart:async';
|
|
import '../database/db_helper.dart';
|
|
import '../services/player_service.dart';
|
|
import '../services/musik_scanner.dart';
|
|
import '../services/favoriten_service.dart';
|
|
import '../services/download_service.dart';
|
|
import '../models/song.dart';
|
|
import '../utils/farb_theme.dart';
|
|
import '../widgets/mini_player.dart';
|
|
import '../widgets/melo_header.dart';
|
|
import '../widgets/statistik_card.dart';
|
|
import '../widgets/tag_leiste.dart';
|
|
import '../widgets/song_tile.dart';
|
|
|
|
class MeloHome extends StatefulWidget {
|
|
const MeloHome({super.key});
|
|
|
|
@override
|
|
State<MeloHome> createState() => _MeloHomeState();
|
|
}
|
|
|
|
class _MeloHomeState extends State<MeloHome> {
|
|
final PlayerService _player = PlayerService();
|
|
final DbHelper _db = DbHelper();
|
|
final FavoritenService _favoriten = FavoritenService();
|
|
final MusikScanner _scanner = MusikScanner();
|
|
final DownloadService _downloader = DownloadService();
|
|
|
|
List<Song> _songs = [];
|
|
String _aktiverTag = 'Alle';
|
|
bool _ladt = true;
|
|
Set<int> _favoritenIds = {};
|
|
|
|
final List<Map<String, String>> _beispielTags = [
|
|
{'name': 'Alle', 'icon': ''},
|
|
{'name': '❤️ Für uns', 'icon': '❤️'},
|
|
{'name': 'Nightcore', 'icon': '⚡'},
|
|
{'name': 'Traurig', 'icon': '😢'},
|
|
{'name': 'Party', 'icon': '🎉'},
|
|
{'name': 'Mitsingen', 'icon': '🎤'},
|
|
{'name': '2000er', 'icon': '📀'},
|
|
];
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
_ladeSongs();
|
|
}
|
|
|
|
List<Song> get _gefilterteSongs {
|
|
if (_aktiverTag == 'Alle') return _songs;
|
|
return _songs.where((s) =>
|
|
s.titel.contains(_aktiverTag) ||
|
|
s.kuenstler.contains(_aktiverTag)
|
|
).toList();
|
|
}
|
|
|
|
Future<void> _ladeSongs() async {
|
|
setState(() => _ladt = true);
|
|
var songs = await _db.alleSongs();
|
|
|
|
if (songs.isEmpty) {
|
|
final beispiele = [
|
|
Song(titel: 'Leichtes Gepäck', kuenstler: 'Silbermond', album: 'Schritte',
|
|
dauerSekunden: 232, dateiPfad: '', groesseBytes: 5242880, istHeruntergeladen: true),
|
|
Song(titel: 'Auf uns', kuenstler: 'Andreas Bourani', album: 'Hey',
|
|
dauerSekunden: 241, dateiPfad: '', groesseBytes: 4819200, istHeruntergeladen: true),
|
|
Song(titel: '80 Millionen', kuenstler: 'Max Giesinger', album: 'Der Junge',
|
|
dauerSekunden: 225, dateiPfad: '', groesseBytes: 5107200, istHeruntergeladen: true),
|
|
Song(titel: 'Tage wie diese', kuenstler: 'Die Toten Hosen', album: 'Ballast',
|
|
dauerSekunden: 252, dateiPfad: '', groesseBytes: 4300800, istHeruntergeladen: true),
|
|
Song(titel: 'Atlantis', kuenstler: 'Frida Gold', album: 'Liebe',
|
|
dauerSekunden: 228, dateiPfad: '', groesseBytes: 3987200, istHeruntergeladen: true),
|
|
];
|
|
await _db.songsEinfuegen(beispiele);
|
|
songs = await _db.alleSongs();
|
|
}
|
|
|
|
final favoritenSet = await _favoriten.favoritenIds();
|
|
|
|
if (mounted) {
|
|
setState(() {
|
|
_songs = songs;
|
|
_favoritenIds = favoritenSet;
|
|
_ladt = false;
|
|
});
|
|
}
|
|
}
|
|
|
|
Future<void> _zeigeSuche() async {
|
|
final controller = TextEditingController();
|
|
final ergebnis = await showDialog<String>(
|
|
context: context,
|
|
builder: (ctx) => AlertDialog(
|
|
backgroundColor: MeloTheme.dunkel1,
|
|
title: const Text('🔍 Song suchen', style: TextStyle(color: Colors.white, fontSize: 18)),
|
|
content: TextField(
|
|
controller: controller,
|
|
autofocus: true,
|
|
style: const TextStyle(color: Colors.white),
|
|
decoration: const InputDecoration(
|
|
hintText: 'Titel oder Künstler...',
|
|
hintStyle: TextStyle(color: Colors.grey),
|
|
border: OutlineInputBorder(),
|
|
),
|
|
),
|
|
actions: [
|
|
TextButton(onPressed: () => Navigator.pop(ctx), child: const Text('Abbrechen')),
|
|
TextButton(
|
|
onPressed: () => Navigator.pop(ctx, controller.text),
|
|
child: const Text('Suchen', style: TextStyle(color: MeloTheme.rot)),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
if (ergebnis == null || ergebnis.isEmpty) return;
|
|
final gefiltert = _songs.where((s) =>
|
|
s.titel.toLowerCase().contains(ergebnis.toLowerCase()) ||
|
|
s.kuenstler.toLowerCase().contains(ergebnis.toLowerCase())
|
|
).toList();
|
|
if (!mounted) return;
|
|
showDialog(
|
|
context: context,
|
|
builder: (ctx) => AlertDialog(
|
|
backgroundColor: MeloTheme.dunkel1,
|
|
title: Text('🔍 ${gefiltert.length} Treffer', style: const TextStyle(color: Colors.white)),
|
|
content: SizedBox(
|
|
width: double.maxFinite,
|
|
height: 300,
|
|
child: gefiltert.isEmpty
|
|
? const Center(child: Text('Keine Treffer', style: TextStyle(color: Colors.grey)))
|
|
: ListView.builder(
|
|
itemCount: gefiltert.length,
|
|
itemBuilder: (_, i) => ListTile(
|
|
leading: Container(
|
|
width: 36, height: 36,
|
|
decoration: BoxDecoration(
|
|
borderRadius: BorderRadius.circular(8),
|
|
gradient: const LinearGradient(colors: [Color(0xFF1A0000), Color(0xFF660000)]),
|
|
),
|
|
child: const Center(child: Text('♪', style: TextStyle(fontSize: 14, color: Colors.white54))),
|
|
),
|
|
title: Text(gefiltert[i].titel, style: const TextStyle(color: Colors.white)),
|
|
subtitle: Text(gefiltert[i].kuenstler, style: const TextStyle(color: Colors.grey)),
|
|
onTap: () { Navigator.pop(ctx); _spieleSong(gefiltert[i]); },
|
|
),
|
|
),
|
|
),
|
|
actions: [TextButton(onPressed: () => Navigator.pop(ctx), child: const Text('Schließen'))],
|
|
),
|
|
);
|
|
}
|
|
|
|
Future<void> _scanMusik() async {
|
|
final erlaubt = await _scanner.frageSpeicherZugriff();
|
|
if (!erlaubt) {
|
|
if (mounted) {
|
|
ScaffoldMessenger.of(context).showSnackBar(
|
|
const SnackBar(content: Text('Bitte Speicherzugriff erlauben')),
|
|
);
|
|
}
|
|
return;
|
|
}
|
|
await _scanner.scanneMusikOrdner();
|
|
if (mounted) {
|
|
ScaffoldMessenger.of(context).showSnackBar(
|
|
SnackBar(content: Text('Scannen fertig: ${_scanner.anzahlNeueSongs} neue Songs gefunden')),
|
|
);
|
|
await _ladeSongs();
|
|
}
|
|
}
|
|
|
|
Future<void> _zeigeDownloadDialog() async {
|
|
final controller = TextEditingController();
|
|
final url = await showDialog<String>(
|
|
context: context,
|
|
builder: (ctx) => AlertDialog(
|
|
backgroundColor: MeloTheme.dunkel1,
|
|
title: const Text('⬇ YouTube-Link einfügen', style: TextStyle(color: Colors.white)),
|
|
content: TextField(
|
|
controller: controller,
|
|
autofocus: true,
|
|
style: const TextStyle(color: Colors.white),
|
|
decoration: const InputDecoration(
|
|
hintText: 'https://youtube.com/watch?v=...',
|
|
hintStyle: TextStyle(color: Colors.grey),
|
|
border: OutlineInputBorder(),
|
|
),
|
|
),
|
|
actions: [
|
|
TextButton(onPressed: () => Navigator.pop(ctx), child: const Text('Abbrechen')),
|
|
TextButton(
|
|
onPressed: () => Navigator.pop(ctx, controller.text),
|
|
child: const Text('Download', style: TextStyle(color: MeloTheme.rot)),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
|
|
if (url == null || url.isEmpty) return;
|
|
if (!mounted) return;
|
|
|
|
showDialog(
|
|
context: context,
|
|
barrierDismissible: false,
|
|
builder: (ctx) {
|
|
Timer? timer;
|
|
return StatefulBuilder(
|
|
builder: (ctx, setDialogState) {
|
|
timer ??= Timer.periodic(const Duration(milliseconds: 200), (_) {
|
|
if (ctx.mounted) setDialogState(() {});
|
|
});
|
|
|
|
_downloader.downloadVonUrl(url).then((song) {
|
|
timer?.cancel();
|
|
if (song != null && ctx.mounted) {
|
|
setDialogState(() {});
|
|
Future.delayed(const Duration(milliseconds: 800), () {
|
|
if (ctx.mounted) Navigator.pop(ctx);
|
|
_ladeSongs();
|
|
});
|
|
} else if (ctx.mounted) {
|
|
Future.delayed(const Duration(seconds: 3), () {
|
|
if (ctx.mounted) Navigator.pop(ctx);
|
|
});
|
|
}
|
|
});
|
|
|
|
final fehler = _downloader.fehler;
|
|
final fortschritt = _downloader.fortschritt;
|
|
final statusText = fehler ?? _downloader.aktuellerTitel ?? 'Song wird heruntergeladen...';
|
|
|
|
return AlertDialog(
|
|
backgroundColor: MeloTheme.dunkel1,
|
|
title: const Text('⬇ Download', style: TextStyle(color: Colors.white)),
|
|
content: Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
if (fehler == null)
|
|
LinearProgressIndicator(
|
|
value: fortschritt > 0 ? fortschritt : null,
|
|
color: MeloTheme.rot,
|
|
)
|
|
else
|
|
const Icon(Icons.error, color: Colors.red, size: 40),
|
|
const SizedBox(height: 12),
|
|
Text(statusText,
|
|
style: TextStyle(fontSize: 13, color: fehler != null ? Colors.red : Colors.white70),
|
|
textAlign: TextAlign.center,
|
|
),
|
|
if (fortschritt > 0) ...[
|
|
const SizedBox(height: 8),
|
|
Text('${(fortschritt * 100).toStringAsFixed(0)}%',
|
|
style: const TextStyle(fontSize: 12, color: Colors.grey)),
|
|
],
|
|
],
|
|
),
|
|
);
|
|
},
|
|
);
|
|
},
|
|
);
|
|
}
|
|
|
|
void _spieleSong(Song song) {
|
|
_player.setWarteschlange(_songs,
|
|
startIndex: _songs.indexWhere((s) => s.id == song.id));
|
|
_player.spiele(song);
|
|
}
|
|
|
|
Future<void> _favoritenUmschalten(Song song) async {
|
|
if (song.id == null) return;
|
|
await _favoriten.umschalten(song.id!);
|
|
final aktuelleIds = await _favoriten.favoritenIds();
|
|
if (mounted) setState(() => _favoritenIds = aktuelleIds);
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
if (_ladt) {
|
|
return const Scaffold(
|
|
backgroundColor: MeloTheme.schwarz,
|
|
body: Center(child: CircularProgressIndicator(color: MeloTheme.rot)),
|
|
);
|
|
}
|
|
|
|
final gesamtMB = _songs.isEmpty ? '0'
|
|
: (_songs.fold(0, (int s, Song song) => s + song.groesseBytes) / 1048576).toStringAsFixed(0);
|
|
final gesamtMin = _songs.isEmpty ? 0
|
|
: (_songs.fold(0, (int s, Song song) => s + song.dauerSekunden) / 60).round();
|
|
|
|
return Scaffold(
|
|
backgroundColor: MeloTheme.schwarz,
|
|
body: SafeArea(
|
|
child: Column(
|
|
children: [
|
|
MeloHeader(onDownload: _zeigeDownloadDialog, onSearch: _zeigeSuche),
|
|
StatistikCard(
|
|
anzahlSongs: _songs.length,
|
|
gesamtMB: gesamtMB,
|
|
gesamtMin: gesamtMin,
|
|
anzahlFavoriten: _favoritenIds.length,
|
|
),
|
|
TagLeiste(
|
|
tags: _beispielTags,
|
|
aktiverTag: _aktiverTag,
|
|
onTagSelected: (tag) => setState(() => _aktiverTag = tag),
|
|
),
|
|
Expanded(child: _songListe()),
|
|
const MiniPlayer(),
|
|
const SizedBox(height: 8),
|
|
],
|
|
),
|
|
),
|
|
bottomNavigationBar: _bottomNav(),
|
|
);
|
|
}
|
|
|
|
Widget _songListe() {
|
|
final songs = _gefilterteSongs;
|
|
return Column(
|
|
children: [
|
|
Padding(
|
|
padding: const EdgeInsets.fromLTRB(20, 12, 20, 4),
|
|
child: Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
children: [
|
|
const Text('📂 Alle Songs', style: TextStyle(fontSize: 16, fontWeight: FontWeight.w600, color: Colors.white)),
|
|
Row(children: [
|
|
Text('${songs.length} Titel${_aktiverTag != 'Alle' ? ' (gefiltert)' : ''}', style: TextStyle(fontSize: 12, color: MeloTheme.rot)),
|
|
const SizedBox(width: 8),
|
|
GestureDetector(
|
|
onTap: _scanMusik,
|
|
child: Container(
|
|
padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 4),
|
|
decoration: BoxDecoration(
|
|
border: Border.all(color: MeloTheme.dunkel2),
|
|
borderRadius: BorderRadius.circular(8),
|
|
),
|
|
child: const Row(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
Icon(Icons.refresh, size: 12, color: MeloTheme.rot),
|
|
SizedBox(width: 4),
|
|
Text('Scannen', style: TextStyle(fontSize: 11, color: MeloTheme.rot)),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
]),
|
|
],
|
|
),
|
|
),
|
|
Expanded(
|
|
child: ListView.builder(
|
|
padding: const EdgeInsets.fromLTRB(20, 4, 20, 4),
|
|
itemCount: songs.length,
|
|
itemBuilder: (_, i) => SongTile(
|
|
song: songs[i],
|
|
istFavorit: songs[i].id != null && _favoritenIds.contains(songs[i].id),
|
|
onFavoriteToggle: _favoritenUmschalten,
|
|
onPlay: _spieleSong,
|
|
onMetadataChanged: _ladeSongs,
|
|
),
|
|
),
|
|
),
|
|
],
|
|
);
|
|
}
|
|
|
|
Widget _bottomNav() {
|
|
return Container(
|
|
decoration: const BoxDecoration(
|
|
border: Border(top: BorderSide(color: MeloTheme.dunkel1)),
|
|
),
|
|
child: BottomNavigationBar(
|
|
type: BottomNavigationBarType.fixed,
|
|
backgroundColor: MeloTheme.schwarz,
|
|
selectedItemColor: MeloTheme.rot,
|
|
unselectedItemColor: MeloTheme.textSekundaer,
|
|
items: const [
|
|
BottomNavigationBarItem(icon: Icon(Icons.music_note, size: 22), label: 'Musik'),
|
|
BottomNavigationBarItem(icon: Icon(Icons.download, size: 22), label: 'Downloads'),
|
|
BottomNavigationBarItem(icon: Icon(Icons.label, size: 22), label: 'Tags'),
|
|
BottomNavigationBarItem(icon: Icon(Icons.favorite, size: 22), label: 'Favoriten'),
|
|
BottomNavigationBarItem(icon: Icon(Icons.settings, size: 22), label: 'Einstellungen'),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
}
|