Initial commit
This commit is contained in:
jahongireshonqulov
316
app_code/lib/screens/cart.dart
Normal file
316
app_code/lib/screens/cart.dart
Normal file
@@ -0,0 +1,316 @@
|
||||
import 'package:dotted_line/dotted_line.dart';
|
||||
import 'package:flutter/cupertino.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter/widgets.dart';
|
||||
import 'package:grostore/app_lang.dart';
|
||||
import 'package:grostore/configs/style_config.dart';
|
||||
import 'package:grostore/configs/theme_config.dart';
|
||||
import 'package:grostore/custom_ui/BoxDecorations.dart';
|
||||
import 'package:grostore/custom_ui/Button.dart';
|
||||
import 'package:grostore/custom_ui/Image_view.dart';
|
||||
import 'package:grostore/custom_ui/common_appbar.dart';
|
||||
import 'package:grostore/helpers/device_info_helper.dart';
|
||||
import 'package:grostore/helpers/route.dart';
|
||||
import 'package:grostore/presenters/cart_presenter.dart';
|
||||
import 'package:grostore/screens/check_out.dart';
|
||||
import 'package:provider/provider.dart';
|
||||
|
||||
import '../helpers/common_functions.dart';
|
||||
|
||||
class Cart extends StatefulWidget {
|
||||
const Cart({Key? key}) : super(key: key);
|
||||
|
||||
@override
|
||||
State<Cart> createState() => _CartState();
|
||||
}
|
||||
|
||||
class _CartState extends State<Cart> {
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Scaffold(
|
||||
backgroundColor: ThemeConfig.xxlightGrey,
|
||||
appBar: CommonAppbar.show(
|
||||
title: AppLang.local(context).cart, context: context),
|
||||
body: SizedBox(
|
||||
height: getHeight(context),
|
||||
width: getWidth(context),
|
||||
child: Stack(
|
||||
children: [
|
||||
Container(
|
||||
child: Consumer<CartPresenter>(
|
||||
builder: (context, data, child) {
|
||||
if(data.isCartResponseFetch && data.cartResponse.carts.isNotEmpty) {
|
||||
return ListView.separated(
|
||||
padding: const EdgeInsets.only(top: 16, bottom: 200),
|
||||
itemBuilder: (context, index) {
|
||||
return Container(
|
||||
margin: EdgeInsets.only(
|
||||
left: StyleConfig.padding,
|
||||
right: StyleConfig.padding,
|
||||
bottom:
|
||||
index == data.cartResponse.carts.length - 1
|
||||
? 80
|
||||
: 0),
|
||||
decoration: BoxDecorations.shadow(),
|
||||
width: getWidth(context),
|
||||
child: Row(
|
||||
children: [
|
||||
Expanded(
|
||||
child: ImageView(
|
||||
url: data.cartResponse.carts[index].thumbnailImage,
|
||||
width: 120,
|
||||
height: 100,
|
||||
),
|
||||
),
|
||||
const SizedBox(
|
||||
width: 8
|
||||
),
|
||||
Expanded(
|
||||
flex:2,
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Text(
|
||||
data.cartResponse.carts[index].category,
|
||||
style: StyleConfig.fs10,
|
||||
maxLines: 1,
|
||||
),
|
||||
Text(
|
||||
data.cartResponse.carts[index].name,
|
||||
style: StyleConfig.fs14fwBold,
|
||||
maxLines: 1,
|
||||
),
|
||||
Row(
|
||||
children: [
|
||||
Text(
|
||||
data.cartResponse.carts[index].unit,
|
||||
style: StyleConfig.fs12,
|
||||
maxLines: 1,
|
||||
),
|
||||
Text(
|
||||
"Narx: ",
|
||||
style: StyleConfig.fs12,
|
||||
maxLines: 1,
|
||||
),
|
||||
Text(
|
||||
showPrice(data.cartResponse.carts[index].price),
|
||||
style: StyleConfig.fs12,
|
||||
maxLines: 1,
|
||||
),
|
||||
],
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
quantitySection(context, data, index),
|
||||
],
|
||||
),
|
||||
);
|
||||
},
|
||||
separatorBuilder: (context, index) {
|
||||
print(index);
|
||||
return Padding(
|
||||
padding: EdgeInsets.symmetric(
|
||||
horizontal: StyleConfig.padding),
|
||||
child: Divider(
|
||||
height: 1,
|
||||
color: ThemeConfig.grey,
|
||||
),
|
||||
);
|
||||
},
|
||||
itemCount: data.cartResponse.carts.length);
|
||||
} else {
|
||||
return Center(child: Text(AppLang.local(context).empty,style: StyleConfig.fs16fwBold,));
|
||||
}
|
||||
},
|
||||
),
|
||||
),
|
||||
Consumer<CartPresenter>(builder: (context, data, child) {
|
||||
return data.cartResponse.carts.isNotEmpty
|
||||
? Positioned(
|
||||
bottom: 0,
|
||||
left: 0,
|
||||
right: 0,
|
||||
child: Column(
|
||||
children: [
|
||||
|
||||
Container(
|
||||
height: 200,
|
||||
width: 400,
|
||||
decoration: BoxDecorations.customRadius(
|
||||
radius: const BorderRadius.only(
|
||||
topLeft: Radius.circular(24),
|
||||
topRight: Radius.circular(24)))
|
||||
.copyWith(color: ThemeConfig.white),
|
||||
child: Column(
|
||||
children: [
|
||||
const SizedBox(
|
||||
height: 16,
|
||||
),
|
||||
Text(
|
||||
AppLang.local(context).order_info_ucf,
|
||||
style: StyleConfig.fs16fwBold,
|
||||
),
|
||||
Padding(
|
||||
padding: EdgeInsets.symmetric(
|
||||
horizontal: StyleConfig.padding,
|
||||
vertical: 5),
|
||||
child: Row(
|
||||
mainAxisAlignment:
|
||||
MainAxisAlignment.spaceBetween,
|
||||
children: [
|
||||
Text(
|
||||
"${AppLang.local(context).subtotal}:",
|
||||
style: StyleConfig.fs14fwNormal,
|
||||
),
|
||||
Text(
|
||||
"${showPrice(data.cartResponse.subTotal)}",
|
||||
style: StyleConfig.fs14fwNormal,
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
Padding(
|
||||
padding: EdgeInsets.symmetric(
|
||||
horizontal: StyleConfig.padding,
|
||||
vertical: 5),
|
||||
child: Row(
|
||||
mainAxisAlignment:
|
||||
MainAxisAlignment.spaceBetween,
|
||||
children: [
|
||||
Text(
|
||||
"${AppLang.local(context).coupon_discount_ucf}:",
|
||||
style: StyleConfig.fs14fwNormal,
|
||||
),
|
||||
Text(
|
||||
"${showPrice(data.cartResponse.couponDiscount)}",
|
||||
style: StyleConfig.fs14fwNormal,
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
|
||||
/// Dotted line
|
||||
Padding(
|
||||
padding: EdgeInsets.symmetric(
|
||||
horizontal: StyleConfig.padding,
|
||||
vertical: 5),
|
||||
child: DottedLine(
|
||||
direction: Axis.horizontal,
|
||||
lineLength: double.infinity,
|
||||
lineThickness: 1.0,
|
||||
dashLength: 4.0,
|
||||
dashColor: ThemeConfig.grey,
|
||||
//dashGradient: [Colors.red, Colors.blue],
|
||||
dashRadius: 0.0,
|
||||
dashGapLength: 4.0,
|
||||
dashGapColor: Colors.transparent,
|
||||
//dashGapGradient: [Colors.red, Colors.blue],
|
||||
dashGapRadius: 0.0,
|
||||
),
|
||||
),
|
||||
|
||||
Padding(
|
||||
padding: EdgeInsets.symmetric(
|
||||
horizontal: StyleConfig.padding,
|
||||
vertical: 5),
|
||||
child: Row(
|
||||
mainAxisAlignment:
|
||||
MainAxisAlignment.spaceBetween,
|
||||
children: [
|
||||
Text(
|
||||
"${AppLang.local(context).total}:",
|
||||
style: StyleConfig.fs14fwNormal,
|
||||
),
|
||||
Text(
|
||||
"${showPrice(data.cartResponse.total)}",
|
||||
style: StyleConfig.fs14fwNormal,
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
Padding(
|
||||
padding: EdgeInsets.symmetric(
|
||||
horizontal: StyleConfig.padding),
|
||||
child: Button(
|
||||
shape: StyleConfig.buttonRadius(4),
|
||||
color: ThemeConfig.red,
|
||||
onPressed: () {
|
||||
MakeRoute.go(context, const CheckOut());
|
||||
},
|
||||
padding: const EdgeInsets.symmetric(vertical: 16),
|
||||
minWidth: getWidth(context),
|
||||
child: Text(
|
||||
AppLang.local(context)
|
||||
.review_n_payment_ucf,
|
||||
style: StyleConfig.fs16cWhitefwBold,
|
||||
),
|
||||
),
|
||||
)
|
||||
],
|
||||
),
|
||||
),
|
||||
],
|
||||
))
|
||||
: const SizedBox.shrink();
|
||||
})
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Container quantitySection(BuildContext context, CartPresenter data, index) {
|
||||
return Container(
|
||||
// padding: EdgeInsets.symmetric(horizontal: StyleConfig.padding),
|
||||
//height: 50,
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.center,
|
||||
children: [
|
||||
Button(
|
||||
minWidth: 20,
|
||||
shape: const CircleBorder(),
|
||||
color: ThemeConfig.fontColor,
|
||||
padding: const EdgeInsets.all(8),
|
||||
onPressed: () {
|
||||
data.updateCart(
|
||||
cartId: data.cartResponse.carts[index].id,
|
||||
action: "decrease",
|
||||
context: context);
|
||||
},
|
||||
child: const Icon(
|
||||
Icons.remove,
|
||||
color: ThemeConfig.white,
|
||||
size: 10,
|
||||
),
|
||||
),
|
||||
Container(
|
||||
padding: const EdgeInsets.symmetric(horizontal: 2),
|
||||
constraints: const BoxConstraints(minWidth: 40),
|
||||
alignment: Alignment.center,
|
||||
child: Text(
|
||||
"${data.cartResponse.carts[index].quantity}",
|
||||
style: StyleConfig.fs14fwBold,
|
||||
)),
|
||||
Button(
|
||||
minWidth: 20,
|
||||
shape: const CircleBorder(),
|
||||
color: ThemeConfig.red,
|
||||
padding: const EdgeInsets.all(8),
|
||||
onPressed: () {
|
||||
data.updateCart(
|
||||
cartId: data.cartResponse.carts[index].id,
|
||||
action: "increase",
|
||||
context: context);
|
||||
},
|
||||
child: const Icon(
|
||||
Icons.add,
|
||||
color: ThemeConfig.white,
|
||||
size: 10,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user