778 lines
28 KiB
Dart
778 lines
28 KiB
Dart
// Label StoreMax
|
|
//
|
|
// Created by Anthony Gordon.
|
|
// 2021, WooSignal Ltd. All rights reserved.
|
|
//
|
|
|
|
// Unless required by applicable law or agreed to in writing, software
|
|
// distributed under the License is distributed on an "AS IS" BASIS,
|
|
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
|
|
import 'package:adaptive_theme/adaptive_theme.dart';
|
|
import 'package:auto_size_text/auto_size_text.dart';
|
|
import 'package:flutter/cupertino.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter_app/app/models/cart.dart';
|
|
import 'package:flutter_app/app/models/cart_line_item.dart';
|
|
import 'package:flutter_app/app/models/checkout_session.dart';
|
|
import 'package:flutter_app/bootstrap/app_helper.dart';
|
|
import 'package:flutter_app/bootstrap/helpers.dart';
|
|
import 'package:flutter_app/resources/widgets/app_loader_widget.dart';
|
|
import 'package:flutter_app/resources/widgets/cached_image_widget.dart';
|
|
import 'package:flutter_app/resources/widgets/no_results_for_products_widget.dart';
|
|
import 'package:flutter_app/resources/widgets/text_row_widget.dart';
|
|
import 'package:flutter_app/resources/widgets/top_nav_widget.dart';
|
|
import 'package:flutter_staggered_grid_view/flutter_staggered_grid_view.dart';
|
|
import 'package:flutter_swiper/flutter_swiper.dart';
|
|
import 'package:hexcolor/hexcolor.dart';
|
|
import 'package:nylo_framework/helpers/helper.dart';
|
|
import 'package:pull_to_refresh/pull_to_refresh.dart';
|
|
import 'package:woosignal/models/response/products.dart';
|
|
import 'package:woosignal/models/response/tax_rate.dart';
|
|
|
|
class RefreshableScrollContainer extends StatelessWidget {
|
|
const RefreshableScrollContainer(
|
|
{Key key,
|
|
this.controller,
|
|
this.onRefresh,
|
|
this.onLoading,
|
|
this.products,
|
|
this.onTap,
|
|
this.bannerHeight,
|
|
this.bannerImages,
|
|
this.modalBottomSheetMenu})
|
|
: super(key: key);
|
|
|
|
final RefreshController controller;
|
|
final Function onRefresh;
|
|
final Function onLoading;
|
|
final List<Product> products;
|
|
final Function onTap;
|
|
final double bannerHeight;
|
|
final List<String> bannerImages;
|
|
final Function modalBottomSheetMenu;
|
|
|
|
@override
|
|
Widget build(BuildContext context) => SmartRefresher(
|
|
enablePullDown: true,
|
|
enablePullUp: true,
|
|
footer: CustomFooter(
|
|
builder: (BuildContext context, LoadStatus mode) {
|
|
Widget body;
|
|
if (mode == LoadStatus.idle) {
|
|
body = Text(trans(context, "pull up load"));
|
|
} else if (mode == LoadStatus.loading) {
|
|
body = CupertinoActivityIndicator();
|
|
} else if (mode == LoadStatus.failed) {
|
|
body = Text(trans(context, "Load Failed! Click retry!"));
|
|
} else if (mode == LoadStatus.canLoading) {
|
|
body = Text(trans(context, "release to load more"));
|
|
} else {
|
|
body = Text(trans(context, "No more products"));
|
|
}
|
|
return Container(
|
|
height: 55.0,
|
|
child: Center(child: body),
|
|
);
|
|
},
|
|
),
|
|
controller: controller,
|
|
onRefresh: onRefresh,
|
|
onLoading: onLoading,
|
|
child: (products.length != null && products.length > 0
|
|
? StaggeredGridView.countBuilder(
|
|
crossAxisCount: 2,
|
|
itemCount:
|
|
(products.length + (bannerImages.length > 0 ? 2 : 0)),
|
|
itemBuilder: (BuildContext context, int index) {
|
|
if (bannerImages.length > 0 && index == 0) {
|
|
return Container(
|
|
child: Swiper(
|
|
itemBuilder: (BuildContext context, int index) {
|
|
return CachedImageWidget(
|
|
image: bannerImages[index],
|
|
fit: BoxFit.contain,
|
|
);
|
|
},
|
|
itemCount: bannerImages.length,
|
|
viewportFraction: 0.8,
|
|
scale: 0.9,
|
|
),
|
|
height: bannerHeight,
|
|
);
|
|
}
|
|
if (bannerImages.length > 0 && index == 1 ||
|
|
bannerImages.length == 0 && index == 0) {
|
|
return TopNavWidget(
|
|
onPressBrowseCategories: modalBottomSheetMenu,
|
|
);
|
|
}
|
|
int productIndex =
|
|
(index - (bannerImages.length > 0 ? 2 : 0));
|
|
|
|
return Container(
|
|
height: 200,
|
|
child: ProductItemContainer(
|
|
index: productIndex,
|
|
product: products[productIndex],
|
|
onTap: onTap,
|
|
),
|
|
);
|
|
},
|
|
staggeredTileBuilder: (int index) {
|
|
if (index == 0) {
|
|
return new StaggeredTile.fit(2);
|
|
}
|
|
if (bannerImages.length == 0) {
|
|
return new StaggeredTile.fit(1);
|
|
}
|
|
if (bannerImages.length > 0 && index == 0 || index == 1) {
|
|
return new StaggeredTile.fit(2);
|
|
}
|
|
return new StaggeredTile.fit(1);
|
|
},
|
|
mainAxisSpacing: 4.0,
|
|
crossAxisSpacing: 4.0,
|
|
)
|
|
: NoResultsForProductsWidget()),
|
|
);
|
|
}
|
|
|
|
Widget wsCheckoutRow(BuildContext context,
|
|
{heading: String,
|
|
Widget leadImage,
|
|
String leadTitle,
|
|
void Function() action,
|
|
bool showBorderBottom}) {
|
|
return Flexible(
|
|
child: InkWell(
|
|
child: Container(
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: <Widget>[
|
|
Padding(
|
|
child: Text(
|
|
heading,
|
|
style: Theme.of(context)
|
|
.textTheme
|
|
.bodyText2
|
|
.copyWith(fontSize: 16, fontWeight: FontWeight.bold),
|
|
),
|
|
padding: EdgeInsets.only(bottom: 8),
|
|
),
|
|
Flexible(
|
|
child: Row(
|
|
crossAxisAlignment: CrossAxisAlignment.center,
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
children: <Widget>[
|
|
Flexible(
|
|
child: Row(
|
|
crossAxisAlignment: CrossAxisAlignment.center,
|
|
mainAxisAlignment: MainAxisAlignment.start,
|
|
children: <Widget>[
|
|
leadImage,
|
|
Expanded(
|
|
child: Container(
|
|
child: Text(
|
|
leadTitle,
|
|
style: Theme.of(context).textTheme.subtitle1,
|
|
maxLines: 2,
|
|
overflow: TextOverflow.ellipsis,
|
|
softWrap: false,
|
|
),
|
|
padding: EdgeInsets.only(left: 15),
|
|
margin: EdgeInsets.only(right: 10),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
Icon(Icons.arrow_forward_ios),
|
|
],
|
|
),
|
|
)
|
|
],
|
|
),
|
|
padding: EdgeInsets.all(8),
|
|
decoration: showBorderBottom == true
|
|
? BoxDecoration(
|
|
border: Border(
|
|
bottom: BorderSide(color: Colors.black12, width: 1),
|
|
),
|
|
)
|
|
: BoxDecoration(),
|
|
),
|
|
onTap: action,
|
|
borderRadius: BorderRadius.circular(8),
|
|
),
|
|
flex: 3,
|
|
);
|
|
}
|
|
|
|
class TextEditingRow extends StatelessWidget {
|
|
const TextEditingRow({
|
|
Key key,
|
|
this.heading,
|
|
this.controller,
|
|
this.shouldAutoFocus,
|
|
this.keyboardType,
|
|
this.obscureText,
|
|
}) : super(key: key);
|
|
|
|
final String heading;
|
|
final TextEditingController controller;
|
|
final bool shouldAutoFocus;
|
|
final TextInputType keyboardType;
|
|
final bool obscureText;
|
|
|
|
@override
|
|
Widget build(BuildContext context) => Container(
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: <Widget>[
|
|
Flexible(
|
|
child: Padding(
|
|
child: Text(
|
|
heading,
|
|
style: Theme.of(context).textTheme.bodyText1,
|
|
),
|
|
padding: EdgeInsets.only(bottom: 2),
|
|
),
|
|
),
|
|
Flexible(
|
|
child: TextField(
|
|
controller: controller,
|
|
style: Theme.of(context).textTheme.subtitle1,
|
|
keyboardType: keyboardType ?? TextInputType.text,
|
|
autocorrect: false,
|
|
autofocus: shouldAutoFocus ?? false,
|
|
obscureText: obscureText ?? false,
|
|
textCapitalization: TextCapitalization.sentences,
|
|
),
|
|
)
|
|
],
|
|
),
|
|
padding: EdgeInsets.all(2),
|
|
height: 78,
|
|
);
|
|
}
|
|
|
|
Widget widgetCheckoutMeta(BuildContext context, {String title, String amount}) {
|
|
return Row(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
children: <Widget>[
|
|
Flexible(
|
|
child: Container(
|
|
child: Text(title, style: Theme.of(context).textTheme.bodyText2),
|
|
),
|
|
flex: 3,
|
|
),
|
|
Flexible(
|
|
child: Container(
|
|
child: Text(amount, style: Theme.of(context).textTheme.bodyText1),
|
|
),
|
|
flex: 3,
|
|
)
|
|
],
|
|
);
|
|
}
|
|
|
|
List<BoxShadow> wsBoxShadow({double blurRadius}) => [
|
|
BoxShadow(
|
|
color: HexColor("#e8e8e8"),
|
|
blurRadius: blurRadius ?? 15.0,
|
|
spreadRadius: 0,
|
|
offset: Offset(
|
|
0,
|
|
0,
|
|
),
|
|
)
|
|
];
|
|
|
|
class ProductItemContainer extends StatelessWidget {
|
|
const ProductItemContainer({
|
|
Key key,
|
|
this.index,
|
|
this.product,
|
|
this.onTap,
|
|
}) : super(key: key);
|
|
|
|
final int index;
|
|
final Product product;
|
|
final Function onTap;
|
|
|
|
@override
|
|
Widget build(BuildContext context) => LayoutBuilder(
|
|
builder: (cxt, constraints) => InkWell(
|
|
child: Container(
|
|
margin: EdgeInsets.all(4),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
|
|
children: <Widget>[
|
|
Container(
|
|
height: constraints.maxHeight / 2,
|
|
child: ClipRRect(
|
|
borderRadius: BorderRadius.circular(3.0),
|
|
child: Stack(
|
|
children: [
|
|
Container(
|
|
color: Colors.grey[100],
|
|
height: double.infinity,
|
|
width: double.infinity,
|
|
),
|
|
CachedImageWidget(
|
|
image: (product.images.length > 0
|
|
? product.images.first.src
|
|
: getEnv("PRODUCT_PLACEHOLDER_IMAGE")),
|
|
fit: BoxFit.contain,
|
|
height: constraints.maxHeight / 2,
|
|
width: double.infinity,
|
|
),
|
|
(product.onSale && product.type != "variable"
|
|
? Positioned(
|
|
bottom: 0,
|
|
left: 0,
|
|
right: 0,
|
|
child: Container(
|
|
padding: EdgeInsets.all(3),
|
|
decoration: BoxDecoration(
|
|
color: Colors.white70,
|
|
borderRadius: BorderRadius.circular(4),
|
|
),
|
|
child: RichText(
|
|
textAlign: TextAlign.center,
|
|
text: TextSpan(
|
|
text: '',
|
|
style:
|
|
Theme.of(context).textTheme.bodyText1,
|
|
children: <TextSpan>[
|
|
TextSpan(
|
|
text:
|
|
"${workoutSaleDiscount(salePrice: product.salePrice, priceBefore: product.regularPrice)}% ${trans(context, "off")}",
|
|
style: Theme.of(context)
|
|
.textTheme
|
|
.bodyText1
|
|
.copyWith(
|
|
color: Colors.black87,
|
|
fontSize: 11,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
)
|
|
: null),
|
|
].where((e) => e != null).toList()),
|
|
),
|
|
),
|
|
Container(
|
|
margin: const EdgeInsets.only(top: 2, bottom: 2),
|
|
child: Text(
|
|
product.name,
|
|
style: Theme.of(context).textTheme.bodyText2,
|
|
maxLines: 2,
|
|
overflow: TextOverflow.ellipsis,
|
|
),
|
|
),
|
|
Flexible(
|
|
child: Container(
|
|
height: 50,
|
|
child: Row(
|
|
crossAxisAlignment: CrossAxisAlignment.center,
|
|
mainAxisAlignment: MainAxisAlignment.start,
|
|
children: [
|
|
AutoSizeText(
|
|
"${formatStringCurrency(total: product.price)} ",
|
|
style: Theme.of(context)
|
|
.textTheme
|
|
.bodyText2
|
|
.copyWith(fontWeight: FontWeight.w600),
|
|
textAlign: TextAlign.left,
|
|
),
|
|
(product.onSale && product.type != "variable"
|
|
? RichText(
|
|
text: TextSpan(children: [
|
|
TextSpan(
|
|
text: '${trans(context, "Was")}: ',
|
|
style: Theme.of(context)
|
|
.textTheme
|
|
.bodyText1
|
|
.copyWith(
|
|
fontSize: 11,
|
|
),
|
|
),
|
|
TextSpan(
|
|
text: formatStringCurrency(
|
|
total: product.regularPrice,
|
|
),
|
|
style: Theme.of(context)
|
|
.textTheme
|
|
.bodyText1
|
|
.copyWith(
|
|
decoration:
|
|
TextDecoration.lineThrough,
|
|
color: Colors.grey,
|
|
fontSize: 11,
|
|
),
|
|
),
|
|
]),
|
|
)
|
|
: null),
|
|
].where((e) => e != null).toList(),
|
|
),
|
|
),
|
|
),
|
|
].where((e) => e != null).toList(),
|
|
),
|
|
),
|
|
onTap: () => onTap(product),
|
|
),
|
|
);
|
|
}
|
|
|
|
wsModalBottom(BuildContext context,
|
|
{String title, Widget bodyWidget, Widget extraWidget}) {
|
|
AdaptiveThemeMode adaptiveThemeMode = AdaptiveTheme.of(context).mode;
|
|
showModalBottomSheet(
|
|
context: context,
|
|
backgroundColor: Colors.transparent,
|
|
builder: (builder) {
|
|
return SafeArea(
|
|
child: Container(
|
|
height: double.infinity,
|
|
width: double.infinity,
|
|
color: Colors.transparent,
|
|
child: new Container(
|
|
padding: EdgeInsets.symmetric(horizontal: 8, vertical: 4),
|
|
decoration: new BoxDecoration(
|
|
color: adaptiveThemeMode.isLight
|
|
? Colors.white
|
|
: Color(0xFF2C2C2C),
|
|
borderRadius: new BorderRadius.only(
|
|
topLeft: const Radius.circular(10.0),
|
|
topRight: const Radius.circular(10.0),
|
|
),
|
|
),
|
|
child: Column(
|
|
children: <Widget>[
|
|
Padding(
|
|
padding: EdgeInsets.symmetric(vertical: 16),
|
|
child: Text(
|
|
title,
|
|
style: Theme.of(context).textTheme.headline4,
|
|
textAlign: TextAlign.left,
|
|
),
|
|
),
|
|
Expanded(
|
|
child: Container(
|
|
padding:
|
|
EdgeInsets.symmetric(horizontal: 16, vertical: 8),
|
|
width: double.infinity,
|
|
decoration: BoxDecoration(
|
|
boxShadow:
|
|
adaptiveThemeMode.isLight ? wsBoxShadow() : null,
|
|
color: adaptiveThemeMode.isLight
|
|
? Colors.white
|
|
: Color(0xFF4a4a4a),
|
|
borderRadius: BorderRadius.circular(8),
|
|
),
|
|
child: bodyWidget,
|
|
),
|
|
),
|
|
extraWidget ?? null
|
|
].where((t) => t != null).toList(),
|
|
)),
|
|
),
|
|
);
|
|
},
|
|
);
|
|
}
|
|
|
|
FutureBuilder getTotalWidget() => FutureBuilder<String>(
|
|
future: Cart.getInstance.getTotal(withFormat: true),
|
|
builder: (BuildContext context, AsyncSnapshot<String> snapshot) {
|
|
switch (snapshot.connectionState) {
|
|
case ConnectionState.waiting:
|
|
return AppLoaderWidget();
|
|
default:
|
|
if (snapshot.hasError)
|
|
return Text("");
|
|
else
|
|
return new Padding(
|
|
child: TextRowWidget(
|
|
title: trans(context, "Total"),
|
|
text: snapshot.data,
|
|
),
|
|
padding: EdgeInsets.only(bottom: 15, top: 15),
|
|
);
|
|
}
|
|
},
|
|
);
|
|
|
|
FutureBuilder wsCheckoutTotalWidgetFB({String title, TaxRate taxRate}) {
|
|
return FutureBuilder<String>(
|
|
future:
|
|
CheckoutSession.getInstance.total(withFormat: true, taxRate: taxRate),
|
|
builder: (BuildContext context, AsyncSnapshot<String> snapshot) {
|
|
switch (snapshot.connectionState) {
|
|
case ConnectionState.waiting:
|
|
return AppLoaderWidget();
|
|
default:
|
|
if (snapshot.hasError)
|
|
return Text("");
|
|
else
|
|
return new Padding(
|
|
child: widgetCheckoutMeta(context,
|
|
title: title, amount: snapshot.data),
|
|
padding: EdgeInsets.only(bottom: 0, top: 15),
|
|
);
|
|
}
|
|
},
|
|
);
|
|
}
|
|
|
|
FutureBuilder wsCheckoutTaxAmountWidgetFB({TaxRate taxRate}) {
|
|
return FutureBuilder<String>(
|
|
future: Cart.getInstance.taxAmount(taxRate),
|
|
builder: (BuildContext context, AsyncSnapshot<String> snapshot) {
|
|
switch (snapshot.connectionState) {
|
|
case ConnectionState.waiting:
|
|
return AppLoaderWidget();
|
|
default:
|
|
if (snapshot.hasError)
|
|
return Text("");
|
|
else
|
|
return (snapshot.data == "0"
|
|
? Container()
|
|
: Padding(
|
|
child: widgetCheckoutMeta(
|
|
context,
|
|
title: trans(context, "Tax"),
|
|
amount: formatStringCurrency(total: snapshot.data),
|
|
),
|
|
padding: EdgeInsets.only(bottom: 0, top: 0),
|
|
));
|
|
}
|
|
},
|
|
);
|
|
}
|
|
|
|
FutureBuilder wsCheckoutSubtotalWidgetFB({String title}) {
|
|
return FutureBuilder<String>(
|
|
future: Cart.getInstance.getSubtotal(withFormat: true),
|
|
builder: (BuildContext context, AsyncSnapshot<String> snapshot) {
|
|
switch (snapshot.connectionState) {
|
|
case ConnectionState.waiting:
|
|
return AppLoaderWidget();
|
|
default:
|
|
if (snapshot.hasError)
|
|
return Text("");
|
|
else
|
|
return new Padding(
|
|
child: widgetCheckoutMeta(
|
|
context,
|
|
title: title,
|
|
amount: snapshot.data,
|
|
),
|
|
padding: EdgeInsets.only(bottom: 0, top: 0),
|
|
);
|
|
}
|
|
},
|
|
);
|
|
}
|
|
|
|
FutureBuilder wsWidgetCartItemsFB(
|
|
{void Function() actionIncrementQuantity,
|
|
void Function() actionDecrementQuantity,
|
|
void Function() actionRemoveItem}) {
|
|
return FutureBuilder<List<CartLineItem>>(
|
|
future: Cart.getInstance.getCart(),
|
|
builder:
|
|
(BuildContext context, AsyncSnapshot<List<CartLineItem>> snapshot) {
|
|
switch (snapshot.connectionState) {
|
|
case ConnectionState.waiting:
|
|
return AppLoaderWidget();
|
|
default:
|
|
if (snapshot.hasError)
|
|
return Text("");
|
|
else
|
|
return ListView.builder(
|
|
padding: const EdgeInsets.all(8),
|
|
itemCount: snapshot.data.length,
|
|
itemBuilder: (BuildContext context, int index) {
|
|
CartLineItem cartLineItem = snapshot.data[index];
|
|
return CartItemContainer(
|
|
cartLineItem: cartLineItem,
|
|
actionIncrementQuantity: actionIncrementQuantity,
|
|
actionDecrementQuantity: actionDecrementQuantity,
|
|
actionRemoveItem: actionRemoveItem);
|
|
});
|
|
}
|
|
},
|
|
);
|
|
}
|
|
|
|
class CartItemContainer extends StatelessWidget {
|
|
const CartItemContainer({
|
|
Key key,
|
|
@required this.cartLineItem,
|
|
@required this.actionIncrementQuantity,
|
|
@required this.actionDecrementQuantity,
|
|
@required this.actionRemoveItem,
|
|
}) : super(key: key);
|
|
|
|
final CartLineItem cartLineItem;
|
|
final void Function() actionIncrementQuantity;
|
|
final void Function() actionDecrementQuantity;
|
|
final void Function() actionRemoveItem;
|
|
|
|
@override
|
|
Widget build(BuildContext context) => Container(
|
|
margin: EdgeInsets.only(bottom: 7),
|
|
decoration: BoxDecoration(
|
|
border: Border(
|
|
bottom: BorderSide(
|
|
color: Colors.black12,
|
|
width: 1,
|
|
),
|
|
),
|
|
),
|
|
padding: EdgeInsets.symmetric(vertical: 8, horizontal: 8),
|
|
child: Column(
|
|
children: <Widget>[
|
|
Row(
|
|
crossAxisAlignment: CrossAxisAlignment.center,
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
children: <Widget>[
|
|
Flexible(
|
|
child: CachedImageWidget(
|
|
image: (cartLineItem.imageSrc == ""
|
|
? getEnv("PRODUCT_PLACEHOLDER_IMAGE")
|
|
: cartLineItem.imageSrc),
|
|
width: 100,
|
|
height: 100,
|
|
fit: BoxFit.contain,
|
|
),
|
|
flex: 2,
|
|
),
|
|
Flexible(
|
|
child: Padding(
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
children: <Widget>[
|
|
Text(
|
|
cartLineItem.name,
|
|
style: Theme.of(context)
|
|
.textTheme
|
|
.subtitle1
|
|
.copyWith(fontWeight: FontWeight.bold),
|
|
overflow: TextOverflow.ellipsis,
|
|
maxLines: 3,
|
|
),
|
|
(cartLineItem.variationOptions != null
|
|
? Text(cartLineItem.variationOptions,
|
|
style: Theme.of(context).textTheme.bodyText1)
|
|
: Container()),
|
|
Row(
|
|
crossAxisAlignment: CrossAxisAlignment.center,
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
children: <Widget>[
|
|
Text(
|
|
(cartLineItem.stockStatus == "outofstock"
|
|
? trans(context, "Out of stock")
|
|
: trans(context, "In Stock")),
|
|
style: (cartLineItem.stockStatus == "outofstock"
|
|
? Theme.of(context).textTheme.caption
|
|
: Theme.of(context).textTheme.bodyText2),
|
|
),
|
|
Text(
|
|
formatDoubleCurrency(
|
|
total: parseWcPrice(cartLineItem.total),
|
|
),
|
|
style: Theme.of(context)
|
|
.textTheme
|
|
.subtitle1
|
|
.copyWith(fontWeight: FontWeight.bold),
|
|
textAlign: TextAlign.center,
|
|
)
|
|
],
|
|
),
|
|
],
|
|
),
|
|
padding: EdgeInsets.only(left: 8),
|
|
),
|
|
flex: 5,
|
|
)
|
|
],
|
|
),
|
|
Row(
|
|
crossAxisAlignment: CrossAxisAlignment.center,
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
children: <Widget>[
|
|
Row(
|
|
crossAxisAlignment: CrossAxisAlignment.center,
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
children: <Widget>[
|
|
IconButton(
|
|
icon: Icon(Icons.add_circle_outline),
|
|
onPressed: actionIncrementQuantity,
|
|
highlightColor: Colors.transparent,
|
|
),
|
|
Text(cartLineItem.quantity.toString(),
|
|
style: Theme.of(context).textTheme.headline6),
|
|
IconButton(
|
|
icon: Icon(Icons.remove_circle_outline),
|
|
onPressed: actionDecrementQuantity,
|
|
highlightColor: Colors.transparent,
|
|
),
|
|
],
|
|
),
|
|
IconButton(
|
|
alignment: Alignment.centerRight,
|
|
icon: Icon(Icons.delete_outline,
|
|
color: Colors.deepOrangeAccent, size: 20),
|
|
onPressed: actionRemoveItem,
|
|
highlightColor: Colors.transparent,
|
|
),
|
|
],
|
|
)
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
class StoreLogo extends StatelessWidget {
|
|
const StoreLogo(
|
|
{Key key,
|
|
this.height = 100,
|
|
this.width = 100,
|
|
this.placeholder = const CircularProgressIndicator(),
|
|
this.fit = BoxFit.contain,
|
|
this.showBgWhite = true})
|
|
: super(key: key);
|
|
|
|
final bool showBgWhite;
|
|
final double height;
|
|
final double width;
|
|
final Widget placeholder;
|
|
final BoxFit fit;
|
|
|
|
@override
|
|
Widget build(BuildContext context) => Container(
|
|
decoration: BoxDecoration(
|
|
color: showBgWhite ? Colors.white : Colors.transparent,
|
|
borderRadius: BorderRadius.circular(3)),
|
|
child: CachedImageWidget(
|
|
image: AppHelper.instance.appConfig.appLogo,
|
|
height: height,
|
|
placeholder: Container(height: height, width: width),
|
|
),
|
|
);
|
|
}
|