import 'package:doctor_app_flutter/config/config.dart'; import 'package:doctor_app_flutter/config/size_config.dart'; import 'package:doctor_app_flutter/core/enum/view_state.dart'; import 'package:doctor_app_flutter/core/model/patient_muse/PatientSearchRequestModel.dart'; import 'package:doctor_app_flutter/core/viewModel/authentication_view_model.dart'; import 'package:doctor_app_flutter/core/viewModel/dashboard_view_model.dart'; import 'package:doctor_app_flutter/core/viewModel/project_view_model.dart'; import 'package:doctor_app_flutter/icons_app/doctor_app_icons.dart'; import 'package:doctor_app_flutter/core/model/doctor/doctor_profile_model.dart'; import 'package:doctor_app_flutter/screens/ER_singin/ER_singin_screen.dart'; import 'package:doctor_app_flutter/screens/base/base_view.dart'; import 'package:doctor_app_flutter/screens/home/dashboard_slider-item-widget.dart'; import 'package:doctor_app_flutter/screens/home/dashboard_swipe_widget.dart'; import 'package:doctor_app_flutter/screens/home/home_patient_card.dart'; import 'package:doctor_app_flutter/screens/live_care/live_care_patient_screen.dart'; import 'package:doctor_app_flutter/screens/medicine/medicine_search_screen.dart'; import 'package:doctor_app_flutter/screens/patients/In_patient/in_patient_screen.dart'; import 'package:doctor_app_flutter/screens/patients/out_patient/out_patient_screen.dart'; import 'package:doctor_app_flutter/screens/patients/patient_search/patient_search_screen.dart'; import 'package:doctor_app_flutter/screens/patients/profile/referral/referral_details/patient_referral_screen.dart'; import 'package:doctor_app_flutter/screens/patients/register_patient/RegisterPatientPage.dart'; import 'package:doctor_app_flutter/utils/date-utils.dart'; import 'package:doctor_app_flutter/utils/dr_app_toast_msg.dart'; import 'package:doctor_app_flutter/utils/utils.dart'; import 'package:doctor_app_flutter/utils/translations_delegate_base_utils.dart'; import 'package:doctor_app_flutter/widgets/patients/profile/profile-welcome-widget.dart'; import 'package:doctor_app_flutter/widgets/shared/app_scaffold_widget.dart'; import 'package:doctor_app_flutter/widgets/shared/app_texts_widget.dart'; import 'package:doctor_app_flutter/widgets/shared/errors/error_message.dart'; import 'package:doctor_app_flutter/widgets/shared/loader/gif_loader_dialog_utils.dart'; import 'package:doctor_app_flutter/widgets/transitions/fade_page.dart'; import 'package:flutter/cupertino.dart'; import 'package:flutter/material.dart'; import 'package:flutter_svg/flutter_svg.dart'; import 'package:provider/provider.dart'; import 'package:sticky_headers/sticky_headers/widget.dart'; import '../../widgets/shared/app_texts_widget.dart'; import 'label.dart'; class HomeScreen extends StatefulWidget { HomeScreen({Key key, this.title}) : super(key: key); final String title; @override _HomeScreenState createState() => _HomeScreenState(); } class _HomeScreenState extends State { bool isLoading = false; ProjectViewModel projectsProvider; var _isInit = true; DoctorProfileModel profile; bool isExpanded = false; bool isInpatient = false; int sliderActiveIndex = 0; var clinicId; AuthenticationViewModel authenticationViewModel; int colorIndex = 0; @override Widget build(BuildContext context) { ProjectViewModel projectsProvider = Provider.of(context); authenticationViewModel = Provider.of(context); FocusScopeNode currentFocus = FocusScope.of(context); if (!currentFocus.hasPrimaryFocus) { currentFocus.unfocus(); } return BaseView( onModelReady: (model) async { model.startHomeScreenServices( projectsProvider, authenticationViewModel); }, builder: (_, model, w) => AppScaffold( baseViewModel: model, isShowAppBar: false, body: ListView(children: [ Column(children: [ StickyHeader( header: Container( color: Colors.grey[100], padding: EdgeInsets.only(top: 10), child: Stack(children: [ //TODO Elham* make it componet Container( width: 40, margin: EdgeInsets.only( left: projectsProvider.isArabic ? 0 : 32, right: projectsProvider.isArabic ? 23 : 0), child: IconButton( icon: SvgPicture.asset('assets/images/svgs/menu.svg', height: 25, width: 10), iconSize: 15, color: Colors.black, onPressed: () => Scaffold.of(context).openDrawer(), ), ), Column(children: [ ProfileWelcomeWidget( Row( mainAxisAlignment: MainAxisAlignment.start, children: [ Container( width: MediaQuery.of(context).size.width * .6, child: projectsProvider.doctorClinicsList.length > 0 ? Stack( children: [ DropdownButtonHideUnderline( child: DropdownButton( dropdownColor: Colors.white, iconEnabledColor: AppGlobal.appTextColor, icon: Icon(Icons.keyboard_arrow_down), isExpanded: true, value: clinicId == null ? projectsProvider .doctorClinicsList[0].clinicID : clinicId, iconSize: 25, elevation: 16, selectedItemBuilder: (BuildContext context) { return projectsProvider .doctorClinicsList .map((item) { return Row( mainAxisSize: MainAxisSize.max, mainAxisAlignment: MainAxisAlignment.end, children: [ Column( mainAxisAlignment: MainAxisAlignment .center, children: [ Container( padding: EdgeInsets.all(0), margin: EdgeInsets.all(2), decoration: new BoxDecoration( color: AppGlobal .appRedColor, borderRadius: BorderRadius .circular( 20), ), constraints: BoxConstraints( minWidth: 20, minHeight: 20, ), child: Center( child: AppText( projectsProvider .doctorClinicsList .length .toString(), color: Colors.white, letterSpacing: -0.72, fontWeight: FontWeight .w600, fontSize: projectsProvider .isArabic ? 10 : 12, textAlign: TextAlign .center, ), )), ], ), AppText( Utils .convertToTitleCase( item.clinicName), fontSize: 14, letterSpacing: -0.96, color: AppGlobal .appTextColor, fontWeight: FontWeight.bold, textAlign: TextAlign.end), ], ); }).toList(); }, onChanged: (newValue) async { clinicId = newValue; GifLoaderDialogUtils.showMyDialog( context); await model.changeClinic(newValue, authenticationViewModel); GifLoaderDialogUtils.hideDialog( context); if (model.state == ViewState.ErrorLocal) { DrAppToastMsg.showErrorToast( model.error); } }, items: projectsProvider .doctorClinicsList .map((item) { return DropdownMenuItem( child: AppText( Utils.convertToTitleCase( item.clinicName), fontSize: 14, letterSpacing: -0.96, color: AppGlobal.appTextColor, fontWeight: FontWeight.bold, textAlign: TextAlign.left, ), value: item.clinicID, ); }).toList(), )), ], ) : AppText( TranslationBase.of(context).noClinic), ), ], ), isClinic: true, height: 50, ), ]) ])), content: Column( children: [ if (model.state != ViewState.ErrorLocal) Column( mainAxisSize: MainAxisSize.min, children: [ model.dashboardItemsList.length > 0 ? DashboardSwipeWidget( model.dashboardItemsList, model, (sliderIndex) { setState(() { sliderActiveIndex = sliderIndex; }); }, ) : SizedBox(), model.dashboardItemsList.length > 0 ? FractionallySizedBox( widthFactor: 0.90, child: Container( child: Column( mainAxisAlignment: MainAxisAlignment.start, children: [ SizedBox( height: 10, ), sliderActiveIndex == 1 ? DashboardSliderItemWidget( model.dashboardItemsList[4]) : sliderActiveIndex == 0 ? DashboardSliderItemWidget( model.dashboardItemsList[3]) : DashboardSliderItemWidget( model.dashboardItemsList[6]), ]))) : SizedBox(), ], ) else Container( child: ErrorMessage( error: model.error, )), FractionallySizedBox( // widthFactor: 0.90, child: Container( decoration: BoxDecoration( color: Colors.white, borderRadius: BorderRadius.only( topRight: Radius.circular(50), )), padding: EdgeInsets.only(left: 20, top: 10, right: 20), margin: EdgeInsets.only(top: 10), child: Column( mainAxisAlignment: MainAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.start, children: [ SizedBox( height: 10, ), Label( firstLine: TranslationBase.of(context).patients, secondLine: TranslationBase.of(context).services, ), Container( height: SizeConfig.heightMultiplier * (SizeConfig.isHeightVeryShort ? 16 : SizeConfig.isHeightShort ? 14 : SizeConfig.isHeightLarge ? 15 : 13), child: ListView( scrollDirection: Axis.horizontal, children: [ ...homePatientsCardsWidget( model, projectsProvider), ])), SizedBox( height: 20, ), ], ), ), ), ], ), ) ]), ]), ), ); } List homePatientsCardsWidget( DashboardViewModel model, projectsProvider) { colorIndex = 0; List backgroundColors = List(3); backgroundColors[0] = LinearGradient( begin: Alignment(-1.0, -2.0), end: Alignment(1.0, 2.0), colors: [ AppGlobal.appRedColor, Color(0xFFAD3B3B), ]); //AppGlobal.appRedColor; backgroundColors[1] = LinearGradient(begin: Alignment.center, end: Alignment.center, colors: [ Color(0xFFC9C9C9), Color(0xFFC9C9C9), ]); backgroundColors[2] = LinearGradient( begin: Alignment.center, end: Alignment.center, colors: [Color(0xFF71787E), AppGlobal.appTextColor]); List backgroundIconColors = List(3); backgroundIconColors[0] = Colors.white12; backgroundIconColors[1] = Colors.white38; backgroundIconColors[2] = Colors.white10; List textColors = List(3); textColors[0] = Colors.white; textColors[1] = Color(0xFF353E47); textColors[2] = Colors.white; List patientCards = List(); if (model.hasVirtualClinic) { patientCards.add(HomePatientCard( gradient: backgroundColors[colorIndex], backgroundIconColor: backgroundIconColors[colorIndex], cardIcon: DoctorApp.livecare, textColor: textColors[colorIndex], iconSize: 21, text: "${TranslationBase.of(context).liveCare}\n${TranslationBase.of(context).patients}", onTap: () { // TODO MOSA TEST // PatiantInformtion patient = PatiantInformtion( // patientStatusType: 43, // episodeNo: 0, // vcId: 42342, // fullName: "mosa test", // dateofBirth: "2000-05-01 10:42:35.790004" // ); // Navigator.of(context).pushNamed(PATIENTS_PROFILE, arguments: { // "patient": patient, // "patientType": "0", // "isSearch": false, // "isInpatient": false, // "arrivalType": "0", // "isSearchAndOut": false, // "isFromLiveCare": true, // }); Navigator.push( context, FadePage( page: LiveCarePatientScreen(), ), ); }, )); changeColorIndex(); } patientCards.add(HomePatientCard( gradient: backgroundColors[colorIndex], backgroundIconColor: backgroundIconColors[colorIndex], cardIcon: DoctorApp.qr_reader, textColor: textColors[colorIndex], text: "ER sign In" , onTap: () { Navigator.push( context, FadePage( page: ErSignInScreen( ), ), ); }, )); changeColorIndex(); patientCards.add(HomePatientCard( gradient: backgroundColors[colorIndex], backgroundIconColor: backgroundIconColors[colorIndex], cardIcon: DoctorApp.inpatient, textColor: textColors[colorIndex], text: TranslationBase.of(context).myInPatient, onTap: () { Navigator.push( context, FadePage( page: InPatientScreen( specialClinic: model.getSpecialClinic( clinicId ?? projectsProvider.doctorClinicsList[0].clinicID), ), ), ); }, )); changeColorIndex(); //TODO Keep commented // patientCards.add(HomePatientCard( // gradient: backgroundColors[colorIndex], // backgroundIconColor: backgroundIconColors[colorIndex], // //TODO Elham* match the of the icon // cardIcon: DoctorApp.arrival_patients, // textColor: textColors[colorIndex], // text: TranslationBase.of(context).registerNewPatient, // onTap: () { // Navigator.push( // context, // FadePage( // page: RegisterPatientPage(), // ), // ); // }, // )); // changeColorIndex(); patientCards.add(HomePatientCard( gradient: backgroundColors[colorIndex], backgroundIconColor: backgroundIconColors[colorIndex], cardIcon: DoctorApp.arrival_patients, textColor: textColors[colorIndex], text: TranslationBase.of(context).myOutPatient_2lines, onTap: () { String date = AppDateUtils.convertDateToFormat( DateTime( DateTime.now().year, DateTime.now().month, DateTime.now().day), 'yyyy-MM-dd'); Navigator.push( context, MaterialPageRoute( builder: (context) => OutPatientsScreen( patientSearchRequestModel: PatientSearchRequestModel( from: date, to: date, doctorID: authenticationViewModel.doctorProfile.doctorID), ), settings: RouteSettings(name: 'OutPatientsScreen'), )); }, )); changeColorIndex(); patientCards.add(HomePatientCard( gradient: backgroundColors[colorIndex], backgroundIconColor: backgroundIconColors[colorIndex], cardIcon: DoctorApp.referral_1, textColor: textColors[colorIndex], text: TranslationBase.of(context).myPatientsReferral, onTap: () { Navigator.push( context, MaterialPageRoute( builder: (context) => PatientReferralScreen(), settings: RouteSettings(name: 'PatientReferralScreen'), ), ); }, )); changeColorIndex(); patientCards.add(HomePatientCard( gradient: backgroundColors[colorIndex], backgroundIconColor: backgroundIconColors[colorIndex], cardIcon: DoctorApp.search, textColor: textColors[colorIndex], text: TranslationBase.of(context).searchPatientDashBoard, onTap: () { Navigator.push( context, MaterialPageRoute( builder: (context) => PatientSearchScreen(), settings: RouteSettings(name: 'PatientSearchScreen'), )); }, )); changeColorIndex(); patientCards.add(HomePatientCard( gradient: backgroundColors[colorIndex], backgroundIconColor: backgroundIconColors[colorIndex], cardIcon: DoctorApp.search_medicines, textColor: textColors[colorIndex], text: TranslationBase.of(context).searchMedicineDashboard, onTap: () { Navigator.push( context, MaterialPageRoute( builder: (context) => MedicineSearchScreen(), settings: RouteSettings(name: 'MedicineSearchScreen'), )); }, )); changeColorIndex(); return [ ...List.generate(patientCards.length, (index) => patientCards[index]) .toList() ]; } changeColorIndex() { colorIndex++; if (colorIndex > 2) { colorIndex = 0; } } }