agenda color, clean + support youtube video

lib/Screens/Agenda/event_list_item.dart

@@ -81,7 +81,7 @@ class EventListItem extends StatelessWidget {
                   bottom: 0.0,
                   child: Container(
                     decoration: const BoxDecoration(
-                      color: kMainRed, // TODO
+                      color: kTestSecondColor, // TODO
                       borderRadius: BorderRadius.only(
                         topLeft: Radius.circular(20.0),
                       ),

lib/Screens/Agenda/event_popup.dart

@@ -4,9 +4,11 @@ import 'package:auto_size_text/auto_size_text.dart';
 import 'package:cached_network_image/cached_network_image.dart';
 import 'package:flutter/cupertino.dart';
 import 'package:flutter/material.dart';
+import 'package:flutter/widgets.dart';
 import 'package:flutter_widget_from_html/flutter_widget_from_html.dart';
 import 'package:google_maps_flutter/google_maps_flutter.dart';
 import 'package:tablet_app/Components/loading_common.dart';
+import 'package:tablet_app/Components/video_viewer_youtube.dart';
 import 'package:tablet_app/Models/agenda.dart'; // Assurez-vous d'importer votre modèle d'agenda
 import 'package:intl/intl.dart';
 import 'package:tablet_app/constants.dart';
@@ -49,9 +51,6 @@ class _EventPopupState extends State<EventPopup> {
   Widget build(BuildContext context) {
 
     var dateToShow = widget.eventAgenda.dateFrom!.isAtSameMomentAs(widget.eventAgenda.dateTo!) ? "${formatter.format(widget.eventAgenda.dateFrom!)}": "${formatter.format(widget.eventAgenda.dateFrom!)} - ${formatter.format(widget.eventAgenda.dateTo!)}";
-
-    print(widget.eventAgenda.phone);
-
     Size size = MediaQuery.of(context).size;
 
     if(!init) {
@@ -66,7 +65,11 @@ class _EventPopupState extends State<EventPopup> {
       ),
       contentPadding: EdgeInsets.zero,
       // title: Text(eventAgenda.name!),
-      content: SizedBox(
+      content: Container(
+        decoration: BoxDecoration(
+          borderRadius: BorderRadius.all(Radius.circular(20.0)),
+          color: kBackgroundColor,
+        ),
         height: size.height * 0.8,
         child: Stack(
           children: [
@@ -107,9 +110,12 @@ class _EventPopupState extends State<EventPopup> {
                   child: Container(
                       child: Center(
                         child: Container(
+                          decoration: BoxDecoration(
+                              border: Border(right: BorderSide(width: 0.05, color: kMainGrey)),
+                              color: Colors.grey,
+                          ),
                           width: 225,
                           height: size.height,
-                          color: Colors.grey,
                           child: CachedNetworkImage(
                             imageUrl: widget.eventAgenda.image!,
                             width: size.width,
@@ -129,29 +135,58 @@ class _EventPopupState extends State<EventPopup> {
                       )
                   ),
                 ): SizedBox(),
-                Padding(
+                Column(
-                  padding: const EdgeInsets.only(left: 20, right: 10, bottom: 10),
+                  crossAxisAlignment: CrossAxisAlignment.start,
-                  child: Column(
                   children: [
-                      SizedBox(
+                    Padding(
+                      padding: const EdgeInsets.all(8.0),
+                      child: SizedBox(
                         height: size.height * 0.11,
-                        width: size.width * 0.45,
+                        width: size.width * 0.7,
                         child: Column(
                           crossAxisAlignment: CrossAxisAlignment.start,
                           children: [
-                            AutoSizeText(
+                            SizedBox(
+                              height: size.height * 0.05,
+                              child: AutoSizeText(
                                 widget.eventAgenda.name!,
                                 style: TextStyle(fontSize: 25),
                                 maxFontSize: 25,
                               ),
-                            Text('${dateToShow}', style: TextStyle(fontSize: 20, color: kMainGrey)),
+                            ),
+                            Row(
+                              mainAxisAlignment: MainAxisAlignment.start,
+                              children: [
+                                Padding(
+                                  padding: const EdgeInsets.only(top: 4.0, left: 2.0, right: 4.0, bottom: 6.0),
+                                  child: Icon(Icons.calendar_today_rounded, color: kTestSecondColor, size: 20),
+                                ),
+                                Padding(
+                                  padding: const EdgeInsets.all(2.0),
+                                  child: Text(dateToShow, style: TextStyle(fontSize: 20, color: kTestSecondColor, fontWeight: FontWeight.w500)),
+                                )
+                              ],
+                            ),
                           ],
                         ),
                       ),
-                      Container(
+                    ),
+                    Row(
+                      children: [
+                        Padding(
+                          padding: const EdgeInsets.only(left: 15),
+                          child: Container(
                             height: size.height * 0.65,
                             width: size.width * 0.45,
-                        color: Colors.grey,
+                            decoration: BoxDecoration(
+                              color: kBackgroundLight,
+                              borderRadius: BorderRadius.all(Radius.circular(20.0))
+                            ),
+                            child: Padding(
+                              padding: const EdgeInsets.only(left: 20, right: 10, bottom: 10, top: 15),
+                              child: Scrollbar(
+                                thumbVisibility: true,
+                                thickness: 2.0,
                                 child: SingleChildScrollView(
                                   child: Padding(
                                     padding: const EdgeInsets.all(8.0),
@@ -167,18 +202,26 @@ class _EventPopupState extends State<EventPopup> {
                                           textStyle: TextStyle(fontSize: kDescriptionSize),
                                         ),
                                         widget.eventAgenda.idVideoYoutube != null && widget.eventAgenda.idVideoYoutube!.isNotEmpty ?
-                                Text('TODO YOUTUBE VIDEO : ${widget.eventAgenda.idVideoYoutube}') : Text(""),
+                                        Padding(
+                                          padding: const EdgeInsets.all(8.0),
+                                          child: SizedBox(
+                                            height: 250,
+                                            width: 350,
+                                            child: VideoViewerYoutube(videoUrl: "https://www.youtube.com/watch?v=${widget.eventAgenda.idVideoYoutube}", isAuto: false, webView: true)
+                                          ),
+                                        ) :
+                                        SizedBox(),
                                       ],
                                     ),
                                   ),
                                 ),
                               ),
-                    ],
+                            ),
                           ),
                         ),
                         SizedBox(
                           width: size.width * 0.28,
-                  height: size.height * 0.6,
+                          height: size.height * 0.65,
                           child: Padding(
                             padding: const EdgeInsets.all(8.0),
                             child: Column(
@@ -258,6 +301,11 @@ class _EventPopupState extends State<EventPopup> {
                           ),
                         )
                       ],
+                    )
+                  ],
+                ),
+        
+              ],
             ),
           ],
         ),

lib/Screens/Agenda/month_filter.dart

@@ -1,5 +1,6 @@
 import 'package:flutter/material.dart';
 import 'package:tablet_app/Models/agenda.dart';
+import 'package:tablet_app/constants.dart';
 
 class MonthFilter extends StatefulWidget {
   final List<EventAgenda> events;
@@ -45,7 +46,7 @@ class _MonthFilterState extends State<MonthFilter> {
               style: TextStyle(
                 fontSize: 16.0,
                 fontWeight: _selectedMonth == monthYear ? FontWeight.bold : FontWeight.normal,
-                color: _selectedMonth == monthYear ? Colors.red : null,
+                color: _selectedMonth == monthYear ? kTestSecondColor : null,
               ),
             ),
             onTap: () {
@@ -54,7 +55,7 @@ class _MonthFilterState extends State<MonthFilter> {
               });
               widget.onMonthSelected(filteredEvents);
             },
-            tileColor: _selectedMonth == monthYear ? Colors.red : null,
+            tileColor: _selectedMonth == monthYear ? kTestSecondColor : null,
           );
         }
       },
@@ -77,7 +78,7 @@ class _MonthFilterState extends State<MonthFilter> {
         style: TextStyle(
           fontSize: 16.0,
           fontWeight: _selectedMonth == null ? FontWeight.bold : FontWeight.normal,
-          color: _selectedMonth == null ? Colors.red : null,
+          color: _selectedMonth == null ? kTestSecondColor : null,
         ),
       ),
       onTap: () {
@@ -86,7 +87,7 @@ class _MonthFilterState extends State<MonthFilter> {
         });
         widget.onMonthSelected(widget.events);
       },
-      tileColor: _selectedMonth == null ? Colors.red : null,
+      tileColor: _selectedMonth == null ? kTestSecondColor : null,
     );
   }