- Neuer QueueScreen: zeigt handler.queue, hebt aktuell spielenden Titel hervor (fett/rot), Antippen springt per skipToQueueItem - Entfernen und Umsortieren ohne Änderung an MeloAudioHandler: Queue wird clientseitig neu berechnet und per loadPlaylist neu geladen; Position wird nur wiederhergestellt, wenn der abgespielte Titel unverändert blieb - Reine Queue-Logik (removeFromQueue/reorderQueue/newPlayingIndex) als eigenständige, ohne AudioHandler testbare Funktionen extrahiert - Warteschlangen-Button in der Now-Playing-AppBar verlinkt den neuen Screen Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
138 lines
5.3 KiB
Dart
138 lines
5.3 KiB
Dart
import 'package:audio_service/audio_service.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:provider/provider.dart';
|
|
|
|
import '../shared/cover.dart';
|
|
import '../shared/theme.dart';
|
|
import 'audio_handler.dart';
|
|
|
|
/// Warteschlangen-Ansicht: aktuelle Queue anzeigen, zu einem Titel springen,
|
|
/// Titel entfernen oder per Drag & Drop umsortieren.
|
|
///
|
|
/// Der `MeloAudioHandler` bietet keine Live-Queue-Mutation (kein
|
|
/// `removeQueueItem`/`moveQueueItem`), daher wird die Queue clientseitig neu
|
|
/// berechnet und per `loadPlaylist` neu geladen.
|
|
class QueueScreen extends StatelessWidget {
|
|
const QueueScreen({super.key});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final handler = context.read<MeloAudioHandler>();
|
|
return Scaffold(
|
|
appBar: AppBar(title: const Text('Warteschlange')),
|
|
body: StreamBuilder<List<MediaItem>>(
|
|
stream: handler.queue,
|
|
builder: (context, queueSnap) {
|
|
final queue = queueSnap.data ?? const <MediaItem>[];
|
|
if (queue.isEmpty) {
|
|
return const Center(
|
|
child: Text('Warteschlange ist leer',
|
|
style: TextStyle(color: Colors.white54)),
|
|
);
|
|
}
|
|
return StreamBuilder<MediaItem?>(
|
|
stream: handler.mediaItem,
|
|
builder: (context, currentSnap) {
|
|
final currentId = currentSnap.data?.id;
|
|
return ReorderableListView.builder(
|
|
itemCount: queue.length,
|
|
onReorderItem: (oldIndex, newIndex) =>
|
|
_reorder(handler, oldIndex, newIndex),
|
|
itemBuilder: (context, i) {
|
|
final item = queue[i];
|
|
final playing = item.id == currentId;
|
|
return ListTile(
|
|
key: ValueKey(item.id),
|
|
leading: CoverImage(artUri: item.artUri, size: 48, radius: 6),
|
|
title: Text(
|
|
item.title,
|
|
maxLines: 1,
|
|
overflow: TextOverflow.ellipsis,
|
|
style: playing
|
|
? const TextStyle(
|
|
color: MeloTheme.red, fontWeight: FontWeight.bold)
|
|
: null,
|
|
),
|
|
subtitle: Text(item.artist ?? 'Unbekannt',
|
|
maxLines: 1, overflow: TextOverflow.ellipsis),
|
|
trailing: IconButton(
|
|
tooltip: 'Aus Warteschlange entfernen',
|
|
icon: const Icon(Icons.close),
|
|
onPressed: () => _remove(handler, i),
|
|
),
|
|
onTap: () => handler.skipToQueueItem(i),
|
|
);
|
|
},
|
|
);
|
|
},
|
|
);
|
|
},
|
|
),
|
|
);
|
|
}
|
|
|
|
Future<void> _remove(MeloAudioHandler handler, int index) async {
|
|
final queue = handler.queue.valueOrNull ?? const <MediaItem>[];
|
|
if (index < 0 || index >= queue.length) return;
|
|
final playingId = handler.mediaItem.valueOrNull?.id;
|
|
final position = await handler.positionStream.first;
|
|
|
|
final newQueue = removeFromQueue(queue, index);
|
|
if (newQueue.isEmpty) {
|
|
await handler.stop();
|
|
return;
|
|
}
|
|
final fallbackIndex = index.clamp(0, newQueue.length - 1);
|
|
final newIndex = newPlayingIndex(newQueue, playingId, fallbackIndex);
|
|
await handler.loadPlaylist(newQueue, startIndex: newIndex);
|
|
if (newQueue[newIndex].id == playingId) {
|
|
await handler.seek(position);
|
|
}
|
|
}
|
|
|
|
Future<void> _reorder(
|
|
MeloAudioHandler handler, int oldIndex, int newIndex) async {
|
|
final queue = handler.queue.valueOrNull ?? const <MediaItem>[];
|
|
if (queue.isEmpty) return;
|
|
final playingId = handler.mediaItem.valueOrNull?.id;
|
|
final position = await handler.positionStream.first;
|
|
|
|
final newQueue = reorderQueue(queue, oldIndex, newIndex);
|
|
final fallbackIndex = newIndex.clamp(0, newQueue.length - 1);
|
|
final newPlayIndex = newPlayingIndex(newQueue, playingId, fallbackIndex);
|
|
await handler.loadPlaylist(newQueue, startIndex: newPlayIndex);
|
|
if (newQueue[newPlayIndex].id == playingId) {
|
|
await handler.seek(position);
|
|
}
|
|
}
|
|
}
|
|
|
|
// === Reine Queue-Logik (ohne AudioHandler testbar) ===
|
|
|
|
/// Entfernt den Titel an [removeIndex] aus [queue].
|
|
List<MediaItem> removeFromQueue(List<MediaItem> queue, int removeIndex) {
|
|
return List<MediaItem>.from(queue)..removeAt(removeIndex);
|
|
}
|
|
|
|
/// Verschiebt den Titel von [oldIndex] nach [newIndex]. `newIndex` ist bereits
|
|
/// um das entfernte Element bereinigt (siehe `ReorderableListView.onReorderItem`).
|
|
List<MediaItem> reorderQueue(List<MediaItem> queue, int oldIndex, int newIndex) {
|
|
final result = List<MediaItem>.from(queue);
|
|
final moved = result.removeAt(oldIndex);
|
|
result.insert(newIndex, moved);
|
|
return result;
|
|
}
|
|
|
|
/// Ermittelt den Index des zuvor abgespielten Titels ([playingId]) in
|
|
/// [newQueue]. Ist er nicht mehr vorhanden, wird auf [fallbackIndex]
|
|
/// zurückgefallen (z.B. der Titel, der jetzt an seiner alten Position steht).
|
|
int newPlayingIndex(
|
|
List<MediaItem> newQueue, String? playingId, int fallbackIndex) {
|
|
if (newQueue.isEmpty) return 0;
|
|
if (playingId != null) {
|
|
final idx = newQueue.indexWhere((item) => item.id == playingId);
|
|
if (idx != -1) return idx;
|
|
}
|
|
return fallbackIndex.clamp(0, newQueue.length - 1);
|
|
}
|