mirror of
https://github.com/R0m1k3/xtremflow.git
synced 2026-10-23 23:18:06 +02:00
fix(epg,ui): utiliser get_simple_data_table pour l'EPG et recaler la sidebar sur le thème
EPG — les trois chemins (backend /api/epg, XtreamService.getShortEpg et getShortEPG) n'utilisaient que get_epg et get_short_epg. Beaucoup de panneaux Xtream ne connaissent pas get_epg : ils répondent 200 avec le bloc d'authentification, sans epg_listings, ce qui produisait un guide vide indiscernable d'une chaîne sans programme. get_short_epg y renvoie epg_listings vide en permanence. - backend : get_simple_data_table en premier, get_short_epg en repli - client : bascule automatique et mémorisée vers le tableau complet dès qu'un panneau est muet sur l'action légère, pour ne pas doubler les requêtes sur chaque tuile de grille - dates dérivées des *_timestamp epoch et émises en ISO-8601 UTC : les champs texte sont dans le fuseau du panneau, sans indicateur de zone, et étaient relus comme de l'heure locale — le guide était décalé et les enregistrements planifiés depuis le guide l'étaient aussi - cache backend : la clé incluait seulement le channelId, deux playlists partageant un stream_id se servaient mutuellement leur guide UI — les deux halos d'ambiance du dashboard étaient restés de l'ancien thème : primary (#FFB68C) à 40 % posé sur le coin haut-gauche, donc pile derrière la sidebar, et info (#A3B8C4, bleu-gris) à 35 % dans une palette entièrement chaude. Ramenés à des braises ember à 8 % / 6 %. - fond via AppColors.backgroundGradient - onglet actif rempli en primaryContainer (surface) et non primary (teinte claire réservée au texte/icônes) - sidebar en niveau flottant : en niveau 1 son fond #181310 se confondait avec le haut du dégradé #1A1310 Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
MichaelandClaude Opus 5 committed
1 parent
095eb2c1b0
commit
537312908a
4 files changed
+286
-114
No files matched your search
@@ -46,24 +46,18 @@ class _DashboardScreenState extends ConsumerState<DashboardScreen> {
|
||||
body: Stack(
|
||||
fit: StackFit.expand,
|
||||
children: [
|
||||
// 1. Cinematic Deep Space Background - Premium Apple TV Style
|
||||
// 1. Fond « salle de projection » — dégradé chaud du design system.
|
||||
Positioned.fill(
|
||||
child: Container(
|
||||
decoration: const BoxDecoration(
|
||||
gradient: LinearGradient(
|
||||
begin: Alignment.topCenter,
|
||||
end: Alignment.bottomCenter,
|
||||
colors: [
|
||||
AppColors.surfaceContainerLowest, // Very dark top
|
||||
AppColors.background, // Black bottom
|
||||
AppColors.baseLevel0, // Slightly darker for depth
|
||||
],
|
||||
),
|
||||
gradient: AppColors.backgroundGradient,
|
||||
),
|
||||
),
|
||||
),
|
||||
|
||||
// Ambient Glow Top-Left - Teal (Primary) - VISIBLE
|
||||
// Faisceau du projecteur, en haut à gauche.
|
||||
// Intensité volontairement basse (8 %) : au-delà, le halo délave la
|
||||
// sidebar et les cartes en pêche et sort le rendu de la palette.
|
||||
Positioned(
|
||||
top: -300,
|
||||
left: -300,
|
||||
@@ -74,8 +68,8 @@ class _DashboardScreenState extends ConsumerState<DashboardScreen> {
|
||||
shape: BoxShape.circle,
|
||||
gradient: RadialGradient(
|
||||
colors: [
|
||||
AppColors.primary.withOpacity(0.4),
|
||||
AppColors.primary.withOpacity(0.1),
|
||||
AppColors.glowPrimary(0.08),
|
||||
AppColors.glowPrimary(0.03),
|
||||
Colors.transparent,
|
||||
],
|
||||
),
|
||||
@@ -83,7 +77,9 @@ class _DashboardScreenState extends ConsumerState<DashboardScreen> {
|
||||
),
|
||||
),
|
||||
|
||||
// Ambient Glow Bottom-Right - Blue - VISIBLE
|
||||
// Braise résiduelle en bas à droite. L'ancien halo utilisait
|
||||
// `AppColors.info` (bleu-gris) : une teinte froide dans une palette
|
||||
// entièrement chaude, d'où le rendu grisâtre.
|
||||
Positioned(
|
||||
bottom: -250,
|
||||
right: -250,
|
||||
@@ -94,8 +90,8 @@ class _DashboardScreenState extends ConsumerState<DashboardScreen> {
|
||||
shape: BoxShape.circle,
|
||||
gradient: RadialGradient(
|
||||
colors: [
|
||||
AppColors.info.withOpacity(0.35),
|
||||
AppColors.info.withOpacity(0.1),
|
||||
AppColors.glowPrimary(0.06),
|
||||
AppColors.glowPrimary(0.02),
|
||||
Colors.transparent,
|
||||
],
|
||||
),
|
||||
@@ -124,9 +120,12 @@ class _DashboardScreenState extends ConsumerState<DashboardScreen> {
|
||||
top: 24,
|
||||
bottom: 24,
|
||||
width: 80,
|
||||
child: GlassContainer.glass(
|
||||
// Niveau « flottant » : le niveau 1 (#181310) se confondait avec
|
||||
// le haut du dégradé de fond (#1A1310) — la barre n'existait plus
|
||||
// que par sa bordure. Le niveau 2 apporte l'arête ember et
|
||||
// l'ombre profonde qui la détachent vraiment.
|
||||
child: GlassContainer.floating(
|
||||
borderRadius: 24,
|
||||
borderColor: AppColors.border,
|
||||
child: Column(
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
children: [
|
||||
@@ -141,7 +140,7 @@ class _DashboardScreenState extends ConsumerState<DashboardScreen> {
|
||||
borderRadius: BorderRadius.circular(12),
|
||||
boxShadow: [
|
||||
BoxShadow(
|
||||
color: AppColors.primary.withOpacity(0.4),
|
||||
color: AppColors.glowPrimary(0.35),
|
||||
blurRadius: 10,
|
||||
offset: const Offset(0, 4),
|
||||
),
|
||||
@@ -149,7 +148,7 @@ class _DashboardScreenState extends ConsumerState<DashboardScreen> {
|
||||
),
|
||||
child: const Icon(
|
||||
Icons.play_arrow_rounded,
|
||||
color: AppColors.textPrimary,
|
||||
color: AppColors.onPrimary,
|
||||
size: 28,
|
||||
),
|
||||
),
|
||||
@@ -172,21 +171,26 @@ class _DashboardScreenState extends ConsumerState<DashboardScreen> {
|
||||
width: 48,
|
||||
height: 48,
|
||||
decoration: BoxDecoration(
|
||||
// Remplissage ember (`primaryContainer`) et non
|
||||
// `primary` : cette dernière est la teinte claire
|
||||
// réservée au texte/icône, pas aux surfaces.
|
||||
color: isSelected
|
||||
? AppColors.primary.withOpacity(0.2)
|
||||
? AppColors.primaryContainer
|
||||
.withValues(alpha: 0.20)
|
||||
: Colors.transparent,
|
||||
borderRadius: BorderRadius.circular(16),
|
||||
border: isSelected
|
||||
? Border.all(
|
||||
color: AppColors.primary.withOpacity(0.5),
|
||||
color: AppColors.primary
|
||||
.withValues(alpha: 0.55),
|
||||
)
|
||||
: null,
|
||||
),
|
||||
child: Icon(
|
||||
_icons[index],
|
||||
color: isSelected
|
||||
? AppColors.textPrimary
|
||||
: AppColors.textSecondary,
|
||||
? AppColors.primary
|
||||
: AppColors.textTertiary,
|
||||
size: 24,
|
||||
),
|
||||
),
|
||||
@@ -203,10 +207,10 @@ class _DashboardScreenState extends ConsumerState<DashboardScreen> {
|
||||
onTap: () {},
|
||||
borderRadius: 50,
|
||||
scaleFactor: 1.1,
|
||||
child: CircleAvatar(
|
||||
child: const CircleAvatar(
|
||||
radius: 20,
|
||||
backgroundColor: AppColors.primary.withOpacity(0.1),
|
||||
child: const Icon(
|
||||
backgroundColor: AppColors.surfaceContainerHigh,
|
||||
child: Icon(
|
||||
Icons.person,
|
||||
color: AppColors.textSecondary,
|
||||
size: 20,
|
||||
|
||||
Reference in new issue
Block a user