import "package:collection/collection.dart"; import 'package:diplomaticquarterapp/core/model/my_trakers/blood_sugar/DiabtecPatientResult.dart'; import 'package:diplomaticquarterapp/core/viewModels/medical/blood_sugar_view_model.dart'; import 'package:diplomaticquarterapp/core/viewModels/project_view_model.dart'; import 'package:diplomaticquarterapp/pages/medical/my_trackers/widget/MonthLineChartCurved.dart'; import 'package:diplomaticquarterapp/uitl/date_uitl.dart'; import 'package:diplomaticquarterapp/uitl/translations_delegate_base.dart'; import 'package:diplomaticquarterapp/uitl/utils.dart'; import 'package:diplomaticquarterapp/widgets/charts/app_time_series_chart.dart'; import 'package:diplomaticquarterapp/widgets/data_display/text.dart'; import 'package:diplomaticquarterapp/widgets/others/app_scaffold_widget.dart'; import 'package:flutter/cupertino.dart'; import 'package:flutter/material.dart'; import 'package:provider/provider.dart'; class BloodMonthlyPage extends StatelessWidget { final List diabtecPatientResult; final List timeSeriesData; final BloodSugarViewMode bloodSugarViewMode; BloodMonthlyPage({Key key, this.diabtecPatientResult, this.timeSeriesData, this.bloodSugarViewMode}) : super(key: key); List monthlyGroup = []; @override Widget build(BuildContext context) { ProjectViewModel projectViewModel = Provider.of(context); groupData(); return AppScaffold( // baseViewModel: bloodSugarViewMode, body: ListView( children: [ Container( margin: EdgeInsets.only(top: 12, left: 8, right: 8), width: double.maxFinite, color: Colors.white, child: MonthLineChartCurved( title: '${TranslationBase.of(context).bloodSugar}', timeSeries: timeSeriesData.isEmpty ? [TimeSeriesSales3(0, 0.0)] : timeSeriesData, indexes: timeSeriesData.length ~/ 5.5, )), SizedBox( height: 12, ), Padding( padding: const EdgeInsets.all(8.0), child: Texts(TranslationBase.of(context).details), ), Container( padding: EdgeInsets.all(10), color: Colors.transparent, child: Column(crossAxisAlignment: CrossAxisAlignment.start, children: [ timeSeriesData.isEmpty ? Container( child: Center( child: Texts(TranslationBase.of(context).noDataAvailable), ), ) : Column(children: [ for (var monthly in monthlyGroup) Column(crossAxisAlignment: CrossAxisAlignment.start, children: [ Container( width: double.maxFinite, padding: EdgeInsets.only(top: 10, bottom: 10, left: 5, right: 5), decoration: BoxDecoration(color: Colors.white, borderRadius: BorderRadius.circular(5)), child: Texts(monthly[0])), Table( columnWidths: { 0: FlexColumnWidth(1.8), 2: FlexColumnWidth(1.8), }, children: fullData(context, projectViewModel, monthly[1]), ) ]) ]), ])) ], ), ); } List fullData(BuildContext context, ProjectViewModel projectViewModel, e) { List tableRow = []; tableRow.add( TableRow( children: [ Utils.tableColumnTitle(TranslationBase.of(context).date), Utils.tableColumnTitle(TranslationBase.of(context).time), Utils.tableColumnTitle(TranslationBase.of(context).measured), Utils.tableColumnTitle(TranslationBase.of(context).value), // Container( // child: Container( // decoration: BoxDecoration( // color: Theme.of(context).primaryColor, // borderRadius: BorderRadius.only( // topLeft: projectViewModel.isArabic ? Radius.circular(0.0) : Radius.circular(10.0), // topRight: projectViewModel.isArabic ? Radius.circular(10.0) : Radius.circular(0.0), // ), // ), // child: Center( // child: Texts( // TranslationBase.of(context).date, // color: Colors.white, // fontSize: 15, // ), // ), // height: 40, // ), // ), // Container( // child: Container( // decoration: BoxDecoration( // color: Theme.of(context).primaryColor, // ), // child: Center( // child: Texts( // TranslationBase.of(context).time, // color: Colors.white, // fontSize: 15, // ), // ), // height: 40), // ), // Container( // child: Container( // decoration: BoxDecoration( // color: Theme.of(context).primaryColor, // ), // child: Center( // child: Texts( // TranslationBase.of(context).measured, // color: Colors.white, // fontSize: 15, // ), // ), // height: 40), // ), // Container( // child: Container( // decoration: BoxDecoration( // color: Theme.of(context).primaryColor, // borderRadius: BorderRadius.only( // topLeft: projectViewModel.isArabic ? Radius.circular(10.0) : Radius.circular(0.0), // topRight: projectViewModel.isArabic ? Radius.circular(0.0) : Radius.circular(10.0), // ), // ), // child: Center( // child: Texts( // TranslationBase.of(context).value, // color: Colors.white, // fontSize: 15, // ), // ), // height: 40), // ), ], ), ); e.forEach( (diabtec) { tableRow.add( TableRow( children: [ Utils.tableColumnValue(projectViewModel.isArabic ? DateUtil.getMonthDayYearDateFormattedAr(diabtec.dateChart) : DateUtil.getMonthDayYearDateFormatted(diabtec.dateChart), isCapitable: false), Utils.tableColumnValue(diabtec.dateChart.hour.toString() + ':' + diabtec.dateChart.minute.toString(), isCapitable: false), Utils.tableColumnValue(diabtec.measuredDesc, isCapitable: false), Utils.tableColumnValue(diabtec.resultValue.toString(), isCapitable: false), // Container( // child: Container( // height: 70, // padding: EdgeInsets.all(10), // color: Colors.white, // child: Center( // child: Texts( // '${projectViewModel.isArabic ? DateUtil.getMonthDayYearDateFormattedAr(diabtec.dateChart) : DateUtil.getMonthDayYearDateFormatted(diabtec.dateChart)} ', // textAlign: TextAlign.center, // fontSize: 12, // ), // ), // ), // ), // Container( // child: Container( // height: 70, // padding: EdgeInsets.all(10), // color: Colors.white, // child: Center( // child: Texts( // '${diabtec.dateChart.hour}:${diabtec.dateChart.minute}', // textAlign: TextAlign.center, // fontSize: 12, // ), // ), // ), // ), // Container( // child: Container( // height: 70, // padding: EdgeInsets.all(10), // color: Colors.white, // child: Center( // child: Texts( // '${diabtec.measuredDesc}', // textAlign: TextAlign.center, // fontSize: 12, // ), // ), // ), // ), // Container( // child: Container( // height: 70, // padding: EdgeInsets.all(10), // color: Colors.white, // child: Center( // child: Texts( // '${diabtec.resultValue}', // textAlign: TextAlign.center, // fontSize: 12, // ), // ), // ), // ), ], ), ); }, ); return tableRow; } groupData() { monthlyGroup.clear(); var groupedArray = groupBy(diabtecPatientResult, (obj) => DateUtil.getMonth(obj.dateChart.month) + ' ' + obj.dateChart.year.toString()); groupedArray.entries.forEach((e) => monthlyGroup.add([e.key, e.value])); } }