add FCS UI

assets/local/localization_en.json

@@ -287,6 +287,10 @@
     "box.cargo.total":"Total Weight",
     "box.delete.confirm":"Delete carton?",
     "box.mix.carton":"Go into mix carton",
+    "box.carton_size":"Carton Size",
+    "box.carton_size.title":"Carton Sizes",
+    "box.carton_size_remove.confirm":"Remove this carton size?",
+    "box.carton_size.name":"Name",
     "Boxes End ================================================================":"",
     
     "Delivery Start ================================================================":"",
@@ -539,5 +543,14 @@
     "processing.delete.confirm":"Delete this package?",
     "processing.edit.sub_title":"Processing",
     "processing.edit.complete.btn":"Complete processing",
+    "processing.new":"New Processing",
+    "processing.create":"New Processing",
+    "processing.update":"Update Processing",
+    "processing.consignee.name":"Consignee name",
+    "processing.shipper.name":"Shipper name",
+    "processing.package.select.btn":"Select",
+    "processing.package.create":"New Package",
+    "processing.package.update":"Update Package",
+    "processing.package.delete_confirm":"Remove this package?",
     "Processing End ================================================================":""
 }

assets/local/localization_mu.json

@@ -287,6 +287,10 @@
     "box.cargo.total":"စုစုပေါင်း အလေးချိန်",
     "box.delete.confirm":"Delete carton?",
     "box.mix.carton":"Go into mix carton",
+    "box.carton_size":"သေတ္တာ အရွယ်အစား",
+    "box.carton_size.title":"သေတ္တာ အရွယ်အစားများ",
+    "box.carton_size_remove.confirm":"Remove this carton size?",
+    "box.carton_size.name":"နာမည်",
     "Boxes End ================================================================":"",
 
     "Delivery Start ================================================================":"",
@@ -540,6 +544,15 @@
     "processing.delete.confirm":"အထုပ်ကို ဖျက်မလား?",
     "processing.edit.sub_title":"မွမ်းမံခြင်း",
     "processing.edit.complete.btn":"မွမ်းမံခြင်း ပြီးဆုံးသည်",
+    "processing.new":"လုပ်ဆောင်ခြင်း အသစ်",
+    "processing.create":"လုပ်ဆောင်ခြင်း အသစ်",
+    "processing.update":"လုပ်ဆောင်ခြင်း ပြင်ဆင်ခြင်း",
+    "processing.consignee.name":"လက်ခံသူ အမည်",
+    "processing.shipper.name":"တင်ပို့သူ အမည်",
+    "processing.package.select.btn":"ရွေးချယ်မည်",
+    "processing.package.create":"အထုပ် အသစ်",
+    "processing.package.update":"အထုပ်  ပြင်ဆင်ခြင်း ",
+    "processing.package.delete_confirm":"Remove this package?",
     "Processing End ================================================================":""
 
     

lib/app.dart

@@ -1,6 +1,7 @@
 import 'package:fcs/localization/app_translations_delegate.dart';
 import 'package:fcs/localization/transalation.dart';
 import 'package:fcs/pages/carton/model/carton_model.dart';
+import 'package:fcs/pages/carton_size/model/carton_size_model.dart';
 import 'package:fcs/pages/chat/model/message_model.dart';
 import 'package:fcs/pages/contact/model/contact_model.dart';
 import 'package:fcs/pages/customer/model/customer_model.dart';
@@ -16,6 +17,7 @@ import 'package:fcs/pages/main/model/language_model.dart';
 import 'package:fcs/pages/main/model/main_model.dart';
 import 'package:fcs/pages/package/model/package_model.dart';
 import 'package:fcs/pages/payment_methods/model/payment_method_model.dart';
+import 'package:fcs/pages/processing/model/processing_model.dart';
 import 'package:fcs/pages/rates/model/shipment_rate_model.dart';
 import 'package:fcs/pages/shipment/model/shipment_model.dart';
 import 'package:fcs/pages/main/splash_page.dart';
@@ -54,6 +56,8 @@ class _AppState extends State<App> {
   final PackageModel packageModel = new PackageModel();
   final MarketModel marketModel = new MarketModel();
   final DeliveryModel deliveryModel = new DeliveryModel();
+  final CartonSizeModel cartonSizeModel = new CartonSizeModel();
+  final ProcessingModel processingModel = new ProcessingModel();
 
   AppTranslationsDelegate _newLocaleDelegate;
 
@@ -73,7 +77,9 @@ class _AppState extends State<App> {
       ..addModel(shipmentModel)
       ..addModel(invoiceModel)
       ..addModel(marketModel)
-      ..addModel(deliveryModel);
+      ..addModel(deliveryModel)
+      ..addModel(cartonSizeModel)
+      ..addModel(processingModel);
 
     _newLocaleDelegate = AppTranslationsDelegate(newLocale: null);
     Translation().onLocaleChanged = onLocaleChange;
@@ -118,6 +124,8 @@ class _AppState extends State<App> {
           ChangeNotifierProvider.value(value: marketModel),
           ChangeNotifierProvider.value(value: fcsShipmentModel),
           ChangeNotifierProvider.value(value: deliveryModel),
+          ChangeNotifierProvider.value(value: cartonSizeModel),
+          ChangeNotifierProvider.value(value: processingModel),
         ],
         child: Consumer<LanguageModel>(
           builder: (context, value, child) {

lib/domain/entities/carton_size.dart

@@ -0,0 +1,8 @@
+class CartonSize {
+  String id;
+  String name;
+  double length;
+  double width;
+  double height;
+  CartonSize({this.id, this.name, this.length, this.width, this.height});
+}

lib/domain/entities/processing.dart

@@ -0,0 +1,36 @@
+import 'package:fcs/domain/entities/package.dart';
+
+class Processing {
+  String id;
+  //for consignee
+  String userID;
+  String userName;
+  String userPhoneNumber;
+  //for shipper
+  String fcsID;
+  String shipperName;
+  String shipperPhoneNumber;
+
+  List<Package> packages;
+
+  Processing(
+      {this.id,
+      this.userID,
+      this.userName,
+      this.userPhoneNumber,
+      this.fcsID,
+      this.shipperName,
+      this.shipperPhoneNumber,
+      this.packages});
+
+  @override
+  bool operator ==(Object other) => other is Processing && other.id == id;
+
+  @override
+  int get hashCode => id.hashCode;
+
+  @override
+  String toString() {
+    return 'Processing{id: $id}';
+  }
+}

lib/pages/carton/carton_editor.dart

@@ -1,7 +1,9 @@
 import 'package:fcs/domain/constants.dart';
 import 'package:fcs/domain/entities/carton.dart';
 import 'package:fcs/domain/entities/cargo_type.dart';
+import 'package:fcs/domain/entities/carton_size.dart';
 import 'package:fcs/domain/entities/fcs_shipment.dart';
+import 'package:fcs/domain/entities/market.dart';
 import 'package:fcs/domain/entities/package.dart';
 import 'package:fcs/domain/entities/user.dart';
 import 'package:fcs/domain/vo/delivery_address.dart';
@@ -10,13 +12,17 @@ import 'package:fcs/localization/app_translations.dart';
 import 'package:fcs/pages/carton/carton_cargo_table.dart';
 import 'package:fcs/pages/carton/carton_mix_table.dart';
 import 'package:fcs/pages/carton/carton_package_table.dart';
+import 'package:fcs/pages/carton_size/carton_size_list.dart';
+import 'package:fcs/pages/delivery_address/delivery_address_list.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/fcs_shipment/model/fcs_shipment_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/market/model/market_model.dart';
 import 'package:fcs/pages/package/model/package_model.dart';
+import 'package:fcs/pages/package/tracking_id_page.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';
@@ -38,8 +44,11 @@ import 'package:flutter_icons/flutter_icons.dart';
 import 'package:provider/provider.dart';
 import 'cargo_type_editor.dart';
 import 'model/carton_model.dart';
+import '../carton_size/model/carton_size_model.dart';
 import 'widgets.dart';
 
+const MANAGE_CARTONSIZE = "Manage Carton Size";
+
 class CartonEditor extends StatefulWidget {
   final Carton box;
   CartonEditor({this.box});
@@ -367,7 +376,9 @@ class _CartonEditorState extends State<CartonEditor> {
               LocalTitle(textKey: "box.shipment_info"),
               _isNew ? fcsShipmentsBox : shipmentBox,
               isSmallBag
-                  ? _isNew ? mixCartonsBox : mixCartonNumberBox
+                  ? _isNew
+                      ? mixCartonsBox
+                      : mixCartonNumberBox
                   : Container(),
               ...(isMixBox
                   ? [
@@ -402,12 +413,25 @@ class _CartonEditorState extends State<CartonEditor> {
                       isSmallBag
                           ? Container()
                           : LocalTitle(textKey: "box.dimension"),
-                      isSmallBag ? Container() : dimBox,
+                      isSmallBag ? Container() : cartonSizeDropdown(),
+                      // isSmallBag ? Container() : dimBox,
                       isSmallBag ? Container() : shipmentWeightBox,
                       LocalTitle(textKey: "box.delivery_address"),
                       DefaultDeliveryAddress(
                         deliveryAddress: _deliveryAddress,
                         labelKey: "box.delivery_address",
+                        onTap: () async {
+                          DeliveryAddress _address = await Navigator.push(
+                              context,
+                              CupertinoPageRoute(
+                                  builder: (context) => DeliveryAddressList(
+                                      isAdminCreation: true,
+                                      deliveryAddress: _deliveryAddress)));
+                          if (_address == null) return;
+                          setState(() {
+                            _deliveryAddress = _address;
+                          });
+                        },
                       ),
                     ]),
               _isNew ? createBtn : saveBtn,
@@ -421,6 +445,82 @@ class _CartonEditorState extends State<CartonEditor> {
     );
   }
 
+  String selectedCatonSize;
+  Widget cartonSizeDropdown() {
+    List<CartonSize> _cartonSizes =
+        Provider.of<CartonSizeModel>(context).cartonSizes;
+
+    List<String> cartonSizes = _cartonSizes.map((e) => e.name).toList();
+    cartonSizes.insert(0, MANAGE_CARTONSIZE);
+
+    return Padding(
+      padding: const EdgeInsets.only(top: 10, bottom: 10),
+      child: Row(
+        children: [
+          Padding(
+            padding: const EdgeInsets.only(left: 0, right: 10),
+            child: Icon(AntDesign.CodeSandbox, color: primaryColor),
+          ),
+          Expanded(
+            child: Column(
+              crossAxisAlignment: CrossAxisAlignment.start,
+              children: [
+                Padding(
+                  padding: const EdgeInsets.only(right: 18.0),
+                  child: LocalText(
+                    context,
+                    "box.carton_size",
+                    color: Colors.black54,
+                    fontSize: 16,
+                  ),
+                ),
+                DropdownButton<String>(
+                  isDense: true,
+                  value: selectedCatonSize,
+                  style: TextStyle(color: Colors.black, fontSize: 14),
+                  underline: Container(
+                    height: 1,
+                    color: Colors.grey,
+                  ),
+                  onChanged: (String newValue) {
+                    setState(() {
+                      if (newValue == MANAGE_CARTONSIZE) {
+                        selectedCatonSize = null;
+                        _manageCartonSize();
+                        return;
+                      }
+                      selectedCatonSize = newValue;
+                    });
+                  },
+                  isExpanded: true,
+                  items:
+                      cartonSizes.map<DropdownMenuItem<String>>((String value) {
+                    return DropdownMenuItem<String>(
+                      value: value,
+                      child: Text(value ?? "",
+                          overflow: TextOverflow.ellipsis,
+                          style: TextStyle(
+                              color: value == MANAGE_CARTONSIZE
+                                  ? secondaryColor
+                                  : primaryColor)),
+                    );
+                  }).toList(),
+                ),
+              ],
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+
+  _manageCartonSize() {
+    Navigator.push<Package>(
+      context,
+      CupertinoPageRoute(builder: (context) => CartonSizeList()),
+    );
+  }
+
   List<Widget> getAddressList(
       BuildContext context, List<DeliveryAddress> addresses) {
     return addresses.asMap().entries.map((s) {

lib/pages/carton_size/carton_size_editor.dart

@@ -0,0 +1,154 @@
+import 'package:fcs/domain/entities/cargo_type.dart';
+import 'package:fcs/domain/entities/carton_size.dart';
+import 'package:fcs/helpers/theme.dart';
+import 'package:fcs/pages/main/util.dart';
+import 'package:fcs/pages/rates/model/shipment_rate_model.dart';
+import 'package:fcs/pages/widgets/input_text.dart';
+import 'package:fcs/pages/widgets/length_picker.dart';
+import 'package:fcs/pages/widgets/local_dropdown.dart';
+import 'package:fcs/pages/widgets/local_text.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 'model/carton_size_model.dart';
+
+class CartonSizeEditor extends StatefulWidget {
+  final CartonSize cartonSize;
+  CartonSizeEditor({this.cartonSize});
+
+  @override
+  _CartonSizeEditorState createState() => _CartonSizeEditorState();
+}
+
+class _CartonSizeEditorState extends State<CartonSizeEditor> {
+  TextEditingController _nameController = new TextEditingController();
+  TextEditingController _widthController = new TextEditingController();
+  TextEditingController _heightController = new TextEditingController();
+  TextEditingController _lengthController = new TextEditingController();
+
+  bool _isLoading = false;
+  CartonSize _cartonSize;
+
+  @override
+  void initState() {
+    super.initState();
+    if (widget.cartonSize != null) {
+      _cartonSize = widget.cartonSize;
+      _nameController.text = _cartonSize.name;
+      _widthController.text = _cartonSize.width.toString();
+      _heightController.text = _cartonSize.height.toString();
+      _lengthController.text = _cartonSize.length.toString();
+    } else {
+      _lengthController.text = "12";
+      _widthController.text = "12";
+      _heightController.text = "12";
+    }
+  }
+
+  @override
+  void dispose() {
+    super.dispose();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    final nameBox = InputText(
+        labelTextKey: 'box.carton_size.name',
+        iconData: Icons.text_format,
+        controller: _nameController);
+
+    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 saveBtn = fcsButton(
+      context,
+      getLocalString(context, 'box.cargo.save.btn'),
+      callack: () async {
+        if (_nameController.text == "") {
+          showMsgDialog(context, "Esrror", "Invalid carton size name!");
+          return;
+        }
+        setState(() {
+          _isLoading = true;
+        });
+        CartonSizeModel cartonSizeModel =
+            Provider.of<CartonSizeModel>(context, listen: false);
+        try {
+          double l = double.parse(_lengthController.text, (s) => 0);
+          double w = double.parse(_widthController.text, (s) => 0);
+          double h = double.parse(_heightController.text, (s) => 0);
+
+          CartonSize _cartonSize = CartonSize(
+              name: _nameController.text, length: l, width: w, height: h);
+          await cartonSizeModel.addCartonSize(_cartonSize);
+          Navigator.pop(context);
+        } catch (e) {
+          showMsgDialog(context, "Error", e.toString());
+        } finally {
+          setState(() {
+            _isLoading = false;
+          });
+        }
+      },
+    );
+    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: LocalText(
+              context,
+              "box.carton_size",
+              fontSize: 20,
+              color: primaryColor,
+            )),
+        body: Container(
+          padding: EdgeInsets.all(18),
+          child: ListView(
+            shrinkWrap: true,
+            children: <Widget>[
+              nameBox,
+              dimBox,
+              SizedBox(height: 40),
+              saveBtn,
+              SizedBox(height: 20),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+}

lib/pages/carton_size/carton_size_list.dart

@@ -0,0 +1,143 @@
+import 'package:fcs/domain/entities/carton_size.dart';
+import 'package:fcs/helpers/theme.dart';
+import 'package:fcs/pages/main/util.dart';
+import 'package:fcs/pages/widgets/local_text.dart';
+import 'package:fcs/pages/widgets/progress.dart';
+import 'package:flutter/cupertino.dart';
+import 'package:flutter/material.dart';
+import 'package:provider/provider.dart';
+import 'carton_size_editor.dart';
+import 'model/carton_size_model.dart';
+
+typedef void FindCallBack();
+
+class CartonSizeList extends StatefulWidget {
+  const CartonSizeList();
+  @override
+  _CartonSizeListState createState() => _CartonSizeListState();
+}
+
+class _CartonSizeListState extends State<CartonSizeList> {
+  bool _isLoading = false;
+
+  @override
+  void initState() {
+    super.initState();
+  }
+
+  List<Widget> showCartonSize(
+      BuildContext context, List<CartonSize> cartonSizes) {
+    return cartonSizes.map((p) {
+      return new ListTile(
+          title: new Row(
+        children: <Widget>[
+          Expanded(
+            child: Column(
+              crossAxisAlignment: CrossAxisAlignment.start,
+              children: [
+                new Text(
+                  p.name,
+                  style: TextStyle(fontSize: 15.0),
+                ),
+                Padding(
+                  padding: const EdgeInsets.only(top: 8.0),
+                  child: new Text(
+                    "(L${p.length}xW${p.width}xH${p.height})",
+                    style: new TextStyle(color: Colors.grey),
+                  ),
+                ),
+                SizedBox(height: 15)
+              ],
+            ),
+          ),
+          Spacer(),
+          IconButton(
+            icon: Icon(Icons.remove, color: primaryColor),
+            onPressed: () => _remove(p),
+          )
+        ],
+      ));
+    }).toList();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    List<CartonSize> cartonSizes =
+        Provider.of<CartonSizeModel>(context).cartonSizes;
+
+    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: LocalText(
+              context,
+              "box.carton_size.title",
+              fontSize: 20,
+              color: primaryColor,
+            ),
+          ),
+          body: Padding(
+            padding: const EdgeInsets.only(left: 12.0, right: 12),
+            child: ListView(
+              children: <Widget>[
+                Row(
+                  mainAxisAlignment: MainAxisAlignment.end,
+                  children: [
+                    Padding(
+                      padding: const EdgeInsets.only(right: 18.0),
+                      child: IconButton(
+                        icon: Icon(Icons.add, color: primaryColor),
+                        onPressed: () {
+                          Navigator.of(context).push<void>(CupertinoPageRoute(
+                              builder: (context) => CartonSizeEditor()));
+                        },
+                      ),
+                    ),
+                  ],
+                ),
+                Column(
+                  children: showCartonSize(context, cartonSizes),
+                ),
+                SizedBox(
+                  height: 10,
+                )
+              ],
+            ),
+          ),
+        ));
+  }
+
+  _remove(CartonSize cartonSize) {
+    if (cartonSize == null) {
+      showMsgDialog(context, "Esrror", "Invalid cartonsize!");
+      return;
+    }
+    showConfirmDialog(context, "box.carton_size_remove.confirm",
+        () => _removeCartonSize(cartonSize));
+  }
+
+  _removeCartonSize(CartonSize cartonSize) async {
+    setState(() {
+      _isLoading = true;
+    });
+    CartonSizeModel cartonSizeModel =
+        Provider.of<CartonSizeModel>(context, listen: false);
+    try {
+      await cartonSizeModel.deleteCartonSize(cartonSize.id);
+    } catch (e) {
+      showMsgDialog(context, "Error", e.toString());
+    } finally {
+      setState(() {
+        _isLoading = false;
+      });
+    }
+  }
+}

lib/pages/carton_size/model/carton_size_model.dart

@@ -0,0 +1,36 @@
+import 'dart:async';
+
+import 'package:cloud_firestore/cloud_firestore.dart';
+import 'package:fcs/domain/entities/carton_size.dart';
+import 'package:fcs/pages/main/model/base_model.dart';
+import 'package:logging/logging.dart';
+
+class CartonSizeModel extends BaseModel {
+  List<CartonSize> cartonSizes = [];
+  final log = Logger('CartonSizeModel');
+
+  StreamSubscription<QuerySnapshot> listener;
+
+  void initUser(user) {
+    super.initUser(user);
+    cartonSizes = [
+      CartonSize(
+          id: "1", name: "FCS Small Box", length: 16, width: 12, height: 12),
+      CartonSize(
+          id: "2", name: "FCS Medium Box", length: 22, width: 16, height: 15),
+      CartonSize(
+          id: "3", name: "FCS Large Box", length: 28, width: 15, height: 16)
+    ];
+  }
+
+  @override
+  logout() async {
+    if (listener != null) await listener.cancel();
+
+    cartonSizes = [];
+  }
+
+  Future<void> addCartonSize(CartonSize cartonSize) async {}
+
+  Future<void> deleteCartonSize(String id) async {}
+}

lib/pages/delivery_address/delivery_address_list.dart

@@ -12,7 +12,11 @@ import 'delivery_address_row.dart';
 import 'model/delivery_address_model.dart';
 
 class DeliveryAddressList extends StatefulWidget {
-  const DeliveryAddressList({Key key}) : super(key: key);
+  final bool isAdminCreation;
+  final DeliveryAddress deliveryAddress;
+  const DeliveryAddressList(
+      {Key key, this.isAdminCreation = false, this.deliveryAddress})
+      : super(key: key);
   @override
   _DeliveryAddressListState createState() => _DeliveryAddressListState();
 }
@@ -80,8 +84,13 @@ class _DeliveryAddressListState extends State<DeliveryAddressList> {
           child: Padding(
             padding: const EdgeInsets.all(10.0),
             child: Icon(Icons.check,
-                color:
+                color: widget.isAdminCreation
-                    deliveryAddress.isDefault ? primaryColor : Colors.black26),
+                    ? widget.deliveryAddress.id == deliveryAddress.id
+                        ? primaryColor
+                        : Colors.black26
+                    : deliveryAddress.isDefault
+                        ? primaryColor
+                        : Colors.black26),
           ),
         ),
         Expanded(
@@ -104,18 +113,24 @@ class _DeliveryAddressListState extends State<DeliveryAddressList> {
   }
 
   Future<void> _select(DeliveryAddress deliveryAddress) async {
-    if (deliveryAddress.isDefault) {
-      Navigator.pop(context);
-      return;
-    }
     setState(() {
       _isLoading = true;
     });
-    var deliveryAddressModel =
+
-        Provider.of<DeliveryAddressModel>(context, listen: false);
     try {
-      await deliveryAddressModel.selectDefalutDeliveryAddress(deliveryAddress);
+      if (widget.isAdminCreation) {
-      Navigator.pop(context);
+        Navigator.pop<DeliveryAddress>(context, deliveryAddress);
+      } else {
+        if (deliveryAddress.isDefault) {
+          Navigator.pop(context);
+          return;
+        }
+        var deliveryAddressModel =
+            Provider.of<DeliveryAddressModel>(context, listen: false);
+        await deliveryAddressModel
+            .selectDefalutDeliveryAddress(deliveryAddress);
+        Navigator.pop(context);
+      }
     } catch (e) {
       showMsgDialog(context, "Error", e.toString());
     } finally {

lib/pages/fcs_shipment/fcs_shipment_editor.dart

@@ -59,6 +59,9 @@ class _FcsShipmentEditorState extends State<FcsShipmentEditor> {
       _consigneeController.text = _shipment.consignee;
       _portController.text = _shipment.port;
       _destinationController.text = _shipment.destination;
+    }else{
+      var mainModel = Provider.of<MainModel>(context,listen: false);
+      _currentShipmentType =mainModel.setting.shipmentTypes[0];
     }
   }
 
@@ -113,11 +116,11 @@ class _FcsShipmentEditorState extends State<FcsShipmentEditor> {
               iconData: Icons.date_range,
               controller: _cutoffDateController,
             ),
-            InputDate(
+            // InputDate(
-              labelTextKey: "FCSshipment.departure_date",
+            //   labelTextKey: "FCSshipment.departure_date",
-              iconData: Icons.date_range,
+            //   iconData: Icons.date_range,
-              controller: _departureDateControler,
+            //   controller: _departureDateControler,
-            ),
+            // ),
             InputDate(
               labelTextKey: "FCSshipment.ETA",
               iconData: Icons.date_range,
@@ -184,13 +187,13 @@ class _FcsShipmentEditorState extends State<FcsShipmentEditor> {
     try {
       var cutoffDate = _cutoffDateController.text;
       var arrivalDate = _arrivalDateController.text;
-      var depDate = _departureDateControler.text;
+      // var depDate = _departureDateControler.text;
       fcsShipment.cutoffDate =
           cutoffDate == "" ? null : dateFormatter.parse(cutoffDate);
       fcsShipment.arrivalDate =
           arrivalDate == "" ? null : dateFormatter.parse(arrivalDate);
-      fcsShipment.departureDate =
+      // fcsShipment.departureDate =
-          depDate == "" ? null : dateFormatter.parse(depDate);
+      //     depDate == "" ? null : dateFormatter.parse(depDate);
     } catch (e) {
       showMsgDialog(context, "Error", e.toString()); // shold never happen
     }
@@ -214,10 +217,10 @@ class _FcsShipmentEditorState extends State<FcsShipmentEditor> {
       await showMsgDialog(context, "Error", "Invalid ETA date!");
       return false;
     }
-    if (fcsShipment.departureDate == null) {
+    // if (fcsShipment.departureDate == null) {
-      await showMsgDialog(context, "Error", "Invalid departure date!");
+    //   await showMsgDialog(context, "Error", "Invalid departure date!");
-      return false;
+    //   return false;
-    }
+    // }
     return true;
   }
 

lib/pages/fcs_shipment/fcs_shipment_info.dart

@@ -159,7 +159,7 @@ class _FcsShipmentInfoState extends State<FcsShipmentInfo> {
                 child: ListView(children: <Widget>[
                   shipmentNumberBox,
                   cutoffDateDBox,
-                  departureDateBox,
+                  // departureDateBox,
                   etaBox,
                   shipTypeBox,
                   consigneeBox,

lib/pages/main/home_page.dart

@@ -24,6 +24,7 @@ import 'package:fcs/pages/package/model/package_model.dart';
 import 'package:fcs/pages/package/package_info.dart';
 import 'package:fcs/pages/package/package_list.dart';
 import 'package:fcs/pages/processing/processing_list.dart';
+import 'package:fcs/pages/rates/shipment_rates.dart';
 import 'package:fcs/pages/receiving/receiving_list.dart';
 import 'package:fcs/pages/shipment/shipment_list.dart';
 import 'package:fcs/pages/staff/staff_list.dart';
@@ -224,6 +225,12 @@ class _HomePageState extends State<HomePage> {
         icon: Octicons.package,
         btnCallback: () => Navigator.of(context).push<void>(
             CupertinoPageRoute(builder: (context) => PackageList())));
+
+    final rateBtnFcs = TaskButton("rate.title",
+        icon: Ionicons.ios_calculator,
+        btnCallback: () => Navigator.of(context).push<void>(
+            CupertinoPageRoute(builder: (context) => ShipmentRates())));
+
     final packagesBtnFcs = TaskButton("package.btn.name",
         icon: Octicons.package,
         btnCallback: () => Navigator.of(context).push<void>(CupertinoPageRoute(
@@ -323,6 +330,7 @@ class _HomePageState extends State<HomePage> {
       widgets.add(shipmentBtn);
       widgets.add(invoicesBtn);
 
+      if (user.hasAdmin() || user.hasSupport()) widgetsFcs.add(rateBtnFcs);
       if (user.hasPackages()) widgetsFcs.add(packagesBtnFcs);
       if (user.hasShipment()) widgetsFcs.add(shipmentBtnFcs);
       if (user.hasInvoices()) widgetsFcs.add(invoicesBtnFcs);
@@ -497,8 +505,7 @@ class _HomePageState extends State<HomePage> {
                       SizedBox(height: 50),
                       BottomWidgets(),
                     ],
-                  ))
+                  ))),
-                  ),
         ),
       ),
     );

lib/pages/processing/model/processing_model.dart

@@ -0,0 +1,37 @@
+import 'dart:async';
+import 'dart:io';
+
+import 'package:cloud_firestore/cloud_firestore.dart';
+import 'package:fcs/domain/entities/package.dart';
+import 'package:fcs/domain/entities/processing.dart';
+import 'package:fcs/pages/main/model/base_model.dart';
+import 'package:logging/logging.dart';
+
+class ProcessingModel extends BaseModel {
+  List<Processing> processings = [];
+  final log = Logger('ProcessingModel');
+
+  StreamSubscription<QuerySnapshot> listener;
+
+  void initUser(user) {
+    super.initUser(user);
+  }
+
+  @override
+  logout() async {
+    if (listener != null) await listener.cancel();
+
+    processings = [];
+  }
+
+  Future<void> createProcessing(Processing carton) {}
+
+  Future<void> updateProcessing(Processing carton) {}
+
+  Future<void> createPackage(Package package, List<File> files) {}
+
+  Future<void> updatePackage(
+      Package package, List<File> files, List<String> deletedUrls) {}
+
+  Future<void> deletePackage(String id) {}
+}

lib/pages/processing/package_editor.dart

@@ -0,0 +1,290 @@
+import 'package:fcs/domain/entities/market.dart';
+import 'package:fcs/domain/entities/package.dart';
+import 'package:fcs/helpers/theme.dart';
+import 'package:fcs/pages/market/market_editor.dart';
+import 'package:fcs/pages/market/model/market_model.dart';
+import 'package:fcs/pages/package/model/package_model.dart';
+import 'package:fcs/pages/package/tracking_id_page.dart';
+import 'package:fcs/pages/main/util.dart';
+import 'package:fcs/pages/widgets/barcode_scanner.dart';
+import 'package:fcs/pages/widgets/input_text.dart';
+import 'package:fcs/pages/widgets/local_text.dart';
+import 'package:fcs/pages/widgets/multi_img_controller.dart';
+import 'package:fcs/pages/widgets/multi_img_file.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:permission_handler/permission_handler.dart';
+import 'package:provider/provider.dart';
+
+import 'model/processing_model.dart';
+
+class PackageEditor extends StatefulWidget {
+  final Package package;
+  PackageEditor({this.package});
+
+  @override
+  _PackageEditorState createState() => _PackageEditorState();
+}
+
+class _PackageEditorState extends State<PackageEditor> {
+  TextEditingController _remarkCtl = new TextEditingController();
+  TextEditingController _descCtl = new TextEditingController();
+  TextEditingController _trackingIDCtl = new TextEditingController();
+
+  bool _isLoading = false;
+  bool _isNew;
+  MultiImgController multiImgController = MultiImgController();
+  Package _package;
+
+  @override
+  void initState() {
+    super.initState();
+    if (widget.package != null) {
+      _isNew = false;
+      _package = widget.package;
+      _trackingIDCtl.text = _package.trackingID;
+      multiImgController.setImageUrls = _package.photoUrls;
+      selectedMarket = _package.market ?? "";
+      _descCtl.text = _package.desc;
+      _remarkCtl.text = _package.remark;
+    } else {
+      _isNew = true;
+    }
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    final trackingIDBox = Container(
+        child: Row(
+      crossAxisAlignment: CrossAxisAlignment.end,
+      children: <Widget>[
+        Expanded(
+            child: InputText(
+          iconData: MaterialCommunityIcons.barcode_scan,
+          labelTextKey: "processing.tracking.id",
+          controller: _trackingIDCtl,
+        )),
+        InkWell(
+          onTap: _scan,
+          child: Padding(
+            padding: const EdgeInsets.all(8.0),
+            child: Column(
+              children: [
+                Icon(
+                  MaterialCommunityIcons.barcode_scan,
+                  color: primaryColor,
+                ),
+                Text("Scan")
+              ],
+            ),
+          ),
+        ),
+      ],
+    ));
+
+    final descBox = InputText(
+        labelTextKey: 'processing.desc',
+        iconData: MaterialCommunityIcons.message_text_outline,
+        controller: _descCtl);
+
+    final remarkBox = InputText(
+        labelTextKey: 'processing.remark',
+        iconData: Entypo.new_message,
+        controller: _remarkCtl);
+
+    final img = MultiImageFile(
+      enabled: true,
+      controller: multiImgController,
+      title: "Receipt File",
+    );
+
+    final selectBtn = fcsButton(
+      context,
+      getLocalString(context, 'processing.package.select.btn'),
+      callack: _selectPackage,
+    );
+    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.package == null
+              ? LocalText(
+                  context,
+                  "processing.package.create",
+                  fontSize: 20,
+                  color: primaryColor,
+                )
+              : LocalText(
+                  context,
+                  "processing.package.update",
+                  fontSize: 20,
+                  color: primaryColor,
+                ),
+        ),
+        body: Padding(
+          padding: const EdgeInsets.all(8.0),
+          child: ListView(
+            children: [
+              trackingIDBox,
+              SizedBox(
+                height: 10,
+              ),
+              img,
+              Divider(),
+              SizedBox(
+                height: 15,
+              ),
+              marketDropdown(),
+              descBox,
+              remarkBox,
+              SizedBox(
+                height: 20,
+              ),
+              selectBtn,
+              SizedBox(
+                height: 20,
+              )
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+
+  String selectedMarket;
+  Widget marketDropdown() {
+    List<Market> _markets = Provider.of<MarketModel>(context).markets;
+    List<String> markets = _markets.map((e) => e.name).toList();
+    markets.insert(0, MANAGE_MARKET);
+    if (!markets.contains(selectedMarket)) {
+      markets.insert(0, selectedMarket);
+    }
+
+    return Row(
+      children: [
+        Padding(
+          padding: const EdgeInsets.only(left: 0, right: 10),
+          child: Icon(Icons.store, color: primaryColor),
+        ),
+        Expanded(
+          child: Column(
+            crossAxisAlignment: CrossAxisAlignment.start,
+            children: [
+              Padding(
+                padding: const EdgeInsets.only(right: 18.0),
+                child: LocalText(
+                  context,
+                  "processing.market",
+                  color: Colors.black54,
+                  fontSize: 16,
+                ),
+              ),
+              DropdownButton<String>(
+                isDense: true,
+                value: selectedMarket,
+                style: TextStyle(color: Colors.black, fontSize: 14),
+                underline: Container(
+                  height: 1,
+                  color: Colors.grey,
+                ),
+                onChanged: (String newValue) {
+                  setState(() {
+                    if (newValue == MANAGE_MARKET) {
+                      selectedMarket = null;
+                      _manageMarket();
+                      return;
+                    }
+                    selectedMarket = newValue;
+                  });
+                },
+                isExpanded: true,
+                items: markets.map<DropdownMenuItem<String>>((String value) {
+                  return DropdownMenuItem<String>(
+                    value: value,
+                    child: Text(value ?? "",
+                        overflow: TextOverflow.ellipsis,
+                        style: TextStyle(
+                            color: value == MANAGE_MARKET
+                                ? secondaryColor
+                                : primaryColor)),
+                  );
+                }).toList(),
+              ),
+            ],
+          ),
+        ),
+      ],
+    );
+  }
+
+  _manageMarket() {
+    Navigator.push<Package>(
+      context,
+      CupertinoPageRoute(builder: (context) => MarketEditor()),
+    );
+  }
+
+  _scan() async {
+    PermissionStatus permission =
+        await PermissionHandler().checkPermissionStatus(PermissionGroup.camera);
+    if (permission != PermissionStatus.granted) {
+      Map<PermissionGroup, PermissionStatus> permissions =
+          await PermissionHandler()
+              .requestPermissions([PermissionGroup.camera]);
+      if (permissions[PermissionGroup.camera] != PermissionStatus.granted) {
+        showMsgDialog(context, "Error", "Camera permission is not granted");
+        return null;
+      }
+    }
+
+    try {
+      String barcode = await scanBarcode();
+      if (barcode != null) {
+        setState(() {
+          _trackingIDCtl.text = barcode;
+        });
+      }
+    } catch (e) {
+      print('error: $e');
+    }
+  }
+
+  _selectPackage() async {
+    Package package = Package();
+    package.id = _package.id;
+    package.trackingID = _package.trackingID;
+    package.market = selectedMarket;
+    package.desc = _descCtl.text;
+    package.remark = _remarkCtl.text;
+    setState(() {
+      _isLoading = true;
+    });
+    ProcessingModel processingModel =
+        Provider.of<ProcessingModel>(context, listen: false);
+    try {
+      if (_isNew) {
+        await processingModel.createPackage(
+            package, multiImgController.getAddedFile);
+      } else {
+        await processingModel.updatePackage(package,
+            multiImgController.getAddedFile, multiImgController.getDeletedUrl);
+      }
+      Navigator.pop(context, true);
+    } catch (e) {
+      showMsgDialog(context, "Error", e.toString());
+    } finally {
+      setState(() {
+        _isLoading = false;
+      });
+    }
+  }
+}

lib/pages/processing/processing_editor.dart

@@ -1,69 +1,72 @@
-import 'package:fcs/domain/entities/market.dart';
+import 'dart:io';
+
 import 'package:fcs/domain/entities/package.dart';
+import 'package:fcs/domain/entities/processing.dart';
 import 'package:fcs/domain/entities/user.dart';
 import 'package:fcs/helpers/theme.dart';
-import 'package:fcs/pages/market/market_editor.dart';
+import 'package:fcs/pages/carton/carton_package_table.dart';
-import 'package:fcs/pages/market/model/market_model.dart';
-import 'package:fcs/pages/package/model/package_model.dart';
-import 'package:fcs/pages/package/tracking_id_page.dart';
 import 'package:fcs/pages/main/util.dart';
+import 'package:fcs/pages/package/model/package_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/display_text.dart';
 import 'package:fcs/pages/widgets/fcs_id_icon.dart';
-import 'package:fcs/pages/widgets/input_text.dart';
 import 'package:fcs/pages/widgets/local_text.dart';
-import 'package:fcs/pages/widgets/multi_img_controller.dart';
-import 'package:fcs/pages/widgets/multi_img_file.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:intl/intl.dart';
 import 'package:provider/provider.dart';
 
-class ProcessingEditor extends StatefulWidget {
+import 'model/processing_model.dart';
-  final Package package;
+import 'package_editor.dart';
-  ProcessingEditor({this.package});
 
+class ProcesingEditor extends StatefulWidget {
+  final Processing processing;
+  const ProcesingEditor({this.processing});
   @override
-  _ProcessingEditorState createState() => _ProcessingEditorState();
+  _ProcesingEditorState createState() => _ProcesingEditorState();
 }
 
-class _ProcessingEditorState extends State<ProcessingEditor> {
+class _ProcesingEditorState extends State<ProcesingEditor> {
-  TextEditingController _remarkCtl = new TextEditingController();
+  Processing processing = Processing();
-  TextEditingController _descCtl = new TextEditingController();
-
-  Package _package;
-  User _user;
   bool _isLoading = false;
+  bool _isNew;
+  User user;
+  User shipper;
+  List<Package> packages = [];
 
   @override
   void initState() {
     super.initState();
-    _package = widget.package;
+    _isNew = widget.processing == null;
-    selectedMarket = _package.market ?? "";
+    if (!_isNew) {
-    _descCtl.text = _package.desc;
+      processing = widget.processing;
-    _remarkCtl.text = _package.remark;
+      user = User(
-    multiImgController.setImageUrls = _package.photoUrls;
+          fcsID: processing.userID,
-    _user = User(
+          name: processing.userName,
-        fcsID: _package.fcsID ?? "",
+          phoneNumber: processing.userPhoneNumber);
-        name: _package.userName ?? "",
+      shipper = User(
-        phoneNumber: _package.phoneNumber ?? "");
+          fcsID: processing.fcsID,
+          name: processing.shipperName,
+          phoneNumber: processing.shipperPhoneNumber);
+      packages = processing.packages;
+    } else {
+      packages = [
+        Package(trackingID: "REC 4", market: "New Market"),
+        Package(trackingID: "REC 3", market: "Macy"),
+        Package(trackingID: "REC 2", market: "New Market"),
+        Package(trackingID: "REC 1", market: "New Market")
+      ];
+    }
   }
 
-  final DateFormat dateFormat = DateFormat("d MMM yyyy");
-
-  bool isNew = false;
-  MultiImgController multiImgController = MultiImgController();
-
   @override
   Widget build(BuildContext context) {
     var fcsIDBox = Row(
       children: <Widget>[
         Expanded(
             child: DisplayText(
-          text: _user.fcsID,
+          text: user != null ? user.fcsID : "",
           labelTextKey: "processing.fcs.id",
           icon: FcsIDIcon(),
         )),
@@ -71,184 +74,261 @@ class _ProcessingEditorState extends State<ProcessingEditor> {
             icon: Icon(Icons.search, color: primaryColor),
             onPressed: () => searchUser(context, callbackUserSelect: (u) {
                   setState(() {
-                    this._user = u;
+                    this.user = u;
                   });
                 })),
       ],
     );
-    final namebox = DisplayText(
+
-      text: _user.name,
-      labelTextKey: "processing.name",
-      iconData: Icons.person,
-    );
     final phoneNumberBox = DisplayText(
-      text: _user.phoneNumber,
+      text: user != null ? user.phoneNumber : "",
       labelTextKey: "processing.phone",
+      maxLines: 2,
       iconData: Icons.phone,
     );
 
-    final trackingIdBox = DisplayText(
+    final namebox = DisplayText(
-      text: _package.trackingID,
+      text: user != null ? user.name : "",
-      labelTextKey: "processing.tracking.id",
+      labelTextKey: "processing.consignee.name",
-      iconData: MaterialCommunityIcons.barcode_scan,
+      maxLines: 2,
+      iconData: Icons.person,
     );
-    final completeProcessingBtn = fcsButton(
-      context,
-      getLocalString(context, 'processing.edit.complete.btn'),
-      callack: _completeProcessing,
-    );
-    final descBox = InputText(
-        labelTextKey: 'processing.desc',
-        iconData: MaterialCommunityIcons.message_text_outline,
-        controller: _descCtl);
-    final remarkBox = InputText(
-        labelTextKey: 'processing.remark',
-        iconData: Entypo.new_message,
-        controller: _remarkCtl);
 
-    final img = MultiImageFile(
+    final consigneeBox = Container(
-      enabled: true,
+      child: Column(
-      controller: multiImgController,
+        children: [
-      title: "Receipt File",
+          fcsIDBox,
-    );
+          phoneNumberBox,
-    return LocalProgress(
+          namebox,
-      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: LocalText(
-            context,
-            "processing.edit.title",
-            fontSize: 20,
-            color: primaryColor,
-          ),
-        ),
-        body: Padding(
-          padding: const EdgeInsets.all(8.0),
-          child: ListView(
-            children: [
-              trackingIdBox,
-              fcsIDBox,
-              namebox,
-              phoneNumberBox,
-              marketDropdown(),
-              descBox,
-              remarkBox,
-              img,
-              completeProcessingBtn,
-              SizedBox(
-                height: 20,
-              )
-            ],
-          ),
-        ),
       ),
     );
-  }
 
-  String selectedMarket;
+    var shipperIDBox = Row(
-  Widget marketDropdown() {
+      children: <Widget>[
-    List<Market> _markets = Provider.of<MarketModel>(context).markets;
+        Expanded(
-    List<String> markets = _markets.map((e) => e.name).toList();
+            child: DisplayText(
-    markets.insert(0, MANAGE_MARKET);
+          text: shipper != null ? shipper.fcsID : "",
-    if (!markets.contains(selectedMarket)) {
+          labelTextKey: "processing.fcs.id",
-      markets.insert(0, selectedMarket);
+          icon: FcsIDIcon(),
-    }
+        )),
+        IconButton(
+            icon: Icon(Icons.search, color: primaryColor),
+            onPressed: () => searchUser(context, callbackUserSelect: (u) {
+                  setState(() {
+                    this.shipper = u;
+                  });
+                })),
+      ],
+    );
 
-    return Padding(
+    final shipperPhoneNumberBox = DisplayText(
-      padding: const EdgeInsets.only(left: 5.0, right: 0),
+      text: shipper != null ? shipper.phoneNumber : "",
-      child: Row(
+      labelTextKey: "processing.phone",
+      maxLines: 2,
+      iconData: Icons.phone,
+    );
+
+    final shipperNamebox = DisplayText(
+      text: shipper != null ? shipper.name : "",
+      labelTextKey: "processing.shipper.name",
+      maxLines: 2,
+      iconData: Icons.person,
+    );
+
+    final shipperBox = Container(
+      child: Column(
         children: [
-          Padding(
+          shipperIDBox,
-            padding: const EdgeInsets.only(left: 0, right: 10),
+          shipperPhoneNumberBox,
-            child: Icon(Icons.store, color: primaryColor),
+          shipperNamebox,
+        ],
+      ),
+    );
+
+    final packageTitleBox = Container(
+      child: Row(
+        mainAxisAlignment: MainAxisAlignment.end,
+        children: [
+          Text("Packages (${packages.length})"),
+          IconButton(
+              icon: Icon(
+                Icons.add_circle,
+                color: primaryColor,
+              ),
+              onPressed: () async {
+                Navigator.push(
+                  context,
+                  CupertinoPageRoute(builder: (context) => PackageEditor()),
+                );
+              }),
+        ],
+      ),
+    );
+
+    final createButton = fcsButton(
+      context,
+      getLocalString(context, 'processing.edit.complete.btn'),
+      callack: _save,
+    );
+
+    final updateButton = fcsButton(
+      context,
+      getLocalString(context, 'processing.edit.complete.btn'),
+      callack: _save,
+    );
+
+    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: LocalText(
+              context,
+              _isNew ? "processing.create" : "processing.update",
+              fontSize: 20,
+              color: primaryColor,
+            ),
           ),
-          Expanded(
+          body: Padding(
-            child: Column(
+            padding: const EdgeInsets.only(left: 12.0, right: 12),
-              crossAxisAlignment: CrossAxisAlignment.start,
+            child: ListView(
-              children: [
+              children: <Widget>[
-                Padding(
+                SizedBox(
-                  padding: const EdgeInsets.only(right: 18.0),
+                  height: 10,
-                  child: LocalText(
-                    context,
-                    "processing.market",
-                    color: Colors.black54,
-                    fontSize: 16,
-                  ),
                 ),
-                DropdownButton<String>(
+                Row(
-                  isDense: true,
+                  children: [
-                  value: selectedMarket,
+                    Flexible(child: consigneeBox),
-                  style: TextStyle(color: Colors.black, fontSize: 14),
+                    Flexible(child: shipperBox)
-                  underline: Container(
+                  ],
-                    height: 1,
+                ),
-                    color: Colors.grey,
+                Divider(),
-                  ),
+                packageTitleBox,
-                  onChanged: (String newValue) {
+                Column(
-                    setState(() {
+                  crossAxisAlignment: CrossAxisAlignment.start,
-                      if (newValue == MANAGE_MARKET) {
+                  children: _getPackages(context, packages),
-                        selectedMarket = null;
+                ),
-                        _manageMarket();
+                SizedBox(
-                        return;
+                  height: 20,
-                      }
+                ),
-                      selectedMarket = newValue;
+                _isNew ? createButton : updateButton,
-                    });
+                SizedBox(
-                  },
+                  height: 10,
-                  isExpanded: true,
-                  items: markets.map<DropdownMenuItem<String>>((String value) {
-                    return DropdownMenuItem<String>(
-                      value: value,
-                      child: Text(value ?? "",
-                          overflow: TextOverflow.ellipsis,
-                          style: TextStyle(
-                              color: value == MANAGE_MARKET
-                                  ? secondaryColor
-                                  : primaryColor)),
-                    );
-                  }).toList(),
                 ),
               ],
             ),
           ),
-        ],
+        ));
-      ),
-    );
   }
 
-  _manageMarket() {
+  List<Widget> _getPackages(BuildContext context, List<Package> packages) {
-    Navigator.push<Package>(
+    return packages.map((p) {
-      context,
+      return Container(
-      CupertinoPageRoute(builder: (context) => MarketEditor()),
+        decoration: BoxDecoration(
-    );
+          border: Border(
+            bottom: BorderSide(color: Colors.grey[300]),
+          ),
+        ),
+        child: InkWell(
+          onTap: () {
+            Navigator.of(context).push(CupertinoPageRoute(
+                builder: (context) => PackageEditor(package: p)));
+          },
+          child: Row(
+            children: <Widget>[
+              Expanded(
+                child: new Padding(
+                  padding: const EdgeInsets.symmetric(vertical: 5.0),
+                  child: new Row(
+                    children: <Widget>[
+                      new Padding(
+                        padding: new EdgeInsets.symmetric(
+                            horizontal: 30.0 - 15.0 / 2),
+                        child: Stack(
+                          alignment: AlignmentDirectional.bottomEnd,
+                          children: [
+                            Icon(
+                              Octicons.package,
+                              color: primaryColor,
+                              size: 30,
+                            ),
+                          ],
+                        ),
+                      ),
+                      new Expanded(
+                        child: new Column(
+                          crossAxisAlignment: CrossAxisAlignment.start,
+                          children: <Widget>[
+                            new Text(
+                              p.trackingID,
+                              style: new TextStyle(fontSize: 15.0),
+                            ),
+                          ],
+                        ),
+                      ),
+                      IconButton(
+                        icon: Icon(Icons.remove, color: primaryColor),
+                        onPressed: () => _remove(p),
+                      )
+                    ],
+                  ),
+                ),
+              ),
+            ],
+          ),
+        ),
+      );
+    }).toList();
   }
 
-  _completeProcessing() async {
+  _remove(Package package) {
-    if (_descCtl.text == "") {
+    if (package == null) {
-      showMsgDialog(context, "Error", "Expected some description");
+      showMsgDialog(context, "Esrror", "Invalid package!");
-      return;
-    }
-    if (_user.fcsID == null || _user.fcsID == "") {
-      showMsgDialog(context, "Error", "Expected FCS-ID");
       return;
     }
+    showConfirmDialog(context, "processing.package.delete_confirm",
+        () => _removePackage(package));
+  }
+
+  _removePackage(Package package) async {
     setState(() {
       _isLoading = true;
     });
-    PackageModel packageModel =
+    ProcessingModel processingModel =
-        Provider.of<PackageModel>(context, listen: false);
+        Provider.of<ProcessingModel>(context, listen: false);
     try {
-      _package.fcsID = _user.fcsID;
+      await processingModel.deletePackage(package.id);
-      _package.desc = _descCtl.text;
+    } catch (e) {
-      _package.remark = _remarkCtl.text;
+      showMsgDialog(context, "Error", e.toString());
-      _package.market = selectedMarket;
+    } finally {
-      await packageModel.updateProcessing(_package,
+      setState(() {
-          multiImgController.getAddedFile, multiImgController.getDeletedUrl);
+        _isLoading = false;
+      });
+    }
+  }
+
+  _save() async {
+    setState(() {
+      _isLoading = true;
+    });
+
+    ProcessingModel processingModel =
+        Provider.of<ProcessingModel>(context, listen: false);
+    try {
+      if (_isNew) {
+        await processingModel.createProcessing(processing);
+      } else {
+        processing.id = widget.processing.id;
+        await processingModel.updateProcessing(processing);
+      }
       Navigator.pop(context);
     } catch (e) {
       showMsgDialog(context, "Error", e.toString());

lib/pages/processing/processing_editor_old.dart

@@ -0,0 +1,261 @@
+import 'package:fcs/domain/entities/market.dart';
+import 'package:fcs/domain/entities/package.dart';
+import 'package:fcs/domain/entities/user.dart';
+import 'package:fcs/helpers/theme.dart';
+import 'package:fcs/pages/market/market_editor.dart';
+import 'package:fcs/pages/market/model/market_model.dart';
+import 'package:fcs/pages/package/model/package_model.dart';
+import 'package:fcs/pages/package/tracking_id_page.dart';
+import 'package:fcs/pages/main/util.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/display_text.dart';
+import 'package:fcs/pages/widgets/fcs_id_icon.dart';
+import 'package:fcs/pages/widgets/input_text.dart';
+import 'package:fcs/pages/widgets/local_text.dart';
+import 'package:fcs/pages/widgets/multi_img_controller.dart';
+import 'package:fcs/pages/widgets/multi_img_file.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:intl/intl.dart';
+import 'package:provider/provider.dart';
+
+class ProcessingEditor extends StatefulWidget {
+  final Package package;
+  ProcessingEditor({this.package});
+
+  @override
+  _ProcessingEditorState createState() => _ProcessingEditorState();
+}
+
+class _ProcessingEditorState extends State<ProcessingEditor> {
+  TextEditingController _remarkCtl = new TextEditingController();
+  TextEditingController _descCtl = new TextEditingController();
+
+  Package _package;
+  User _user;
+  bool _isLoading = false;
+
+  @override
+  void initState() {
+    super.initState();
+    _package = widget.package;
+    selectedMarket = _package.market ?? "";
+    _descCtl.text = _package.desc;
+    _remarkCtl.text = _package.remark;
+    multiImgController.setImageUrls = _package.photoUrls;
+    _user = User(
+        fcsID: _package.fcsID ?? "",
+        name: _package.userName ?? "",
+        phoneNumber: _package.phoneNumber ?? "");
+  }
+
+  final DateFormat dateFormat = DateFormat("d MMM yyyy");
+
+  bool isNew = false;
+  MultiImgController multiImgController = MultiImgController();
+
+  @override
+  Widget build(BuildContext context) {
+    var fcsIDBox = Row(
+      children: <Widget>[
+        Expanded(
+            child: DisplayText(
+          text: _user.fcsID,
+          labelTextKey: "processing.fcs.id",
+          icon: FcsIDIcon(),
+        )),
+        IconButton(
+            icon: Icon(Icons.search, color: primaryColor),
+            onPressed: () => searchUser(context, callbackUserSelect: (u) {
+                  setState(() {
+                    this._user = u;
+                  });
+                })),
+      ],
+    );
+    final namebox = DisplayText(
+      text: _user.name,
+      labelTextKey: "processing.name",
+      iconData: Icons.person,
+    );
+    final phoneNumberBox = DisplayText(
+      text: _user.phoneNumber,
+      labelTextKey: "processing.phone",
+      iconData: Icons.phone,
+    );
+
+    final trackingIdBox = DisplayText(
+      text: _package.trackingID,
+      labelTextKey: "processing.tracking.id",
+      iconData: MaterialCommunityIcons.barcode_scan,
+    );
+    final completeProcessingBtn = fcsButton(
+      context,
+      getLocalString(context, 'processing.edit.complete.btn'),
+      callack: _completeProcessing,
+    );
+    final descBox = InputText(
+        labelTextKey: 'processing.desc',
+        iconData: MaterialCommunityIcons.message_text_outline,
+        controller: _descCtl);
+    final remarkBox = InputText(
+        labelTextKey: 'processing.remark',
+        iconData: Entypo.new_message,
+        controller: _remarkCtl);
+
+    final img = MultiImageFile(
+      enabled: true,
+      controller: multiImgController,
+      title: "Receipt File",
+    );
+    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: LocalText(
+            context,
+            "processing.edit.title",
+            fontSize: 20,
+            color: primaryColor,
+          ),
+        ),
+        body: Padding(
+          padding: const EdgeInsets.all(8.0),
+          child: ListView(
+            children: [
+              trackingIdBox,
+              fcsIDBox,
+              namebox,
+              phoneNumberBox,
+              marketDropdown(),
+              descBox,
+              remarkBox,
+              img,
+              completeProcessingBtn,
+              SizedBox(
+                height: 20,
+              )
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+
+  String selectedMarket;
+  Widget marketDropdown() {
+    List<Market> _markets = Provider.of<MarketModel>(context).markets;
+    List<String> markets = _markets.map((e) => e.name).toList();
+    markets.insert(0, MANAGE_MARKET);
+    if (!markets.contains(selectedMarket)) {
+      markets.insert(0, selectedMarket);
+    }
+
+    return Padding(
+      padding: const EdgeInsets.only(left: 5.0, right: 0),
+      child: Row(
+        children: [
+          Padding(
+            padding: const EdgeInsets.only(left: 0, right: 10),
+            child: Icon(Icons.store, color: primaryColor),
+          ),
+          Expanded(
+            child: Column(
+              crossAxisAlignment: CrossAxisAlignment.start,
+              children: [
+                Padding(
+                  padding: const EdgeInsets.only(right: 18.0),
+                  child: LocalText(
+                    context,
+                    "processing.market",
+                    color: Colors.black54,
+                    fontSize: 16,
+                  ),
+                ),
+                DropdownButton<String>(
+                  isDense: true,
+                  value: selectedMarket,
+                  style: TextStyle(color: Colors.black, fontSize: 14),
+                  underline: Container(
+                    height: 1,
+                    color: Colors.grey,
+                  ),
+                  onChanged: (String newValue) {
+                    setState(() {
+                      if (newValue == MANAGE_MARKET) {
+                        selectedMarket = null;
+                        _manageMarket();
+                        return;
+                      }
+                      selectedMarket = newValue;
+                    });
+                  },
+                  isExpanded: true,
+                  items: markets.map<DropdownMenuItem<String>>((String value) {
+                    return DropdownMenuItem<String>(
+                      value: value,
+                      child: Text(value ?? "",
+                          overflow: TextOverflow.ellipsis,
+                          style: TextStyle(
+                              color: value == MANAGE_MARKET
+                                  ? secondaryColor
+                                  : primaryColor)),
+                    );
+                  }).toList(),
+                ),
+              ],
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+
+  _manageMarket() {
+    Navigator.push<Package>(
+      context,
+      CupertinoPageRoute(builder: (context) => MarketEditor()),
+    );
+  }
+
+  _completeProcessing() async {
+    if (_descCtl.text == "") {
+      showMsgDialog(context, "Error", "Expected some description");
+      return;
+    }
+    if (_user.fcsID == null || _user.fcsID == "") {
+      showMsgDialog(context, "Error", "Expected FCS-ID");
+      return;
+    }
+    setState(() {
+      _isLoading = true;
+    });
+    PackageModel packageModel =
+        Provider.of<PackageModel>(context, listen: false);
+    try {
+      _package.fcsID = _user.fcsID;
+      _package.desc = _descCtl.text;
+      _package.remark = _remarkCtl.text;
+      _package.market = selectedMarket;
+      await packageModel.updateProcessing(_package,
+          multiImgController.getAddedFile, multiImgController.getDeletedUrl);
+      Navigator.pop(context);
+    } catch (e) {
+      showMsgDialog(context, "Error", e.toString());
+    } finally {
+      setState(() {
+        _isLoading = false;
+      });
+    }
+  }
+}

lib/pages/processing/processing_info.dart

@@ -16,7 +16,7 @@ import 'package:flutter_icons/flutter_icons.dart';
 import 'package:intl/intl.dart';
 import 'package:provider/provider.dart';
 
-import 'processing_editor.dart';
+import 'processing_editor_old.dart';
 
 final DateFormat dateFormat = DateFormat("d MMM yyyy");
 

lib/pages/processing/processing_list.dart

@@ -1,6 +1,5 @@
 import 'package:fcs/domain/entities/package.dart';
 import 'package:fcs/helpers/theme.dart';
-import 'package:fcs/pages/main/model/main_model.dart';
 import 'package:fcs/pages/package/model/package_model.dart';
 import 'package:fcs/pages/package_search/package_serach.dart';
 import 'package:fcs/pages/widgets/local_text.dart';
@@ -10,6 +9,7 @@ import 'package:flutter/cupertino.dart';
 import 'package:flutter/material.dart';
 import 'package:provider/provider.dart';
 
+import 'processing_editor.dart';
 import 'processing_info.dart';
 import 'processing_list_row.dart';
 
@@ -64,6 +64,14 @@ class _ProcessingListState extends State<ProcessingList> {
               ),
             ],
           ),
+          floatingActionButton: FloatingActionButton.extended(
+            onPressed: () {
+              _newProcessing();
+            },
+            icon: Icon(Icons.add),
+            label: LocalText(context, "processing.new", color: Colors.white),
+            backgroundColor: primaryColor,
+          ),
           body: PaginatorListView<Package>(
             paginatorListener: packages,
             rowBuilder: (p) => ProcessingListRow(
@@ -85,4 +93,11 @@ class _ProcessingListState extends State<ProcessingList> {
           builder: (context) => ProcessingInfo(package: _package)),
     );
   }
+
+  _newProcessing() {
+    Navigator.push(
+      context,
+      CupertinoPageRoute(builder: (context) => ProcesingEditor()),
+    );
+  }
 }

lib/pages/processing_old/processing_editor.dart

@@ -0,0 +1,261 @@
+import 'package:fcs/domain/entities/market.dart';
+import 'package:fcs/domain/entities/package.dart';
+import 'package:fcs/domain/entities/user.dart';
+import 'package:fcs/helpers/theme.dart';
+import 'package:fcs/pages/market/market_editor.dart';
+import 'package:fcs/pages/market/model/market_model.dart';
+import 'package:fcs/pages/package/model/package_model.dart';
+import 'package:fcs/pages/package/tracking_id_page.dart';
+import 'package:fcs/pages/main/util.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/display_text.dart';
+import 'package:fcs/pages/widgets/fcs_id_icon.dart';
+import 'package:fcs/pages/widgets/input_text.dart';
+import 'package:fcs/pages/widgets/local_text.dart';
+import 'package:fcs/pages/widgets/multi_img_controller.dart';
+import 'package:fcs/pages/widgets/multi_img_file.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:intl/intl.dart';
+import 'package:provider/provider.dart';
+
+class ProcessingEditor extends StatefulWidget {
+  final Package package;
+  ProcessingEditor({this.package});
+
+  @override
+  _ProcessingEditorState createState() => _ProcessingEditorState();
+}
+
+class _ProcessingEditorState extends State<ProcessingEditor> {
+  TextEditingController _remarkCtl = new TextEditingController();
+  TextEditingController _descCtl = new TextEditingController();
+
+  Package _package;
+  User _user;
+  bool _isLoading = false;
+
+  @override
+  void initState() {
+    super.initState();
+    _package = widget.package;
+    selectedMarket = _package.market ?? "";
+    _descCtl.text = _package.desc;
+    _remarkCtl.text = _package.remark;
+    multiImgController.setImageUrls = _package.photoUrls;
+    _user = User(
+        fcsID: _package.fcsID ?? "",
+        name: _package.userName ?? "",
+        phoneNumber: _package.phoneNumber ?? "");
+  }
+
+  final DateFormat dateFormat = DateFormat("d MMM yyyy");
+
+  bool isNew = false;
+  MultiImgController multiImgController = MultiImgController();
+
+  @override
+  Widget build(BuildContext context) {
+    var fcsIDBox = Row(
+      children: <Widget>[
+        Expanded(
+            child: DisplayText(
+          text: _user.fcsID,
+          labelTextKey: "processing.fcs.id",
+          icon: FcsIDIcon(),
+        )),
+        IconButton(
+            icon: Icon(Icons.search, color: primaryColor),
+            onPressed: () => searchUser(context, callbackUserSelect: (u) {
+                  setState(() {
+                    this._user = u;
+                  });
+                })),
+      ],
+    );
+    final namebox = DisplayText(
+      text: _user.name,
+      labelTextKey: "processing.name",
+      iconData: Icons.person,
+    );
+    final phoneNumberBox = DisplayText(
+      text: _user.phoneNumber,
+      labelTextKey: "processing.phone",
+      iconData: Icons.phone,
+    );
+
+    final trackingIdBox = DisplayText(
+      text: _package.trackingID,
+      labelTextKey: "processing.tracking.id",
+      iconData: MaterialCommunityIcons.barcode_scan,
+    );
+    final completeProcessingBtn = fcsButton(
+      context,
+      getLocalString(context, 'processing.edit.complete.btn'),
+      callack: _completeProcessing,
+    );
+    final descBox = InputText(
+        labelTextKey: 'processing.desc',
+        iconData: MaterialCommunityIcons.message_text_outline,
+        controller: _descCtl);
+    final remarkBox = InputText(
+        labelTextKey: 'processing.remark',
+        iconData: Entypo.new_message,
+        controller: _remarkCtl);
+
+    final img = MultiImageFile(
+      enabled: true,
+      controller: multiImgController,
+      title: "Receipt File",
+    );
+    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: LocalText(
+            context,
+            "processing.edit.title",
+            fontSize: 20,
+            color: primaryColor,
+          ),
+        ),
+        body: Padding(
+          padding: const EdgeInsets.all(8.0),
+          child: ListView(
+            children: [
+              trackingIdBox,
+              fcsIDBox,
+              namebox,
+              phoneNumberBox,
+              marketDropdown(),
+              descBox,
+              remarkBox,
+              img,
+              completeProcessingBtn,
+              SizedBox(
+                height: 20,
+              )
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+
+  String selectedMarket;
+  Widget marketDropdown() {
+    List<Market> _markets = Provider.of<MarketModel>(context).markets;
+    List<String> markets = _markets.map((e) => e.name).toList();
+    markets.insert(0, MANAGE_MARKET);
+    if (!markets.contains(selectedMarket)) {
+      markets.insert(0, selectedMarket);
+    }
+
+    return Padding(
+      padding: const EdgeInsets.only(left: 5.0, right: 0),
+      child: Row(
+        children: [
+          Padding(
+            padding: const EdgeInsets.only(left: 0, right: 10),
+            child: Icon(Icons.store, color: primaryColor),
+          ),
+          Expanded(
+            child: Column(
+              crossAxisAlignment: CrossAxisAlignment.start,
+              children: [
+                Padding(
+                  padding: const EdgeInsets.only(right: 18.0),
+                  child: LocalText(
+                    context,
+                    "processing.market",
+                    color: Colors.black54,
+                    fontSize: 16,
+                  ),
+                ),
+                DropdownButton<String>(
+                  isDense: true,
+                  value: selectedMarket,
+                  style: TextStyle(color: Colors.black, fontSize: 14),
+                  underline: Container(
+                    height: 1,
+                    color: Colors.grey,
+                  ),
+                  onChanged: (String newValue) {
+                    setState(() {
+                      if (newValue == MANAGE_MARKET) {
+                        selectedMarket = null;
+                        _manageMarket();
+                        return;
+                      }
+                      selectedMarket = newValue;
+                    });
+                  },
+                  isExpanded: true,
+                  items: markets.map<DropdownMenuItem<String>>((String value) {
+                    return DropdownMenuItem<String>(
+                      value: value,
+                      child: Text(value ?? "",
+                          overflow: TextOverflow.ellipsis,
+                          style: TextStyle(
+                              color: value == MANAGE_MARKET
+                                  ? secondaryColor
+                                  : primaryColor)),
+                    );
+                  }).toList(),
+                ),
+              ],
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+
+  _manageMarket() {
+    Navigator.push<Package>(
+      context,
+      CupertinoPageRoute(builder: (context) => MarketEditor()),
+    );
+  }
+
+  _completeProcessing() async {
+    if (_descCtl.text == "") {
+      showMsgDialog(context, "Error", "Expected some description");
+      return;
+    }
+    if (_user.fcsID == null || _user.fcsID == "") {
+      showMsgDialog(context, "Error", "Expected FCS-ID");
+      return;
+    }
+    setState(() {
+      _isLoading = true;
+    });
+    PackageModel packageModel =
+        Provider.of<PackageModel>(context, listen: false);
+    try {
+      _package.fcsID = _user.fcsID;
+      _package.desc = _descCtl.text;
+      _package.remark = _remarkCtl.text;
+      _package.market = selectedMarket;
+      await packageModel.updateProcessing(_package,
+          multiImgController.getAddedFile, multiImgController.getDeletedUrl);
+      Navigator.pop(context);
+    } catch (e) {
+      showMsgDialog(context, "Error", e.toString());
+    } finally {
+      setState(() {
+        _isLoading = false;
+      });
+    }
+  }
+}

lib/pages/processing_old/processing_info.dart

@@ -0,0 +1,194 @@
+import 'package:fcs/domain/entities/package.dart';
+import 'package:fcs/helpers/theme.dart';
+import 'package:fcs/pages/main/util.dart';
+import 'package:fcs/pages/package/model/package_model.dart';
+import 'package:fcs/pages/widgets/bottom_up_page_route.dart';
+import 'package:fcs/pages/widgets/display_text.dart';
+import 'package:fcs/pages/widgets/fcs_id_icon.dart';
+import 'package:fcs/pages/widgets/local_text.dart';
+import 'package:fcs/pages/widgets/multi_img_controller.dart';
+import 'package:fcs/pages/widgets/multi_img_file.dart';
+import 'package:fcs/pages/widgets/progress.dart';
+import 'package:fcs/pages/widgets/status_tree.dart';
+import 'package:flutter/cupertino.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter_icons/flutter_icons.dart';
+import 'package:intl/intl.dart';
+import 'package:provider/provider.dart';
+
+import 'processing_editor.dart';
+
+final DateFormat dateFormat = DateFormat("d MMM yyyy");
+
+class ProcessingInfo extends StatefulWidget {
+  final Package package;
+  ProcessingInfo({this.package});
+
+  @override
+  _ProcessingInfoState createState() => _ProcessingInfoState();
+}
+
+class _ProcessingInfoState extends State<ProcessingInfo> {
+  var dateFormatter = new DateFormat('dd MMM yyyy');
+  Package _package;
+  bool _isLoading = false;
+  MultiImgController multiImgController = MultiImgController();
+
+  @override
+  void initState() {
+    super.initState();
+    initPackage(widget.package);
+  }
+
+  initPackage(Package package) {
+    setState(() {
+      _package = package;
+      multiImgController.setImageUrls = package.photoUrls;
+    });
+  }
+
+  @override
+  void dispose() {
+    super.dispose();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    final trackingIdBox = DisplayText(
+      text: _package.trackingID,
+      labelTextKey: "processing.tracking.id",
+      iconData: MaterialCommunityIcons.barcode_scan,
+    );
+    var fcsIDBox = DisplayText(
+      text: _package.fcsID,
+      labelTextKey: "processing.fcs.id",
+      icon: FcsIDIcon(),
+    );
+    final phoneNumberBox = DisplayText(
+      text: _package.phoneNumber,
+      labelTextKey: "processing.phone",
+      iconData: Icons.phone,
+    );
+    final customerNameBox = DisplayText(
+      text: _package.userName,
+      labelTextKey: "processing.name",
+      iconData: Icons.perm_identity,
+    );
+    final marketBox = DisplayText(
+      text: _package.market ?? "-",
+      labelTextKey: "processing.market",
+      iconData: Icons.store,
+    );
+    final descBox = DisplayText(
+      text: _package.desc ?? "-",
+      labelTextKey: "processing.desc",
+      iconData: MaterialCommunityIcons.message_text_outline,
+    );
+    final remarkBox = DisplayText(
+      text: _package.remark ?? "-",
+      labelTextKey: "processing.remark",
+      iconData: Entypo.new_message,
+    );
+    final img = MultiImageFile(
+      enabled: false,
+      controller: multiImgController,
+      title: "Receipt File",
+    );
+
+    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: LocalText(
+            context,
+            "processing.info.title",
+            fontSize: 20,
+            color: primaryColor,
+          ),
+          actions: <Widget>[
+            IconButton(
+              icon: Icon(Icons.delete, color: primaryColor),
+              onPressed: _delete,
+            ),
+            IconButton(
+              icon: Icon(Icons.edit, color: primaryColor),
+              onPressed: _gotoEditor,
+            ),
+          ],
+        ),
+        body: Card(
+          child: Column(
+            children: <Widget>[
+              Expanded(
+                  child: Padding(
+                padding: const EdgeInsets.all(10.0),
+                child: ListView(children: <Widget>[
+                  trackingIdBox,
+                  fcsIDBox,
+                  customerNameBox,
+                  phoneNumberBox,
+                  marketBox,
+                  descBox,
+                  remarkBox,
+                  _package.photoUrls.length == 0 ? Container() : img,
+                  StatusTree(
+                      shipmentHistory: _package.shipmentHistory,
+                      currentStatus: _package.status),
+                  SizedBox(
+                    height: 20,
+                  )
+                ]),
+              )),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+
+  _delete() {
+    showConfirmDialog(context, "processing.delete.confirm", _deletePackage);
+  }
+
+  _deletePackage() async {
+    setState(() {
+      _isLoading = true;
+    });
+    PackageModel packageModel =
+        Provider.of<PackageModel>(context, listen: false);
+    try {
+      await packageModel.deleteProcessing(_package);
+      Navigator.pop<bool>(context, true);
+    } catch (e) {
+      showMsgDialog(context, "Error", e.toString());
+    } finally {
+      setState(() {
+        _isLoading = false;
+      });
+    }
+  }
+
+  _gotoEditor() async {
+    bool deleted = await Navigator.push<bool>(
+        context,
+        CupertinoPageRoute(
+            builder: (context) => ProcessingEditor(
+                  package: widget.package,
+                )));
+    if (deleted ?? false) {
+      Navigator.pop(context);
+    } else {
+      PackageModel packageModel =
+          Provider.of<PackageModel>(context, listen: false);
+      Package p = await packageModel.getPackage(_package.id);
+      initPackage(p);
+    }
+  }
+}

lib/pages/processing_old/processing_list.dart

@@ -0,0 +1,88 @@
+import 'package:fcs/domain/entities/package.dart';
+import 'package:fcs/helpers/theme.dart';
+import 'package:fcs/pages/main/model/main_model.dart';
+import 'package:fcs/pages/package/model/package_model.dart';
+import 'package:fcs/pages/package_search/package_serach.dart';
+import 'package:fcs/pages/widgets/local_text.dart';
+import 'package:fcs/pages/widgets/progress.dart';
+import 'package:fcs/pagination/paginator_listview.dart';
+import 'package:flutter/cupertino.dart';
+import 'package:flutter/material.dart';
+import 'package:provider/provider.dart';
+
+import 'processing_info.dart';
+import 'processing_list_row.dart';
+
+class ProcessingList extends StatefulWidget {
+  @override
+  _ProcessingListState createState() => _ProcessingListState();
+}
+
+class _ProcessingListState extends State<ProcessingList> {
+  bool _isLoading = false;
+
+  @override
+  void initState() {
+    super.initState();
+  }
+
+  @override
+  void dispose() {
+    super.dispose();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    var packageModel = Provider.of<PackageModel>(context);
+    var packages = packageModel.activePackages;
+
+    return LocalProgress(
+      inAsyncCall: _isLoading,
+      child: Scaffold(
+          appBar: AppBar(
+            centerTitle: true,
+            leading: new IconButton(
+              icon: new Icon(CupertinoIcons.back),
+              onPressed: () => Navigator.of(context).pop(),
+            ),
+            backgroundColor: primaryColor,
+            title: LocalText(
+              context,
+              "processing.title",
+              fontSize: 20,
+              color: Colors.white,
+            ),
+            actions: <Widget>[
+              IconButton(
+                icon: Icon(
+                  Icons.search,
+                  color: Colors.white,
+                ),
+                iconSize: 30,
+                onPressed: () => searchPackage(context,
+                    callbackPackageSelect: _searchCallback),
+              ),
+            ],
+          ),
+          body: PaginatorListView<Package>(
+            paginatorListener: packages,
+            rowBuilder: (p) => ProcessingListRow(
+              key: ValueKey(p.id),
+              package: p,
+            ),
+            color: primaryColor,
+          )),
+    );
+  }
+
+  _searchCallback(Package package) async {
+    var packageModel = Provider.of<PackageModel>(context, listen: false);
+    Package _package = await packageModel.getPackage(package.id);
+    if (_package == null) return;
+    Navigator.push(
+      context,
+      CupertinoPageRoute(
+          builder: (context) => ProcessingInfo(package: _package)),
+    );
+  }
+}

lib/pages/processing_old/processing_list_row.dart

@@ -0,0 +1,100 @@
+import 'package:fcs/domain/entities/package.dart';
+import 'package:fcs/helpers/theme.dart';
+import 'package:fcs/pages/main/util.dart';
+import 'package:flutter/cupertino.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter_icons/flutter_icons.dart';
+import 'package:intl/intl.dart';
+
+import 'processing_info.dart';
+
+typedef CallbackPackageSelect(Package package);
+
+class ProcessingListRow extends StatelessWidget {
+  final Package package;
+  final CallbackPackageSelect callbackPackageSelect;
+  final double dotSize = 15.0;
+  final DateFormat dateFormat = new DateFormat("dd MMM yyyy");
+
+  ProcessingListRow({Key key, this.package, this.callbackPackageSelect})
+      : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    return InkWell(
+      onTap: () {
+        if (callbackPackageSelect != null) {
+          callbackPackageSelect(package);
+          return;
+        }
+        Navigator.push(
+          context,
+          CupertinoPageRoute(
+              builder: (context) => ProcessingInfo(package: package)),
+        );
+      },
+      child: Container(
+        padding: EdgeInsets.only(left: 15, right: 15),
+        child: Row(
+          children: <Widget>[
+            Expanded(
+              child: new Padding(
+                padding: const EdgeInsets.symmetric(vertical: 16.0),
+                child: new Row(
+                  children: <Widget>[
+                    Container(
+                      padding: EdgeInsets.only(left: 5, right: 10),
+                      child: Icon(
+                        FontAwesome.dropbox,
+                        color: primaryColor,
+                        size: 30,
+                      ),
+                    ),
+                    new Expanded(
+                      child: new Column(
+                        crossAxisAlignment: CrossAxisAlignment.start,
+                        children: <Widget>[
+                          Padding(
+                            padding: const EdgeInsets.only(left: 8.0),
+                            child: new Text(
+                              package.id == null ? '' : package.trackingID,
+                              style: new TextStyle(
+                                  fontSize: 15.0, color: Colors.black),
+                            ),
+                          ),
+                          Padding(
+                            padding: const EdgeInsets.only(left: 8.0),
+                            child: new Text(
+                              package.market == null ? '' : package.market,
+                              style: new TextStyle(
+                                  fontSize: 15.0, color: Colors.black),
+                            ),
+                          ),
+                        ],
+                      ),
+                    ),
+                  ],
+                ),
+              ),
+            ),
+            Column(
+              children: <Widget>[
+                Padding(
+                  padding: const EdgeInsets.all(3.0),
+                  child: getStatus(package.status),
+                ),
+                Padding(
+                  padding: const EdgeInsets.all(0),
+                  child: new Text(
+                    dateFormat.format(package.currentStatusDate),
+                    style: new TextStyle(fontSize: 15.0, color: Colors.grey),
+                  ),
+                ),
+              ],
+            )
+          ],
+        ),
+      ),
+    );
+  }
+}

lib/pages/widgets/length_picker.dart

@@ -9,9 +9,14 @@ class LengthPicker extends StatefulWidget {
   final TextEditingController controller;
   final String lableKey;
   final bool isReadOnly;
+  final bool displayFeet;
 
   const LengthPicker(
-      {Key key, this.controller, this.lableKey, this.isReadOnly = false})
+      {Key key,
+      this.controller,
+      this.lableKey,
+      this.isReadOnly = false,
+      this.displayFeet = false})
       : super(key: key);
 
   @override
@@ -34,10 +39,12 @@ class _LengthPickerState extends State<LengthPicker> {
 
   _setText() {
     double v = double.parse(widget.controller.text, (s) => 0);
+    int _v = v.toInt();
+
     int f = (v / 12).floor();
     int ins = (v % 12).round();
 
-    _controller.text = "$f' $ins\"";
+    _controller.text = widget.displayFeet ? "$f' $ins\"" : "$_v\"";
   }
 
   @override
@@ -51,7 +58,7 @@ class _LengthPickerState extends State<LengthPicker> {
             labelTextKey: widget.lableKey,
             controller: _controller,
             textInputType: TextInputType.number,
-            textAlign: TextAlign.end,
+            textAlign: widget.displayFeet ? TextAlign.end : TextAlign.center,
           )),
     );
   }
@@ -63,6 +70,7 @@ class _LengthPickerState extends State<LengthPicker> {
         return LengthPickerDialog(
           controller: widget.controller,
           labelKey: widget.lableKey,
+          displayFeet: widget.displayFeet,
         );
       },
     );
@@ -72,8 +80,10 @@ class _LengthPickerState extends State<LengthPicker> {
 class LengthPickerDialog extends StatefulWidget {
   final TextEditingController controller;
   final String labelKey;
+  final bool displayFeet;
 
-  const LengthPickerDialog({Key key, this.controller, this.labelKey})
+  const LengthPickerDialog(
+      {Key key, this.controller, this.labelKey, this.displayFeet})
       : super(key: key);
 
   @override
@@ -91,7 +101,7 @@ class _LengthPickerDialogState extends State<LengthPickerDialog> {
     if (widget.controller != null) {
       double v = double.parse(widget.controller.text, (s) => 0);
       _valueFeet = (v / 12).floor();
-      _valueInc = (v % 12).toInt();
+      _valueInc = widget.displayFeet ? (v % 12).toInt() : v.toInt();
     }
   }
 
@@ -107,31 +117,33 @@ class _LengthPickerDialogState extends State<LengthPickerDialog> {
       )),
       children: [
         Center(child: Text(_getText())),
-        Column(
+        widget.displayFeet
-          crossAxisAlignment: CrossAxisAlignment.start,
+            ? Column(
-          children: [
+                crossAxisAlignment: CrossAxisAlignment.start,
-            Padding(
+                children: [
-              padding: const EdgeInsets.only(top: 8.0, left: 8),
+                  Padding(
-              child: LocalText(
+                    padding: const EdgeInsets.only(top: 8.0, left: 8),
-                context,
+                    child: LocalText(
-                "feet",
+                      context,
-                color: primaryColor,
+                      "feet",
-                fontSize: 12,
+                      color: primaryColor,
-              ),
+                      fontSize: 12,
-            ),
+                    ),
-            Slider(
+                  ),
-              activeColor: primaryColor,
+                  Slider(
-              value: _valueFeet.toDouble(),
+                    activeColor: primaryColor,
-              min: 0,
+                    value: _valueFeet.toDouble(),
-              max: 15,
+                    min: 0,
-              divisions: 100,
+                    max: 15,
-              label: (_valueFeet ?? 0).round().toString(),
+                    divisions: 100,
-              onChanged: (double v) {
+                    label: (_valueFeet ?? 0).round().toString(),
-                _updateFeet(v);
+                    onChanged: (double v) {
-              },
+                      _updateFeet(v);
-            ),
+                    },
-          ],
+                  ),
-        ),
+                ],
+              )
+            : Container(),
         Column(
           crossAxisAlignment: CrossAxisAlignment.start,
           children: [
@@ -148,7 +160,7 @@ class _LengthPickerDialogState extends State<LengthPickerDialog> {
               activeColor: primaryColor,
               value: _valueInc.toDouble(),
               min: 0,
-              max: 11,
+              max: widget.displayFeet ? 11 : 50,
               divisions: 100,
               label: (_valueInc ?? 0).round().toString(),
               onChanged: (double v) {
@@ -177,13 +189,15 @@ class _LengthPickerDialogState extends State<LengthPickerDialog> {
     });
     if (widget.controller != null) {
       int _v = _valueInc.round() + _valueFeet.round() * 12;
-      widget.controller.text = _v.toString();
+      widget.controller.text =
+          widget.displayFeet ? _v.toString() : _valueInc.toString();
     }
   }
 
   String _getText() {
     int ft = _valueFeet.round();
     int ins = _valueInc.round();
-    return "$ft\' $ins\"";
+
+    return widget.displayFeet ? "$ft\' $ins\"" : "$ins\"";
   }
 }