add carton editor for package
This commit is contained in:
tzw
356
lib/pages/carton/cargo_widget.dart
Normal file
356
lib/pages/carton/cargo_widget.dart
Normal file
@@ -0,0 +1,356 @@
|
||||
import 'package:fcs/helpers/theme.dart';
|
||||
import 'package:flutter/cupertino.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_icons_null_safety/flutter_icons_null_safety.dart';
|
||||
import 'package:provider/provider.dart';
|
||||
|
||||
import '../../domain/entities/cargo_type.dart';
|
||||
import '../../domain/entities/user.dart';
|
||||
import '../rates/model/shipment_rate_model.dart';
|
||||
import '../widgets/continue_button.dart';
|
||||
import '../widgets/display_text.dart';
|
||||
import '../widgets/local_title.dart';
|
||||
import '../widgets/previous_button.dart';
|
||||
import 'custom_duty_addition.dart';
|
||||
|
||||
typedef OnPrevious = Function(
|
||||
List<CargoType> cargoTypes, List<CargoType> customDuties);
|
||||
typedef OnContinue = Function(
|
||||
List<CargoType> cargoTypes, List<CargoType> customDuties);
|
||||
|
||||
class CargoWidget extends StatefulWidget {
|
||||
final User sender;
|
||||
final User consignee;
|
||||
final List<CargoType> cargoTypes;
|
||||
final List<CargoType> customDuties;
|
||||
final OnPrevious? onPrevious;
|
||||
final OnContinue? onContinue;
|
||||
|
||||
const CargoWidget({
|
||||
Key? key,
|
||||
required this.cargoTypes,
|
||||
required this.customDuties,
|
||||
this.onPrevious,
|
||||
this.onContinue,
|
||||
required this.sender,
|
||||
required this.consignee,
|
||||
}) : super(key: key);
|
||||
|
||||
@override
|
||||
State<CargoWidget> createState() => _CargoWidgetState();
|
||||
}
|
||||
|
||||
class _CargoWidgetState extends State<CargoWidget> {
|
||||
List<CargoType> _cargoTypes = [];
|
||||
List<CargoType> _customDuties = [];
|
||||
TextEditingController _totalCtl = TextEditingController();
|
||||
List<TextEditingController> _cargoTypeControllers = [];
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
_init();
|
||||
super.initState();
|
||||
}
|
||||
|
||||
_init() {
|
||||
var model = context.read<ShipmentRateModel>();
|
||||
_cargoTypes = model.rate.cargoTypes.map((e) => e.clone()).toList();
|
||||
|
||||
if (widget.cargoTypes.isNotEmpty) {
|
||||
} else {
|
||||
_cargoTypes.forEach((e) {
|
||||
var editor = new TextEditingController();
|
||||
editor.text = '';
|
||||
editor.addListener(inputChangeListener);
|
||||
_cargoTypeControllers.add(editor);
|
||||
});
|
||||
}
|
||||
|
||||
if (mounted) {
|
||||
setState(() {});
|
||||
}
|
||||
}
|
||||
|
||||
bool isFieldEmpty(int index) {
|
||||
return _cargoTypeControllers[index].text.isEmpty;
|
||||
}
|
||||
|
||||
List<int> getEmptyFields() {
|
||||
List<int> emptyFields = [];
|
||||
for (int i = 0; i < _cargoTypeControllers.length; i++) {
|
||||
if (isFieldEmpty(i)) {
|
||||
emptyFields.add(i);
|
||||
}
|
||||
}
|
||||
return emptyFields;
|
||||
}
|
||||
|
||||
inputChangeListener() {
|
||||
List<int> emptyFields = getEmptyFields();
|
||||
print("emptyFields:$emptyFields");
|
||||
|
||||
// if (emptyFields.isNotEmpty && emptyFields.length == 1) {
|
||||
// // _cargoTypeControllers[emptyFields.first].text =
|
||||
// }
|
||||
|
||||
if (emptyFields.isEmpty) {
|
||||
_cargoTypes.asMap().entries.forEach((e) {
|
||||
_cargoTypes[e.key].weight =
|
||||
double.tryParse(_cargoTypeControllers[e.key].text) ?? 0;
|
||||
});
|
||||
double total = _cargoTypes.fold(0, (sum, value) => sum + value.weight);
|
||||
setState(() {
|
||||
_totalCtl.text = total.toString();
|
||||
});
|
||||
} else {
|
||||
// if (emptyFields.length == 1) {
|
||||
// print("_totalCtl.text:${_totalCtl.text}");
|
||||
|
||||
// if (_totalCtl.text.isNotEmpty) {
|
||||
// double t = double.tryParse(_totalCtl.text) ?? 0;
|
||||
|
||||
// _cargoTypes.asMap().entries.forEach((e) {
|
||||
// _cargoTypes[e.key].weight =
|
||||
// double.tryParse(_cargoTypeControllers[e.key].text) ?? 0;
|
||||
// });
|
||||
// double result =
|
||||
// _cargoTypes.fold(0, (sum, value) => sum + value.weight);
|
||||
|
||||
// double remaining = t - result;
|
||||
// setState(() {
|
||||
// _cargoTypeControllers[emptyFields.first].text =
|
||||
// remaining.toString();
|
||||
// });
|
||||
// }
|
||||
// }
|
||||
}
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final senderBox = DisplayText(
|
||||
text: widget.sender.name,
|
||||
labelTextKey: "box.sender.title",
|
||||
iconData: MaterialCommunityIcons.account_arrow_right,
|
||||
subText: Text(widget.sender.fcsID!,
|
||||
style: TextStyle(fontSize: 13, color: labelColor)),
|
||||
);
|
||||
|
||||
final consigneeBox = DisplayText(
|
||||
text: widget.consignee.name,
|
||||
labelTextKey: "box.consignee.title",
|
||||
iconData: MaterialCommunityIcons.account_arrow_left,
|
||||
subText: Text(widget.consignee.fcsID!,
|
||||
style: TextStyle(fontSize: 13, color: labelColor)),
|
||||
);
|
||||
|
||||
final userRow = Row(
|
||||
children: [
|
||||
Expanded(
|
||||
child: senderBox,
|
||||
flex: 2,
|
||||
),
|
||||
Flexible(child: consigneeBox)
|
||||
],
|
||||
);
|
||||
|
||||
final cargosBox = Wrap(
|
||||
alignment: WrapAlignment.spaceBetween,
|
||||
runSpacing: 15,
|
||||
children: _cargoTypes.asMap().entries.map((e) {
|
||||
var key = e.key;
|
||||
var c = e.value;
|
||||
return SizedBox(
|
||||
width: MediaQuery.of(context).size.width / 2.3,
|
||||
child: Row(
|
||||
children: [
|
||||
InkResponse(
|
||||
radius: 25,
|
||||
onTap: () {
|
||||
setState(() {
|
||||
_cargoTypeControllers[key].clear();
|
||||
});
|
||||
},
|
||||
child: Icon(MaterialIcons.clear)),
|
||||
const SizedBox(width: 10),
|
||||
Flexible(
|
||||
child: inputTextFieldWidget(context,
|
||||
lableText: c.name ?? "",
|
||||
controller: _cargoTypeControllers[key]
|
||||
// onChanged: (newValue) {
|
||||
// setState(() {
|
||||
// _cargoTypes[key].weight = double.tryParse(newValue) ?? 0;
|
||||
// });
|
||||
// double total =
|
||||
// _cargoTypes.fold(0, (sum, value) => sum + value.weight);
|
||||
// setState(() {
|
||||
// _totalCtl.text = total.toString();
|
||||
// });
|
||||
// },
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}).toList());
|
||||
|
||||
final totalBox = Row(
|
||||
mainAxisAlignment: MainAxisAlignment.end,
|
||||
children: [
|
||||
SizedBox(
|
||||
width: MediaQuery.of(context).size.width / 2.3,
|
||||
child: Row(
|
||||
children: [
|
||||
InkResponse(
|
||||
radius: 25,
|
||||
onTap: () {
|
||||
setState(() {
|
||||
_totalCtl.clear();
|
||||
});
|
||||
},
|
||||
child: Icon(MaterialIcons.clear)),
|
||||
const SizedBox(width: 10),
|
||||
Flexible(
|
||||
child: inputTextFieldWidget(context,
|
||||
lableText: "Total", controller: _totalCtl),
|
||||
),
|
||||
],
|
||||
)),
|
||||
],
|
||||
);
|
||||
|
||||
final subchargeItemTitleBox = LocalTitle(
|
||||
textKey: "box.input_surcharge_item",
|
||||
trailing: IconButton(
|
||||
icon: Icon(
|
||||
Icons.add_circle,
|
||||
color: primaryColor,
|
||||
),
|
||||
onPressed: () async {
|
||||
List<CargoType>? customList = await Navigator.push<List<CargoType>>(
|
||||
context,
|
||||
CupertinoPageRoute(
|
||||
builder: (context) =>
|
||||
CustomDutyAddition(customDuties: _customDuties)));
|
||||
if (customList == null) return;
|
||||
|
||||
_customDuties = List.from(customList);
|
||||
|
||||
if (mounted) {
|
||||
setState(() {});
|
||||
}
|
||||
}),
|
||||
);
|
||||
|
||||
final subChargeItemsBox = Wrap(
|
||||
alignment: WrapAlignment.spaceBetween,
|
||||
runSpacing: 15,
|
||||
children: _customDuties.asMap().entries.map((e) {
|
||||
var key = e.key;
|
||||
var c = e.value;
|
||||
return SizedBox(
|
||||
width: MediaQuery.of(context).size.width / 2.3,
|
||||
child: Row(
|
||||
children: [
|
||||
InkResponse(
|
||||
radius: 25,
|
||||
onTap: () {
|
||||
setState(() {
|
||||
_customDuties.removeAt(key);
|
||||
});
|
||||
},
|
||||
child: Icon(Feather.minus_circle)),
|
||||
const SizedBox(width: 10),
|
||||
Flexible(
|
||||
child: inputTextFieldWidget(
|
||||
context,
|
||||
lableText: c.name ?? "",
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}).toList());
|
||||
|
||||
final continueBtn = ContinueButton(
|
||||
onTap: () {
|
||||
// if (selectedPackageList.isEmpty || searchResults.isEmpty) {
|
||||
// showMsgDialog(context, 'Error', "Please select the packages");
|
||||
// return false;
|
||||
// }
|
||||
|
||||
// if (widget.onContinue != null) {
|
||||
// widget.onContinue!(selectedPackageList);
|
||||
// }
|
||||
},
|
||||
);
|
||||
|
||||
final previousBtn = PreviousButton(onTap: () {
|
||||
if (widget.onPrevious != null) {
|
||||
widget.onPrevious!(_cargoTypes, _customDuties);
|
||||
}
|
||||
});
|
||||
|
||||
return Column(
|
||||
children: [
|
||||
Expanded(
|
||||
child: Padding(
|
||||
padding: EdgeInsets.only(left: 10, right: 10),
|
||||
child: ListView(
|
||||
children: [
|
||||
const SizedBox(height: 8),
|
||||
userRow,
|
||||
LocalTitle(textKey: "box.input_cargo_weight", topPadding: 10),
|
||||
cargosBox,
|
||||
const SizedBox(height: 15),
|
||||
Divider(),
|
||||
const SizedBox(height: 5),
|
||||
totalBox,
|
||||
subchargeItemTitleBox,
|
||||
subChargeItemsBox,
|
||||
const SizedBox(height: 30),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
widget.onContinue != null
|
||||
? Padding(
|
||||
padding: const EdgeInsets.only(left: 15, right: 15, top: 10),
|
||||
child: Row(
|
||||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||||
children: [
|
||||
previousBtn,
|
||||
continueBtn,
|
||||
],
|
||||
),
|
||||
)
|
||||
: const SizedBox(),
|
||||
const SizedBox(height: 20)
|
||||
],
|
||||
);
|
||||
}
|
||||
|
||||
Widget inputTextFieldWidget(BuildContext context,
|
||||
{required String lableText,
|
||||
TextEditingController? controller,
|
||||
Function(String)? onChanged}) {
|
||||
return TextFormField(
|
||||
controller: controller,
|
||||
style: textStyle,
|
||||
cursorColor: primaryColor,
|
||||
keyboardType: TextInputType.number,
|
||||
onChanged: onChanged,
|
||||
decoration: new InputDecoration(
|
||||
contentPadding: EdgeInsets.all(0),
|
||||
labelText: lableText,
|
||||
labelStyle: newLabelStyle(color: Colors.black54, fontSize: 17),
|
||||
enabledBorder: UnderlineInputBorder(
|
||||
borderSide: BorderSide(color: primaryColor, width: 1.0)),
|
||||
focusedBorder: UnderlineInputBorder(
|
||||
borderSide: BorderSide(color: primaryColor, width: 1.0)),
|
||||
disabledBorder: UnderlineInputBorder(
|
||||
borderSide: BorderSide(color: primaryColor, width: 1.0)),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user