fast_med_flutter/lib/routes/calendario.dart

@@ -0,0 +1,229 @@
+import 'package:flutter/material.dart';
+import 'package:fast_med_flutter/ui/pages/add_event.dart';
+import 'package:fast_med_flutter/ui/pages/view_event.dart';
+import 'package:table_calendar/table_calendar.dart';
+import 'package:http/http.dart' as http;
+
+import 'package:fast_med_flutter/model/event.dart';
+
+// Dias de Citas No Disponibles
+
+final Map<DateTime, List> _holidays = {
+  DateTime(2020, 11, 6): ['No Hay Citas'],
+  DateTime(2020, 11, 3): ['Dia Elecciones'],
+  DateTime(2020, 12, 25): ['Christmas'],
+  DateTime(2020, 12, 31): ['Despedida del anyo nuevo'],
+  DateTime(2021, 01, 01): ['Anyo Nuevo'],
+};
+
+//Iniciar la Seccion de las Citas
+
+void main() async{
+
+  //Comunicacion con el servidor antes de iniciar el app
+
+  var url = 'https://ada.uprrp.edu/~jorge.lopez19/FastMed/API/InsertEvent.php';
+  WidgetsFlutterBinding.ensureInitialized();
+  final data = await http.post(url, body: {
+  });
+  runApp(Calendario());
+
+}
+
+//Inicio del Area de las Citas Disponibles
+
+class Calendario extends StatelessWidget {
+  @override
+  Widget build(BuildContext context) {
+    return MaterialApp(
+      title: 'Citas Disponibles',
+      theme: ThemeData(
+        primarySwatch: Colors.blue,
+      ),
+      home: MyHomePage(),
+      routes: {
+        "add_event": (_) => AddEventPage(),
+      },
+    );
+  }
+}
+
+
+// Define el homepage para el area de citas
+
+class MyHomePage extends StatefulWidget {
+  @override
+  _MyHomePageState createState() => _MyHomePageState();
+}
+
+class _MyHomePageState extends State<MyHomePage> {
+  CalendarController _controller;
+  Map<DateTime, List<dynamic>> _events;
+  List<dynamic> _selectedEvents;
+
+  @override
+  void initState() {
+    super.initState();
+    final _selectedDay = DateTime.now();
+    _controller = CalendarController();
+    _events = {
+      //Ejemplos de Citas Previamente Hechas de Prueba Para los Recordatorios
+      _selectedDay.add(Duration(days: 3)): Set.from(
+          [ 'Cita Cardiologo', 'Cita Dentista']).toList(),
+      _selectedDay.add(Duration(days: 22)): [
+        'Cita Cardiologo',
+        'Cita Dentista'
+      ],
+    };
+    _selectedEvents = _events[_selectedDay] ?? [];
+    void _onDaySelected(DateTime day, List events, List holidays) {
+      print('CALLBACK: _onDaySelected');
+      setState(() {
+        _selectedEvents = _events[_selectedDay] ?? [];
+      });
+    }
+  }
+
+  Map<String, dynamic> encodeMap(Map<DateTime, dynamic> map) {
+    Map<String, dynamic> newMap = {};
+    map.forEach((key, value) {
+      newMap[key.toString()] = map[key];
+    });
+    return newMap;
+  }
+
+  Map<DateTime, List<dynamic>> _groupEvents(List<EventModel> events) {
+    Map<DateTime, List<dynamic>> data = {};
+    events.forEach((event) {
+      DateTime date = DateTime(event.eventDate.year, event.eventDate.month,
+          event.eventDate.day, 12);
+      if (data[date] == null) data[date] = [];
+      data[date].add(event);
+    });
+    return data;
+  }
+
+
+  @override
+//Marca en el calendario los dias que no esta disponibles para hacer horarios
+  void _onDaySelected(DateTime day, List events, List holidays) {
+    print('CALLBACK: _onDaySelected');
+    setState(() {
+      _selectedEvents = events;
+    });
+  }
+
+  void _onVisibleDaysChanged(DateTime first, DateTime last,
+      CalendarFormat format) {
+    print('CALLBACK: _onVisibleDaysChanged');
+  }
+
+  void _onCalendarCreated(DateTime first, DateTime last,
+      CalendarFormat format) {
+    print('CALLBACK: _onCalendarCreated');
+  }
+
+//Definimos los detalles del area de las citas
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(
+        title: Text('Citas Disponibles'),
+      ),
+      body: StreamBuilder<List<EventModel>>(
+        // stream: eventDBS.streamList(),
+          builder: (context, snapshot) {
+            if (snapshot.hasData) {
+              List<EventModel> allEvents = snapshot.data;
+              if (allEvents.isNotEmpty) {
+                _events = _groupEvents(allEvents);
+              }
+            }
+
+            return SingleChildScrollView(
+              child: Column(
+                crossAxisAlignment: CrossAxisAlignment.start,
+                children: <Widget>[
+                  TableCalendar(
+                    events: _events,
+                    holidays: _holidays,
+                    initialCalendarFormat: CalendarFormat.month,
+                    calendarStyle: CalendarStyle(
+                        canEventMarkersOverflow: true,
+                        todayColor: Colors.orange,
+                        selectedColor: Theme
+                            .of(context)
+                            .primaryColor,
+                        todayStyle: TextStyle(
+                            fontWeight: FontWeight.bold,
+                            fontSize: 18.0,
+                            color: Colors.white)),
+                    headerStyle: HeaderStyle(
+                      centerHeaderTitle: true,
+                      formatButtonDecoration: BoxDecoration(
+                        color: Colors.orange,
+                        borderRadius: BorderRadius.circular(20.0),
+                      ),
+                      formatButtonTextStyle: TextStyle(color: Colors.white),
+                      formatButtonShowsNext: false,
+                    ),
+                    startingDayOfWeek: StartingDayOfWeek.monday,
+                    onVisibleDaysChanged: _onVisibleDaysChanged,
+                    onCalendarCreated: _onCalendarCreated,
+
+                    builders: CalendarBuilders(
+                      selectedDayBuilder: (context, date, events) =>
+                          Container(
+                              margin: const EdgeInsets.all(4.0),
+                              alignment: Alignment.center,
+                              decoration: BoxDecoration(
+                                  color: Theme
+                                      .of(context)
+                                      .primaryColor,
+                                  borderRadius: BorderRadius.circular(10.0)),
+                              child: Text(
+                                date.day.toString(),
+                                style: TextStyle(color: Colors.white),
+                              )),
+                      todayDayBuilder: (context, date, events) =>
+                          Container(
+                              margin: const EdgeInsets.all(4.0),
+                              alignment: Alignment.center,
+                              decoration: BoxDecoration(
+                                  color: Colors.orange,
+                                  borderRadius: BorderRadius.circular(10.0)),
+                              child: Text(
+                                date.day.toString(),
+                                style: TextStyle(color: Colors.white),
+                              )),
+                    ),
+                    calendarController: _controller,
+                  ),
+                  ..._selectedEvents.map((event) =>
+                      ListTile(
+                        title: Text(event.title),
+                        onTap: () {
+                          Navigator.push(
+                              context,
+                              MaterialPageRoute(
+                                  builder: (_) =>
+                                      EventDetailsPage(
+                                        event: event,
+                                      )));
+                        },
+                      )),
+                ],
+              ),
+            );
+          }
+      ),
+      floatingActionButton: FloatingActionButton(
+        child: Icon(Icons.add),
+        onPressed: () => Navigator.pushNamed(context, 'add_event'),
+      ),
+    );
+  }
+}
+
+
+