|
|
|
|
@ -3,7 +3,7 @@ import 'package:flutter/material.dart';
|
|
|
|
|
import '../../uitl/date_uitl.dart';
|
|
|
|
|
import '../../uitl/translations_delegate_base.dart';
|
|
|
|
|
|
|
|
|
|
class CustomerBrief extends StatelessWidget {
|
|
|
|
|
class CustomerBriefCard extends StatelessWidget {
|
|
|
|
|
final String itemId;
|
|
|
|
|
final String time;
|
|
|
|
|
final String customerFirstName;
|
|
|
|
|
@ -15,7 +15,7 @@ class CustomerBrief extends StatelessWidget {
|
|
|
|
|
final double longitude;
|
|
|
|
|
final double latitude;
|
|
|
|
|
|
|
|
|
|
CustomerBrief(
|
|
|
|
|
CustomerBriefCard(
|
|
|
|
|
{this.itemId,
|
|
|
|
|
this.time,
|
|
|
|
|
this.customerFirstName,
|
|
|
|
|
@ -32,14 +32,14 @@ class CustomerBrief extends StatelessWidget {
|
|
|
|
|
return Center(
|
|
|
|
|
child: Container(
|
|
|
|
|
width: 350,
|
|
|
|
|
height: 300,
|
|
|
|
|
height: 270,
|
|
|
|
|
decoration: BoxDecoration(
|
|
|
|
|
color: Colors.white,
|
|
|
|
|
borderRadius: BorderRadius.only(
|
|
|
|
|
topLeft: Radius.circular(45),
|
|
|
|
|
topRight: Radius.circular(45),
|
|
|
|
|
bottomRight: Radius.circular(45),
|
|
|
|
|
bottomLeft: Radius.circular(45)),
|
|
|
|
|
topLeft: Radius.circular(30),
|
|
|
|
|
topRight: Radius.circular(30),
|
|
|
|
|
bottomRight: Radius.circular(30),
|
|
|
|
|
bottomLeft: Radius.circular(30)),
|
|
|
|
|
boxShadow: [
|
|
|
|
|
BoxShadow(
|
|
|
|
|
color: Colors.grey.withOpacity(0.3),
|
|
|
|
|
@ -50,37 +50,35 @@ class CustomerBrief extends StatelessWidget {
|
|
|
|
|
],
|
|
|
|
|
),
|
|
|
|
|
child: Container(
|
|
|
|
|
padding: EdgeInsets.only(left: 30, top: 10, right: 30),
|
|
|
|
|
padding: EdgeInsets.only(left: 30, top: 20, right: 30),
|
|
|
|
|
child: Column(
|
|
|
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
|
|
|
children: <Widget>[
|
|
|
|
|
Row(
|
|
|
|
|
children: <Widget>[
|
|
|
|
|
Expanded(
|
|
|
|
|
child: Text('ID: ${itemId}'),
|
|
|
|
|
flex: 3,
|
|
|
|
|
child: Text(
|
|
|
|
|
'ID: ${itemId}',
|
|
|
|
|
style: TextStyle(color: Color(0xFFADACAD)),
|
|
|
|
|
),
|
|
|
|
|
),
|
|
|
|
|
Expanded(
|
|
|
|
|
child: Container(
|
|
|
|
|
margin: EdgeInsets.only(left: 83),
|
|
|
|
|
width: 10,
|
|
|
|
|
height: 60,
|
|
|
|
|
decoration: BoxDecoration(
|
|
|
|
|
border: Border.all(
|
|
|
|
|
width: 2.0,
|
|
|
|
|
color: Color(0xff41bdbb),
|
|
|
|
|
),
|
|
|
|
|
borderRadius: BorderRadius.only(
|
|
|
|
|
topLeft: Radius.circular(45),
|
|
|
|
|
topRight: Radius.circular(45),
|
|
|
|
|
bottomRight: Radius.circular(45),
|
|
|
|
|
bottomLeft: Radius.circular(45),
|
|
|
|
|
),
|
|
|
|
|
),
|
|
|
|
|
child: Container(
|
|
|
|
|
margin: EdgeInsets.only(left: 12, top: 10),
|
|
|
|
|
child: Text(
|
|
|
|
|
'3 min away',
|
|
|
|
|
style: TextStyle(color: Color(0xff41bdbb)),
|
|
|
|
|
child: CircleAvatar(
|
|
|
|
|
backgroundColor: Colors.black45,
|
|
|
|
|
radius: 28.0,
|
|
|
|
|
child: CircleAvatar(
|
|
|
|
|
backgroundColor: Colors.white,
|
|
|
|
|
maxRadius: 25.1,
|
|
|
|
|
child: Padding(
|
|
|
|
|
padding: const EdgeInsets.only(left: 3),
|
|
|
|
|
child: Text(
|
|
|
|
|
'3 K.m \n away',
|
|
|
|
|
style: TextStyle(
|
|
|
|
|
color: Color(0xff30B7B9),
|
|
|
|
|
fontSize: 12.5,
|
|
|
|
|
fontWeight: FontWeight.w600),
|
|
|
|
|
),
|
|
|
|
|
),
|
|
|
|
|
),
|
|
|
|
|
),
|
|
|
|
|
@ -89,24 +87,32 @@ class CustomerBrief extends StatelessWidget {
|
|
|
|
|
),
|
|
|
|
|
Text(
|
|
|
|
|
'${customerFirstName} ${customerLastName}',
|
|
|
|
|
style: TextStyle(fontSize: 20, fontWeight: FontWeight.bold),
|
|
|
|
|
style: TextStyle(fontSize: 20, fontWeight: FontWeight.w900),
|
|
|
|
|
),
|
|
|
|
|
Text(
|
|
|
|
|
mobileNo,
|
|
|
|
|
style: TextStyle(color: Colors.lightBlue),
|
|
|
|
|
style: TextStyle(color: Color(0xFF50BDC5)),
|
|
|
|
|
),
|
|
|
|
|
SizedBox(
|
|
|
|
|
height: 10,
|
|
|
|
|
),
|
|
|
|
|
Text(
|
|
|
|
|
'Olaya street, behind KFC resturant, next to kingdom towers 2ND floor ofice 277',
|
|
|
|
|
style: TextStyle(fontWeight: FontWeight.w600),
|
|
|
|
|
'Olaya street, behind KFC resturant, next to kingdom towers 2nd floor ofice 277',
|
|
|
|
|
style: TextStyle(
|
|
|
|
|
color: Color(0xFF464748), fontWeight: FontWeight.w600),
|
|
|
|
|
),
|
|
|
|
|
SizedBox(
|
|
|
|
|
height: 10,
|
|
|
|
|
),
|
|
|
|
|
Divider(
|
|
|
|
|
color: Colors.grey,
|
|
|
|
|
SizedBox(
|
|
|
|
|
height: 10.0,
|
|
|
|
|
child: Center(
|
|
|
|
|
child: Container(
|
|
|
|
|
margin: EdgeInsetsDirectional.only(start: 1.0, end: 1.0),
|
|
|
|
|
height: 1.0,
|
|
|
|
|
color: Colors.grey,
|
|
|
|
|
),
|
|
|
|
|
),
|
|
|
|
|
),
|
|
|
|
|
SizedBox(
|
|
|
|
|
height: 20,
|
|
|
|
|
@ -115,15 +121,22 @@ class CustomerBrief extends StatelessWidget {
|
|
|
|
|
children: <Widget>[
|
|
|
|
|
Row(
|
|
|
|
|
children: <Widget>[
|
|
|
|
|
Text(
|
|
|
|
|
TranslationBase.of(context).payment,
|
|
|
|
|
Expanded(
|
|
|
|
|
flex: 2,
|
|
|
|
|
child: Text(
|
|
|
|
|
TranslationBase.of(context).payment,
|
|
|
|
|
textAlign: TextAlign.start,
|
|
|
|
|
),
|
|
|
|
|
),
|
|
|
|
|
SizedBox(
|
|
|
|
|
width: 170,
|
|
|
|
|
),
|
|
|
|
|
Text(
|
|
|
|
|
totalPayment.toString(), //'SAR 70',
|
|
|
|
|
style: TextStyle(fontWeight: FontWeight.bold),
|
|
|
|
|
Expanded(
|
|
|
|
|
child: Text(
|
|
|
|
|
totalPayment.toString(),
|
|
|
|
|
textAlign: TextAlign.end,
|
|
|
|
|
style: TextStyle(fontWeight: FontWeight.w600),
|
|
|
|
|
),
|
|
|
|
|
),
|
|
|
|
|
],
|
|
|
|
|
),
|
|
|
|
|
@ -132,19 +145,19 @@ class CustomerBrief extends StatelessWidget {
|
|
|
|
|
),
|
|
|
|
|
Row(
|
|
|
|
|
children: <Widget>[
|
|
|
|
|
Text(
|
|
|
|
|
TranslationBase.of(context).delivryTime,
|
|
|
|
|
Expanded(
|
|
|
|
|
flex: 1,
|
|
|
|
|
child: Text(
|
|
|
|
|
TranslationBase.of(context).delivryTime,
|
|
|
|
|
textAlign: TextAlign.start,
|
|
|
|
|
),
|
|
|
|
|
),
|
|
|
|
|
SizedBox(
|
|
|
|
|
width: 50,
|
|
|
|
|
Expanded(
|
|
|
|
|
child: Text(
|
|
|
|
|
'${DateUtil.getMonthDayYearDateFormatted(DateUtil.convertStringToDate(deliveryTime))} ${(DateUtil.convertStringToHours(deliveryTime))}',
|
|
|
|
|
textAlign: TextAlign.end,
|
|
|
|
|
style: TextStyle(fontWeight: FontWeight.w600)),
|
|
|
|
|
),
|
|
|
|
|
Text(
|
|
|
|
|
'${DateUtil.getMonthDayYearDateFormatted(
|
|
|
|
|
DateUtil.convertStringToDate(
|
|
|
|
|
deliveryTime))} ${(DateUtil
|
|
|
|
|
.convertStringToHours(deliveryTime))}',
|
|
|
|
|
//'05 Aug 20 - 10:00 AM',
|
|
|
|
|
style: TextStyle(fontWeight: FontWeight.bold)),
|
|
|
|
|
],
|
|
|
|
|
)
|
|
|
|
|
],
|
|
|
|
|
|