712 lines
22 KiB
Dart
712 lines
22 KiB
Dart
import 'package:fcs/domain/constants.dart';
|
|
import 'package:fcs/domain/entities/box.dart';
|
|
import 'package:fcs/domain/entities/cargo_type.dart';
|
|
import 'package:fcs/domain/entities/package.dart';
|
|
import 'package:fcs/domain/entities/user.dart';
|
|
import 'package:fcs/domain/vo/delivery_address.dart';
|
|
import 'package:fcs/helpers/theme.dart';
|
|
import 'package:fcs/localization/app_translations.dart';
|
|
import 'package:fcs/pages/delivery_address/delivery_address_row.dart';
|
|
import 'package:fcs/pages/delivery_address/model/delivery_address_model.dart';
|
|
import 'package:fcs/pages/main/model/language_model.dart';
|
|
import 'package:fcs/pages/main/model/main_model.dart';
|
|
import 'package:fcs/pages/main/util.dart';
|
|
import 'package:fcs/pages/package/model/package_model.dart';
|
|
import 'package:fcs/pages/rates/model/shipment_rate_model.dart';
|
|
import 'package:fcs/pages/user_search/user_serach.dart';
|
|
import 'package:fcs/pages/widgets/bottom_up_page_route.dart';
|
|
import 'package:fcs/pages/widgets/defalut_delivery_address.dart';
|
|
import 'package:fcs/pages/widgets/delivery_address_selection.dart';
|
|
import 'package:fcs/pages/widgets/display_text.dart';
|
|
import 'package:fcs/pages/widgets/fcs_id_icon.dart';
|
|
import 'package:fcs/pages/widgets/length_picker.dart';
|
|
import 'package:fcs/pages/widgets/local_button.dart';
|
|
import 'package:fcs/pages/widgets/local_radio_buttons.dart';
|
|
import 'package:fcs/pages/widgets/local_text.dart';
|
|
import 'package:fcs/pages/widgets/local_title.dart';
|
|
import 'package:fcs/pages/widgets/progress.dart';
|
|
import 'package:flutter/cupertino.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter_icons/flutter_icons.dart';
|
|
import 'package:provider/provider.dart';
|
|
import 'cargo_type_editor.dart';
|
|
import 'model/box_model.dart';
|
|
|
|
class BoxEditor extends StatefulWidget {
|
|
final Box box;
|
|
BoxEditor({this.box});
|
|
|
|
@override
|
|
_BoxEditorState createState() => _BoxEditorState();
|
|
}
|
|
|
|
class _BoxEditorState extends State<BoxEditor> {
|
|
TextEditingController _widthController = new TextEditingController();
|
|
TextEditingController _heightController = new TextEditingController();
|
|
TextEditingController _lengthController = new TextEditingController();
|
|
|
|
Box _box;
|
|
bool _isLoading = false;
|
|
bool isNew;
|
|
DeliveryAddress _deliveryAddress = new DeliveryAddress();
|
|
User user;
|
|
String _selectShipmentNumber;
|
|
String _selectedCartonType;
|
|
List<Package> _packages = [];
|
|
List<Box> _shipmentBoxes = [];
|
|
List<Box> _mixBoxes = [];
|
|
List<CargoType> _cargoTypes = [];
|
|
double volumetricRatio = 0;
|
|
double shipmentWeight = 0;
|
|
Box _selectedShipmentBox;
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
// for packages
|
|
var packageModel = Provider.of<PackageModel>(context, listen: false);
|
|
_packages = [
|
|
packageModel.packages[0],
|
|
packageModel.packages[1],
|
|
];
|
|
_packages.forEach((p) {
|
|
p.isChecked = false;
|
|
});
|
|
|
|
//for shipment boxes
|
|
var boxModel = Provider.of<BoxModel>(context, listen: false);
|
|
_shipmentBoxes = [boxModel.boxes[0], boxModel.boxes[1], boxModel.boxes[2]];
|
|
|
|
//for mix boxes
|
|
_mixBoxes = [boxModel.boxes[0], boxModel.boxes[1], boxModel.boxes[2]];
|
|
_mixBoxes.forEach((b) {
|
|
b.isChecked = false;
|
|
});
|
|
|
|
//for shipment weight
|
|
volumetricRatio = Provider.of<ShipmentRateModel>(context, listen: false)
|
|
.rate
|
|
.volumetricRatio;
|
|
_lengthController.addListener(_calShipmentWeight);
|
|
_widthController.addListener(_calShipmentWeight);
|
|
_heightController.addListener(_calShipmentWeight);
|
|
|
|
if (widget.box != null) {
|
|
_box = widget.box;
|
|
_deliveryAddress = _box.shippingAddress;
|
|
_cargoTypes = _box.cargoTypes;
|
|
_selectShipmentNumber = _box.shipmentNumber;
|
|
_widthController.text = _box.width.toString();
|
|
_heightController.text = _box.height.toString();
|
|
_lengthController.text = _box.length.toString();
|
|
_selectedCartonType = _box.cartonType;
|
|
isNew = false;
|
|
} else {
|
|
_cargoTypes = [
|
|
CargoType(id: "1", name: 'General', weight: 25),
|
|
CargoType(id: "2", name: 'Medicine', weight: 20),
|
|
CargoType(id: "3", name: 'Dangerous', weight: 30)
|
|
];
|
|
|
|
var shipmentModel =
|
|
Provider.of<DeliveryAddressModel>(context, listen: false);
|
|
_deliveryAddress = shipmentModel.defalutAddress;
|
|
isNew = true;
|
|
_selectedCartonType = carton_from_packages;
|
|
}
|
|
}
|
|
|
|
_calShipmentWeight() {
|
|
double l = double.parse(_lengthController.text, (s) => 0);
|
|
double w = double.parse(_widthController.text, (s) => 0);
|
|
double h = double.parse(_heightController.text, (s) => 0);
|
|
setState(() {
|
|
shipmentWeight = l * w * h / volumetricRatio;
|
|
});
|
|
}
|
|
|
|
@override
|
|
void dispose() {
|
|
super.dispose();
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
var languageModel = Provider.of<LanguageModel>(context);
|
|
var boxModel = Provider.of<BoxModel>(context);
|
|
|
|
var shipmentBox = Container(
|
|
child: DropdownButtonFormField(
|
|
value: _selectShipmentNumber,
|
|
decoration: InputDecoration(
|
|
fillColor: Colors.white,
|
|
labelText: AppTranslations.of(context).text("box.fcs_shipment_num"),
|
|
labelStyle: languageModel.isEng
|
|
? TextStyle(fontWeight: FontWeight.w500)
|
|
: TextStyle(fontWeight: FontWeight.w500, fontFamily: "Myanmar3"),
|
|
icon: Icon(
|
|
Ionicons.ios_airplane,
|
|
color: primaryColor,
|
|
)),
|
|
items: ["A204", "A203", "A201", "A202"]
|
|
.map((e) => DropdownMenuItem(
|
|
child: Text(
|
|
e,
|
|
style: TextStyle(color: primaryColor),
|
|
),
|
|
value: e))
|
|
.toList(),
|
|
onChanged: (value) {
|
|
setState(() {
|
|
_selectShipmentNumber = value;
|
|
});
|
|
},
|
|
));
|
|
|
|
final fcsIDBox = Row(
|
|
children: <Widget>[
|
|
Expanded(
|
|
child: DisplayText(
|
|
text: user != null ? user.fcsID : "",
|
|
labelTextKey: "box.fcs.id",
|
|
icon: FcsIDIcon(),
|
|
)),
|
|
IconButton(
|
|
icon: Icon(Icons.search, color: primaryColor),
|
|
onPressed: () => searchUser(context, callbackUserSelect: (u) {
|
|
setState(() {
|
|
this.user = u;
|
|
});
|
|
})),
|
|
],
|
|
);
|
|
|
|
final phoneNumberBox = DisplayText(
|
|
text: user != null ? user.phoneNumber : "",
|
|
labelTextKey: "box.phone",
|
|
iconData: Icons.phone,
|
|
);
|
|
|
|
final namebox = DisplayText(
|
|
text: user != null ? user.name : "",
|
|
labelTextKey: "box.name",
|
|
iconData: Icons.person,
|
|
);
|
|
|
|
final packageTitle = Container(
|
|
padding: EdgeInsets.only(right: 10.0, top: 20),
|
|
child: Row(
|
|
children: <Widget>[
|
|
Container(
|
|
width: 30,
|
|
),
|
|
Expanded(
|
|
child: LocalText(context, 'box.tracking.id', color: Colors.grey),
|
|
),
|
|
LocalText(context, 'box.package.desc', color: Colors.grey),
|
|
],
|
|
),
|
|
);
|
|
|
|
List<Widget> getPackageRowList() {
|
|
return _packages.asMap().entries.map((p) {
|
|
return Container(
|
|
color: p.value.isChecked
|
|
? Colors.grey.withOpacity(0.2)
|
|
: Colors.grey[50].withOpacity(0.2),
|
|
child: Container(
|
|
padding:
|
|
EdgeInsets.only(left: 0.0, right: 10.0, top: 3.0, bottom: 3.0),
|
|
decoration: BoxDecoration(
|
|
border: Border(
|
|
bottom: BorderSide(
|
|
color: p.key == _packages.length - 1
|
|
? Colors.white
|
|
: Colors.grey[350],
|
|
width: 1),
|
|
),
|
|
),
|
|
child: Row(
|
|
children: <Widget>[
|
|
Checkbox(
|
|
value: p.value.isChecked,
|
|
activeColor: primaryColor,
|
|
onChanged: (bool check) {
|
|
setState(() {
|
|
p.value.isChecked = check;
|
|
});
|
|
}),
|
|
Expanded(
|
|
child: new Text(
|
|
p.value.trackingID,
|
|
style: textStyle,
|
|
)),
|
|
new Column(
|
|
children: [
|
|
new Text(
|
|
p.value.desc == null ? "" : p.value.desc,
|
|
style: textStyle,
|
|
),
|
|
new Text(
|
|
"(${p.value.market == null ? "" : p.value.market})",
|
|
style: textStyle,
|
|
)
|
|
],
|
|
)
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}).toList();
|
|
}
|
|
|
|
final shipmentBoxTitle = Container(
|
|
padding: EdgeInsets.only(right: 10.0, top: 20),
|
|
child: Row(
|
|
children: <Widget>[
|
|
Container(
|
|
width: 30,
|
|
),
|
|
Expanded(
|
|
child:
|
|
LocalText(context, 'box.shipment_number', color: Colors.grey),
|
|
),
|
|
LocalText(context, 'box.shipment.desc', color: Colors.grey),
|
|
],
|
|
),
|
|
);
|
|
|
|
List<Widget> getshipmentBoxRowList() {
|
|
return _shipmentBoxes.asMap().entries.map((s) {
|
|
return Container(
|
|
color: Colors.grey[50].withOpacity(0.2),
|
|
child: Container(
|
|
padding:
|
|
EdgeInsets.only(left: 0.0, right: 10.0, top: 3.0, bottom: 3.0),
|
|
decoration: BoxDecoration(
|
|
border: Border(
|
|
bottom: BorderSide(
|
|
color: s.key == _shipmentBoxes.length - 1
|
|
? Colors.white
|
|
: Colors.grey[350],
|
|
width: 1),
|
|
),
|
|
),
|
|
child: Row(
|
|
children: <Widget>[
|
|
Radio(
|
|
activeColor: primaryColor,
|
|
groupValue: _selectedShipmentBox,
|
|
value: s.value,
|
|
onChanged: (value) {
|
|
setState(() {
|
|
_selectedShipmentBox = value;
|
|
});
|
|
},
|
|
),
|
|
Expanded(
|
|
child: new Text(
|
|
s.value.shipmentNumber,
|
|
style: textStyle,
|
|
)),
|
|
new Text(
|
|
s.value.desc == null ? "" : s.value.desc,
|
|
style: textStyle,
|
|
),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}).toList();
|
|
}
|
|
|
|
final mixBoxTitle = Container(
|
|
padding: EdgeInsets.only(right: 10.0, top: 20),
|
|
child: Row(
|
|
children: <Widget>[
|
|
Container(
|
|
width: 30,
|
|
),
|
|
Expanded(
|
|
child: LocalText(context, 'box.mix.number', color: Colors.grey),
|
|
),
|
|
LocalText(context, 'box.mix.desc', color: Colors.grey),
|
|
],
|
|
),
|
|
);
|
|
|
|
List<Widget> getMixBoxRowList() {
|
|
return _mixBoxes.asMap().entries.map((b) {
|
|
return Container(
|
|
color: b.value.isChecked
|
|
? Colors.grey.withOpacity(0.2)
|
|
: Colors.grey[50].withOpacity(0.2),
|
|
child: Container(
|
|
padding:
|
|
EdgeInsets.only(left: 0.0, right: 10.0, top: 3.0, bottom: 3.0),
|
|
decoration: BoxDecoration(
|
|
border: Border(
|
|
bottom: BorderSide(
|
|
color: b.key == _mixBoxes.length - 1
|
|
? Colors.white
|
|
: Colors.grey[350],
|
|
width: 1),
|
|
),
|
|
),
|
|
child: Row(
|
|
children: <Widget>[
|
|
Checkbox(
|
|
value: b.value.isChecked,
|
|
activeColor: primaryColor,
|
|
onChanged: (bool check) {
|
|
setState(() {
|
|
b.value.isChecked = check;
|
|
});
|
|
}),
|
|
Expanded(
|
|
child: new Text(
|
|
b.value.packageNumber,
|
|
style: textStyle,
|
|
)),
|
|
new Text(
|
|
b.value.desc == null ? "" : b.value.desc,
|
|
style: textStyle,
|
|
),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}).toList();
|
|
}
|
|
|
|
final cargoTitle = Container(
|
|
padding: EdgeInsets.only(left: 15, right: 0.0, top: 20),
|
|
child: Row(
|
|
children: <Widget>[
|
|
Expanded(
|
|
child: LocalText(context, 'cargo.type', color: Colors.grey),
|
|
),
|
|
Container(
|
|
padding: EdgeInsets.only(right: 20),
|
|
child: LocalText(context, 'cargo.weight', color: Colors.grey)),
|
|
],
|
|
),
|
|
);
|
|
|
|
List<Widget> getCargoRowList() {
|
|
if (_cargoTypes == null) {
|
|
return [];
|
|
}
|
|
int total = 0;
|
|
|
|
var rows = _cargoTypes.asMap().entries.map((c) {
|
|
total += c.value.weight;
|
|
return InkWell(
|
|
onTap: () async {
|
|
CargoType cargo = await Navigator.push<CargoType>(
|
|
context,
|
|
CupertinoPageRoute(
|
|
builder: (context) => CargoTypeEditor(cargo: c.value)),
|
|
);
|
|
_addCargo(cargo);
|
|
},
|
|
child: Container(
|
|
color: Colors.grey[50].withOpacity(0.2),
|
|
child: Container(
|
|
padding: EdgeInsets.only(
|
|
left: 15.0, right: 0.0, top: 0.0, bottom: 0.0),
|
|
decoration: BoxDecoration(
|
|
border: Border(
|
|
bottom: BorderSide(color: Colors.grey[350], width: 1),
|
|
),
|
|
),
|
|
child: Row(
|
|
children: <Widget>[
|
|
Expanded(
|
|
child: new Text(
|
|
c.value.name,
|
|
style: textStyle,
|
|
)),
|
|
Row(
|
|
children: [
|
|
new Text(
|
|
c.value.weight == null
|
|
? "0"
|
|
: c.value.weight.toString(),
|
|
style: textStyle,
|
|
),
|
|
IconButton(
|
|
icon: Icon(
|
|
Icons.remove_circle,
|
|
color: primaryColor,
|
|
),
|
|
onPressed: () {
|
|
setState(() {
|
|
_cargoTypes.remove(c.value);
|
|
});
|
|
},
|
|
)
|
|
],
|
|
)
|
|
],
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}).toList();
|
|
|
|
var totalRow = InkWell(
|
|
child: Container(
|
|
color: Colors.grey[50].withOpacity(0.2),
|
|
child: Container(
|
|
padding:
|
|
EdgeInsets.only(left: 15.0, right: 10.0, top: 15.0, bottom: 15.0),
|
|
child: Row(
|
|
children: <Widget>[
|
|
Expanded(
|
|
child: LocalText(context, "box.cargo.total",
|
|
color: Colors.black87, fontWeight: FontWeight.bold),
|
|
),
|
|
Padding(
|
|
padding: const EdgeInsets.only(right: 40.0),
|
|
child: Align(
|
|
alignment: Alignment.centerRight,
|
|
child: new Text(
|
|
total.toString(),
|
|
style: TextStyle(fontWeight: FontWeight.bold),
|
|
),
|
|
),
|
|
)
|
|
],
|
|
),
|
|
),
|
|
));
|
|
|
|
rows.add(totalRow);
|
|
return rows;
|
|
}
|
|
|
|
final lengthBox = LengthPicker(
|
|
controller: _lengthController,
|
|
lableKey: "box.length",
|
|
);
|
|
final widthBox = LengthPicker(
|
|
controller: _widthController,
|
|
lableKey: "box.width",
|
|
);
|
|
final heightBox = LengthPicker(
|
|
controller: _heightController,
|
|
lableKey: "box.height",
|
|
);
|
|
|
|
final dimBox = Row(
|
|
mainAxisAlignment: MainAxisAlignment.start,
|
|
children: [
|
|
Padding(
|
|
padding: const EdgeInsets.only(right: 8.0),
|
|
child: Icon(FontAwesome.arrow_circle_right, color: primaryColor),
|
|
),
|
|
SizedBox(child: lengthBox, width: 80),
|
|
SizedBox(child: widthBox, width: 80),
|
|
SizedBox(child: heightBox, width: 80),
|
|
],
|
|
);
|
|
|
|
final shipmentWeightBox = DisplayText(
|
|
text: shipmentWeight != null ? shipmentWeight.toStringAsFixed(0) : "",
|
|
labelTextKey: "box.shipment_weight",
|
|
iconData: MaterialCommunityIcons.weight,
|
|
);
|
|
|
|
final createBtn = LocalButton(
|
|
textKey: "box.create.btn",
|
|
);
|
|
|
|
final completeBtn = LocalButton(
|
|
textKey: "box.complete.btn",
|
|
);
|
|
|
|
final deliveryBtn = LocalButton(
|
|
textKey: "box.deliver.btn",
|
|
);
|
|
|
|
return LocalProgress(
|
|
inAsyncCall: _isLoading,
|
|
child: Scaffold(
|
|
appBar: AppBar(
|
|
centerTitle: true,
|
|
leading: new IconButton(
|
|
icon: new Icon(CupertinoIcons.back, color: primaryColor, size: 30),
|
|
onPressed: () => Navigator.of(context).pop(),
|
|
),
|
|
shadowColor: Colors.transparent,
|
|
backgroundColor: Colors.white,
|
|
title: widget.box == null
|
|
? LocalText(
|
|
context,
|
|
"boxes.create.title",
|
|
fontSize: 20,
|
|
color: primaryColor,
|
|
)
|
|
: LocalText(
|
|
context,
|
|
"box.edit.title",
|
|
fontSize: 20,
|
|
color: primaryColor,
|
|
),
|
|
),
|
|
body: Padding(
|
|
padding: const EdgeInsets.all(10.0),
|
|
child: ListView(
|
|
shrinkWrap: true,
|
|
children: [
|
|
widget.box == null
|
|
? Container()
|
|
: Center(child: nameWidget(_box.packageNumber)),
|
|
SizedBox(
|
|
height: 10,
|
|
),
|
|
LocalTitle(textKey: "box.type.title"),
|
|
LocalRadioButtons(
|
|
values: boxModel.cartonTypes,
|
|
selectedValue: _selectedCartonType,
|
|
callback: (v) {
|
|
print(v);
|
|
setState(() {
|
|
_selectedCartonType = v;
|
|
});
|
|
}),
|
|
LocalTitle(textKey: "box.shipment_info"),
|
|
shipmentBox,
|
|
SizedBox(
|
|
height: 10,
|
|
),
|
|
fcsIDBox,
|
|
namebox,
|
|
_selectedCartonType == "From packages"
|
|
? Column(
|
|
children: [
|
|
LocalTitle(textKey: "box.packages"),
|
|
packageTitle,
|
|
Divider(
|
|
color: Colors.grey[400],
|
|
),
|
|
Column(
|
|
children: getPackageRowList(),
|
|
),
|
|
],
|
|
)
|
|
: _selectedCartonType == "From shipments"
|
|
? Column(
|
|
children: [
|
|
LocalTitle(textKey: "box.shipment.boxes"),
|
|
shipmentBoxTitle,
|
|
Divider(
|
|
color: Colors.grey[400],
|
|
),
|
|
Column(
|
|
children: getshipmentBoxRowList(),
|
|
),
|
|
],
|
|
)
|
|
: _selectedCartonType == "Mix carton"
|
|
? Column(
|
|
children: [
|
|
LocalTitle(textKey: "box.shipment.boxes"),
|
|
mixBoxTitle,
|
|
Divider(
|
|
color: Colors.grey[400],
|
|
),
|
|
Column(
|
|
children: getMixBoxRowList(),
|
|
)
|
|
],
|
|
)
|
|
: Container(),
|
|
LocalTitle(
|
|
textKey: "box.cargo_type",
|
|
trailing: IconButton(
|
|
icon: Icon(
|
|
Icons.add_circle,
|
|
color: primaryColor,
|
|
),
|
|
onPressed: () async {
|
|
CargoType cargo = await Navigator.push<CargoType>(
|
|
context,
|
|
CupertinoPageRoute(
|
|
builder: (context) => CargoTypeEditor()),
|
|
);
|
|
|
|
_addCargo(cargo);
|
|
}),
|
|
),
|
|
cargoTitle,
|
|
Divider(
|
|
color: Colors.grey[400],
|
|
),
|
|
Column(
|
|
children: getCargoRowList(),
|
|
),
|
|
LocalTitle(textKey: "box.dimension"),
|
|
dimBox,
|
|
shipmentWeightBox,
|
|
LocalTitle(textKey: "box.delivery_address"),
|
|
DefaultDeliveryAddress(
|
|
deliveryAddress: _deliveryAddress,
|
|
labelKey: "box.delivery_address",
|
|
onTap: () async {
|
|
DeliveryAddress d = await Navigator.push<DeliveryAddress>(
|
|
context,
|
|
CupertinoPageRoute(
|
|
builder: (context) => DeliveryAddressSelection(
|
|
deliveryAddress: _deliveryAddress,
|
|
)),
|
|
);
|
|
if (d == null) return;
|
|
setState(() {
|
|
this._deliveryAddress = d;
|
|
});
|
|
}),
|
|
SizedBox(
|
|
height: 10,
|
|
),
|
|
widget.box == null
|
|
? createBtn
|
|
: Container(
|
|
child: Column(
|
|
children: <Widget>[
|
|
completeBtn,
|
|
widget.box.status == 'Arrived'
|
|
? deliveryBtn
|
|
: Container(),
|
|
],
|
|
)),
|
|
SizedBox(
|
|
height: 20,
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
List<Widget> getAddressList(
|
|
BuildContext context, List<DeliveryAddress> addresses) {
|
|
return addresses.asMap().entries.map((s) {
|
|
return InkWell(
|
|
onTap: () {},
|
|
child: DeliveryAddressRow(deliveryAddress: s.value),
|
|
);
|
|
}).toList();
|
|
}
|
|
|
|
_addCargo(CargoType cargo) {
|
|
if (cargo == null) return;
|
|
setState(() {
|
|
_cargoTypes.remove(cargo);
|
|
_cargoTypes.add(cargo);
|
|
});
|
|
}
|
|
}
|