You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
270 lines
13 KiB
Dart
270 lines
13 KiB
Dart
import 'dart:developer';
|
|
|
|
import 'package:flutter/material.dart';
|
|
import 'package:mc_common_app/extensions/int_extensions.dart';
|
|
import 'package:mc_common_app/extensions/string_extensions.dart';
|
|
import 'package:mc_common_app/generated/locale_keys.g.dart';
|
|
import 'package:mc_common_app/models/appointments_models/service_schedule_model.dart';
|
|
import 'package:mc_common_app/models/general_models/widgets_models.dart';
|
|
import 'package:mc_common_app/models/services_models/service_model.dart';
|
|
import 'package:mc_common_app/theme/colors.dart';
|
|
import 'package:mc_common_app/utils/enums.dart';
|
|
import 'package:mc_common_app/utils/utils.dart';
|
|
import 'package:mc_common_app/view_models/appointments_view_model.dart';
|
|
import 'package:mc_common_app/views/appointments/widgets/custom_calender_widget.dart';
|
|
import 'package:mc_common_app/widgets/button/show_fill_button.dart';
|
|
import 'package:mc_common_app/widgets/common_widgets/app_bar.dart';
|
|
import 'package:mc_common_app/widgets/common_widgets/time_slots.dart';
|
|
import 'package:mc_common_app/widgets/extensions/extensions_widget.dart';
|
|
import 'package:provider/provider.dart';
|
|
import 'package:easy_localization/easy_localization.dart';
|
|
import 'package:sizer/sizer.dart';
|
|
|
|
class ScreenArgumentsForAppointmentDetailPage {
|
|
final int
|
|
routeFlag; // 1 = coming from create appointment || 2 = coming from reschedule appointment
|
|
final int
|
|
appointmentId; // 1 = coming from create appointment || 2 = coming from reschedule appointment
|
|
|
|
ScreenArgumentsForAppointmentDetailPage(
|
|
{required this.routeFlag, required this.appointmentId});
|
|
}
|
|
|
|
class BookAppointmentSchedulesView extends StatelessWidget {
|
|
final ScreenArgumentsForAppointmentDetailPage
|
|
screenArgumentsForAppointmentDetailPage;
|
|
|
|
const BookAppointmentSchedulesView(
|
|
{super.key, required this.screenArgumentsForAppointmentDetailPage});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Scaffold(
|
|
appBar: CustomAppBar(
|
|
title: LocaleKeys.bookAppointment.tr(),
|
|
isRemoveBackButton: false,
|
|
isDrawerEnabled: false,
|
|
onBackButtonTapped: () => Navigator.pop(context),
|
|
),
|
|
body: Consumer(
|
|
builder: (BuildContext context, AppointmentsVM appointmentsVM,
|
|
Widget? child) {
|
|
return Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
21.height,
|
|
ListView.builder(
|
|
shrinkWrap: true,
|
|
itemCount:
|
|
appointmentsVM.serviceAppointmentScheduleList.length,
|
|
itemBuilder: (BuildContext context, int scheduleIndex) {
|
|
ServiceAppointmentScheduleModel scheduleData =
|
|
appointmentsVM
|
|
.serviceAppointmentScheduleList[scheduleIndex];
|
|
// Wrapped in its own transparent Material so the ExpansionTile's internal
|
|
// ListTile ink splashes render correctly on top of the white background/shadow
|
|
// applied by `toWhiteContainer` below (instead of being hidden by it).
|
|
return Material(
|
|
type: MaterialType.transparency,
|
|
child: ExpansionTile(
|
|
tilePadding: const EdgeInsets.symmetric(
|
|
horizontal: 21, vertical: 10),
|
|
childrenPadding: const EdgeInsets.only(
|
|
left: 16, bottom: 10, right: 16),
|
|
initiallyExpanded: true,
|
|
title: Column(
|
|
children: [
|
|
Row(
|
|
children: [
|
|
Expanded(
|
|
child: (scheduleData.scheduleName ?? "")
|
|
.toText(fontSize: 20, isBold: true),
|
|
),
|
|
],
|
|
),
|
|
Row(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
(LocaleKeys.serviceLocation.tr()).toText(
|
|
fontSize: 12,
|
|
color: MyColors.lightTextColor,
|
|
isBold: true),
|
|
2.width,
|
|
(scheduleData.appointmentTypeEnum ==
|
|
AppointmentTypeEnum.home
|
|
? LocaleKeys.customerLocation.tr()
|
|
: LocaleKeys.companyLocation.tr())
|
|
.toText(fontSize: 12, isBold: true)
|
|
.expand(),
|
|
],
|
|
),
|
|
Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
5.height,
|
|
ListView.builder(
|
|
physics: const NeverScrollableScrollPhysics(),
|
|
shrinkWrap: true,
|
|
itemCount: appointmentsVM
|
|
.serviceAppointmentScheduleList[
|
|
scheduleIndex]
|
|
.servicesListInAppointment!
|
|
.length,
|
|
itemBuilder:
|
|
(BuildContext context, int serviceIndex) {
|
|
ServiceModel selectedService =
|
|
appointmentsVM
|
|
.serviceAppointmentScheduleList[
|
|
scheduleIndex]
|
|
.servicesListInAppointment![
|
|
serviceIndex];
|
|
return Row(
|
|
children: [
|
|
Expanded(
|
|
child:
|
|
("${serviceIndex + 1}. ${selectedService.providerServiceDescription}")
|
|
.toText(
|
|
fontSize: 15,
|
|
isBold: true,
|
|
color: MyColors
|
|
.lightTextColor),
|
|
),
|
|
],
|
|
);
|
|
},
|
|
),
|
|
],
|
|
),
|
|
],
|
|
),
|
|
children: [
|
|
Column(
|
|
children: [
|
|
CustomCalenderAppointmentWidget(
|
|
customTimeDateSlotList:
|
|
scheduleData.customTimeDateSlotList ?? [],
|
|
onDateSelected: (int dateIndex) {
|
|
appointmentsVM.updateSelectedAppointmentDate(
|
|
scheduleIndex: scheduleIndex,
|
|
dateIndex: dateIndex);
|
|
},
|
|
selectedCustomTimeDateSlotModel: scheduleData
|
|
.selectedCustomTimeDateSlotModel,
|
|
),
|
|
if (appointmentsVM
|
|
.serviceAppointmentScheduleList[
|
|
scheduleIndex]
|
|
.selectedDateIndex !=
|
|
null) ...[
|
|
5.height,
|
|
Row(
|
|
mainAxisAlignment: MainAxisAlignment.start,
|
|
children: [
|
|
(LocaleKeys.availableSlots.tr())
|
|
.toText(fontSize: 14, isBold: true),
|
|
],
|
|
),
|
|
5.height,
|
|
SizedBox(
|
|
width: double.infinity,
|
|
child: BuildTimeSlots(
|
|
timeSlots: appointmentsVM
|
|
.serviceAppointmentScheduleList[
|
|
scheduleIndex]
|
|
.customTimeDateSlotList![appointmentsVM
|
|
.serviceAppointmentScheduleList[
|
|
scheduleIndex]
|
|
.selectedDateIndex!]
|
|
.availableSlots ??
|
|
[],
|
|
onPressed: (slotIndex) {
|
|
log("slotIndex: $slotIndex");
|
|
appointmentsVM
|
|
.updateSelectedAppointmentSlotByDate(
|
|
scheduleIndex: scheduleIndex,
|
|
slotIndex: slotIndex);
|
|
},
|
|
),
|
|
),
|
|
],
|
|
],
|
|
),
|
|
],
|
|
),
|
|
).toWhiteContainer(
|
|
width: double.infinity,
|
|
margin: const EdgeInsets.symmetric(
|
|
horizontal: 21, vertical: 10));
|
|
},
|
|
).expand(),
|
|
Row(
|
|
children: [
|
|
Expanded(
|
|
child: ShowFillButton(
|
|
txtColor: MyColors.black,
|
|
maxHeight: 55,
|
|
title: LocaleKeys.cancel.tr(),
|
|
onPressed: () => Navigator.pop(context),
|
|
backgroundColor: MyColors.greyButtonColor,
|
|
),
|
|
),
|
|
12.width,
|
|
Expanded(
|
|
child: ShowFillButton(
|
|
maxHeight: 55,
|
|
title:
|
|
screenArgumentsForAppointmentDetailPage.routeFlag ==
|
|
1
|
|
? LocaleKeys.review.tr()
|
|
: LocaleKeys.confirm.tr(),
|
|
onPressed: () {
|
|
if (screenArgumentsForAppointmentDetailPage
|
|
.routeFlag ==
|
|
1) {
|
|
appointmentsVM.onReviewButtonPressed(context);
|
|
} else {
|
|
int selectedSlotId = 0;
|
|
int index = 0;
|
|
List<TimeSlotModel> timeSlots = appointmentsVM
|
|
.serviceAppointmentScheduleList
|
|
.first
|
|
.selectedCustomTimeDateSlotModel!
|
|
.availableSlots ??
|
|
[];
|
|
if (timeSlots.isNotEmpty) {
|
|
index = timeSlots
|
|
.indexWhere((element) => element.isSelected);
|
|
}
|
|
|
|
if (index != -1) {
|
|
selectedSlotId = timeSlots[index].slotId;
|
|
} else {
|
|
Utils.showToast(
|
|
"Please select correct date and time.");
|
|
return;
|
|
}
|
|
|
|
log("selectedSlotId: $selectedSlotId");
|
|
|
|
appointmentsVM
|
|
.onRescheduleAppointmentConfirmPressed(
|
|
context: context,
|
|
appointmentId:
|
|
screenArgumentsForAppointmentDetailPage
|
|
.appointmentId,
|
|
selectedSlotId: selectedSlotId,
|
|
);
|
|
}
|
|
},
|
|
backgroundColor: MyColors.darkPrimaryColor,
|
|
),
|
|
)
|
|
],
|
|
).paddingAll(21)
|
|
],
|
|
);
|
|
},
|
|
));
|
|
}
|
|
}
|