Michael/xtremflow
1
0 Fork 0
mirror of https://github.com/R0m1k3/xtremflow.git synced 2026-10-11 17:30:00 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat: add playlist selection screen with interactive playlist cards and API fetching.

Browse Source
This commit is contained in:
Michael committed 2026-03-26 20:52:27 +01:00
1 parent d3f6d3a65e
commit 12e04c94ff
1 file changed
-199
Download Patch File Download Diff File Expand all files Collapse all files
lib/features/iptv/screens/playlist_selection_screen.dart
-199
View File
@@ -15,205 +15,6 @@ final playlistsProvider = FutureProvider<List<PlaylistConfig>>((ref) async {
});
class PlaylistSelectionScreen extends ConsumerWidget {
const PlaylistSelectionScreen({super.key});
@override
Widget build(BuildContext context, WidgetRef ref) {
final currentUser = ref.watch(authProvider).currentUser;
final playlistsAsync = ref.watch(playlistsProvider);
final scrollController = ScrollController();
return Scaffold(
extendBodyBehindAppBar: true,
appBar: AppBar(
title: Text(
'Select Playlist',
style: GoogleFonts.roboto(
fontWeight: FontWeight.w600,
color: AppColors.textPrimary,
),
),
backgroundColor: Colors.transparent,
elevation: 0,
actions: [
if (currentUser?.isAdmin ?? false)
IconButton(
icon: const Icon(Icons.admin_panel_settings,
color: AppColors.textSecondary),
onPressed: () => context.go('/admin'),
tooltip: 'Admin Panel',
),
IconButton(
icon: const Icon(Icons.logout, color: AppColors.textSecondary),
onPressed: () async {
await ref.read(authProvider.notifier).logout();
if (context.mounted) {
context.go('/login');
}
},
tooltip: 'Logout',
),
],
),
body: Stack(
fit: StackFit.expand,
children: [
// Background with glows
Container(
decoration: const BoxDecoration(
gradient: LinearGradient(
begin: Alignment.topCenter,
end: Alignment.bottomCenter,
colors: [
Color(0xFF050505),
AppColors.background,
Color(0xFF0A0A0A),
],
),
),
),
// Ambient Glow Top-Left - Teal
Positioned(
top: -200,
left: -200,
child: Container(
width: 600,
height: 600,
decoration: BoxDecoration(
shape: BoxShape.circle,
gradient: RadialGradient(
colors: [
AppColors.primary.withOpacity(0.3),
AppColors.primary.withOpacity(0.05),
Colors.transparent,
],
),
),
),
),
// Ambient Glow Bottom-Right - Blue
Positioned(
bottom: -200,
right: -200,
child: Container(
width: 600,
height: 600,
decoration: BoxDecoration(
shape: BoxShape.circle,
gradient: RadialGradient(
colors: [
AppColors.info.withOpacity(0.25),
AppColors.info.withOpacity(0.05),
Colors.transparent,
],
),
),
),
),
// Content - Explicitly filled to provide bounded constraints
Positioned.fill(
child: playlistsAsync.when(
loading: () => const Center(
child: CircularProgressIndicator(color: AppColors.primary),
),
error: (error, stack) => Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
const Icon(Icons.error_outline,
size: 64, color: AppColors.error),
const SizedBox(height: 16),
Text(
'Error loading playlists',
style: GoogleFonts.outfit(
fontSize: 18,
color: AppColors.textSecondary,
),
),
const SizedBox(height: 8),
ElevatedButton(
onPressed: () => ref.refresh(playlistsProvider),
style: ElevatedButton.styleFrom(
backgroundColor: AppColors.primary,
foregroundColor: AppColors.textPrimary,
),
child: Text('Retry', style: GoogleFonts.inter()),
),
],
),
),
data: (playlists) {
if (playlists.isEmpty) {
return Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
const Icon(
Icons.playlist_remove,
size: 64,
color: Colors.white24,
),
const SizedBox(height: 16),
Text(
'No playlists available',
style: GoogleFonts.outfit(
fontSize: 18,
color: Colors.white60,
),
),
const SizedBox(height: 8),
Text(
currentUser?.isAdmin ?? false
? 'Add playlists in Admin Panel'
: 'Contact administrator',
style: GoogleFonts.inter(
fontSize: 14,
color: Colors.white38,
),
),
],
),
);
}
// GridView needs a controller in some Flutter Web environments
// to avoid NaN scroll offset issues during initial layout
return GridView.builder(
controller: scrollController,
padding: const EdgeInsets.fromLTRB(
48,
120, // Increased top padding for AppBar
48,
48,
),
gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
crossAxisCount:
MediaQuery.of(context).size.width > 1200 ? 4 : 3,
crossAxisSpacing: 32,
mainAxisSpacing: 32,
childAspectRatio: 1.4,
),
itemCount: playlists.length,
itemBuilder: (context, index) {
final playlist = playlists[index];
return _PlaylistCard(
playlist: playlist,
onTap: () {
ref.read(selectedPlaylistProvider.notifier).state =
playlist;
context.go('/dashboard');
},
);
},
);
},
),
),
],
),
);
}
}
class _PlaylistCard extends StatefulWidget {
final PlaylistConfig playlist;