LittleSheep/RhythmBox
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

✨ Track details

Browse Source
This commit is contained in:
LittleSheep
2024-09-05 00:01:58 +08:00
parent 9012f560b5
commit 43fae51462
3 changed files with 152 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
lib/screens/player/source_details.dart Normal file
View File

@ -0,0 +1,32 @@
import 'package:flutter/material.dart';
import 'package:get/get.dart';
import 'package:rhythm_box/services/server/active_sourced_track.dart';
import 'package:rhythm_box/widgets/player/track_source_details.dart';
class SourceDetailsPopup extends StatelessWidget {
const SourceDetailsPopup({super.key});
@override
Widget build(BuildContext context) {
final ActiveSourcedTrackProvider activeTrack = Get.find();
return SizedBox(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
'Source Details',
style: Theme.of(context).textTheme.headlineSmall,
).paddingOnly(left: 24, right: 24, top: 32, bottom: 16),
Expanded(
child: Obx(
() => TrackSourceDetails(
track: activeTrack.state.value!,
).paddingSymmetric(horizontal: 24),
),
)
],
),
);
}
}

64
lib/screens/player/view.dart
View File

@ -12,6 +12,7 @@ import 'package:rhythm_box/providers/audio_player.dart';
import 'package:rhythm_box/providers/auth.dart';
import 'package:rhythm_box/screens/player/queue.dart';
import 'package:rhythm_box/screens/player/siblings.dart';
import 'package:rhythm_box/screens/player/source_details.dart';
import 'package:rhythm_box/services/artist.dart';
import 'package:rhythm_box/services/audio_player/audio_player.dart';
import 'package:rhythm_box/services/duration.dart';
@ -308,12 +309,18 @@ class _PlayerScreenState extends State<PlayerScreen> {
],
),
const Gap(20),
Row(
children: [
Expanded(
child: TextButton.icon(
SizedBox(
height: 40,
child: ListView(
scrollDirection: Axis.horizontal,
children: [
TextButton.icon(
icon: const Icon(Icons.queue_music),
label: const Text('Queue'),
label: const Text(
'Queue',
maxLines: 1,
overflow: TextOverflow.fade,
),
onPressed: () {
showModalBottomSheet(
useRootNavigator: true,
@ -328,24 +335,28 @@ class _PlayerScreenState extends State<PlayerScreen> {
});
},
),
),
if (!isLargeScreen) const Gap(4),
if (!isLargeScreen)
Expanded(
child: TextButton.icon(
if (!isLargeScreen) const Gap(4),
if (!isLargeScreen)
TextButton.icon(
icon: const Icon(Icons.lyrics),
label: const Text('Lyrics'),
label: const Text(
'Lyrics',
maxLines: 1,
overflow: TextOverflow.fade,
),
onPressed: () {
GoRouter.of(context)
.pushNamed('playerLyrics');
},
),
),
const Gap(4),
Expanded(
child: TextButton.icon(
const Gap(4),
TextButton.icon(
icon: const Icon(Icons.merge),
label: const Text('Sources'),
label: const Text(
'Sources',
maxLines: 1,
overflow: TextOverflow.fade,
),
onPressed: () {
showModalBottomSheet(
useRootNavigator: true,
@ -360,8 +371,25 @@ class _PlayerScreenState extends State<PlayerScreen> {
});
},
),
),
],
const Gap(4),
TextButton.icon(
label: const Text('Info'),
icon: const Icon(Icons.info),
onPressed: () {
showModalBottomSheet(
useRootNavigator: true,
context: context,
builder: (context) =>
const SourceDetailsPopup(),
).then((_) {
if (mounted) {
setState(() {});
}
});
},
),
],
),
),
],
),