|
|
|
@ -1,10 +1,20 @@
|
|
|
|
|
import 'dart:io';
|
|
|
|
|
|
|
|
|
|
import 'package:easy_localization/easy_localization.dart';
|
|
|
|
|
import 'package:flutter/cupertino.dart';
|
|
|
|
|
import 'package:flutter/material.dart';
|
|
|
|
|
import 'package:mohem_flutter_app/api/leave_balance_api_client.dart';
|
|
|
|
|
import 'package:mohem_flutter_app/classes/utils.dart';
|
|
|
|
|
import 'package:mohem_flutter_app/extensions/int_extensions.dart';
|
|
|
|
|
import 'package:mohem_flutter_app/extensions/widget_extensions.dart';
|
|
|
|
|
import 'package:mohem_flutter_app/generated/locale_keys.g.dart';
|
|
|
|
|
import 'package:mohem_flutter_app/models/leave_balance/get_absence_attendance_types_list_model.dart';
|
|
|
|
|
import 'package:mohem_flutter_app/models/worklist/replacement_list_model.dart';
|
|
|
|
|
import 'package:mohem_flutter_app/widgets/app_bar_widget.dart';
|
|
|
|
|
import 'package:mohem_flutter_app/widgets/bottom_sheet.dart';
|
|
|
|
|
import 'package:mohem_flutter_app/widgets/bottom_sheets/search_employee_bottom_sheet.dart';
|
|
|
|
|
import 'package:mohem_flutter_app/widgets/button/default_button.dart';
|
|
|
|
|
import 'package:mohem_flutter_app/widgets/dynamic_forms/dynamic_textfield_widget.dart';
|
|
|
|
|
|
|
|
|
|
class AddLeaveBalanceScreen extends StatefulWidget {
|
|
|
|
|
AddLeaveBalanceScreen({Key? key}) : super(key: key);
|
|
|
|
@ -18,6 +28,13 @@ class AddLeaveBalanceScreen extends StatefulWidget {
|
|
|
|
|
class _AddLeaveBalanceScreenState extends State<AddLeaveBalanceScreen> {
|
|
|
|
|
List<GetAbsenceAttendanceTypesList> absenceList = [];
|
|
|
|
|
|
|
|
|
|
GetAbsenceAttendanceTypesList? selectedAbsenceType;
|
|
|
|
|
DateTime? startTime;
|
|
|
|
|
DateTime? endTime;
|
|
|
|
|
int totalDays = 0;
|
|
|
|
|
String comment = "";
|
|
|
|
|
ReplacementList? selectedReplacementEmployee;
|
|
|
|
|
|
|
|
|
|
@override
|
|
|
|
|
void initState() {
|
|
|
|
|
super.initState();
|
|
|
|
@ -49,6 +66,134 @@ class _AddLeaveBalanceScreenState extends State<AddLeaveBalanceScreen> {
|
|
|
|
|
context,
|
|
|
|
|
title: LocaleKeys.leaveBalance.tr(),
|
|
|
|
|
),
|
|
|
|
|
body: Column(
|
|
|
|
|
children: [
|
|
|
|
|
ListView(
|
|
|
|
|
padding: const EdgeInsets.all(21),
|
|
|
|
|
children: [
|
|
|
|
|
PopupMenuButton(
|
|
|
|
|
child: DynamicTextFieldWidget(
|
|
|
|
|
LocaleKeys.absenceType.tr() + "*",
|
|
|
|
|
selectedAbsenceType == null ? LocaleKeys.selectTypeT.tr() : selectedAbsenceType!.aBSENCEATTENDANCETYPENAME!,
|
|
|
|
|
isEnable: false,
|
|
|
|
|
isPopup: true,
|
|
|
|
|
),
|
|
|
|
|
itemBuilder: (_) => <PopupMenuItem<int>>[
|
|
|
|
|
for (int i = 0; i < absenceList.length; i++) PopupMenuItem<int>(value: i, child: Text(absenceList[i].aBSENCEATTENDANCETYPENAME!)),
|
|
|
|
|
],
|
|
|
|
|
onSelected: (int popupIndex) {
|
|
|
|
|
if (selectedAbsenceType == absenceList[popupIndex]) {
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
selectedAbsenceType = absenceList[popupIndex];
|
|
|
|
|
setState(() {});
|
|
|
|
|
},
|
|
|
|
|
),
|
|
|
|
|
12.height,
|
|
|
|
|
DynamicTextFieldWidget(
|
|
|
|
|
LocaleKeys.startDateT.tr() + "*",
|
|
|
|
|
startTime == null ? "Select date" : startTime.toString(),
|
|
|
|
|
suffixIconData: Icons.calendar_today,
|
|
|
|
|
isEnable: false,
|
|
|
|
|
onTap: () async {
|
|
|
|
|
var start = await _selectDate(context, startTime);
|
|
|
|
|
if (start != startTime) {
|
|
|
|
|
startTime = start;
|
|
|
|
|
setState(() {});
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
),
|
|
|
|
|
12.height,
|
|
|
|
|
DynamicTextFieldWidget(
|
|
|
|
|
LocaleKeys.endDateT.tr() + "*",
|
|
|
|
|
endTime == null ? "Select date" : endTime.toString(),
|
|
|
|
|
suffixIconData: Icons.calendar_today,
|
|
|
|
|
isEnable: false,
|
|
|
|
|
onTap: () async {
|
|
|
|
|
var end = await _selectDate(context, endTime);
|
|
|
|
|
if (end != endTime) {
|
|
|
|
|
endTime = end;
|
|
|
|
|
setState(() {});
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
),
|
|
|
|
|
12.height,
|
|
|
|
|
DynamicTextFieldWidget(
|
|
|
|
|
"totla dsays",
|
|
|
|
|
"days",
|
|
|
|
|
isInputTypeNum: true,
|
|
|
|
|
onChange: (input) {
|
|
|
|
|
totalDays = int.parse(input);
|
|
|
|
|
},
|
|
|
|
|
),
|
|
|
|
|
12.height,
|
|
|
|
|
DynamicTextFieldWidget(
|
|
|
|
|
LocaleKeys.selectEmployee.tr(),
|
|
|
|
|
selectedReplacementEmployee == null ? LocaleKeys.searchForEmployee.tr() : selectedReplacementEmployee!.employeeDisplayName ?? "",
|
|
|
|
|
isEnable: false,
|
|
|
|
|
onTap: () {
|
|
|
|
|
showMyBottomSheet(
|
|
|
|
|
context,
|
|
|
|
|
child: SearchEmployeeBottomSheet(
|
|
|
|
|
title: LocaleKeys.searchForEmployee.tr(),
|
|
|
|
|
apiMode: LocaleKeys.delegate.tr(),
|
|
|
|
|
onSelectEmployee: (_selectedEmployee) {
|
|
|
|
|
// Navigator.pop(context);
|
|
|
|
|
selectedReplacementEmployee = _selectedEmployee;
|
|
|
|
|
setState(() {});
|
|
|
|
|
},
|
|
|
|
|
),
|
|
|
|
|
);
|
|
|
|
|
},
|
|
|
|
|
),
|
|
|
|
|
12.height,
|
|
|
|
|
DynamicTextFieldWidget(
|
|
|
|
|
LocaleKeys.comments.tr(),
|
|
|
|
|
LocaleKeys.writeComment.tr(),
|
|
|
|
|
lines: 2,
|
|
|
|
|
onChange: (input) {
|
|
|
|
|
comment = input;
|
|
|
|
|
},
|
|
|
|
|
),
|
|
|
|
|
],
|
|
|
|
|
).expanded,
|
|
|
|
|
DefaultButton(
|
|
|
|
|
LocaleKeys.next.tr(),
|
|
|
|
|
(selectedAbsenceType == null || startTime == null || endTime == null) ? null : () {},
|
|
|
|
|
).insideContainer
|
|
|
|
|
],
|
|
|
|
|
),
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
Future<DateTime> _selectDate(BuildContext context, DateTime? dateInput) async {
|
|
|
|
|
DateTime time = dateInput ?? DateTime.now();
|
|
|
|
|
if (Platform.isIOS) {
|
|
|
|
|
await showCupertinoModalPopup(
|
|
|
|
|
context: context,
|
|
|
|
|
builder: (cxt) => Container(
|
|
|
|
|
height: 250,
|
|
|
|
|
color: Colors.white,
|
|
|
|
|
child: CupertinoDatePicker(
|
|
|
|
|
backgroundColor: Colors.white,
|
|
|
|
|
mode: CupertinoDatePickerMode.date,
|
|
|
|
|
onDateTimeChanged: (value) {
|
|
|
|
|
if (value != dateInput) {
|
|
|
|
|
time = value;
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
initialDateTime: dateInput,
|
|
|
|
|
),
|
|
|
|
|
),
|
|
|
|
|
);
|
|
|
|
|
} else {
|
|
|
|
|
DateTime? picked =
|
|
|
|
|
await showDatePicker(context: context, initialDate: dateInput ?? DateTime.now(), initialEntryMode: DatePickerEntryMode.calendarOnly, firstDate: DateTime(2015, 8), lastDate: DateTime(2101));
|
|
|
|
|
if (picked != null && picked != dateInput) {
|
|
|
|
|
time = picked;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
time = DateTime(time.year, time.month, time.day);
|
|
|
|
|
return time;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|