my doctor screen.

merge-requests/390/head
Sikander Saleem 5 years ago
parent ec6693c55e
commit 350ff20a1a

@ -4,6 +4,9 @@ import 'package:diplomaticquarterapp/services/appointment_services/GetDoctorsLis
import 'package:diplomaticquarterapp/uitl/app_toast.dart'; import 'package:diplomaticquarterapp/uitl/app_toast.dart';
import 'package:diplomaticquarterapp/uitl/date_uitl.dart'; import 'package:diplomaticquarterapp/uitl/date_uitl.dart';
import 'package:diplomaticquarterapp/uitl/gif_loader_dialog_utils.dart'; import 'package:diplomaticquarterapp/uitl/gif_loader_dialog_utils.dart';
import 'package:diplomaticquarterapp/uitl/translations_delegate_base.dart';
import 'package:diplomaticquarterapp/widgets/avatar/large_avatar.dart';
import 'package:diplomaticquarterapp/widgets/data_display/medical/doctor_card.dart';
import 'package:diplomaticquarterapp/widgets/transitions/fade_page.dart'; import 'package:diplomaticquarterapp/widgets/transitions/fade_page.dart';
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:rating_bar/rating_bar.dart'; import 'package:rating_bar/rating_bar.dart';
@ -21,109 +24,82 @@ class DoctorView extends StatelessWidget {
Widget build(BuildContext context) { Widget build(BuildContext context) {
return InkWell( return InkWell(
onTap: () { onTap: () {
if(isShowFlag) if (isShowFlag) getDoctorsProfile(context, doctor);
getDoctorsProfile(context, doctor);
}, },
child: Card( child: Container(
margin: EdgeInsets.fromLTRB(10.0, 16.0, 10.0, 8.0), decoration: BoxDecoration(
color: Colors.white, borderRadius: BorderRadius.all(
shape: RoundedRectangleBorder( Radius.circular(10.0),
borderRadius: BorderRadius.circular(10), ),
), boxShadow: [
child: Container( BoxShadow(
decoration: BoxDecoration(), color: Color(0xff000000).withOpacity(.05),
padding: EdgeInsets.all(7.0), //spreadRadius: 5,
width: MediaQuery.of(context).size.width, blurRadius: 27,
child: Row( offset: Offset(0, -3),
mainAxisAlignment: MainAxisAlignment.start,
children: <Widget>[
Expanded(
flex: 1,
child: ClipRRect(
borderRadius: BorderRadius.circular(100.0),
child: Image.network(this.doctor.doctorImageURL,
fit: BoxFit.fill, height: 60.0, width: 60.0),
),
), ),
Expanded( ],
flex: 4, color: Colors.white),
child: Container( child: Padding(
width: MediaQuery.of(context).size.width * 0.55, padding: const EdgeInsets.only(left: 12, right: 12, top: 12, bottom: 12),
margin: EdgeInsets.fromLTRB(20.0, 10.0, 10.0, 0.0), child: Column(
child: Column( mainAxisSize: MainAxisSize.min,
crossAxisAlignment: CrossAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.start,
children: <Widget>[ children: [
if (doctor.doctorTitle != null) if (doctor.doctorTitle != null)
Text(this.doctor.doctorTitle + " " + this.doctor.name, Text(
style: TextStyle( doctor.doctorTitle + " " + doctor.name,
fontSize: 14.0, style: TextStyle(fontSize: 16, fontWeight: FontWeight.w600, color: Color(0xff2E303A), letterSpacing: -0.64, height: 25 / 16),
color: Colors.grey[700], ),
letterSpacing: 1.0)), if (doctor.doctorTitle != null) SizedBox(height: 6),
Container( Row(
margin: EdgeInsets.only(top: 3.0), mainAxisSize: MainAxisSize.min,
child: Text( children: <Widget>[
this.doctor.clinicName != null LargeAvatar(
? this.doctor.clinicName name: doctor.name,
: "", url: doctor.doctorImageURL,
style: TextStyle( width: 48,
fontSize: 12.0, height: 48,
color: Colors.grey[600], ),
letterSpacing: 1.0)), SizedBox(width: 11),
), Expanded(
Container( child: Column(
margin: EdgeInsets.only(top: 3.0), crossAxisAlignment: CrossAxisAlignment.start,
child: Text(this.doctor.projectName, mainAxisSize: MainAxisSize.min,
style: TextStyle( children: <Widget>[
fontSize: 12.0, if (doctor.clinicName != null) myRichText(TranslationBase.of(context).clinic + ":", doctor.clinicName),
color: Colors.grey[600], if (doctor.projectName != null) myRichText(TranslationBase.of(context).hospital + ":", doctor.projectName),
letterSpacing: 1.0)), if (doctor.speciality != null)
), Text(
if (doctor.speciality != null) getDoctorSpeciality(this.doctor.speciality).trim(),
Container( style: TextStyle(fontSize: 12, fontWeight: FontWeight.w600, color: Color(0xff2E303A), letterSpacing: -0.48, height: 18 / 12),
margin: EdgeInsets.only(top: 3.0, bottom: 3.0), ),
child: Text( if (doctor.nearestFreeSlot != null)
getDoctorSpeciality(this.doctor.speciality) Text(
.trim(), getDate(doctor.nearestFreeSlot),
style: TextStyle( style: TextStyle(fontSize: 12, fontWeight: FontWeight.w600, color: Color(0xff359846), letterSpacing: -0.48, height: 18 / 12),
fontSize: 12.0,
color: Colors.grey[600],
letterSpacing: 1.0)),
),
this.doctor.nearestFreeSlot != null
? Container(
margin: EdgeInsets.only(top: 3.0, bottom: 3.0),
child: Text(getDate(this.doctor.nearestFreeSlot),
style: TextStyle(
fontSize: 14.0,
fontWeight: FontWeight.bold,
color: Colors.green[600],
letterSpacing: 1.0)),
)
: Container(),
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
mainAxisSize: MainAxisSize.max,
children: <Widget>[
RatingBar.readOnly(
initialRating:
this.doctor.actualDoctorRate.toDouble(),
size: 20.0,
filledColor: Colors.yellow[700],
emptyColor: Colors.grey[500],
isHalfAllowed: true,
halfFilledIcon: Icons.star_half,
filledIcon: Icons.star,
emptyIcon: Icons.star,
), ),
isShowFlag ? Container( Row(
child: Image.network(this.doctor.nationalityFlagURL, mainAxisAlignment: MainAxisAlignment.spaceBetween,
width: 25.0, height: 25.0), mainAxisSize: MainAxisSize.max,
) : Container(), children: <Widget>[
], RatingBar.readOnly(
), initialRating: this.doctor.actualDoctorRate.toDouble(),
], size: 15.0,
filledColor: Color(0XFFD02127),
emptyColor: Color(0XFFD02127),
isHalfAllowed: true,
halfFilledIcon: Icons.star_half,
filledIcon: Icons.star,
emptyIcon: Icons.star_border,
),
if (isShowFlag) Image.network(this.doctor.nationalityFlagURL, width: 22.0, height: 22.0)
],
),
],
),
), ),
), ],
), ),
], ],
), ),
@ -144,10 +120,7 @@ class DoctorView extends StatelessWidget {
GifLoaderDialogUtils.showMyDialog(context); GifLoaderDialogUtils.showMyDialog(context);
List<DoctorProfileList> docProfileList = []; List<DoctorProfileList> docProfileList = [];
DoctorsListService service = new DoctorsListService(); DoctorsListService service = new DoctorsListService();
service service.getDoctorsProfile(docObject.doctorID, docObject.clinicID, docObject.projectID, context).then((res) {
.getDoctorsProfile(docObject.doctorID, docObject.clinicID,
docObject.projectID, context)
.then((res) {
GifLoaderDialogUtils.hideDialog(context); GifLoaderDialogUtils.hideDialog(context);
if (res['MessageStatus'] == 1) { if (res['MessageStatus'] == 1) {
if (res['DoctorProfileList'].length != 0) { if (res['DoctorProfileList'].length != 0) {
@ -155,8 +128,7 @@ class DoctorView extends StatelessWidget {
docProfileList.add(new DoctorProfileList.fromJson(v)); docProfileList.add(new DoctorProfileList.fromJson(v));
}); });
} else {} } else {}
navigateToDoctorProfile(context, docObject, docProfileList[0], navigateToDoctorProfile(context, docObject, docProfileList[0], isAppo: isAppo);
isAppo: isAppo);
} else { } else {
AppToast.showErrorToast(message: res['ErrorEndUserMessage']); AppToast.showErrorToast(message: res['ErrorEndUserMessage']);
} }
@ -188,8 +160,7 @@ class DoctorView extends StatelessWidget {
} }
} }
Future navigateToDoctorProfile(context, docObject, docProfile, Future navigateToDoctorProfile(context, docObject, docProfile, {isAppo}) async {
{isAppo}) async {
Navigator.push( Navigator.push(
context, context,
FadePage( FadePage(

@ -7,6 +7,7 @@ import 'package:diplomaticquarterapp/pages/base/base_view.dart';
import 'package:diplomaticquarterapp/uitl/date_uitl.dart'; import 'package:diplomaticquarterapp/uitl/date_uitl.dart';
import 'package:diplomaticquarterapp/uitl/translations_delegate_base.dart'; import 'package:diplomaticquarterapp/uitl/translations_delegate_base.dart';
import 'package:diplomaticquarterapp/widgets/data_display/medical/doctor_card.dart'; import 'package:diplomaticquarterapp/widgets/data_display/medical/doctor_card.dart';
import 'package:diplomaticquarterapp/widgets/new_design/my_tab_view.dart';
import 'package:diplomaticquarterapp/widgets/others/app_expandable_notifier.dart'; import 'package:diplomaticquarterapp/widgets/others/app_expandable_notifier.dart';
import 'package:diplomaticquarterapp/widgets/others/app_scaffold_widget.dart'; import 'package:diplomaticquarterapp/widgets/others/app_scaffold_widget.dart';
import 'package:diplomaticquarterapp/widgets/transitions/fade_page.dart'; import 'package:diplomaticquarterapp/widgets/transitions/fade_page.dart';
@ -19,8 +20,10 @@ class DoctorHomePage extends StatelessWidget {
List<ImagesInfo> imagesInfo = List(); List<ImagesInfo> imagesInfo = List();
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
imagesInfo.add(ImagesInfo(imageEn: 'https://hmgwebservices.com/Images/MobileApp/imges-info/my-doctor/en/0.png',imageAr: 'https://hmgwebservices.com/Images/MobileApp/imges-info/my-doctor/ar/0.png')); imagesInfo
imagesInfo.add(ImagesInfo(imageEn: 'https://hmgwebservices.com/Images/MobileApp/imges-info/my-doctor/en/1.png',imageAr: 'https://hmgwebservices.com/Images/MobileApp/imges-info/my-doctor/ar/1.png')); .add(ImagesInfo(imageEn: 'https://hmgwebservices.com/Images/MobileApp/imges-info/my-doctor/en/0.png', imageAr: 'https://hmgwebservices.com/Images/MobileApp/imges-info/my-doctor/ar/0.png'));
imagesInfo
.add(ImagesInfo(imageEn: 'https://hmgwebservices.com/Images/MobileApp/imges-info/my-doctor/en/1.png', imageAr: 'https://hmgwebservices.com/Images/MobileApp/imges-info/my-doctor/ar/1.png'));
return BaseView<MyDoctorViewModel>( return BaseView<MyDoctorViewModel>(
onModelReady: (model) => model.getMyDoctor(), onModelReady: (model) => model.getMyDoctor(),
builder: (context, MyDoctorViewModel model, widget) => AppScaffold( builder: (context, MyDoctorViewModel model, widget) => AppScaffold(
@ -29,86 +32,70 @@ class DoctorHomePage extends StatelessWidget {
appBarTitle: TranslationBase.of(context).myDoctor, appBarTitle: TranslationBase.of(context).myDoctor,
description: TranslationBase.of(context).infoMyDoctor, description: TranslationBase.of(context).infoMyDoctor,
infoList: TranslationBase.of(context).infoMyDoctorPoints, infoList: TranslationBase.of(context).infoMyDoctorPoints,
showNewAppBar: true,
showNewAppBarTitle: true,
imagesInfo: imagesInfo, imagesInfo: imagesInfo,
body: SingleChildScrollView( backgroundColor: Color(0xffF8F8F8),
physics: BouncingScrollPhysics(), body: Column(
child: FractionallySizedBox( children: <Widget>[
widthFactor: 1.0, Row(
child: Center( children: <Widget>[
child: Column( MyTabView(TranslationBase.of(context).byClinic, FilterType.Clinic, model.filterType, () {
children: <Widget>[ model.setFilterType(FilterType.Clinic);
Row( }),
children: <Widget>[ MyTabView(TranslationBase.of(context).byHospital, FilterType.Hospital, model.filterType, () {
Expanded( model.setFilterType(FilterType.Hospital);
flex: 1, }),
child: InkWell( ],
onTap: () => model.setFilterType(FilterType.Clinic), ),
child: ListTile( Expanded(
title: Text(TranslationBase.of(context).clinic), child: FractionallySizedBox(
leading: Radio( widthFactor: 1.0,
value: FilterType.Clinic, child: ListView.separated(
groupValue: model.filterType, physics: BouncingScrollPhysics(),
onChanged: (FilterType value) { separatorBuilder: (context, index) {
model.setFilterType(value); return Container(
}, height: 1,
), margin: EdgeInsets.only(left: 21, right: 21),
), color: Color(0xffD9D9D9),
), );
), },
Expanded( itemBuilder: (context, index) {
flex: 1, return AppExpandableNotifier(
child: InkWell( title: model.patientDoctorAppointmentList[index].filterName,
onTap: () => model.setFilterType(FilterType.Hospital), bodyWidget: ListView.separated(
child: ListTile( shrinkWrap: true,
title: Text(TranslationBase.of(context).hospital), physics: NeverScrollableScrollPhysics(),
leading: Radio( padding: EdgeInsets.only(bottom: 14, top: 14, left: 21, right: 21),
value: FilterType.Hospital, itemBuilder: (context, _index) {
groupValue: model.filterType, DoctorList _doctorList = model.patientDoctorAppointmentList[index].patientDoctorAppointmentList[_index];
onChanged: (FilterType value) => DoctorList doctorList = DoctorList(
model.setFilterType(value), projectID: _doctorList.projectID,
), setupID: _doctorList.setupID,
), clinicID: _doctorList.clinicID,
), projectName: _doctorList.projectName,
) clinicName: _doctorList.clinicName,
], actualDoctorRate: _doctorList.actualDoctorRate,
), doctorID: _doctorList.doctorID,
...List.generate( doctorRate: _doctorList.doctorRate,
model.patientDoctorAppointmentList.length, gender: _doctorList.gender,
(index) => AppExpandableNotifier( doctorTitle: _doctorList.doctorTitle,
title: model name: _doctorList.name,
.patientDoctorAppointmentList[index].filterName, doctorImageURL: _doctorList.doctorImageURL,
bodyWidget: Column( nationalityFlagURL: _doctorList.nationalityFlagURL);
crossAxisAlignment: CrossAxisAlignment.start, return DoctorView(
mainAxisAlignment: MainAxisAlignment.spaceBetween, doctor: doctorList,
children: model.patientDoctorAppointmentList[index] isLiveCareAppointment: false,
.patientDoctorAppointmentList );
.map((doctor) { },
DoctorList doctorList = DoctorList( separatorBuilder: (context, index) => SizedBox(height: 14),
projectID: doctor.projectID, itemCount: model.patientDoctorAppointmentList[index].patientDoctorAppointmentList.length),
setupID: doctor.setupID, );
clinicID: doctor.clinicID, },
projectName: doctor.projectName, itemCount: model.patientDoctorAppointmentList.length),
clinicName: doctor.clinicName,
actualDoctorRate: doctor.actualDoctorRate,
doctorID: doctor.doctorID,
doctorRate: doctor.doctorRate,
gender: doctor.gender,
doctorTitle: doctor.doctorTitle,
name: doctor.name,
doctorImageURL: doctor.doctorImageURL,
nationalityFlagURL: doctor.nationalityFlagURL);
return DoctorView(
doctor: doctorList,
isLiveCareAppointment: false,
);
}).toList(),
)),
)
],
), ),
), ),
), ],
), ),
), ),
); );

Loading…
Cancel
Save