ajustada a tela de agenda com os dados do banco

This commit is contained in:
Reginaldo
2023-06-29 12:53:00 -03:00
parent d0596b2b51
commit 624f859c47
2 changed files with 76 additions and 19 deletions

View File

@@ -1,3 +1,4 @@
import 'dart:convert';
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:flutter_calendar_carousel/classes/event.dart'; import 'package:flutter_calendar_carousel/classes/event.dart';
import 'package:flutter_calendar_carousel/flutter_calendar_carousel.dart'; import 'package:flutter_calendar_carousel/flutter_calendar_carousel.dart';
@@ -7,8 +8,10 @@ import 'package:rkm_educa_app/componentes/drawer_custom.dart';
import 'package:rkm_educa_app/componentes/item_agenda.dart'; import 'package:rkm_educa_app/componentes/item_agenda.dart';
import 'package:rkm_educa_app/componentes/text_custom.dart'; import 'package:rkm_educa_app/componentes/text_custom.dart';
import 'package:rkm_educa_app/modelos/estudante_modelo.dart'; import 'package:rkm_educa_app/modelos/estudante_modelo.dart';
import 'package:rkm_educa_app/modelos/evento_modelo.dart';
import 'package:rkm_educa_app/utils/cores.dart'; import 'package:rkm_educa_app/utils/cores.dart';
import 'package:rkm_educa_app/utils/dimensoes.dart'; import 'package:rkm_educa_app/utils/dimensoes.dart';
import 'package:http/http.dart' as http;
class TelaAgenda extends StatefulWidget { class TelaAgenda extends StatefulWidget {
EstudanteModelo estudanteModelo; EstudanteModelo estudanteModelo;
@@ -23,21 +26,23 @@ class TelaAgenda extends StatefulWidget {
class _TelaAgendaState extends State<TelaAgenda> { class _TelaAgendaState extends State<TelaAgenda> {
List<EventoModelo> listDatas = [];
bool carregandoEventos = true;
DateTime _currentDate = DateTime.now(); DateTime _currentDate = DateTime.now();
DateTime dataAtual = DateTime.now(); DateTime dataAtual = DateTime.now();
EventList<Event> _markedDateMap = new EventList<Event>( EventList<Event> _markedDateMap = new EventList<Event>(
events: {}, events: {},
); );
Widget _eventIcon(String dia) => Container( Widget _eventIcon(String dia,Color cor) => Container(
decoration: BoxDecoration( decoration: BoxDecoration(
borderRadius: BorderRadius.circular(30), borderRadius: BorderRadius.circular(30),
color: PaletaCores.verdeCalendario, color: cor,
), ),
width: 40, width: 40,
height: 40, height: 40,
child: Center( child: Center(
child: TextCustom(text: dia,fontWeight: FontWeight.bold,size: 14.0,color: PaletaCores.cinza), child: TextCustom(text: dia,fontWeight: FontWeight.bold,size: 14.0,color: cor==Color(0xffee1d24)?Colors.white:PaletaCores.cinza),
), ),
); );
@@ -55,13 +60,52 @@ class _TelaAgendaState extends State<TelaAgenda> {
fontSize: 14 fontSize: 14
); );
buscarEventos()async{
// int quantidadeDias = DateTime(dataAtual.year, dataAtual.month, 0).day;
// print(quantidadeDias);
_markedDateMap.clear();
listDatas.clear();
carregandoEventos = true;
setState(() {});
final url = 'http://192.168.18.2:8000/calendario?'
'MES=${dataAtual.year}-${dataAtual.month}-01&'
'COD_ESCOLA=${widget.estudanteModelo.dados[widget.estudanteModelo.nroAluno]['CD_CAD_DIVERSO']}&'
'QUANTIDADE=31&'
'CIDADE=${widget.estudanteModelo.cidade}';
print(url);
final response = await http.get(Uri.parse(url));
var map = json.decode(response.body);
// print(map);
if(map!=false){
List list = map;
for(int i = 0; list.length>i;i++){
List data = list[i]['DT_CALENDARIO'].toString().split('-');
listDatas.add(EventoModelo(titulo: list[i]['NO_EVENTO'], data: '${data[2]}/${data[1]}/${data[0]}'));
_markedDateMap.add(
DateTime(int.parse(data[0]),int.parse(data[1]),int.parse(data[2])),
Event(
date: DateTime(int.parse(data[0]),int.parse(data[1]),int.parse(data[2])),
icon: _eventIcon(data[2],list[i]['NO_COR'].toString().trim()=='#0ff'?Color(0xffe1e1e1)
:Color(int.parse('0xff'+list[i]['NO_COR'].toString().replaceAll("#", '')))
)
)
);
}
}
carregandoEventos = false;
setState(() {});
}
@override @override
void initState() { void initState() {
super.initState(); super.initState();
_markedDateMap.add(DateTime(2023,5,1), Event(date: DateTime(2023,5,1),icon: _eventIcon('1'))); // _markedDateMap.add(DateTime(2023,5,1), Event(date: DateTime(2023,5,1),icon: _eventIcon('1')));
_markedDateMap.add(DateTime(2023,5,15), Event(date: DateTime(2023,5,1),icon: _eventIcon('15'))); // _markedDateMap.add(DateTime(2023,5,15), Event(date: DateTime(2023,5,1),icon: _eventIcon('15')));
_markedDateMap.add(DateTime(2023,6,30), Event(date: DateTime(2023,6,30),icon: _eventIcon('30'))); // _markedDateMap.add(DateTime(2023,6,30), Event(date: DateTime(2023,6,30),icon: _eventIcon('30')));
setState(() {}); // setState(() {});
buscarEventos();
} }
@override @override
@@ -82,7 +126,7 @@ class _TelaAgendaState extends State<TelaAgenda> {
showHeader: false, showHeader: false,
todayTextStyle: textStyle, todayTextStyle: textStyle,
isScrollable: false, isScrollable: false,
todayButtonColor: PaletaCores.calendario, todayButtonColor: PaletaCores.verdeCalendario,
selectedDayTextStyle: textStyle, selectedDayTextStyle: textStyle,
minSelectedDate: _currentDate.subtract(Duration(days: 360)), minSelectedDate: _currentDate.subtract(Duration(days: 360)),
maxSelectedDate: _currentDate.add(Duration(days: 360)), maxSelectedDate: _currentDate.add(Duration(days: 360)),
@@ -94,7 +138,19 @@ class _TelaAgendaState extends State<TelaAgenda> {
return Scaffold( return Scaffold(
appBar: AppBarCustom().appbar(context, 'AGENDA ESCOLAR'), appBar: AppBarCustom().appbar(context, 'AGENDA ESCOLAR'),
drawer: DrawerCustom(estudanteModelo: widget.estudanteModelo), drawer: DrawerCustom(estudanteModelo: widget.estudanteModelo),
body: ListView( body: carregandoEventos?Center(
child: Container(
padding: EdgeInsets.all(80),
child: Row(
mainAxisSize: MainAxisSize.min,
children: [
CircularProgressIndicator(color: PaletaCores.cinzaClaro),
SizedBox(width: 20,),
TextCustom(text: 'Carregando Eventos')
],
),
),
):ListView(
padding: EdgeInsets.all(10), padding: EdgeInsets.all(10),
children: [ children: [
Row( Row(
@@ -104,6 +160,7 @@ class _TelaAgendaState extends State<TelaAgenda> {
onPressed: () { onPressed: () {
setState(() { setState(() {
dataAtual = DateTime(dataAtual.year, dataAtual.month -1); dataAtual = DateTime(dataAtual.year, dataAtual.month -1);
buscarEventos();
}); });
}, },
icon: Icon(Icons.arrow_left,size: 30,color: PaletaCores.cinzaClaro,) icon: Icon(Icons.arrow_left,size: 30,color: PaletaCores.cinzaClaro,)
@@ -113,6 +170,7 @@ class _TelaAgendaState extends State<TelaAgenda> {
onPressed: () { onPressed: () {
setState(() { setState(() {
dataAtual = DateTime(dataAtual.year, dataAtual.month +1); dataAtual = DateTime(dataAtual.year, dataAtual.month +1);
buscarEventos();
}); });
}, },
icon: Icon(Icons.arrow_right,size: 30,color: PaletaCores.cinzaClaro,) icon: Icon(Icons.arrow_right,size: 30,color: PaletaCores.cinzaClaro,)
@@ -120,19 +178,18 @@ class _TelaAgendaState extends State<TelaAgenda> {
], ],
), ),
Container( Container(
height: 300, height: 325,
margin: EdgeInsets.symmetric(horizontal: 16.0), margin: EdgeInsets.symmetric(horizontal: 16.0),
child: _calendario, child: _calendario,
), ),
Container( Container(
padding: EdgeInsets.symmetric(vertical: 15), padding: EdgeInsets.symmetric(vertical: 15),
height: Dimensoes.height*0.60, height: Dimensoes.height*0.45,
child: ListView( child: ListView.builder(
children: [ itemCount: listDatas.length,
dataAtual.month==5?ItemAgenda(data: '01/05/2023', titulo: 'Feriado - Dia do Trabalhador',):Container(), itemBuilder: (context,index){
dataAtual.month==5?ItemAgenda(data: '15/05/2023', titulo: 'Reunisão para os pais',):Container(), return ItemAgenda(data: listDatas[index].data, titulo: listDatas[index].titulo);
dataAtual.month==6?ItemAgenda(data: '30/06/2023', titulo: 'Início Férias',):Container(), },
],
), ),
) )
], ],

View File

@@ -10,7 +10,7 @@ class PaletaCores{
static const Color divider = Color (0xffc9c9c9); static const Color divider = Color (0xffc9c9c9);
static const Color cinzaInput = Color (0xffE1E1E1); static const Color cinzaInput = Color (0xffE1E1E1);
static const Color calendario = Color (0xffB1B1B1); static const Color calendario = Color (0xffB1B1B1);
static const Color verdeCalendario = Color (0xff84CB7E); static const Color verdeCalendario = Color (0xff4d7f49);
static const Color notificacao = Color (0xffBB0202); static const Color notificacao = Color (0xffBB0202);
static const Color appBar = Color(0xff3A3A3A); static const Color appBar = Color(0xff3A3A3A);
} }