import 'package:fcs/pages/util.dart'; import 'package:fcs/vo/package.dart'; import 'package:fcs/widget/localization/app_translations.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:timeline_list/timeline.dart'; import 'package:timeline_list/timeline_model.dart'; import '../theme/theme.dart'; class PackageEditor extends StatefulWidget { final Package package; PackageEditor({this.package}); @override _PackageEditorState createState() => _PackageEditorState(); } class _PackageEditorState extends State { TextEditingController _addressEditingController = new TextEditingController(); TextEditingController _fromTimeEditingController = new TextEditingController(); TextEditingController _toTimeEditingController = new TextEditingController(); TextEditingController _noOfPackageEditingController = new TextEditingController(); TextEditingController _weightEditingController = new TextEditingController(); Package _package; 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.package != null) { _package = widget.package; 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 { isNew = true; _package = Package(rate: 0, weight: 0); } } @override void dispose() { super.dispose(); } final DateFormat dateFormat = DateFormat("d MMM yyyy"); List _models() { return _package.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 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("package.edit.title")), ), body: Card( child: Column( children: [ widget.package == null ? Center( child: Container( padding: EdgeInsets.all(8), child: Text("New Package"))) : Center(child: nameWidget(_package.packageNumber)), Expanded( child: ListView( children: [ ExpansionTile( title: Text( 'Receiving', style: TextStyle( color: primaryColor, fontWeight: FontWeight.bold), ), children: [ Padding( padding: const EdgeInsets.only(left: 20.0, right: 20), child: DropdownButtonFormField( value: _package.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 ? "" : "FCS383-283-1", 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: _package.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: () {})), ), ), Padding( padding: const EdgeInsets.only(left: 20.0, right: 20), child: TextFormField( initialValue: isNew ? "" : "P0203", decoration: InputDecoration( fillColor: Colors.white, labelText: 'Pickup ID', filled: true, icon: Icon(MaterialCommunityIcons.directions, color: primaryColor), suffixIcon: IconButton( icon: Icon(Icons.search), onPressed: () {})), ), ), ], ), ExpansionTile( title: Text( 'Processing', style: TextStyle( color: primaryColor, fontWeight: FontWeight.bold), ), children: [ Padding( padding: const EdgeInsets.only(left: 20.0, right: 20), child: DropdownButtonFormField( value: _package.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: isNew ? "" : _package.cargoDesc.toString(), decoration: InputDecoration( fillColor: Colors.white, labelText: 'Description', filled: true, icon: Icon(MaterialIcons.description, color: primaryColor), )), ), Padding( padding: const EdgeInsets.only(left: 20.0, right: 20), child: TextFormField( initialValue: _package.weight.toString(), textAlign: TextAlign.end, decoration: InputDecoration( fillColor: Colors.white, labelText: 'Weight', filled: true, icon: Icon(FontAwesomeIcons.weightHanging, color: primaryColor), )), ), Padding( padding: const EdgeInsets.only(left: 20.0, right: 20), child: TextFormField( initialValue: _package.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: _package.amount.toString(), textAlign: TextAlign.end, decoration: InputDecoration( fillColor: Colors.white, labelText: 'Amount', filled: true, icon: Icon(FontAwesomeIcons.moneyBill, color: primaryColor), )), ), ], ), ExpansionTile( title: Text( 'Photos', style: TextStyle( color: primaryColor, fontWeight: FontWeight.bold), ), children: [ Container( height: 130, width: 500, child: ListView.separated( separatorBuilder: (context, index) => Divider( color: Colors.black, ), itemCount: images.length + 1, scrollDirection: Axis.horizontal, itemBuilder: (context, index) { if (index == images.length) { return Padding( padding: const EdgeInsets.all(8.0), child: Container( width: 200, height: 70, decoration: BoxDecoration( border: Border.all( color: primaryColor, width: 2.0, ), ), child: Icon(SimpleLineIcons.plus), ), ); } else { return Padding( padding: const EdgeInsets.all(8.0), child: Container( width: 200, height: 70, decoration: BoxDecoration( border: Border.all( color: primaryColor, width: 2.0, ), ), child: Image.asset(images[index], width: 50, height: 50), ), ); } }, ), ), ], ), 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.package == null ? Align( alignment: Alignment.bottomCenter, child: Center( child: Container( width: 250, child: FlatButton( child: Text('Complete receiving'), 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 processing'), color: primaryColor, textColor: Colors.white, onPressed: () { Navigator.pop(context); }, ), ))), ], )) ], ), ), ), ); } }