328 lines
11 KiB
Dart
328 lines
11 KiB
Dart
import 'package:ambito/src/entity/measure/months/measure_months.dart';
|
|
import 'package:ambito/src/entity/measure/months/measure_months_datasource.dart';
|
|
import 'package:ambito/src/packages/ambito_theme/ambito_theme.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:isar/isar.dart';
|
|
import 'package:screen_breakpoints/screen_breakpoints.dart';
|
|
import 'package:syncfusion_flutter_core/theme.dart';
|
|
import 'package:syncfusion_flutter_datagrid/datagrid.dart';
|
|
import 'package:toggle_switch/toggle_switch.dart';
|
|
|
|
import '../../consts/consts.dart';
|
|
import '../../widgets/page/base_page.dart';
|
|
|
|
class CalendarPage extends StatefulWidget {
|
|
const CalendarPage({super.key});
|
|
|
|
@override
|
|
State<StatefulWidget> createState() => CalendarPageState();
|
|
}
|
|
|
|
class CalendarPageState extends State<CalendarPage> {
|
|
int display = 0;
|
|
|
|
String type = 'maintenance';
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
List<MeasureMonths> mm = isar.measureMonths.where().sortByName().findAll();
|
|
|
|
final AmbitoTheme theme = getTheme(context);
|
|
|
|
return BasePage().getPage(
|
|
context,
|
|
SingleChildScrollView(
|
|
child: Expanded(
|
|
child: Align(
|
|
alignment: Alignment.topCenter,
|
|
child: Padding(
|
|
padding: context.breakpoint.padding,
|
|
child: SizedBox(
|
|
width: 1152,
|
|
height: MediaQuery.of(context).size.height - 80,
|
|
child: Padding(
|
|
padding: EdgeInsets.only(bottom: 40),
|
|
child: Column(
|
|
mainAxisSize: MainAxisSize.max,
|
|
mainAxisAlignment: MainAxisAlignment.start,
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
theme.verticalSpacerMax,
|
|
Text(
|
|
'Kalender',
|
|
textAlign: TextAlign.start,
|
|
style: theme.headlineLarge.copyWith(
|
|
color: theme.currentColorScheme.onSurface,
|
|
),
|
|
),
|
|
theme.verticalSpacer,
|
|
Row(
|
|
children: [
|
|
ToggleSwitch(
|
|
initialLabelIndex: display,
|
|
totalSwitches: 2,
|
|
minWidth: 200,
|
|
borderWidth: 1,
|
|
labels: const ['Pflege', 'Maßnahme'],
|
|
activeBgColor: [
|
|
theme.currentColorScheme.secondary
|
|
],
|
|
borderColor: [theme.currentColorScheme.secondary],
|
|
inactiveBgColor: Colors.white,
|
|
activeFgColor:
|
|
theme.currentColorScheme.onSecondary,
|
|
customTextStyles: [theme.bodyMedium],
|
|
onToggle: (index) {
|
|
setState(() {
|
|
display = index ?? 0;
|
|
if (display == 0) {
|
|
type = 'maintenance';
|
|
} else {
|
|
type = 'apply';
|
|
}
|
|
});
|
|
},
|
|
),
|
|
],
|
|
),
|
|
theme.verticalSpacer,
|
|
Expanded(
|
|
child: gridWidget(
|
|
mm,
|
|
),
|
|
),
|
|
theme.verticalSpacerMax,
|
|
],
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
));
|
|
}
|
|
|
|
Widget gridWidget(List<MeasureMonths> mm) {
|
|
final AmbitoTheme theme = getTheme(context);
|
|
|
|
return SizedBox(
|
|
width: 1152,
|
|
child: SfDataGridTheme(
|
|
data: SfDataGridThemeData(
|
|
headerColor: theme.currentColorScheme.primaryContainer,
|
|
sortIcon: Icon(
|
|
Icons.keyboard_arrow_down,
|
|
color: theme.currentColorScheme.primary,
|
|
),
|
|
),
|
|
child: SfDataGrid(
|
|
allowSorting: true,
|
|
source:
|
|
MeasureMonthsDatasource(areas: mm, context: context, type: type),
|
|
columnWidthMode: ColumnWidthMode.fill,
|
|
columns: [
|
|
GridColumn(
|
|
columnName: 'name',
|
|
label: Container(
|
|
padding: const EdgeInsets.symmetric(horizontal: 10.0),
|
|
alignment: Alignment.centerLeft,
|
|
child: Text(
|
|
'Bezeichnung',
|
|
overflow: TextOverflow.ellipsis,
|
|
style: theme.bodyMedium.copyWith(
|
|
color: theme.currentColorScheme.primary,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
GridColumn(
|
|
columnName: 'jan',
|
|
maximumWidth: 70,
|
|
label: Container(
|
|
padding: const EdgeInsets.symmetric(horizontal: 10.0),
|
|
alignment: Alignment.centerLeft,
|
|
child: Text(
|
|
'Jan',
|
|
overflow: TextOverflow.ellipsis,
|
|
style: theme.bodyMedium.copyWith(
|
|
color: theme.currentColorScheme.primary,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
GridColumn(
|
|
columnName: 'feb',
|
|
maximumWidth: 70,
|
|
label: Container(
|
|
padding: const EdgeInsets.symmetric(horizontal: 10.0),
|
|
alignment: Alignment.centerLeft,
|
|
child: Text(
|
|
'Feb',
|
|
overflow: TextOverflow.ellipsis,
|
|
style: theme.bodyMedium.copyWith(
|
|
color: theme.currentColorScheme.primary,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
GridColumn(
|
|
columnName: 'mar',
|
|
maximumWidth: 70,
|
|
label: Container(
|
|
padding: const EdgeInsets.symmetric(horizontal: 10.0),
|
|
alignment: Alignment.centerLeft,
|
|
child: Text(
|
|
'Mär',
|
|
overflow: TextOverflow.ellipsis,
|
|
style: theme.bodyMedium.copyWith(
|
|
color: theme.currentColorScheme.primary,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
GridColumn(
|
|
columnName: 'apr',
|
|
maximumWidth: 70,
|
|
label: Container(
|
|
padding: const EdgeInsets.symmetric(horizontal: 10.0),
|
|
alignment: Alignment.centerLeft,
|
|
child: Text(
|
|
'Apr',
|
|
overflow: TextOverflow.ellipsis,
|
|
style: theme.bodyMedium.copyWith(
|
|
color: theme.currentColorScheme.primary,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
GridColumn(
|
|
columnName: 'may',
|
|
maximumWidth: 70,
|
|
label: Container(
|
|
padding: const EdgeInsets.symmetric(horizontal: 10.0),
|
|
alignment: Alignment.centerLeft,
|
|
child: Text(
|
|
'Mai',
|
|
overflow: TextOverflow.ellipsis,
|
|
style: theme.bodyMedium.copyWith(
|
|
color: theme.currentColorScheme.primary,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
GridColumn(
|
|
columnName: 'jun',
|
|
maximumWidth: 70,
|
|
label: Container(
|
|
padding: const EdgeInsets.symmetric(horizontal: 10.0),
|
|
alignment: Alignment.centerLeft,
|
|
child: Text(
|
|
'Jun',
|
|
overflow: TextOverflow.ellipsis,
|
|
style: theme.bodyMedium.copyWith(
|
|
color: theme.currentColorScheme.primary,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
GridColumn(
|
|
columnName: 'jul',
|
|
maximumWidth: 70,
|
|
label: Container(
|
|
padding: const EdgeInsets.symmetric(horizontal: 10.0),
|
|
alignment: Alignment.centerLeft,
|
|
child: Text(
|
|
'Jul',
|
|
overflow: TextOverflow.ellipsis,
|
|
style: theme.bodyMedium.copyWith(
|
|
color: theme.currentColorScheme.primary,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
GridColumn(
|
|
columnName: 'aug',
|
|
maximumWidth: 70,
|
|
label: Container(
|
|
padding: const EdgeInsets.symmetric(horizontal: 10.0),
|
|
alignment: Alignment.centerLeft,
|
|
child: Text(
|
|
'Aug',
|
|
overflow: TextOverflow.ellipsis,
|
|
style: theme.bodyMedium.copyWith(
|
|
color: theme.currentColorScheme.primary,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
GridColumn(
|
|
columnName: 'sep',
|
|
maximumWidth: 70,
|
|
label: Container(
|
|
padding: const EdgeInsets.symmetric(horizontal: 10.0),
|
|
alignment: Alignment.centerLeft,
|
|
child: Text(
|
|
'Sep',
|
|
overflow: TextOverflow.ellipsis,
|
|
style: theme.bodyMedium.copyWith(
|
|
color: theme.currentColorScheme.primary,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
GridColumn(
|
|
columnName: 'oct',
|
|
maximumWidth: 70,
|
|
label: Container(
|
|
padding: const EdgeInsets.symmetric(horizontal: 10.0),
|
|
alignment: Alignment.centerLeft,
|
|
child: Text(
|
|
'Okt',
|
|
overflow: TextOverflow.ellipsis,
|
|
style: theme.bodyMedium.copyWith(
|
|
color: theme.currentColorScheme.primary,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
GridColumn(
|
|
columnName: 'nov',
|
|
maximumWidth: 70,
|
|
label: Container(
|
|
padding: const EdgeInsets.symmetric(horizontal: 10.0),
|
|
alignment: Alignment.centerLeft,
|
|
child: Text(
|
|
'Nov',
|
|
overflow: TextOverflow.ellipsis,
|
|
style: theme.bodyMedium.copyWith(
|
|
color: theme.currentColorScheme.primary,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
GridColumn(
|
|
columnName: 'dec',
|
|
maximumWidth: 70,
|
|
label: Container(
|
|
padding: const EdgeInsets.symmetric(horizontal: 10.0),
|
|
alignment: Alignment.centerLeft,
|
|
child: Text(
|
|
'Dez',
|
|
overflow: TextOverflow.ellipsis,
|
|
style: theme.bodyMedium.copyWith(
|
|
color: theme.currentColorScheme.primary,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|