prescription order detail ui changes

merge-update-with-lab-changes
Sikander Saleem 4 years ago
parent d9405b2bd0
commit baf4eab604

@ -1,13 +1,17 @@
import 'package:diplomaticquarterapp/core/model/prescriptions/prescriptions_order.dart'; import 'package:diplomaticquarterapp/core/model/prescriptions/prescriptions_order.dart';
import 'package:diplomaticquarterapp/core/viewModels/medical/prescriptions_view_model.dart'; import 'package:diplomaticquarterapp/core/viewModels/medical/prescriptions_view_model.dart';
import 'package:diplomaticquarterapp/core/viewModels/project_view_model.dart';
import 'package:diplomaticquarterapp/pages/base/base_view.dart'; import 'package:diplomaticquarterapp/pages/base/base_view.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/buttons/BottomButton.dart'; import 'package:diplomaticquarterapp/extensions/string_extensions.dart';
import 'package:diplomaticquarterapp/widgets/buttons/defaultButton.dart';
import 'package:diplomaticquarterapp/widgets/data_display/text.dart'; import 'package:diplomaticquarterapp/widgets/data_display/text.dart';
import 'package:diplomaticquarterapp/widgets/dialogs/confirm_dialog.dart'; import 'package:diplomaticquarterapp/widgets/dialogs/confirm_dialog.dart';
import 'package:diplomaticquarterapp/widgets/others/app_scaffold_widget.dart'; import 'package:diplomaticquarterapp/widgets/others/app_scaffold_widget.dart';
import 'package:flutter/cupertino.dart'; import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
class PrescriptionsHistoryDetailsPage extends StatelessWidget { class PrescriptionsHistoryDetailsPage extends StatelessWidget {
final PrescriptionsOrder prescriptionsOrder; final PrescriptionsOrder prescriptionsOrder;
@ -16,132 +20,181 @@ class PrescriptionsHistoryDetailsPage extends StatelessWidget {
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
ProjectViewModel projectViewModel = Provider.of(context);
return BaseView<PrescriptionsViewModel>( return BaseView<PrescriptionsViewModel>(
onModelReady: (model) => model.getPrescriptionReportEnh( onModelReady: (model) => model.getPrescriptionReportEnh(prescriptionsOrder: prescriptionsOrder),
prescriptionsOrder: prescriptionsOrder), builder: (_, model, widget) {
builder: (_, model, widget) => AppScaffold( int status = prescriptionsOrder.status;
String _statusDisp = projectViewModel.isArabic ? prescriptionsOrder.descriptionN : prescriptionsOrder.description;
Color _color;
if (status == 1) {
//pending
_color = Color(0xffCC9B14);
} else if (status == 2) {
//processing
_color = Color(0xff2E303A);
} else if (status == 3) {
//completed
_color = Color(0xff359846);
} else if (status == 4) {
//cancel // Rejected
_color = Color(0xffD02127);
}
return AppScaffold(
isShowAppBar: true, isShowAppBar: true,
appBarTitle: TranslationBase.of(context).orderDetails, appBarTitle: TranslationBase.of(context).orderDetails,
baseViewModel: model, baseViewModel: model,
body: SingleChildScrollView( showNewAppBar: true,
child: Container( backgroundColor: Color(0xffF8F8F8),
margin: EdgeInsets.all(15.0), showNewAppBarTitle: true,
child: Column( body: Column(
crossAxisAlignment: CrossAxisAlignment.start, children: [
Expanded(
child: ListView(
physics: BouncingScrollPhysics(),
padding: EdgeInsets.all(21),
children: <Widget>[ children: <Widget>[
SizedBox(
height: 5,
),
Container( Container(
width: double.infinity,
decoration: BoxDecoration( decoration: BoxDecoration(
color: prescriptionsOrder.status == 3 ?Colors.green : prescriptionsOrder.status ==2 ? Colors.grey: Colors.red, color: _color,
borderRadius: BorderRadius.circular(5)), borderRadius: BorderRadius.all(
child: Padding( Radius.circular(10.0),
padding: const EdgeInsets.all(8.0),
child: Texts(TranslationBase.of(context).orderStatus +' : ${prescriptionsOrder.descriptionN}',color: Colors.white,),
)),
SizedBox(
height: 15,
),
Table(
border: TableBorder.symmetric(
inside: BorderSide(width: 0.5),
outside: BorderSide(width: 0.5)),
children: [
TableRow(children: [
Container(
height: 50,
color: Colors.white,
child: Center(
child: Texts(TranslationBase.of(context).orderNo),
), ),
boxShadow: [
BoxShadow(
color: Color(0xff000000).withOpacity(.05),
blurRadius: 27,
offset: Offset(0, -3),
), ),
Container( ],
height: 50,
color: Colors.white,
child: Center(
child: Texts(TranslationBase.of(context).date),
),
), ),
]), child: Container(
TableRow(children: [ margin: EdgeInsets.only(left: 6),
Container( padding: EdgeInsets.symmetric(vertical: 14, horizontal: 12),
height: 70, decoration: BoxDecoration(
color: Colors.white, color: Colors.white,
child: Center( border: Border.all(color: Colors.white, width: 1),
child: Texts('${prescriptionsOrder.iD}'), borderRadius: BorderRadius.only(
bottomRight: Radius.circular(10.0),
topRight: Radius.circular(10.0),
), ),
), ),
Container( child: Column(
height: 70, mainAxisSize: MainAxisSize.min,
color: Colors.white, children: [
child: Center( Row(
child: Texts('${prescriptionsOrder.createdOn.year}-${prescriptionsOrder.createdOn.day}-${prescriptionsOrder.createdOn.day} ${prescriptionsOrder.createdOn.hour}:${prescriptionsOrder.createdOn.minute}'), crossAxisAlignment: CrossAxisAlignment.start,
mainAxisSize: MainAxisSize.min,
children: [
Expanded(
child: Column(
mainAxisSize: MainAxisSize.min,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
_statusDisp,
style: TextStyle(fontSize: 12, fontWeight: FontWeight.w600, color: _color, letterSpacing: -0.4, height: 16 / 10),
), ),
Text(
'${TranslationBase.of(context).orderNo}. ${prescriptionsOrder.iD}',
style: TextStyle(fontSize: 16, fontWeight: FontWeight.w600, color: Color(0xff2E303A), letterSpacing: -0.64, height: 25 / 16),
), ),
])
], ],
), ),
SizedBox(
height: 15,
), ),
...List.generate( Column(
model.prescriptionReportEnhList.length, mainAxisSize: MainAxisSize.min,
(index) => Container( crossAxisAlignment: CrossAxisAlignment.end,
margin: EdgeInsets.all(8.0), children: [
color: Colors.white, Text(
child: Row( DateUtil.formatDateToDate(prescriptionsOrder.createdOn, projectViewModel.isArabic),
style: TextStyle(fontSize: 12, fontWeight: FontWeight.w600, color: Color(0xff2B353E), letterSpacing: -0.4, height: 16 / 10),
),
Text(
DateUtil.formatDateToTime(prescriptionsOrder.createdOn),
style: TextStyle(fontSize: 12, fontWeight: FontWeight.w600, color: Color(0xff575757), letterSpacing: -0.4, height: 16 / 10),
),
],
)
],
),
SizedBox(height: 16),
ListView.separated(
physics: NeverScrollableScrollPhysics(),
shrinkWrap: true,
itemBuilder: (context, index) => Row(
children: <Widget>[ children: <Widget>[
ClipRRect( Container(
borderRadius: BorderRadius.all(Radius.circular(5)), decoration: BoxDecoration(
border: Border.all(width: 1.0, color: Color(0xffEBEBEB)),
borderRadius: BorderRadius.all(Radius.circular(30.0)),
),
child: ClipRRect(
borderRadius: BorderRadius.all(Radius.circular(30)),
child: Image.network( child: Image.network(
model.prescriptionReportEnhList[index].imageSRCUrl, model.prescriptionReportEnhList[index].imageSRCUrl,
fit: BoxFit.cover, fit: BoxFit.cover,
width: 60, width: 48,
height: 70, height: 48,
),
), ),
), ),
SizedBox(width: 14),
Expanded( Expanded(
child: Padding( child: Text(
padding: const EdgeInsets.all(8.0), (model.prescriptionReportEnhList[index].itemDescription.isNotEmpty
child: Column( ? model.prescriptionReportEnhList[index].itemDescription
crossAxisAlignment: CrossAxisAlignment.start, : model.prescriptionReportEnhList[index].itemDescriptionN ?? '')
children: <Widget>[ .toLowerCase()
Texts(model.prescriptionReportEnhList[index] .capitalizeFirstofEach,
.itemDescription), style: TextStyle(fontSize: 16, fontWeight: FontWeight.w600, color: Color(0xff2E303A), letterSpacing: -0.64),
),
)
], ],
), ),
), separatorBuilder: (context, index) => SizedBox(height: 12),
), itemCount: model.prescriptionReportEnhList.length)
], ],
), ),
), ),
), ),
SizedBox(height: 120,)
], ],
), ),
), ),
), Container(
bottomSheet: Container( color: Colors.white,
//padding: EdgeInsets.all(8.0), padding: EdgeInsets.only(top: 16, bottom: 16, right: 21, left: 21),
// margin: EdgeInsets.all(8.0), child: DefaultButton(
child: BottomButton( TranslationBase.of(context).cancelOrder,
label: TranslationBase.of(context).cancelOrder, prescriptionsOrder.status != 1
disabled: prescriptionsOrder.status != 1, ? null
textColor: Colors.white, : () {
onTap: (){ showCDialog(model, context);
showCDialog(model,context);
//showAlertDialog(context);
}, },
disabledColor: Color(0xff575757),
), ),
), ),
],
), ),
// bottomSheet: Container(
// //padding: EdgeInsets.all(8.0),
// // margin: EdgeInsets.all(8.0),
// child: BottomButton(
// label: TranslationBase.of(context).cancelOrder,
// disabled: prescriptionsOrder.status != 1,
// textColor: Colors.white,
// onTap: () {
// showCDialog(model, context);
// //showAlertDialog(context);
// },
// ),
// ),
);
},
); );
} }
showCDialog(PrescriptionsViewModel model,context){ showCDialog(PrescriptionsViewModel model, context) {
ConfirmDialog( ConfirmDialog(
context: context, context: context,
confirmMessage: "Are you sure ?", confirmMessage: "Are you sure ?",
@ -156,5 +209,4 @@ class PrescriptionsHistoryDetailsPage extends StatelessWidget {
cancelFunction: () => {}).showAlertDialog(context); cancelFunction: () => {}).showAlertDialog(context);
// dialog.showAlertDialog(context); // dialog.showAlertDialog(context);
} }
} }

Loading…
Cancel
Save