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.
404 lines
19 KiB
Dart
404 lines
19 KiB
Dart
import 'package:diplomaticquarterapp/core/viewModels/project_view_model.dart';
|
|
import 'package:diplomaticquarterapp/models/Appointments/DoctorRateDetails.dart';
|
|
import 'package:diplomaticquarterapp/models/header_model.dart';
|
|
import 'package:diplomaticquarterapp/services/appointment_services/GetDoctorsList.dart';
|
|
import 'package:diplomaticquarterapp/uitl/app_toast.dart';
|
|
import 'package:diplomaticquarterapp/uitl/date_uitl.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/dialogs/confirm_send_email_dialog.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter_svg/flutter_svg.dart';
|
|
import 'package:provider/provider.dart';
|
|
import 'package:rating_bar/rating_bar.dart';
|
|
|
|
class DoctorHeader extends StatelessWidget {
|
|
final HeaderModel headerModel;
|
|
final VoidCallback onTap;
|
|
final VoidCallback onRatingAndReviewTap;
|
|
final bool showConfirmMessageDialog;
|
|
final String buttonTitle;
|
|
final String buttonIcon;
|
|
final bool isNeedToShowButton;
|
|
|
|
DoctorHeader(
|
|
{Key key,
|
|
@required this.headerModel,
|
|
@required this.buttonTitle,
|
|
@required this.onTap,
|
|
this.isNeedToShowButton = true,
|
|
this.buttonIcon,
|
|
this.showConfirmMessageDialog = true,
|
|
@required this.onRatingAndReviewTap})
|
|
: super(key: key);
|
|
|
|
ProjectViewModel projectViewModel;
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
String _speciality = (headerModel?.speciality ?? []).length > 0 ? headerModel.speciality.first : "";
|
|
projectViewModel = Provider.of(context);
|
|
return Container(
|
|
color: Colors.white,
|
|
child: Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
Padding(
|
|
padding: EdgeInsets.only(left: 21, right: 21, bottom: 12),
|
|
child: Row(
|
|
mainAxisSize: MainAxisSize.min,
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
LargeAvatar(
|
|
name: headerModel.doctorName,
|
|
url: headerModel.doctorImageURL,
|
|
width: 51,
|
|
height: 51,
|
|
),
|
|
SizedBox(width: 10),
|
|
Expanded(
|
|
child: Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
if (_speciality.isNotEmpty)
|
|
Text(
|
|
_speciality,
|
|
style: TextStyle(fontSize: 12, fontWeight: FontWeight.w600, color: Color(0xff2E303A), letterSpacing: -0.48, height: 18 / 12),
|
|
),
|
|
headerModel.invoiceNo.isNotEmpty ? myRichText(TranslationBase.of(context).invoiceNo + ":", headerModel.invoiceNo, projectViewModel.isArabic) : Container(),
|
|
myRichText(TranslationBase.of(context).branch, headerModel.projectName, projectViewModel.isArabic),
|
|
],
|
|
),
|
|
),
|
|
Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
crossAxisAlignment: CrossAxisAlignment.end,
|
|
children: [
|
|
if (headerModel.date != null)
|
|
Text(
|
|
DateUtil.getDayMonthYearDateFormattedLang(headerModel.date, projectViewModel.isArabic),
|
|
style: TextStyle(fontSize: 14, fontWeight: FontWeight.w600, color: Color(0xff2B353E), letterSpacing: -0.48, height: 18 / 12),
|
|
),
|
|
if (headerModel.time != null)
|
|
Text(
|
|
headerModel.time ?? DateUtil.formatDateToTime(headerModel.date),
|
|
style: TextStyle(fontSize: 14, fontWeight: FontWeight.w600, color: Color(0xff2B353E), letterSpacing: -0.48, height: 18 / 12),
|
|
),
|
|
if (headerModel?.nationalityFlagURL != null)
|
|
Padding(
|
|
padding: const EdgeInsets.only(top: 8.0),
|
|
child: Image.network(headerModel.nationalityFlagURL ?? "", height: 20),
|
|
),
|
|
],
|
|
)
|
|
],
|
|
),
|
|
),
|
|
if (headerModel.actualDoctorRate != null)
|
|
SizedBox(
|
|
height: 43,
|
|
child: Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
children: [
|
|
InkWell(
|
|
onTap: () {
|
|
if ((headerModel?.totalReviews ?? 0) > 0) {
|
|
getDoctorRatingsDetails(context);
|
|
}
|
|
},
|
|
child: Row(
|
|
mainAxisSize: MainAxisSize.min,
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [
|
|
SizedBox(width: 21),
|
|
RatingBar.readOnly(
|
|
initialRating: headerModel.actualDoctorRate + 0.0,
|
|
size: 15.0,
|
|
filledColor: Color(0XFFD02127),
|
|
emptyColor: Color(0XFFD02127),
|
|
isHalfAllowed: true,
|
|
halfFilledIcon: Icons.star_half,
|
|
filledIcon: Icons.star,
|
|
emptyIcon: Icons.star_border,
|
|
),
|
|
SizedBox(width: 6),
|
|
Text(
|
|
"${headerModel.totalReviews} ${TranslationBase.of(context).reviews}",
|
|
style: TextStyle(
|
|
fontSize: 12,
|
|
fontWeight: FontWeight.w600,
|
|
color: (headerModel?.totalReviews ?? 0) > 0 ? Colors.blue[600] : Color(0xff2B353E),
|
|
letterSpacing: -0.48,
|
|
height: 18 / 12,
|
|
decoration: (headerModel?.totalReviews ?? 0) > 0 ? TextDecoration.underline : null,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
isNeedToShowButton
|
|
? InkWell(
|
|
onTap: () {
|
|
if (showConfirmMessageDialog)
|
|
showConfirmMessage(context, onTap, headerModel.email);
|
|
else
|
|
onTap();
|
|
},
|
|
child: Container(
|
|
padding: EdgeInsets.only(top: 10, bottom: 10, right: 21, left: 15),
|
|
decoration: BoxDecoration(
|
|
color: Color(0XFFD02127), borderRadius: projectViewModel.isArabic ? BorderRadius.only(topRight: Radius.circular(10)) : BorderRadius.only(topLeft: Radius.circular(10))),
|
|
child: Row(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
SvgPicture.asset(buttonIcon ?? 'assets/images/new/email.svg', width: 19.0),
|
|
SizedBox(width: 6),
|
|
Text(
|
|
buttonTitle == null ? TranslationBase.of(context).sendEmail : buttonTitle,
|
|
style: TextStyle(fontSize: 16, fontWeight: FontWeight.w600, color: Colors.white, letterSpacing: -0.64, height: 1),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
)
|
|
: Container(),
|
|
],
|
|
),
|
|
)
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
void showConfirmMessage(BuildContext context, GestureTapCallback onTap, String email) {
|
|
showDialog(
|
|
context: context,
|
|
child: ConfirmSendEmailDialog(
|
|
email: email,
|
|
onTapSendEmail: () {
|
|
onTap();
|
|
},
|
|
),
|
|
);
|
|
}
|
|
|
|
void getDoctorRatingsDetails(context) {
|
|
GifLoaderDialogUtils.showMyDialog(context);
|
|
List<DoctorRateDetails> doctorDetailsList = List();
|
|
|
|
DoctorsListService service = new DoctorsListService();
|
|
service.getDoctorsRatingDetails(headerModel.doctorId, context).then((res) {
|
|
GifLoaderDialogUtils.hideDialog(context);
|
|
if (res['MessageStatus'] == 1) {
|
|
doctorDetailsList.clear();
|
|
res['DoctorRatingDetailsList'].forEach((v) {
|
|
doctorDetailsList.add(new DoctorRateDetails.fromJson(v));
|
|
});
|
|
showRatingDialog(doctorDetailsList, context);
|
|
} else {
|
|
AppToast.showErrorToast(message: res['ErrorEndUserMessage']);
|
|
}
|
|
}).catchError((err) {
|
|
GifLoaderDialogUtils.hideDialog(context);
|
|
AppToast.showErrorToast(message: err);
|
|
print(err);
|
|
});
|
|
}
|
|
|
|
void showRatingDialog(List<DoctorRateDetails> doctorDetailsList, context) {
|
|
showGeneralDialog(
|
|
barrierColor: Colors.black.withOpacity(0.5),
|
|
transitionBuilder: (context, a1, a2, widget) {
|
|
final curvedValue = Curves.easeInOutBack.transform(a1.value) - 1.0;
|
|
return Transform(
|
|
transform: Matrix4.translationValues(0.0, curvedValue * 200, 0.0),
|
|
child: Opacity(
|
|
opacity: a1.value,
|
|
child: Dialog(
|
|
child: Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
Container(
|
|
// height: 400.0,
|
|
width: MediaQuery.of(context).size.width * 0.8,
|
|
color: Colors.white,
|
|
child: Column(
|
|
children: [
|
|
Container(
|
|
alignment: Alignment.center,
|
|
width: MediaQuery.of(context).size.width,
|
|
color: Theme.of(context).primaryColor,
|
|
margin: EdgeInsets.only(bottom: 5.0),
|
|
padding: EdgeInsets.all(10.0),
|
|
child: Text(TranslationBase.of(context).doctorRating, style: TextStyle(fontSize: 22.0, color: Colors.white))),
|
|
Container(margin: EdgeInsets.only(top: 0.0), child: Text(this.headerModel.actualDoctorRate.ceilToDouble().toString(), style: TextStyle(fontSize: 32.0, color: Colors.black))),
|
|
Container(
|
|
margin: EdgeInsets.only(top: 5.0),
|
|
alignment: Alignment.center,
|
|
child: RatingBar.readOnly(
|
|
initialRating: this.headerModel.actualDoctorRate.toDouble(),
|
|
size: 35.0,
|
|
filledColor: Colors.yellow[700],
|
|
emptyColor: Colors.grey[500],
|
|
isHalfAllowed: true,
|
|
halfFilledIcon: Icons.star_half,
|
|
filledIcon: Icons.star,
|
|
emptyIcon: Icons.star,
|
|
),
|
|
),
|
|
Container(
|
|
margin: EdgeInsets.only(top: 10.0),
|
|
child: Text(this.headerModel.totalReviews.toString() + " " + TranslationBase.of(context).reviews, style: TextStyle(fontSize: 14.0, color: Colors.black))),
|
|
Container(
|
|
margin: EdgeInsets.only(top: 10.0),
|
|
child: Row(
|
|
children: [
|
|
Container(
|
|
width: 100.0,
|
|
margin: EdgeInsets.only(top: 10.0, left: 15.0, right: 15.0),
|
|
child: Text(TranslationBase.of(context).excellent, style: TextStyle(fontSize: 13.0, color: Colors.black))),
|
|
Container(
|
|
margin: EdgeInsets.only(top: 10.0),
|
|
child: SizedBox(
|
|
width: getRatingWidth(doctorDetailsList[0].patientNumber),
|
|
height: 6.0,
|
|
child: Container(
|
|
color: Colors.green[700],
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
Container(
|
|
child: Row(
|
|
children: [
|
|
Container(
|
|
width: 100.0,
|
|
margin: EdgeInsets.only(top: 10.0, left: 15.0, right: 15.0),
|
|
child: Text(TranslationBase.of(context).v_good, style: TextStyle(fontSize: 13.0, color: Colors.black))),
|
|
Container(
|
|
margin: EdgeInsets.only(top: 10.0),
|
|
child: SizedBox(
|
|
width: getRatingWidth(doctorDetailsList[1].patientNumber),
|
|
height: 6.0,
|
|
child: Container(
|
|
color: Color(0xffB7B723),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
Container(
|
|
child: Row(
|
|
children: [
|
|
Container(
|
|
width: 100.0,
|
|
margin: EdgeInsets.only(top: 10.0, left: 15.0, right: 15.0),
|
|
child: Text(TranslationBase.of(context).good, style: TextStyle(fontSize: 13.0, color: Colors.black))),
|
|
Container(
|
|
margin: EdgeInsets.only(top: 10.0),
|
|
child: SizedBox(
|
|
width: getRatingWidth(doctorDetailsList[2].patientNumber),
|
|
height: 6.0,
|
|
child: Container(
|
|
color: Color(0xffEBA727),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
Container(
|
|
child: Row(
|
|
children: [
|
|
Container(
|
|
width: 100.0,
|
|
margin: EdgeInsets.only(top: 10.0, left: 15.0, right: 15.0),
|
|
child: Text(TranslationBase.of(context).average, style: TextStyle(fontSize: 13.0, color: Colors.black))),
|
|
Container(
|
|
margin: EdgeInsets.only(top: 10.0),
|
|
child: SizedBox(
|
|
width: getRatingWidth(doctorDetailsList[3].patientNumber),
|
|
height: 6.0,
|
|
child: Container(
|
|
color: Color(0xffEB7227),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
Container(
|
|
child: Row(
|
|
children: [
|
|
Container(
|
|
width: 100.0,
|
|
margin: EdgeInsets.only(top: 10.0, left: 15.0, right: 15.0),
|
|
child: Text(TranslationBase.of(context).below_average, style: TextStyle(fontSize: 13.0, color: Colors.black))),
|
|
Container(
|
|
margin: EdgeInsets.only(top: 10.0),
|
|
child: SizedBox(
|
|
width: getRatingWidth(doctorDetailsList[4].patientNumber),
|
|
height: 6.0,
|
|
child: Container(
|
|
color: Color(0xffE20C0C),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
Container(margin: EdgeInsets.only(top: 40.0), child: Divider()),
|
|
Container(
|
|
margin: EdgeInsets.only(top: 0.0),
|
|
child: Align(
|
|
alignment: FractionalOffset.bottomCenter,
|
|
child: ButtonTheme(
|
|
shape: RoundedRectangleBorder(
|
|
borderRadius: BorderRadius.circular(10.0),
|
|
),
|
|
minWidth: MediaQuery.of(context).size.width,
|
|
height: 40.0,
|
|
child: RaisedButton(
|
|
elevation: 0.0,
|
|
color: Colors.white,
|
|
textColor: Colors.red,
|
|
hoverColor: Colors.transparent,
|
|
focusColor: Colors.transparent,
|
|
highlightColor: Colors.transparent,
|
|
disabledColor: new Color(0xFFbcc2c4),
|
|
onPressed: () {
|
|
Navigator.of(context).pop();
|
|
},
|
|
child: Text(TranslationBase.of(context).cancel, style: TextStyle(fontSize: 18.0)),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
);
|
|
},
|
|
transitionDuration: Duration(milliseconds: 500),
|
|
barrierDismissible: true,
|
|
barrierLabel: '',
|
|
context: context,
|
|
pageBuilder: (context, animation1, animation2) {});
|
|
}
|
|
|
|
double getRatingWidth(int patientNumber) {
|
|
var width = (patientNumber / this.headerModel.totalReviews) * 100;
|
|
return width;
|
|
}
|
|
}
|