tablet-app-new/lib/Screens/Agenda/agenda_view.dart

import 'dart:async';
import 'dart:ui' as ui;

import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:manager_api_new/api.dart';
import 'package:provider/provider.dart';
import 'package:tablet_app/Components/loading_common.dart';
import 'package:tablet_app/Models/agenda.dart';
import 'package:tablet_app/Models/tabletContext.dart';
import 'package:tablet_app/Screens/Agenda/event_list_item.dart';
import 'package:tablet_app/Screens/Agenda/event_popup.dart';
import 'package:tablet_app/Screens/Agenda/month_filter.dart';
import 'package:tablet_app/app_context.dart';
import 'package:tablet_app/constants.dart';


class AgendaView extends StatefulWidget {
  final AgendaDTO section;
  AgendaView({required this.section});

  @override
  _AgendaView createState() => _AgendaView();
}

class _AgendaView extends State<AgendaView> {
  AgendaDTO agendaDTO = AgendaDTO();
  late Agenda agenda;
  late ValueNotifier<List<EventAgenda>> filteredAgenda = ValueNotifier<List<EventAgenda>>([]);
  late Uint8List mapIcon;

  @override
  void initState() {
    /*print(widget.section!.data);
    agendaDTO = AgendaDTO.fromJson(jsonDecode(widget.section!.data!))!;
    print(agendaDTO);*/
    agendaDTO = widget.section;
    super.initState();
  }

  @override
  void dispose() {
    super.dispose();
  }

  Future<Agenda?> getAndParseJsonInfo(TabletAppContext tabletAppContext) async {
    try {
      if (agendaDTO.id == null) return null;
      final dtos = await tabletAppContext.clientAPI!.sectionAgendaApi!
          .sectionAgendaGetUpcomingEvents(agendaDTO.id!);

      if (dtos == null) return null;

      final events = dtos
          .map((dto) => EventAgenda.fromDto(dto, tabletAppContext.language ?? 'FR'))
          .toList();
      events.sort((a, b) {
        if (a.dateFrom == null) return 1;
        if (b.dateFrom == null) return -1;
        return a.dateFrom!.compareTo(b.dateFrom!);
      });

      agenda = Agenda(events: events);
      filteredAgenda.value = events;

      mapIcon = await getByteIcon();

      return agenda;
    } catch (e) {
      print("Erreur lors du parsing du json : ${e.toString()}");
      return null;
    }
  }

  getByteIcon() async {
    final ByteData bytes = await rootBundle.load('assets/icons/marker.png');
    var icon = await getBytesFromAsset(bytes, 25);
    return icon;
  }

  Future<Uint8List> getBytesFromAsset(ByteData data, int width) async {
    //ByteData data = await rootBundle.load(path);
    ui.Codec codec = await ui.instantiateImageCodec(data.buffer.asUint8List(),
        targetWidth: width);
    ui.FrameInfo fi = await codec.getNextFrame();
    return (await fi.image.toByteData(format: ui.ImageByteFormat.png))
    !.buffer
        .asUint8List();
  }

  @override
  Widget build(BuildContext context) {
    Size size = MediaQuery.of(context).size;
    final TabletAppContext tabletAppContext = Provider.of<AppContext>(context).getContext();

    return FutureBuilder(future: getAndParseJsonInfo(tabletAppContext),
      builder: (BuildContext context, AsyncSnapshot<dynamic> snapshot) {
        if (snapshot.connectionState == ConnectionState.done) {
          if (snapshot.data == null) {
            return Center(
                child: Text("Le fichier choisi n'est pas valide")
            );
          } else {
            return Center(
              child: Row(
                mainAxisAlignment: MainAxisAlignment.spaceBetween,
                children: [
                  Expanded(
                    flex: 1,
                    child: Container(
                      decoration: BoxDecoration(
                        color: kBackgroundColor,
                        borderRadius: BorderRadius.all(Radius.circular(tabletAppContext.currentAppConfigurationLink?.roundedValue?.toDouble() ?? 30.0)),
                      ),
                      child: Padding(
                        padding: const EdgeInsets.all(8.0),
                        child: MonthFilter(
                          events: snapshot.data.events,
                          onMonthSelected: (filteredList) {
                            print('events sélectionné: $filteredList');
                            var result = filteredList != null ? filteredList : <EventAgenda>[];
                            result.sort((a, b) => a.dateFrom!.compareTo(b.dateFrom!));
                            filteredAgenda.value = result;
                          }),
                      ),
                    ),
                  ),
                  Expanded(
                    flex: 4,
                    child: Padding(
                      padding: const EdgeInsets.only(left: 8.0, bottom: 2.0, top: 2.0),
                      child: Container(
                        child: ValueListenableBuilder<List<EventAgenda>>(
                            valueListenable: filteredAgenda,
                            builder: (context, value, _) {
                              return GridView.builder(
                                scrollDirection: Axis.vertical, // Changer pour horizontal si nécessaire
                                gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
                                  crossAxisCount: 4, // Nombre de colonnes dans la grid
                                  crossAxisSpacing: 4.0, // Espace entre les colonnes
                                  mainAxisSpacing: 4.0, // Espace entre les lignes
                                  childAspectRatio: 0.75, // Aspect ratio des enfants de la grid
                                ),
                                itemCount: value.length,
                                itemBuilder: (BuildContext context, int index) {
                                  EventAgenda eventAgenda = value[index];

                                  return GestureDetector(
                                    onTap: () {
                                      print("${eventAgenda.name}");
                                      (Provider.of<AppContext>(context, listen: false).getContext() as TabletAppContext)
                                          .statisticsService?.track(
                                        VisitEventType.agendaEventTap,
                                        metadata: {'eventId': eventAgenda.name, 'eventTitle': eventAgenda.name},
                                      );
                                      showDialog(
                                        context: context,
                                        builder: (BuildContext context) {
                                          return EventPopup(eventAgenda: eventAgenda, mapProvider: agendaDTO.agendaMapProvider ?? MapProvider.Google, mapIcon: mapIcon);
                                        },
                                      );
                                    },
                                    child: EventListItem(
                                      eventAgenda: eventAgenda,
                                    ),
                                  );
                                },
                              );
                          }
                        ),
                      ),
                    ),
                  ),
                ],
              ),
            );
          }
        } else if (snapshot.connectionState == ConnectionState.none) {
          return Text("No data");
        } else {
          return Center(
              child: Container(
                  height: size.height * 0.2,
                  child: LoadingCommon()
              )
          );
        }
      },
    );
  }
} //_webView