import 'package:fcs/model/main_model.dart'; import 'package:fcs/model_fcs/package_model.dart'; import 'package:fcs/pages/invoice/package_addition.dart'; import 'package:fcs/pages/util.dart'; import 'package:fcs/vo/box.dart'; import 'package:fcs/vo/package.dart'; import 'package:fcs/widget/bottom_up_page_route.dart'; import 'package:fcs/widget/local_text.dart'; import 'package:fcs/widget/localization/app_translations.dart'; import 'package:fcs/widget/my_data_table.dart'; import 'package:fcs/widget/progress.dart'; import 'package:flutter/material.dart'; import 'package:flutter_icons/flutter_icons.dart'; import 'package:font_awesome_flutter/font_awesome_flutter.dart'; import 'package:intl/intl.dart'; import 'package:provider/provider.dart'; import 'package:timeline_list/timeline.dart'; import 'package:timeline_list/timeline_model.dart'; import '../theme/theme.dart'; class BoxEditor extends StatefulWidget { final Box box; BoxEditor({this.box}); @override _BoxEditorState createState() => _BoxEditorState(); } class _BoxEditorState extends State { TextEditingController _addressEditingController = new TextEditingController(); TextEditingController _fromTimeEditingController = new TextEditingController(); TextEditingController _toTimeEditingController = new TextEditingController(); TextEditingController _noOfPackageEditingController = new TextEditingController(); TextEditingController _weightEditingController = new TextEditingController(); Box _box; bool _isLoading = false; List _images = [ "assets/photos/1.jpg", "assets/photos/2.jpg", "assets/photos/3.jpg" ]; bool isNew; @override void initState() { super.initState(); if (widget.box != null) { _box = widget.box; isNew = false; // _addressEditingController.text = _pickUp.address; // _fromTimeEditingController.text = _pickUp.fromTime; // _toTimeEditingController.text = _pickUp.toTime; // _noOfPackageEditingController.text = _pickUp.numberOfPackage.toString(); // _weightEditingController.text = _pickUp.weight.toString(); } else { List packages = [ PackageModel.packages[0], PackageModel.packages[1], PackageModel.packages[2] ]; isNew = true; _box = Box(rate: 0, weight: 0, packages: packages); } } @override void dispose() { super.dispose(); } final DateFormat dateFormat = DateFormat("d MMM yyyy"); List _models() { // return []; return _box.statusHistory .map((e) => TimelineModel( Padding( padding: const EdgeInsets.all(18.0), child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ Text(e.status, style: TextStyle( color: e.done ? primaryColor : Colors.grey, fontSize: 16, fontWeight: FontWeight.bold)), e.status == "Processed" ? Text("(Waiting for payment)", style: TextStyle( color: e.done ? primaryColor : Colors.grey, fontSize: 14, fontWeight: FontWeight.bold)) : Container(), Text(dateFormat.format(e.date)), ], ), ), iconBackground: e.done ? primaryColor : Colors.grey, icon: Icon( e.status == "Shipped" ? Ionicons.ios_airplane : e.status == "Delivered" ? MaterialCommunityIcons.truck_fast : e.status == "Processed" ? MaterialIcons.check : Octicons.package, color: Colors.white, ))) .toList(); } @override Widget build(BuildContext context) { var mainModel = Provider.of(context); var images = isNew ? [] : _images; return LocalProgress( inAsyncCall: _isLoading, child: Scaffold( appBar: AppBar( centerTitle: true, leading: new IconButton( icon: new Icon(Icons.close), onPressed: () => Navigator.of(context).pop(), ), backgroundColor: primaryColor, title: Text(AppTranslations.of(context).text("box.edit.title")), ), body: Card( child: Column( children: [ widget.box == null ? Center( child: Container( padding: EdgeInsets.all(8), child: Text("New Box"))) : Center(child: nameWidget(_box.packageNumber)), Expanded( child: ListView( children: [ ExpansionTile( title: Text( 'Shipment Information', style: TextStyle( color: primaryColor, fontWeight: FontWeight.bold), ), children: [ Padding( padding: const EdgeInsets.only(left: 20.0, right: 20), child: DropdownButtonFormField( value: _box.shipmentNumber, decoration: InputDecoration( fillColor: Colors.white, labelText: 'Shipment Number', icon: Icon(Ionicons.ios_airplane, color: primaryColor) // prefixIcon: Icon(Icons.play_arrow) ), items: ["A102", "A103", "A201", "A202"] .map((e) => DropdownMenuItem(child: Text(e), value: e)) .toList(), onChanged: (map) => {}, ), ), Padding( padding: const EdgeInsets.only(left: 20.0, right: 20), child: TextFormField( initialValue: isNew ? "FCS-0203-390-2" : "FCS-0203-390-2", decoration: InputDecoration( fillColor: Colors.white, labelText: 'FCS_ID', hintText: 'FCS_ID', filled: true, icon: Icon(Feather.user, color: primaryColor), suffixIcon: IconButton( icon: Icon(Icons.search), onPressed: () {})), ), ), Padding( padding: const EdgeInsets.only(left: 20.0, right: 20), child: TextFormField( initialValue: _box.receiverName, decoration: InputDecoration( fillColor: Colors.white, labelText: 'Customer Name', filled: true, icon: Icon(Feather.user, color: Colors.white), suffixIcon: IconButton( icon: Icon(Icons.search), onPressed: () {})), ), ), SizedBox( height: 30, ) ], ), ExpansionTile( title: Text( 'Packages', style: TextStyle( color: primaryColor, fontWeight: FontWeight.bold), ), children: [ Padding( padding: const EdgeInsets.only(left: 20.0, right: 20), child: DropdownButtonFormField( value: _box.packageType, decoration: InputDecoration( fillColor: Colors.white, labelText: 'Cargo Type', icon: Icon(Entypo.box, color: primaryColor)), items: ["General", "Medicine", "Dangerous"] .map((e) => DropdownMenuItem(child: Text(e), value: e)) .toList(), onChanged: (map) => {}, ), ), Padding( padding: const EdgeInsets.only(left: 20.0, right: 20), child: TextFormField( initialValue: _box.weight.toString(), textAlign: TextAlign.end, decoration: InputDecoration( fillColor: Colors.white, labelText: 'Total Weight', filled: true, icon: Icon(FontAwesomeIcons.weightHanging, color: primaryColor), )), ), Padding( padding: const EdgeInsets.only(left: 20.0, right: 20), child: TextFormField( initialValue: _box.rate.toString(), textAlign: TextAlign.end, decoration: InputDecoration( fillColor: Colors.white, labelText: 'Rate', filled: true, icon: Icon(FontAwesomeIcons.tag, color: primaryColor), )), ), Padding( padding: const EdgeInsets.only(left: 20.0, right: 20), child: TextFormField( initialValue: _box.amount.toString(), textAlign: TextAlign.end, decoration: InputDecoration( fillColor: Colors.white, labelText: 'Total Amount', filled: true, icon: Icon(FontAwesomeIcons.moneyBill, color: primaryColor), )), ), Container( padding: EdgeInsets.only(top: 10), child: SingleChildScrollView( scrollDirection: Axis.horizontal, child: MyDataTable( headingRowHeight: 40, columnSpacing: 20, columns: [ MyDataColumn( label: LocalText( context, "box.package.id", color: Colors.grey, ), ), MyDataColumn( label: LocalText( context, "box.package.desc", color: Colors.grey, ), ), MyDataColumn( label: LocalText( context, "box.package.market", color: Colors.grey, ), ), ], rows: getPackageRow(context), ), ), ), mainModel.isOwner() ? Container( padding: EdgeInsets.only(top: 20), child: Align( alignment: Alignment.bottomRight, child: FloatingActionButton.extended( icon: Icon(Icons.add), label: Text(AppTranslations.of(context) .text("box.add_package")), backgroundColor: primaryColor, onPressed: () { Navigator.of(context).push( BottomUpPageRoute(PackageAddition())); }, ), ), ) : Container(), SizedBox(height: 25), ], ), isNew ? Container() : ExpansionTile( title: Text( 'Status', style: TextStyle( color: primaryColor, fontWeight: FontWeight.bold), ), children: [ Container( height: 500, padding: EdgeInsets.only(left: 20), child: isNew ? Container() : Timeline( children: _models(), position: TimelinePosition.Left), ), ], ) ], ), ), widget.box == null ? Align( alignment: Alignment.bottomCenter, child: Center( child: Container( width: 250, child: FlatButton( child: Text('Create New Box'), color: primaryColor, textColor: Colors.white, onPressed: () { Navigator.pop(context); }, ), ))) : Container( child: Column( children: [ Align( alignment: Alignment.bottomCenter, child: Center( child: Container( width: 250, child: FlatButton( child: Text('Complete packing'), color: primaryColor, textColor: Colors.white, onPressed: () { Navigator.pop(context); }, ), ))), ], )) ], ), ), ), ); } List getPackageRow(BuildContext context) { if (_box == null || _box.packages == null) { return []; } return _box.packages.map((p) { return MyDataRow( onSelectChanged: (bool selected) {}, cells: [ MyDataCell(new Text( p.id == null ? "" : p.id, style: textStyle, )), MyDataCell( new Text(p.cargoDesc, style: textStyle), ), MyDataCell( new Text("${p.market}", style: textStyle), ), ], ); }).toList(); } }