395 lines
12 KiB
Dart
395 lines
12 KiB
Dart
|
|
|
|
import 'package:badges/badges.dart';
|
|
import 'package:flutter/cupertino.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:fluttertoast/fluttertoast.dart';
|
|
|
|
import '../../events/eventbus.dart';
|
|
import '../../events/events.dart';
|
|
import '../../generated/l10n.dart';
|
|
import '../../models/business.dart';
|
|
import '../../models/cart_info.dart';
|
|
import '../../models/product.dart';
|
|
import '../../pages/attribute_selection.dart';
|
|
import '../../store/actions.dart';
|
|
import '../../store/store.dart';
|
|
import '../../utils/utils.dart';
|
|
|
|
class AddRemoveButton extends StatefulWidget {
|
|
final Product product;
|
|
final Business business;
|
|
final bool addOnly;
|
|
final int cartLineItemIndex;
|
|
final bool addToBasket;
|
|
|
|
AddRemoveButton({
|
|
this.product,
|
|
this.business,
|
|
this.addOnly = false,
|
|
this.cartLineItemIndex = -1,
|
|
this.addToBasket = false,
|
|
});
|
|
|
|
@override
|
|
State<StatefulWidget> createState() {
|
|
return new AddRemoveButtonState();
|
|
}
|
|
}
|
|
|
|
class AddRemoveButtonState extends State<AddRemoveButton> {
|
|
int _qty;
|
|
var zeroColor = const Color(0xFFEFEFEF);
|
|
var qtyColor = const Color(0xFFFF6666);
|
|
var zeroFontColor = const Color(0xFF888888);
|
|
var qtyFontColor = const Color(0xFFFFFFFF);
|
|
|
|
var d = 1;
|
|
|
|
CartInfo cartInfo;
|
|
|
|
GlobalKey startKey = GlobalKey();
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
if (widget.product.leftNum == null) {
|
|
_qty = 0;
|
|
cartInfo = Utils.getCartInfoByBusiness(store.state.cartInfos, widget.business);
|
|
if (cartInfo != null) {
|
|
for (var i = 0; i < cartInfo.productList.length; i++) {
|
|
if (cartInfo.productList[i].product.id == widget.product.id
|
|
&& cartInfo.productList[i].unitPrice == 0.0) {
|
|
_qty = cartInfo.productList[i].quantity.round();
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
return Container(
|
|
padding: EdgeInsets.only(top: 5.0, bottom: 5.0, left: 32.0, right: 32.0),
|
|
child: Text(
|
|
'x$_qty'
|
|
),
|
|
);
|
|
}
|
|
if (widget.product.leftNum <= 0) {
|
|
return Container(
|
|
padding: EdgeInsets.only(top: 0.0, bottom: 10.0, left: 8.0, right: 8.0),
|
|
child: Text(
|
|
S.of(context).out_of_stock,
|
|
style: TextStyle(
|
|
fontSize: 8.0,
|
|
color: Colors.white,
|
|
),
|
|
),
|
|
decoration: BoxDecoration(
|
|
color: Colors.red,
|
|
shape: BoxShape.rectangle,
|
|
borderRadius: BorderRadius.only(
|
|
topLeft: Radius.circular(3.0),
|
|
topRight: Radius.circular(3.0),
|
|
bottomLeft: Radius.circular(3.0),
|
|
bottomRight: Radius.circular(3.0),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
if (widget.addToBasket) {
|
|
_qty = 0;
|
|
cartInfo = Utils.getCartInfoByBusiness(store.state.cartInfos, widget.business);
|
|
if (cartInfo != null) {
|
|
for (var i = 0; i < cartInfo.productList.length; i++) {
|
|
if (cartInfo.productList[i].product.id == widget.product.id) {
|
|
_qty = cartInfo.productList[i].quantity.round();
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
if (_qty > 0) {
|
|
return Badge(
|
|
badgeContent: Text(
|
|
'$_qty',
|
|
style: TextStyle(
|
|
color: Colors.white,
|
|
fontSize: 17.0,
|
|
),
|
|
),
|
|
padding: EdgeInsets.all(10),
|
|
position: BadgePosition.topEnd(top: -15, end: -10),
|
|
badgeColor: Colors.lightBlueAccent,
|
|
child: RaisedButton.icon(
|
|
padding: EdgeInsets.only(left: 32, right: 32, top: 20, bottom: 20),
|
|
elevation: 2.0,
|
|
shape: new RoundedRectangleBorder(
|
|
borderRadius: new BorderRadius.circular(10.0),
|
|
),
|
|
color: Colors.redAccent,
|
|
icon: Icon(
|
|
Icons.shopping_basket_outlined,
|
|
size: 32.0,
|
|
color: Colors.yellow,
|
|
),
|
|
label: Text(
|
|
S.of(context).add_to_basket,
|
|
style: TextStyle(
|
|
fontSize: 20,
|
|
fontWeight: FontWeight.bold,
|
|
color: Colors.white,
|
|
),
|
|
),
|
|
onPressed: () {
|
|
_addToCart(context);
|
|
},
|
|
),
|
|
);
|
|
} else {
|
|
return RaisedButton.icon(
|
|
padding: EdgeInsets.only(left: 32, right: 32, top: 20, bottom: 20),
|
|
elevation: 2.0,
|
|
shape: new RoundedRectangleBorder(
|
|
borderRadius: new BorderRadius.circular(10.0),
|
|
),
|
|
color: Colors.redAccent,
|
|
icon: Icon(
|
|
Icons.shopping_basket_outlined,
|
|
size: 32.0,
|
|
color: Colors.yellow,
|
|
),
|
|
label: Text(
|
|
S.of(context).add_to_basket,
|
|
style: TextStyle(
|
|
fontSize: 20,
|
|
fontWeight: FontWeight.bold,
|
|
color: Colors.white,
|
|
),
|
|
),
|
|
onPressed: () {
|
|
_addToCart(context);
|
|
},
|
|
);
|
|
}
|
|
}else if (widget.addOnly) {
|
|
return Container(
|
|
key: startKey,
|
|
padding: EdgeInsets.all(0.0),
|
|
child: GestureDetector(
|
|
child: Icon(
|
|
Icons.add_circle,
|
|
size: 24.0,
|
|
),
|
|
onTap: () {
|
|
_addToCart(context);
|
|
},
|
|
),
|
|
);
|
|
} else {
|
|
_qty = 0;
|
|
cartInfo = Utils.getCartInfoByBusiness(store.state.cartInfos, widget.business);
|
|
if (cartInfo != null) {
|
|
for (var i = 0; i < cartInfo.productList.length; i++) {
|
|
if (cartInfo.productList[i].product.id == widget.product.id) {
|
|
_qty = cartInfo.productList[i].quantity.round();
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
if (widget.product.productAttributes != null &&
|
|
widget.product.productAttributes.length > 0 && widget.cartLineItemIndex == -1) {
|
|
return new Row(
|
|
key: startKey,
|
|
crossAxisAlignment: CrossAxisAlignment.end,
|
|
children: <Widget>[
|
|
new GestureDetector(
|
|
child: new Container(
|
|
width: 60.0,
|
|
child: new Center(
|
|
child: new Text(
|
|
'$_qty',
|
|
style: new TextStyle(
|
|
fontSize: 13.0,
|
|
fontWeight: FontWeight.bold,
|
|
color: _qty > 0 ? qtyFontColor : zeroFontColor
|
|
),
|
|
),
|
|
),
|
|
padding: EdgeInsets.all(5.0).copyWith(left: 10.0, right: 10.0),
|
|
decoration: BoxDecoration(
|
|
color: _qty > 0 ? qtyColor : zeroColor,
|
|
shape: BoxShape.rectangle,
|
|
borderRadius: BorderRadius.only(
|
|
topLeft: Radius.circular(10.0),
|
|
topRight: Radius.circular(10.0),
|
|
bottomLeft: Radius.circular(10.0),
|
|
bottomRight: Radius.circular(10.0),
|
|
),
|
|
),
|
|
),
|
|
onTap: () {
|
|
_addToCart(context);
|
|
},
|
|
),
|
|
],
|
|
);
|
|
} else {
|
|
return new Row(
|
|
key: startKey,
|
|
crossAxisAlignment: CrossAxisAlignment.end,
|
|
children: <Widget>[
|
|
new GestureDetector(
|
|
child: new Container(
|
|
width: 30.0,
|
|
child: new Center(
|
|
child: new Text(
|
|
'$_qty',
|
|
style: new TextStyle(
|
|
fontSize: 13.0,
|
|
fontWeight: FontWeight.bold,
|
|
color: _qty > 0 ? qtyFontColor : zeroFontColor
|
|
),
|
|
),
|
|
),
|
|
padding: EdgeInsets.all(5.0).copyWith(left: 10.0, right: 10.0),
|
|
decoration: BoxDecoration(
|
|
color: _qty > 0 ? qtyColor : zeroColor,
|
|
shape: BoxShape.rectangle,
|
|
borderRadius: BorderRadius.only(
|
|
topLeft: Radius.circular(10.0),
|
|
bottomLeft: Radius.circular(10.0),
|
|
),
|
|
),
|
|
),
|
|
onTap: () {
|
|
_addToCart(context);
|
|
},
|
|
),
|
|
new GestureDetector(
|
|
child: new Container(
|
|
width: 30.0,
|
|
child: new Center(
|
|
child: new Text(
|
|
'-',
|
|
style: new TextStyle(
|
|
fontSize: 13.0,
|
|
fontWeight: FontWeight.bold,
|
|
),
|
|
),
|
|
),
|
|
padding: EdgeInsets.all(5.0).copyWith(left: 10.0, right: 10.0),
|
|
decoration: BoxDecoration(
|
|
color: const Color(0xFFABABAB),
|
|
shape: BoxShape.rectangle,
|
|
borderRadius: BorderRadius.only(
|
|
topRight: Radius.circular(10.0),
|
|
bottomRight: Radius.circular(10.0),
|
|
),
|
|
),
|
|
),
|
|
onTap: () {
|
|
if (_qty > 0) {
|
|
_removeFromCart(context);
|
|
}
|
|
},
|
|
),
|
|
],
|
|
);
|
|
}
|
|
}
|
|
}
|
|
|
|
void _addToCart(BuildContext context) {
|
|
if (widget.cartLineItemIndex != -1) {
|
|
if (cartInfo.productList[widget.cartLineItemIndex].quantity + 1.0 > widget.product.leftNum) {
|
|
Fluttertoast.showToast(
|
|
msg: S.of(context).product_insufficient,
|
|
toastLength: Toast.LENGTH_SHORT,
|
|
gravity: ToastGravity.CENTER,
|
|
backgroundColor: Colors.red,
|
|
textColor: Colors.white
|
|
);
|
|
} else {
|
|
cartInfo.productList[widget.cartLineItemIndex].quantity += 1.0;
|
|
Utils.addSubproductQty(cartInfo, cartInfo.productList[widget.cartLineItemIndex]);
|
|
store.dispatch(UpdateCartInfo(
|
|
Utils.addCartInfoToCartInfoList(store.state.cartInfos, cartInfo)));
|
|
eventBus.fire(new OnCartInfoUpdated());
|
|
}
|
|
} else {
|
|
if (widget.product.productAttributes.length > 0) {
|
|
Navigator.push(
|
|
context,
|
|
MaterialPageRoute(builder: (context) =>
|
|
new AttributeSelection(
|
|
product: widget.product, business: widget.business, startKey: startKey,)),
|
|
);
|
|
} else {
|
|
eventBus.fire(new OnProductWillAddToCart(widget.product, {},
|
|
widget.product.price, widget.product.description,
|
|
widget.business, buttonKey: startKey));
|
|
}
|
|
}
|
|
}
|
|
|
|
void _removeFromCart(BuildContext context) {
|
|
if (widget.cartLineItemIndex != -1) {
|
|
if (cartInfo.productList[widget.cartLineItemIndex].quantity <= 1) {
|
|
showDialog(
|
|
context: context,
|
|
builder: (BuildContext context) {
|
|
return AlertDialog(
|
|
title: Text(S.of(context).warning),
|
|
content: Text(S.of(context).are_you_sure_to_remove_the_item),
|
|
actions: <Widget>[
|
|
FlatButton(
|
|
child: Text(S.of(context).cancel),
|
|
onPressed: () {
|
|
Navigator.of(context).pop();
|
|
},
|
|
),
|
|
FlatButton(
|
|
child: Text(S.of(context).yes_i_am_sure),
|
|
onPressed: () {
|
|
_removeCartLineItem();
|
|
Navigator.of(context).pop();
|
|
},
|
|
),
|
|
],
|
|
);
|
|
}
|
|
);
|
|
} else {
|
|
_removeCartLineItem();
|
|
}
|
|
} else {
|
|
eventBus.fire(new OnProductWillRemoveFromCart(
|
|
widget.product, -1, widget.business));
|
|
}
|
|
}
|
|
|
|
void _removeCartLineItem() {
|
|
if (cartInfo.productList[widget.cartLineItemIndex].quantity <= 1) {
|
|
String uuid = cartInfo.productList[widget.cartLineItemIndex].uuid;
|
|
cartInfo.productList.removeAt(widget.cartLineItemIndex);
|
|
Utils.removeSubproduct(cartInfo, uuid);
|
|
} else {
|
|
cartInfo.productList[widget.cartLineItemIndex].quantity -= 1;
|
|
Utils.addSubproductQty(cartInfo, cartInfo.productList[widget.cartLineItemIndex], remove: true);
|
|
}
|
|
if (cartInfo.productList.length <= 0) {
|
|
store.dispatch(new UpdateCartInfo(Utils.removeCartInfoFromCartInfoList(store.state.cartInfos, cartInfo)));
|
|
} else {
|
|
store.dispatch(new UpdateCartInfo(Utils.addCartInfoToCartInfoList(store.state.cartInfos, cartInfo)));
|
|
}
|
|
eventBus.fire(new OnCartInfoUpdated());
|
|
}
|
|
|
|
@override
|
|
void setState(VoidCallback fn) {
|
|
if(mounted) {
|
|
super.setState(fn);
|
|
}
|
|
}
|
|
} |