request medical report implementation contd.
Haroon Amjad
1 month ago
parent
2de02102c2
commit
8bb0e495cc
@ -1,94 +0,0 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_staggered_animations/flutter_staggered_animations.dart';
|
||||
import 'package:hmg_patient_app_new/core/utils/size_utils.dart';
|
||||
import 'package:hmg_patient_app_new/extensions/string_extensions.dart';
|
||||
import 'package:hmg_patient_app_new/extensions/widget_extensions.dart';
|
||||
import 'package:hmg_patient_app_new/features/medical_file/medical_file_view_model.dart';
|
||||
import 'package:hmg_patient_app_new/features/medical_file/models/patient_medical_response_model.dart';
|
||||
import 'package:hmg_patient_app_new/widgets/appbar/collapsing_list_view.dart';
|
||||
import 'package:hmg_patient_app_new/presentation/medical_file/widgets/patient_medical_report_card.dart';
|
||||
import 'package:hmg_patient_app_new/theme/colors.dart';
|
||||
import 'package:hmg_patient_app_new/widgets/custom_tab_bar.dart';
|
||||
import 'package:provider/provider.dart';
|
||||
|
||||
class MedicalReportsPage extends StatefulWidget {
|
||||
const MedicalReportsPage({super.key});
|
||||
|
||||
@override
|
||||
State<MedicalReportsPage> createState() => _MedicalReportsPageState();
|
||||
}
|
||||
|
||||
class _MedicalReportsPageState extends State<MedicalReportsPage> {
|
||||
late MedicalFileViewModel medicalFileViewModel;
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
medicalFileViewModel = Provider.of<MedicalFileViewModel>(context, listen: false);
|
||||
return Scaffold(
|
||||
backgroundColor: AppColors.bgScaffoldColor,
|
||||
body: CollapsingListView(
|
||||
title: "Medical Reports".needTranslation,
|
||||
child: SingleChildScrollView(
|
||||
child: Column(
|
||||
children: [
|
||||
SizedBox(height: 16.h),
|
||||
CustomTabBar(
|
||||
activeTextColor: Color(0xffED1C2B),
|
||||
activeBackgroundColor: Color(0xffED1C2B).withValues(alpha: .1),
|
||||
tabs: [
|
||||
CustomTabBarModel(null, "Requested".needTranslation),
|
||||
CustomTabBarModel(null, "Ready".needTranslation),
|
||||
CustomTabBarModel(null, "Cancelled".needTranslation),
|
||||
],
|
||||
onTabChange: (index) {
|
||||
medicalFileViewModel.onMedicalReportTabChange(index);
|
||||
},
|
||||
).paddingSymmetrical(24.h, 0.h),
|
||||
Consumer<MedicalFileViewModel>(builder: (context, medicalFileVM, child) {
|
||||
return ListView.separated(
|
||||
padding: EdgeInsets.only(top: 24.h),
|
||||
shrinkWrap: true,
|
||||
physics: NeverScrollableScrollPhysics(),
|
||||
itemCount: medicalFileViewModel.isPatientMedicalReportsListLoading ? 3 : medicalFileViewModel.patientMedicalReportList.length,
|
||||
// medicalFileViewModel.patientMedicalReportList.isNotEmpty
|
||||
// ? medicalFileViewModel.patientMedicalReportList.length
|
||||
// : 1,
|
||||
itemBuilder: (context, index) {
|
||||
return medicalFileViewModel.isPatientMedicalReportsListLoading
|
||||
? PatientMedicalReportCard(
|
||||
patientMedicalReportResponseModel: PatientMedicalReportResponseModel(),
|
||||
medicalFileViewModel: medicalFileVM,
|
||||
isLoading: true,
|
||||
).paddingSymmetrical(24.h, 0.h)
|
||||
: AnimationConfiguration.staggeredList(
|
||||
position: index,
|
||||
duration: const Duration(milliseconds: 500),
|
||||
child: SlideAnimation(
|
||||
verticalOffset: 100.0,
|
||||
child: FadeInAnimation(
|
||||
child: AnimatedContainer(
|
||||
duration: Duration(milliseconds: 300),
|
||||
curve: Curves.easeInOut,
|
||||
decoration: RoundedRectangleBorder().toSmoothCornerDecoration(color: AppColors.whiteColor, borderRadius: 24.h, hasShadow: true),
|
||||
child: PatientMedicalReportCard(
|
||||
patientMedicalReportResponseModel: medicalFileVM.patientMedicalReportList[index],
|
||||
medicalFileViewModel: medicalFileVM,
|
||||
|
||||
isLoading: false,
|
||||
),
|
||||
).paddingSymmetrical(24.h, 0.h),
|
||||
),
|
||||
),
|
||||
);
|
||||
},
|
||||
separatorBuilder: (BuildContext cxt, int index) => SizedBox(height: 16.h),
|
||||
);
|
||||
}),
|
||||
SizedBox(height: 24.h),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,61 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_staggered_animations/flutter_staggered_animations.dart';
|
||||
import 'package:hmg_patient_app_new/core/utils/size_utils.dart';
|
||||
import 'package:hmg_patient_app_new/extensions/string_extensions.dart';
|
||||
import 'package:hmg_patient_app_new/extensions/widget_extensions.dart';
|
||||
import 'package:hmg_patient_app_new/features/medical_file/medical_file_view_model.dart';
|
||||
import 'package:hmg_patient_app_new/features/my_appointments/my_appointments_view_model.dart';
|
||||
import 'package:hmg_patient_app_new/presentation/appointments/widgets/appointment_card.dart';
|
||||
import 'package:hmg_patient_app_new/theme/colors.dart';
|
||||
import 'package:hmg_patient_app_new/widgets/appbar/collapsing_list_view.dart';
|
||||
import 'package:provider/provider.dart';
|
||||
|
||||
class MedicalReportRequestPage extends StatelessWidget {
|
||||
MedicalReportRequestPage({super.key});
|
||||
|
||||
late MedicalFileViewModel medicalFileViewModel;
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
medicalFileViewModel = Provider.of<MedicalFileViewModel>(context, listen: false);
|
||||
return CollapsingListView(
|
||||
title: "Medical Reports".needTranslation,
|
||||
isClose: true,
|
||||
child: Column(
|
||||
children: [
|
||||
ListView.separated(
|
||||
padding: EdgeInsets.only(top: 24.h),
|
||||
shrinkWrap: true,
|
||||
physics: NeverScrollableScrollPhysics(),
|
||||
itemCount: medicalFileViewModel.patientMedicalReportAppointmentHistoryList.length,
|
||||
itemBuilder: (context, index) {
|
||||
return AnimationConfiguration.staggeredList(
|
||||
position: index,
|
||||
duration: const Duration(milliseconds: 500),
|
||||
child: SlideAnimation(
|
||||
verticalOffset: 100.0,
|
||||
child: FadeInAnimation(
|
||||
child: AnimatedContainer(
|
||||
duration: Duration(milliseconds: 300),
|
||||
curve: Curves.easeInOut,
|
||||
decoration: RoundedRectangleBorder().toSmoothCornerDecoration(color: AppColors.whiteColor, borderRadius: 24.h, hasShadow: true),
|
||||
child: AppointmentCard(
|
||||
patientAppointmentHistoryResponseModel: medicalFileViewModel.patientMedicalReportAppointmentHistoryList[index],
|
||||
myAppointmentsViewModel: Provider.of<MyAppointmentsViewModel>(context, listen: false),
|
||||
medicalFileViewModel: medicalFileViewModel,
|
||||
isLoading: false,
|
||||
isFromHomePage: false,
|
||||
isFromMedicalReport: true,
|
||||
),
|
||||
).paddingSymmetrical(24.h, 0.h),
|
||||
),
|
||||
),
|
||||
);
|
||||
},
|
||||
separatorBuilder: (BuildContext cxt, int index) => SizedBox(height: 16.h),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,176 @@
|
||||
import 'package:easy_localization/easy_localization.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_staggered_animations/flutter_staggered_animations.dart';
|
||||
import 'package:hmg_patient_app_new/core/app_assets.dart';
|
||||
import 'package:hmg_patient_app_new/core/utils/size_utils.dart';
|
||||
import 'package:hmg_patient_app_new/core/utils/utils.dart';
|
||||
import 'package:hmg_patient_app_new/extensions/string_extensions.dart';
|
||||
import 'package:hmg_patient_app_new/extensions/widget_extensions.dart';
|
||||
import 'package:hmg_patient_app_new/features/medical_file/medical_file_view_model.dart';
|
||||
import 'package:hmg_patient_app_new/features/medical_file/models/patient_medical_response_model.dart';
|
||||
import 'package:hmg_patient_app_new/generated/locale_keys.g.dart';
|
||||
import 'package:hmg_patient_app_new/presentation/medical_report/medical_report_request_page.dart';
|
||||
import 'package:hmg_patient_app_new/widgets/appbar/collapsing_list_view.dart';
|
||||
import 'package:hmg_patient_app_new/presentation/medical_report/widgets/patient_medical_report_card.dart';
|
||||
import 'package:hmg_patient_app_new/theme/colors.dart';
|
||||
import 'package:hmg_patient_app_new/widgets/buttons/custom_button.dart';
|
||||
import 'package:hmg_patient_app_new/widgets/common_bottom_sheet.dart';
|
||||
import 'package:hmg_patient_app_new/widgets/custom_tab_bar.dart';
|
||||
import 'package:hmg_patient_app_new/widgets/loader/bottomsheet_loader.dart';
|
||||
import 'package:hmg_patient_app_new/widgets/routes/custom_page_route.dart';
|
||||
import 'package:provider/provider.dart';
|
||||
|
||||
class MedicalReportsPage extends StatefulWidget {
|
||||
const MedicalReportsPage({super.key});
|
||||
|
||||
@override
|
||||
State<MedicalReportsPage> createState() => _MedicalReportsPageState();
|
||||
}
|
||||
|
||||
class _MedicalReportsPageState extends State<MedicalReportsPage> {
|
||||
late MedicalFileViewModel medicalFileViewModel;
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
medicalFileViewModel = Provider.of<MedicalFileViewModel>(context, listen: false);
|
||||
return Scaffold(
|
||||
backgroundColor: AppColors.bgScaffoldColor,
|
||||
body: Column(
|
||||
children: [
|
||||
Expanded(
|
||||
child: CollapsingListView(
|
||||
title: "Medical Reports".needTranslation,
|
||||
child: SingleChildScrollView(
|
||||
child: Column(
|
||||
children: [
|
||||
SizedBox(height: 16.h),
|
||||
CustomTabBar(
|
||||
activeTextColor: Color(0xffED1C2B),
|
||||
activeBackgroundColor: Color(0xffED1C2B).withValues(alpha: .1),
|
||||
tabs: [
|
||||
CustomTabBarModel(null, "Requested".needTranslation),
|
||||
CustomTabBarModel(null, "Ready".needTranslation),
|
||||
CustomTabBarModel(null, "Cancelled".needTranslation),
|
||||
],
|
||||
onTabChange: (index) {
|
||||
medicalFileViewModel.onMedicalReportTabChange(index);
|
||||
},
|
||||
).paddingSymmetrical(24.h, 0.h),
|
||||
Consumer<MedicalFileViewModel>(builder: (context, medicalFileVM, child) {
|
||||
return ListView.separated(
|
||||
padding: EdgeInsets.only(top: 24.h),
|
||||
shrinkWrap: true,
|
||||
physics: NeverScrollableScrollPhysics(),
|
||||
itemCount: medicalFileViewModel.isPatientMedicalReportsListLoading
|
||||
? 3
|
||||
: medicalFileViewModel.patientMedicalReportList.isNotEmpty
|
||||
? medicalFileViewModel.patientMedicalReportList.length
|
||||
: 1,
|
||||
itemBuilder: (context, index) {
|
||||
return medicalFileViewModel.isPatientMedicalReportsListLoading
|
||||
? PatientMedicalReportCard(
|
||||
patientMedicalReportResponseModel: PatientMedicalReportResponseModel(),
|
||||
medicalFileViewModel: medicalFileVM,
|
||||
isLoading: true,
|
||||
).paddingSymmetrical(24.h, 0.h)
|
||||
: medicalFileViewModel.patientMedicalReportList.isNotEmpty
|
||||
? AnimationConfiguration.staggeredList(
|
||||
position: index,
|
||||
duration: const Duration(milliseconds: 500),
|
||||
child: SlideAnimation(
|
||||
verticalOffset: 100.0,
|
||||
child: FadeInAnimation(
|
||||
child: AnimatedContainer(
|
||||
duration: Duration(milliseconds: 300),
|
||||
curve: Curves.easeInOut,
|
||||
decoration: RoundedRectangleBorder().toSmoothCornerDecoration(color: AppColors.whiteColor, borderRadius: 24.h, hasShadow: true),
|
||||
child: PatientMedicalReportCard(
|
||||
patientMedicalReportResponseModel: medicalFileVM.patientMedicalReportList[index],
|
||||
medicalFileViewModel: medicalFileVM,
|
||||
isLoading: false,
|
||||
),
|
||||
).paddingSymmetrical(24.h, 0.h),
|
||||
),
|
||||
),
|
||||
)
|
||||
: Utils.getNoDataWidget(context, noDataText: "You don't have any medical reports yet.".needTranslation).paddingSymmetrical(24.h, 0.h);
|
||||
},
|
||||
separatorBuilder: (BuildContext cxt, int index) => SizedBox(height: 16.h),
|
||||
);
|
||||
}),
|
||||
SizedBox(height: 24.h),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
Container(
|
||||
decoration: RoundedRectangleBorder().toSmoothCornerDecoration(
|
||||
color: AppColors.whiteColor,
|
||||
borderRadius: 24.h,
|
||||
hasShadow: true,
|
||||
),
|
||||
child: CustomButton(
|
||||
text: "Request medical report".needTranslation,
|
||||
onPressed: () async {
|
||||
LoaderBottomSheet.showLoader();
|
||||
await medicalFileViewModel.getPatientMedicalReportAppointmentsList(onSuccess: (val) async {
|
||||
LoaderBottomSheet.hideLoader();
|
||||
bool? value = await Navigator.of(context).push(
|
||||
CustomPageRoute(
|
||||
page: MedicalReportRequestPage(),
|
||||
fullScreenDialog: true,
|
||||
direction: AxisDirection.down,
|
||||
),
|
||||
);
|
||||
if (value != null) {
|
||||
showConfirmRequestMedicalReportBottomSheet();
|
||||
}
|
||||
}, onError: (err) {
|
||||
LoaderBottomSheet.hideLoader();
|
||||
showCommonBottomSheetWithoutHeight(
|
||||
context,
|
||||
child: Utils.getErrorWidget(loadingText: "You do not have any appointments to request a medical report.".needTranslation),
|
||||
callBackFunc: () {},
|
||||
isFullScreen: false,
|
||||
isCloseButtonVisible: true,
|
||||
);
|
||||
});
|
||||
},
|
||||
backgroundColor: AppColors.primaryRedColor,
|
||||
borderColor: AppColors.primaryRedColor,
|
||||
textColor: AppColors.whiteColor,
|
||||
fontSize: 16,
|
||||
fontWeight: FontWeight.w500,
|
||||
borderRadius: 12,
|
||||
padding: EdgeInsets.fromLTRB(10, 0, 10, 0),
|
||||
height: 45.h,
|
||||
icon: AppAssets.requests,
|
||||
iconColor: AppColors.whiteColor,
|
||||
iconSize: 20.h,
|
||||
).paddingSymmetrical(24.h, 24.h),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
showConfirmRequestMedicalReportBottomSheet() {
|
||||
showCommonBottomSheetWithoutHeight(
|
||||
title: LocaleKeys.notice.tr(context: context),
|
||||
context,
|
||||
child: Utils.getWarningWidget(
|
||||
loadingText: "Are you sure you want to request a medical report for this appointment?".needTranslation,
|
||||
isShowActionButtons: true,
|
||||
onCancelTap: () {
|
||||
Navigator.pop(context);
|
||||
},
|
||||
onConfirmTap: () async {
|
||||
Navigator.pop(context);
|
||||
}),
|
||||
callBackFunc: () {},
|
||||
isFullScreen: false,
|
||||
isCloseButtonVisible: true,
|
||||
);
|
||||
}
|
||||
}
|
||||
Loading…
Reference in New Issue