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.
495 lines
21 KiB
Dart
495 lines
21 KiB
Dart
import 'package:driverapp/app-icons/driver_app_icons.dart';
|
|
import 'package:driverapp/config/config.dart';
|
|
import 'package:driverapp/core/enum/viewstate.dart';
|
|
import 'package:driverapp/core/model/orders/pending_orders_res_model.dart';
|
|
import 'package:driverapp/core/model/orders/update_order_status_request_model.dart';
|
|
import 'package:driverapp/core/viewModels/orders_view_model.dart';
|
|
import 'package:driverapp/pages/base/base_view.dart';
|
|
import 'package:driverapp/uitl/translations_delegate_base.dart';
|
|
import 'package:driverapp/uitl/utils.dart';
|
|
import 'package:driverapp/widgets/bottom_sheet/action_sheet_button.dart';
|
|
import 'package:driverapp/widgets/buttons/secondary_button.dart';
|
|
import 'package:driverapp/widgets/data_display/dialog/custom_dialog.dart';
|
|
import 'package:driverapp/widgets/data_display/text.dart';
|
|
import 'package:driverapp/widgets/delivery/customer_brief_card.dart';
|
|
import 'package:driverapp/widgets/delivery/delivery_action_button.dart';
|
|
import 'package:driverapp/widgets/delivery/package_content.dart';
|
|
import 'package:driverapp/widgets/others/app_scaffold_widget.dart';
|
|
import 'package:flutter/cupertino.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:hexcolor/hexcolor.dart';
|
|
import 'package:maps_launcher/maps_launcher.dart';
|
|
import 'package:url_launcher/url_launcher.dart';
|
|
|
|
import 'delivery_confirmed_page.dart';
|
|
|
|
// ignore: must_be_immutable
|
|
class InformationPage extends StatelessWidget {
|
|
final PendingOrdersRes item;
|
|
int _orderStatus;
|
|
|
|
InformationPage({this.item});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
showDeliveryOptions(OrdersViewModel model) {
|
|
showModalBottomSheet(
|
|
backgroundColor: Colors.white,
|
|
shape: RoundedRectangleBorder(
|
|
borderRadius: BorderRadius.only(
|
|
topLeft: Radius.circular(50.0),
|
|
topRight: Radius.circular(50.0),
|
|
),
|
|
),
|
|
context: context,
|
|
builder: (BuildContext bc) {
|
|
return ListView(
|
|
children: <Widget>[
|
|
Container(
|
|
decoration: BoxDecoration(
|
|
color: Colors.white,
|
|
borderRadius: BorderRadius.only(
|
|
topLeft: Radius.circular(50.0),
|
|
topRight: Radius.circular(50.0),
|
|
),
|
|
),
|
|
child: Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: <Widget>[
|
|
SizedBox(
|
|
height: 10,
|
|
),
|
|
Center(
|
|
child: Texts(
|
|
TranslationBase.of(context).selectAction,
|
|
color: Colors.black,
|
|
fontSize: 22,
|
|
),
|
|
),
|
|
SizedBox(
|
|
height: 10,
|
|
),
|
|
FractionallySizedBox(
|
|
widthFactor: MediaQuery.of(context).orientation ==
|
|
Orientation.portrait
|
|
? 0.9
|
|
: 0.98,
|
|
child: Container(
|
|
height: MediaQuery.of(context).size.height * 0.45,
|
|
decoration: BoxDecoration(
|
|
color: Colors.white,
|
|
borderRadius: BorderRadius.only(
|
|
topLeft: Radius.circular(50.0),
|
|
topRight: Radius.circular(50.0),
|
|
),
|
|
),
|
|
width: double.infinity,
|
|
child: ListView(
|
|
children: <Widget>[
|
|
Column(
|
|
children: <Widget>[
|
|
SizedBox(
|
|
height: 3,
|
|
child: Container(
|
|
color: Hexcolor("#D5D5D5"),
|
|
),
|
|
),
|
|
SizedBox(
|
|
height: 15,
|
|
),
|
|
ActionSheetButton(
|
|
label:
|
|
TranslationBase.of(context).delivered,
|
|
icon: DriverApp.deliverd_icon,
|
|
onTap: () {
|
|
selectAction(context, 3, model);
|
|
},
|
|
),
|
|
SizedBox(height: 15),
|
|
ActionSheetButton(
|
|
label: TranslationBase.of(context)
|
|
.deliveredAccepted,
|
|
icon: DriverApp.not_available,
|
|
onTap: () {
|
|
selectAction(context, 4, model);
|
|
},
|
|
),
|
|
SizedBox(height: 15),
|
|
ActionSheetButton(
|
|
label: TranslationBase.of(context)
|
|
.deliveredRejected,
|
|
icon: DriverApp.rejected_icon,
|
|
onTap: () {
|
|
selectAction(context, 5, model);
|
|
},
|
|
),
|
|
SizedBox(height: 15),
|
|
ActionSheetButton(
|
|
label: TranslationBase.of(context).canceled,
|
|
icon: DriverApp.not_reachable_icon,
|
|
onTap: () {
|
|
selectAction(context, 6, model);
|
|
},
|
|
),
|
|
SizedBox(height: 15),
|
|
],
|
|
),
|
|
],
|
|
),
|
|
),
|
|
)
|
|
],
|
|
),
|
|
),
|
|
],
|
|
);
|
|
});
|
|
}
|
|
|
|
return BaseView<OrdersViewModel>(
|
|
builder: (_, model, w) => AppScaffold(
|
|
isShowAppBar: true,
|
|
appBarColor: Color(0xff49C1BC),
|
|
arrowColor: Colors.white,
|
|
titleColor: Colors.white,
|
|
appBarTitle: TranslationBase.of(context).deliveryInfo,
|
|
isAppBarGradient: true,
|
|
body: SingleChildScrollView(
|
|
child: Container(
|
|
decoration: BoxDecoration(gradient: LINEAR_GRADIENT),
|
|
child: Column(
|
|
children: <Widget>[
|
|
Stack(
|
|
children: <Widget>[
|
|
// Container(
|
|
// width: MediaQuery.of(context).size.width,
|
|
// height: MediaQuery.of(context).size.width,
|
|
// ),
|
|
Padding(
|
|
padding: const EdgeInsets.only(top: 75.0),
|
|
child: Container(
|
|
width: MediaQuery
|
|
.of(context)
|
|
.size
|
|
.width * 1.0,
|
|
height: MediaQuery
|
|
.of(context)
|
|
.orientation ==
|
|
Orientation.portrait
|
|
? MediaQuery
|
|
.of(context)
|
|
.size
|
|
.height * 0.70
|
|
: MediaQuery
|
|
.of(context)
|
|
.size
|
|
.height * 1.7,
|
|
margin: EdgeInsets.only(
|
|
top: MediaQuery
|
|
.of(context)
|
|
.orientation ==
|
|
Orientation.portrait
|
|
? MediaQuery
|
|
.of(context)
|
|
.size
|
|
.width * 0.23
|
|
: MediaQuery
|
|
.of(context)
|
|
.size
|
|
.width * 0.13),
|
|
decoration: BoxDecoration(
|
|
color: Theme
|
|
.of(context)
|
|
.scaffoldBackgroundColor,
|
|
borderRadius: BorderRadius.only(
|
|
topLeft: Radius.circular(45),
|
|
topRight: Radius.circular(45)),
|
|
),
|
|
child: Column(
|
|
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
|
|
children: <Widget>[
|
|
SizedBox(
|
|
height: MediaQuery
|
|
.of(context)
|
|
.orientation ==
|
|
Orientation.portrait
|
|
? MediaQuery
|
|
.of(context)
|
|
.size
|
|
.height *
|
|
0.10
|
|
: MediaQuery
|
|
.of(context)
|
|
.size
|
|
.height *
|
|
0.29,
|
|
//MediaQuery.of(context).size.width * 0.005,
|
|
),
|
|
Padding(
|
|
padding: MediaQuery
|
|
.of(context)
|
|
.orientation ==
|
|
Orientation.portrait
|
|
? EdgeInsets.only(top: 60.0)
|
|
: EdgeInsets.only(top: 15.0),
|
|
child: Row(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: <Widget>[
|
|
DeliveryInfoButton(
|
|
btnColor:
|
|
Colors.white, //Color(0xffED1C24),
|
|
btnIcon: Icon(DriverApp.location_1,
|
|
size: MediaQuery
|
|
.of(context)
|
|
.orientation ==
|
|
Orientation.portrait
|
|
? 50
|
|
: 90,
|
|
color: Color(0xffED1C24)),
|
|
btnName: TranslationBase
|
|
.of(context)
|
|
.location,
|
|
btnFunction: () {
|
|
MapsLauncher.launchCoordinates(
|
|
item.latitude, item.longitude);
|
|
},
|
|
),
|
|
DeliveryInfoButton(
|
|
btnColor:
|
|
Colors.white, //Color(0xFF61B260),
|
|
btnIcon: Icon(
|
|
DriverApp.whatsapp,
|
|
size: MediaQuery
|
|
.of(context)
|
|
.orientation ==
|
|
Orientation.portrait
|
|
? 50
|
|
: 90,
|
|
color: Color(0xFF5EA34A),
|
|
),
|
|
btnName: 'Whatsapp',
|
|
btnFunction: () {},
|
|
),
|
|
DeliveryInfoButton(
|
|
btnColor:
|
|
Colors.white, //Color(0xFFFCB657),
|
|
btnIcon: Icon(
|
|
DriverApp.message,
|
|
size: MediaQuery
|
|
.of(context)
|
|
.orientation ==
|
|
Orientation.portrait
|
|
? 50
|
|
: 90,
|
|
color: Color(0xffFFA540),
|
|
),
|
|
btnName:
|
|
TranslationBase
|
|
.of(context)
|
|
.sms,
|
|
btnFunction: () {},
|
|
),
|
|
DeliveryInfoButton(
|
|
btnColor: Colors
|
|
.white,
|
|
//Theme.of(context).primaryColor,
|
|
btnIcon: Icon(
|
|
DriverApp.call,
|
|
size: MediaQuery
|
|
.of(context)
|
|
.orientation ==
|
|
Orientation.portrait
|
|
? 50
|
|
: 90,
|
|
color: Theme
|
|
.of(context)
|
|
.primaryColor,
|
|
),
|
|
btnName:
|
|
TranslationBase
|
|
.of(context)
|
|
.call,
|
|
btnFunction: () =>
|
|
launch(
|
|
"tel://" + item.mobileNumber),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
SizedBox(
|
|
height:
|
|
MediaQuery
|
|
.of(context)
|
|
.size
|
|
.width * 0.08,
|
|
),
|
|
Container(
|
|
margin: EdgeInsets.only(
|
|
left: MediaQuery
|
|
.of(context)
|
|
.size
|
|
.width *
|
|
0.05,
|
|
right: MediaQuery
|
|
.of(context)
|
|
.size
|
|
.width *
|
|
0.05,
|
|
),
|
|
child: Column(
|
|
crossAxisAlignment:
|
|
CrossAxisAlignment.start,
|
|
children: <Widget>[
|
|
Padding(
|
|
padding: const EdgeInsets.only(left: 8),
|
|
child: Text(
|
|
TranslationBase
|
|
.of(context)
|
|
.packageContent,
|
|
style: TextStyle(
|
|
fontWeight: FontWeight.w900,
|
|
fontSize: 20),
|
|
),
|
|
),
|
|
SizedBox(
|
|
height:
|
|
MediaQuery
|
|
.of(context)
|
|
.size
|
|
.width *
|
|
0.05,
|
|
),
|
|
Padding(
|
|
padding:
|
|
const EdgeInsets.only(left: 10),
|
|
child: Column(
|
|
children: List.generate(
|
|
item.itemsQuantitiesList != null
|
|
? item.itemsQuantitiesList
|
|
.length
|
|
: 0, (index) {
|
|
return packageContent(
|
|
packageName: item
|
|
.itemsQuantitiesList[index]
|
|
.itemName
|
|
.toString(),
|
|
packageCount: item
|
|
.itemsQuantitiesList[index]
|
|
.quantity
|
|
.toString(),
|
|
);
|
|
}),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
SizedBox(
|
|
height:
|
|
MediaQuery
|
|
.of(context)
|
|
.size
|
|
.width * 0.1,
|
|
),
|
|
Container(
|
|
margin: MediaQuery
|
|
.of(context)
|
|
.orientation ==
|
|
Orientation.portrait
|
|
? EdgeInsets.all(8.0)
|
|
: EdgeInsets.symmetric(horizontal: 12.0),
|
|
child: SecondaryButton(
|
|
label: TranslationBase
|
|
.of(context)
|
|
.clientReached,
|
|
onTap: () {
|
|
showDeliveryOptions(model);
|
|
},
|
|
),
|
|
),
|
|
|
|
],
|
|
),
|
|
),
|
|
),
|
|
CustomerBriefCard(
|
|
itemId: item.orderID,
|
|
customerFirstName: item.firstName,
|
|
customerLastName: item.lastName,
|
|
mobileNo: item.mobileNumber,
|
|
totalPayment: item.amount,
|
|
deliveryTime: item.orderCreatedOn,
|
|
longitude: item.longitude,
|
|
latitude: item.latitude,
|
|
),
|
|
],
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
selectAction(BuildContext context, orderStatus, OrdersViewModel model) {
|
|
String orderStatusText;
|
|
this._orderStatus = orderStatus;
|
|
switch (orderStatus) {
|
|
case 3:
|
|
orderStatusText = TranslationBase
|
|
.of(context)
|
|
.delivered;
|
|
break;
|
|
case 4:
|
|
orderStatusText = TranslationBase
|
|
.of(context)
|
|
.deliveredAccepted;
|
|
break;
|
|
case 5:
|
|
orderStatusText = TranslationBase
|
|
.of(context)
|
|
.deliveredRejected;
|
|
break;
|
|
case 6:
|
|
orderStatusText = TranslationBase.of(context).canceled;
|
|
break;
|
|
}
|
|
showDialog(
|
|
context: context,
|
|
builder: (BuildContext context) {
|
|
return CustomDialog(
|
|
orderStatusText: orderStatusText,
|
|
callService: () {
|
|
updateOrderStatus(context, model);
|
|
},
|
|
model: model,
|
|
);
|
|
});
|
|
}
|
|
|
|
updateOrderStatus(BuildContext context, OrdersViewModel model) async {
|
|
UpdateOrderStatusRequestModel updateOrderStatusRequestModel =
|
|
UpdateOrderStatusRequestModel(
|
|
deliveryOrderID: item.orderID,
|
|
deliveryOrderStatus: _orderStatus,
|
|
rejectionReason: "NO Reason",
|
|
cancleReason: "");
|
|
await model.updateOrderStatus(updateOrderStatusRequestModel);
|
|
if (model.state == ViewState.ErrorLocal) {
|
|
Utils.showErrorToast(model.error);
|
|
Navigator.of(context).pop();
|
|
model.hideBottomSheet();
|
|
} else {
|
|
Navigator.of(context).pop();
|
|
model.hideBottomSheet();
|
|
Navigator.pushReplacement(
|
|
context,
|
|
MaterialPageRoute(
|
|
builder: (context) => DeliveryConfirmedPage(item),
|
|
),
|
|
);
|
|
}
|
|
}
|
|
}
|