agenda color, clean + support youtube video

This commit is contained in:
Thomas Fransolet 2024-02-22 16:38:11 +01:00
parent 8253550d07
commit f052852c68
3 changed files with 168 additions and 119 deletions

View File

@ -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),
),

View File

@ -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(
padding: const EdgeInsets.only(left: 20, right: 10, bottom: 10),
child: Column(
Column(
crossAxisAlignment: CrossAxisAlignment.start,
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> {
),
)
],
)
],
),
],
),
],
),

View File

@ -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,
);
}