100 lines
3.3 KiB
Dart
100 lines
3.3 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:get/get.dart';
|
|
import 'package:google_fonts/google_fonts.dart';
|
|
import 'package:rhythm_box/providers/audio_player.dart';
|
|
import 'package:rhythm_box/services/duration.dart';
|
|
import 'package:rhythm_box/services/server/active_sourced_track.dart';
|
|
import 'package:rhythm_box/services/sourced_track/models/source_info.dart';
|
|
import 'package:rhythm_box/services/sourced_track/sourced_track.dart';
|
|
import 'package:rhythm_box/services/sourced_track/sources/piped.dart';
|
|
import 'package:rhythm_box/services/sourced_track/sources/youtube.dart';
|
|
import 'package:rhythm_box/widgets/auto_cache_image.dart';
|
|
import 'package:rhythm_box/widgets/tracks/querying_track_info.dart';
|
|
|
|
class SiblingTracks extends StatefulWidget {
|
|
const SiblingTracks({super.key});
|
|
|
|
@override
|
|
State<SiblingTracks> createState() => _SiblingTracksState();
|
|
}
|
|
|
|
class _SiblingTracksState extends State<SiblingTracks> {
|
|
late final QueryingTrackInfoProvider _query = Get.find();
|
|
late final ActiveSourcedTrackProvider _activeSource = Get.find();
|
|
late final AudioPlayerProvider _playback = Get.find();
|
|
|
|
get _activeTrack =>
|
|
_activeSource.state.value ?? _playback.state.value.activeTrack;
|
|
|
|
List<SourceInfo> get _siblings => !_query.isQueryingTrackInfo.value
|
|
? [
|
|
(_activeTrack as SourcedTrack).sourceInfo,
|
|
..._activeSource.state.value!.siblings,
|
|
]
|
|
: [];
|
|
|
|
final sourceInfoToLabelMap = {
|
|
YoutubeSourceInfo: 'YouTube',
|
|
PipedSourceInfo: 'Piped',
|
|
};
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Obx(
|
|
() => ListView.builder(
|
|
itemCount: _siblings.length,
|
|
itemBuilder: (context, idx) {
|
|
final item = _siblings[idx];
|
|
final src = sourceInfoToLabelMap[item.runtimeType];
|
|
return ListTile(
|
|
title: Text(
|
|
item.title,
|
|
overflow: TextOverflow.ellipsis,
|
|
maxLines: 1,
|
|
),
|
|
leading: Padding(
|
|
padding: const EdgeInsets.all(8.0),
|
|
child: AutoCacheImage(
|
|
item.thumbnail,
|
|
height: 64,
|
|
width: 64,
|
|
),
|
|
),
|
|
shape: RoundedRectangleBorder(
|
|
borderRadius: BorderRadius.circular(5),
|
|
),
|
|
trailing: Text(
|
|
item.duration.toHumanReadableString(),
|
|
style: GoogleFonts.robotoMono(),
|
|
),
|
|
subtitle: Row(
|
|
children: [
|
|
if (src != null) Text(src),
|
|
Expanded(
|
|
child: Text(
|
|
' · ${item.artist}',
|
|
maxLines: 1,
|
|
overflow: TextOverflow.ellipsis,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
enabled: !_query.isQueryingTrackInfo.value,
|
|
tileColor: !_query.isQueryingTrackInfo.value &&
|
|
item.id == (_activeTrack as SourcedTrack).sourceInfo.id
|
|
? Theme.of(context).colorScheme.secondaryContainer
|
|
: null,
|
|
onTap: () {
|
|
if (!_query.isQueryingTrackInfo.value &&
|
|
item.id != (_activeTrack as SourcedTrack).sourceInfo.id) {
|
|
_activeSource.swapSibling(item);
|
|
Navigator.of(context).pop();
|
|
}
|
|
},
|
|
);
|
|
},
|
|
),
|
|
);
|
|
}
|
|
}
|