|
|
|
|
@ -4,9 +4,6 @@ import 'package:driverapp/widgets/delivery/delivery_action_button.dart';
|
|
|
|
|
import 'package:driverapp/widgets/delivery/package_content.dart';
|
|
|
|
|
import 'package:flutter/cupertino.dart';
|
|
|
|
|
import 'package:flutter/material.dart';
|
|
|
|
|
import 'package:map_launcher/map_launcher.dart';
|
|
|
|
|
import 'package:maps_launcher/maps_launcher.dart';
|
|
|
|
|
import 'package:url_launcher/url_launcher.dart';
|
|
|
|
|
|
|
|
|
|
import '../../uitl/translations_delegate_base.dart';
|
|
|
|
|
import '../../widgets/others/app_scaffold_widget.dart';
|
|
|
|
|
@ -18,215 +15,265 @@ class InformationPage extends StatelessWidget {
|
|
|
|
|
|
|
|
|
|
@override
|
|
|
|
|
Widget build(BuildContext context) {
|
|
|
|
|
// return AppScaffold(
|
|
|
|
|
// body: Center(
|
|
|
|
|
// child: InkWell(onTap: () {},
|
|
|
|
|
// child: Texts('Replay Page')),
|
|
|
|
|
// ),
|
|
|
|
|
// );
|
|
|
|
|
return AppScaffold(
|
|
|
|
|
body: Container(
|
|
|
|
|
color: Color(0xff41bdbb),
|
|
|
|
|
child: ListView(
|
|
|
|
|
children: <Widget>[
|
|
|
|
|
Column(
|
|
|
|
|
children: <Widget>[
|
|
|
|
|
Row(
|
|
|
|
|
crossAxisAlignment: CrossAxisAlignment.center,
|
|
|
|
|
children: <Widget>[
|
|
|
|
|
Container(
|
|
|
|
|
margin: EdgeInsets.only(right: 50),
|
|
|
|
|
child: IconButton(
|
|
|
|
|
color: Colors.white,
|
|
|
|
|
iconSize: 50,
|
|
|
|
|
icon: Icon(Icons.arrow_back),
|
|
|
|
|
onPressed: () {
|
|
|
|
|
Navigator.pop(context);
|
|
|
|
|
},
|
|
|
|
|
),
|
|
|
|
|
),
|
|
|
|
|
Container(
|
|
|
|
|
child: Text(
|
|
|
|
|
TranslationBase.of(context).deliveryInfo,
|
|
|
|
|
style: TextStyle(
|
|
|
|
|
child: Container(
|
|
|
|
|
color: Color(0xff41bdbb),
|
|
|
|
|
child: ListView(
|
|
|
|
|
children: <Widget>[
|
|
|
|
|
Column(
|
|
|
|
|
children: <Widget>[
|
|
|
|
|
Row(
|
|
|
|
|
crossAxisAlignment: CrossAxisAlignment.center,
|
|
|
|
|
children: <Widget>[
|
|
|
|
|
Container(
|
|
|
|
|
margin: EdgeInsets.only(
|
|
|
|
|
right: MediaQuery
|
|
|
|
|
.of(context)
|
|
|
|
|
.size
|
|
|
|
|
.width * 0.15, //50
|
|
|
|
|
),
|
|
|
|
|
child: IconButton(
|
|
|
|
|
color: Colors.white,
|
|
|
|
|
fontSize: 20,
|
|
|
|
|
iconSize: 50,
|
|
|
|
|
icon: Icon(Icons.arrow_back),
|
|
|
|
|
onPressed: () {
|
|
|
|
|
Navigator.pop(context);
|
|
|
|
|
},
|
|
|
|
|
),
|
|
|
|
|
),
|
|
|
|
|
),
|
|
|
|
|
],
|
|
|
|
|
),
|
|
|
|
|
Stack(
|
|
|
|
|
children: <Widget>[
|
|
|
|
|
Container(
|
|
|
|
|
width: 400,
|
|
|
|
|
height: 500,
|
|
|
|
|
),
|
|
|
|
|
Container(
|
|
|
|
|
width: 800,
|
|
|
|
|
height: 700,
|
|
|
|
|
margin: EdgeInsets.only(top: 100),
|
|
|
|
|
decoration: BoxDecoration(
|
|
|
|
|
color: Colors.white,
|
|
|
|
|
borderRadius: BorderRadius.only(
|
|
|
|
|
topLeft: Radius.circular(45),
|
|
|
|
|
topRight: Radius.circular(45)),
|
|
|
|
|
),
|
|
|
|
|
child: Column(
|
|
|
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
|
|
|
children: <Widget>[
|
|
|
|
|
SizedBox(
|
|
|
|
|
height: 170,
|
|
|
|
|
),
|
|
|
|
|
Row(
|
|
|
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
|
|
|
children: <Widget>[
|
|
|
|
|
delivery_info_button(
|
|
|
|
|
btnColor: Color(0xfff44336),
|
|
|
|
|
btnIcon: Icon(
|
|
|
|
|
Icons.near_me,
|
|
|
|
|
size: 30,
|
|
|
|
|
color: Colors.white,
|
|
|
|
|
),
|
|
|
|
|
btnName: TranslationBase.of(context).location,
|
|
|
|
|
btnFunction: () {
|
|
|
|
|
MapsLauncher.launchCoordinates(
|
|
|
|
|
item.longitude, item.latitude);
|
|
|
|
|
},
|
|
|
|
|
),
|
|
|
|
|
delivery_info_button(
|
|
|
|
|
btnColor: Colors.green,
|
|
|
|
|
btnIcon: Icon(
|
|
|
|
|
Icons.whatshot,
|
|
|
|
|
size: 30,
|
|
|
|
|
color: Colors.white,
|
|
|
|
|
),
|
|
|
|
|
btnName: 'Whatsapp',
|
|
|
|
|
btnFunction: () {},
|
|
|
|
|
),
|
|
|
|
|
delivery_info_button(
|
|
|
|
|
btnColor: Colors.orangeAccent,
|
|
|
|
|
btnIcon: Icon(
|
|
|
|
|
Icons.mail_outline,
|
|
|
|
|
size: 30,
|
|
|
|
|
color: Colors.white,
|
|
|
|
|
),
|
|
|
|
|
btnName: TranslationBase.of(context).sms,
|
|
|
|
|
btnFunction: () {},
|
|
|
|
|
),
|
|
|
|
|
delivery_info_button(
|
|
|
|
|
btnColor: Color(0xff41bdbb),
|
|
|
|
|
btnIcon: Icon(
|
|
|
|
|
Icons.phone,
|
|
|
|
|
size: 30,
|
|
|
|
|
color: Colors.white,
|
|
|
|
|
),
|
|
|
|
|
btnName: TranslationBase.of(context).call,
|
|
|
|
|
btnFunction: () {
|
|
|
|
|
launch(
|
|
|
|
|
"tel://" + item.mobileNumber.toString());
|
|
|
|
|
},
|
|
|
|
|
),
|
|
|
|
|
],
|
|
|
|
|
),
|
|
|
|
|
SizedBox(
|
|
|
|
|
height: 30,
|
|
|
|
|
Container(
|
|
|
|
|
child: Text(
|
|
|
|
|
TranslationBase
|
|
|
|
|
.of(context)
|
|
|
|
|
.deliveryInfo,
|
|
|
|
|
style: TextStyle(
|
|
|
|
|
color: Colors.white,
|
|
|
|
|
fontSize: 20,
|
|
|
|
|
),
|
|
|
|
|
Container(
|
|
|
|
|
margin: EdgeInsets.only(left: 15, right: 15),
|
|
|
|
|
child: Column(
|
|
|
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
|
|
|
),
|
|
|
|
|
),
|
|
|
|
|
],
|
|
|
|
|
),
|
|
|
|
|
Stack(
|
|
|
|
|
children: <Widget>[
|
|
|
|
|
Container(
|
|
|
|
|
width: MediaQuery
|
|
|
|
|
.of(context)
|
|
|
|
|
.size
|
|
|
|
|
.width, //400,
|
|
|
|
|
height: MediaQuery
|
|
|
|
|
.of(context)
|
|
|
|
|
.size
|
|
|
|
|
.width, //500,
|
|
|
|
|
),
|
|
|
|
|
Container(
|
|
|
|
|
width: MediaQuery
|
|
|
|
|
.of(context)
|
|
|
|
|
.size
|
|
|
|
|
.width * 1,
|
|
|
|
|
//800,
|
|
|
|
|
height: MediaQuery
|
|
|
|
|
.of(context)
|
|
|
|
|
.size
|
|
|
|
|
.width * 1.5,
|
|
|
|
|
//700,
|
|
|
|
|
margin: EdgeInsets.only(
|
|
|
|
|
top: MediaQuery
|
|
|
|
|
.of(context)
|
|
|
|
|
.size
|
|
|
|
|
.width * 0.3, //100
|
|
|
|
|
),
|
|
|
|
|
decoration: BoxDecoration(
|
|
|
|
|
color: Colors.white,
|
|
|
|
|
borderRadius: BorderRadius.only(
|
|
|
|
|
topLeft: Radius.circular(45),
|
|
|
|
|
topRight: Radius.circular(45)),
|
|
|
|
|
),
|
|
|
|
|
child: Column(
|
|
|
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
|
|
|
children: <Widget>[
|
|
|
|
|
SizedBox(
|
|
|
|
|
height: MediaQuery
|
|
|
|
|
.of(context)
|
|
|
|
|
.size
|
|
|
|
|
.width * 0.2, //170,
|
|
|
|
|
),
|
|
|
|
|
Row(
|
|
|
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
|
|
|
children: <Widget>[
|
|
|
|
|
Text(
|
|
|
|
|
TranslationBase.of(context).packageContent,
|
|
|
|
|
style: TextStyle(
|
|
|
|
|
fontWeight: FontWeight.bold,
|
|
|
|
|
fontSize: 20),
|
|
|
|
|
delivery_info_button(
|
|
|
|
|
btnColor: Color(0xfff44336),
|
|
|
|
|
btnIcon: Icon(
|
|
|
|
|
Icons.near_me,
|
|
|
|
|
size: 30,
|
|
|
|
|
color: Colors.white,
|
|
|
|
|
),
|
|
|
|
|
btnName: TranslationBase
|
|
|
|
|
.of(context)
|
|
|
|
|
.location,
|
|
|
|
|
btnFunction: () {},
|
|
|
|
|
),
|
|
|
|
|
SizedBox(
|
|
|
|
|
height: 20,
|
|
|
|
|
delivery_info_button(
|
|
|
|
|
btnColor: Colors.green,
|
|
|
|
|
btnIcon: Icon(
|
|
|
|
|
Icons.whatshot,
|
|
|
|
|
size: 30,
|
|
|
|
|
color: Colors.white,
|
|
|
|
|
),
|
|
|
|
|
btnName: 'Whatsapp',
|
|
|
|
|
btnFunction: () {},
|
|
|
|
|
),
|
|
|
|
|
package_content(
|
|
|
|
|
packageName: 'Panadol Extra 50 tablet',
|
|
|
|
|
packageCount: '5 box',
|
|
|
|
|
delivery_info_button(
|
|
|
|
|
btnColor: Colors.orangeAccent,
|
|
|
|
|
btnIcon: Icon(
|
|
|
|
|
Icons.mail_outline,
|
|
|
|
|
size: 30,
|
|
|
|
|
color: Colors.white,
|
|
|
|
|
),
|
|
|
|
|
btnName: TranslationBase
|
|
|
|
|
.of(context)
|
|
|
|
|
.sms,
|
|
|
|
|
btnFunction: () {},
|
|
|
|
|
),
|
|
|
|
|
SizedBox(
|
|
|
|
|
height: 10,
|
|
|
|
|
),
|
|
|
|
|
package_content(
|
|
|
|
|
packageName: 'Xeractan 20MG 30 Capsules',
|
|
|
|
|
packageCount: '1 PCS',
|
|
|
|
|
),
|
|
|
|
|
SizedBox(
|
|
|
|
|
height: 10,
|
|
|
|
|
),
|
|
|
|
|
package_content(
|
|
|
|
|
packageName:
|
|
|
|
|
'Oltment for Rash unbranded 50 ml',
|
|
|
|
|
packageCount: '1 tube',
|
|
|
|
|
),
|
|
|
|
|
SizedBox(
|
|
|
|
|
height: 10,
|
|
|
|
|
),
|
|
|
|
|
package_content(
|
|
|
|
|
packageName: 'Face Mask 50 Pieces',
|
|
|
|
|
packageCount: '1 box',
|
|
|
|
|
),
|
|
|
|
|
SizedBox(
|
|
|
|
|
height: 10,
|
|
|
|
|
),
|
|
|
|
|
package_content(
|
|
|
|
|
packageName: 'Panadol Extra 50 tablet',
|
|
|
|
|
packageCount: '5 box',
|
|
|
|
|
),
|
|
|
|
|
SizedBox(
|
|
|
|
|
height: 10,
|
|
|
|
|
delivery_info_button(
|
|
|
|
|
btnColor: Color(0xff41bdbb),
|
|
|
|
|
btnIcon: Icon(
|
|
|
|
|
Icons.phone,
|
|
|
|
|
size: 30,
|
|
|
|
|
color: Colors.white,
|
|
|
|
|
),
|
|
|
|
|
btnName: TranslationBase
|
|
|
|
|
.of(context)
|
|
|
|
|
.call,
|
|
|
|
|
btnFunction: () {},
|
|
|
|
|
),
|
|
|
|
|
],
|
|
|
|
|
),
|
|
|
|
|
),
|
|
|
|
|
SizedBox(
|
|
|
|
|
height: 30,
|
|
|
|
|
),
|
|
|
|
|
FlatButton(
|
|
|
|
|
color: Color(0xff41bdbb),
|
|
|
|
|
padding: EdgeInsets.only(
|
|
|
|
|
right: 100, left: 100, bottom: 15, top: 15),
|
|
|
|
|
shape: RoundedRectangleBorder(
|
|
|
|
|
borderRadius: new BorderRadius.circular(30.0),
|
|
|
|
|
side: BorderSide(color: Color(0xff41bdbb)),
|
|
|
|
|
SizedBox(
|
|
|
|
|
height: MediaQuery
|
|
|
|
|
.of(context)
|
|
|
|
|
.size
|
|
|
|
|
.width * 0.1, //30,
|
|
|
|
|
),
|
|
|
|
|
child: Text(
|
|
|
|
|
TranslationBase.of(context).clientReached,
|
|
|
|
|
style: TextStyle(
|
|
|
|
|
color: Colors.white,
|
|
|
|
|
fontWeight: FontWeight.bold,
|
|
|
|
|
fontSize: 16),
|
|
|
|
|
Container(
|
|
|
|
|
margin: EdgeInsets.only(
|
|
|
|
|
left: MediaQuery
|
|
|
|
|
.of(context)
|
|
|
|
|
.size
|
|
|
|
|
.width * 0.05, //15,
|
|
|
|
|
right: MediaQuery
|
|
|
|
|
.of(context)
|
|
|
|
|
.size
|
|
|
|
|
.width * 0.02, //15
|
|
|
|
|
),
|
|
|
|
|
child: Column(
|
|
|
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
|
|
|
children: <Widget>[
|
|
|
|
|
Text(
|
|
|
|
|
TranslationBase
|
|
|
|
|
.of(context)
|
|
|
|
|
.packageContent,
|
|
|
|
|
style: TextStyle(
|
|
|
|
|
fontWeight: FontWeight.bold,
|
|
|
|
|
fontSize: 20),
|
|
|
|
|
),
|
|
|
|
|
SizedBox(
|
|
|
|
|
height: MediaQuery
|
|
|
|
|
.of(context)
|
|
|
|
|
.size
|
|
|
|
|
.width * 0.05, //20,
|
|
|
|
|
),
|
|
|
|
|
Column(
|
|
|
|
|
children: List.generate(
|
|
|
|
|
item.itemsQuantitiesList.length,
|
|
|
|
|
(index) {
|
|
|
|
|
return package_content(
|
|
|
|
|
packageName: item
|
|
|
|
|
.itemsQuantitiesList[index]
|
|
|
|
|
.itemName
|
|
|
|
|
.toString(),
|
|
|
|
|
//'Panadol Extra 50 tablet',
|
|
|
|
|
packageCount: item
|
|
|
|
|
.itemsQuantitiesList[index]
|
|
|
|
|
.quantity
|
|
|
|
|
.toString(),
|
|
|
|
|
);
|
|
|
|
|
}),
|
|
|
|
|
),
|
|
|
|
|
SizedBox(
|
|
|
|
|
height: MediaQuery
|
|
|
|
|
.of(context)
|
|
|
|
|
.size
|
|
|
|
|
.width * 0.01, //10,
|
|
|
|
|
),
|
|
|
|
|
],
|
|
|
|
|
),
|
|
|
|
|
),
|
|
|
|
|
onPressed: () {
|
|
|
|
|
Navigator.push(
|
|
|
|
|
context,
|
|
|
|
|
MaterialPageRoute(
|
|
|
|
|
builder: (context) =>
|
|
|
|
|
DeliveryConfirmedPage(item)));
|
|
|
|
|
},
|
|
|
|
|
),
|
|
|
|
|
],
|
|
|
|
|
SizedBox(
|
|
|
|
|
height: MediaQuery
|
|
|
|
|
.of(context)
|
|
|
|
|
.size
|
|
|
|
|
.width * 0.1, //30,
|
|
|
|
|
),
|
|
|
|
|
FlatButton(
|
|
|
|
|
color: Color(0xff41bdbb),
|
|
|
|
|
padding: EdgeInsets.only(
|
|
|
|
|
right: MediaQuery
|
|
|
|
|
.of(context)
|
|
|
|
|
.size
|
|
|
|
|
.width * 0.3, //100,
|
|
|
|
|
left: MediaQuery
|
|
|
|
|
.of(context)
|
|
|
|
|
.size
|
|
|
|
|
.width * 0.3, //100,
|
|
|
|
|
bottom: MediaQuery
|
|
|
|
|
.of(context)
|
|
|
|
|
.size
|
|
|
|
|
.width * 0.035, //15,
|
|
|
|
|
top: MediaQuery
|
|
|
|
|
.of(context)
|
|
|
|
|
.size
|
|
|
|
|
.width * 0.035, //15
|
|
|
|
|
),
|
|
|
|
|
shape: RoundedRectangleBorder(
|
|
|
|
|
borderRadius: new BorderRadius.circular(30.0),
|
|
|
|
|
side: BorderSide(color: Color(0xff41bdbb)),
|
|
|
|
|
),
|
|
|
|
|
child: Text(
|
|
|
|
|
TranslationBase
|
|
|
|
|
.of(context)
|
|
|
|
|
.clientReached,
|
|
|
|
|
style: TextStyle(
|
|
|
|
|
color: Colors.white,
|
|
|
|
|
fontWeight: FontWeight.bold,
|
|
|
|
|
fontSize: 16),
|
|
|
|
|
),
|
|
|
|
|
onPressed: () {
|
|
|
|
|
Navigator.push(
|
|
|
|
|
context,
|
|
|
|
|
MaterialPageRoute(
|
|
|
|
|
builder: (context) =>
|
|
|
|
|
DeliveryConfirmedPage(item)));
|
|
|
|
|
},
|
|
|
|
|
),
|
|
|
|
|
],
|
|
|
|
|
),
|
|
|
|
|
),
|
|
|
|
|
),
|
|
|
|
|
CustomerBrief(
|
|
|
|
|
itemId: item.driverID,
|
|
|
|
|
customerFirstName: item.firstName,
|
|
|
|
|
customerLastName: item.lastName,
|
|
|
|
|
mobileNo: item.mobileNumber,
|
|
|
|
|
latitude: item.latitude,
|
|
|
|
|
longitude: item.longitude,
|
|
|
|
|
),
|
|
|
|
|
],
|
|
|
|
|
),
|
|
|
|
|
],
|
|
|
|
|
),
|
|
|
|
|
],
|
|
|
|
|
CustomerBrief(
|
|
|
|
|
itemId: item.patientID,
|
|
|
|
|
customerFirstName: item.firstName,
|
|
|
|
|
customerLastName: item.lastName,
|
|
|
|
|
mobileNo: item.mobileNumber,
|
|
|
|
|
totalPayment: item.amount,
|
|
|
|
|
deliveryTime: item.orderCreatedOn),
|
|
|
|
|
],
|
|
|
|
|
),
|
|
|
|
|
],
|
|
|
|
|
),
|
|
|
|
|
],
|
|
|
|
|
),
|
|
|
|
|
),
|
|
|
|
|
),
|
|
|
|
|
);
|
|
|
|
|
|