nekoya/app
nekoya/app
1
0
Fork 0
Code Issues Pull requests Projects Releases5 Packages Wiki Activity

Add checkout button to cart page

Browse source
This commit is contained in:
Moe Poi ~ 2022-04-30 09:49:09 +07:00
parent 9fa82bf551
commit 930fb95319
1 changed files with 106 additions and 58 deletions

164
lib/screens/cart.dart
View file

@ -1,8 +1,10 @@
import 'package:intl/intl.dart';
import 'package:flutter/material.dart';
import 'package:nekoya_flutter/api/api.dart';
import 'package:nekoya_flutter/components/cart_box.dart';
import 'package:nekoya_flutter/data/cart.dart';
import 'package:nekoya_flutter/screens/checkout.dart';
class Cart extends StatefulWidget {
const Cart({Key? key}) : super(key: key);
@ -16,6 +18,20 @@ class _CartState extends State<Cart> {
@override
Widget build(BuildContext context) {
Future<dynamic> getTotal() async {
dynamic totalPrice = 0;
var orderData = await viewCart();
await orderData.forEach((x) async {
var product = await getProduct(x['product_id']);
totalPrice += product[0]['PRICE'] * x['quantity'];
});
return Future.delayed(const Duration(seconds: 5), () {
return totalPrice;
});
}
return Scaffold(
backgroundColor: const Color(0xff1b1c1e),
appBar: AppBar(
@ -23,69 +39,101 @@ class _CartState extends State<Cart> {
centerTitle: true,
backgroundColor: const Color(0xff212226),
),
body: FutureBuilder<dynamic>(
future: _viewCart,
builder: (context, snapshot) {
if (snapshot.hasData) {
var data = snapshot.data;
return ListView.builder(
itemCount: data!.length,
itemBuilder: (context, index) {
return FutureBuilder<dynamic>(
future: getProduct(data[index]["product_id"]),
builder: (context, snapshotx) {
if (snapshotx.hasData) {
var productData = snapshotx.data;
if (productData != null) {
return CartBox(
controller: true,
imageUrl: 'https://nekoya.moe.team/img/' + productData[0]['IMAGE'],
title: productData[0]['TITLE'],
quantity: data[index]["quantity"],
plus: () {
addToCart(data[index]["product_id"]);
setState(() {
_viewCart = viewCart();
});
},
minus: () {
removeFromCart(data[index]["product_id"], false);
setState(() {
_viewCart = viewCart();
});
},
remove: () {
removeFromCart(data[index]["product_id"], true);
setState(() {
_viewCart = viewCart();
});
}
);
body: Container(
margin: const EdgeInsets.only(bottom: 80.0),
child: FutureBuilder<dynamic>(
future: _viewCart,
builder: (context, snapshot) {
if (snapshot.hasData) {
var data = snapshot.data;
return ListView.builder(
itemCount: data!.length,
itemBuilder: (context, index) {
return FutureBuilder<dynamic>(
future: getProduct(data[index]["product_id"]),
builder: (context, snapshotx) {
if (snapshotx.hasData) {
var productData = snapshotx.data;
if (productData != null) {
return CartBox(
controller: true,
imageUrl: 'https://nekoya.moe.team/img/' + productData[0]['IMAGE'],
title: productData[0]['TITLE'],
quantity: data[index]["quantity"],
plus: () {
addToCart(data[index]["product_id"]);
setState(() {
_viewCart = viewCart();
});
},
minus: () {
removeFromCart(data[index]["product_id"], false);
setState(() {
_viewCart = viewCart();
});
},
remove: () {
removeFromCart(data[index]["product_id"], true);
setState(() {
_viewCart = viewCart();
});
}
);
}
}
}
return CartBox(
controller: true,
imageUrl: 'https://i.ibb.co/QJFLZC4/La-Darknesss-Portrait.webp',
title: 'Loading...',
quantity: 0,
plus: () {},
minus: () {},
remove: () {},
);
}
);
},
return CartBox(
controller: true,
imageUrl: 'https://i.ibb.co/QJFLZC4/La-Darknesss-Portrait.webp',
title: 'Loading...',
quantity: 0,
plus: () {},
minus: () {},
remove: () {},
);
}
);
},
);
}
return const Center(
child: CircularProgressIndicator(
color: Color(0xff8B0000),
),
);
}
),
),
floatingActionButton: Padding(
padding: const EdgeInsets.only(bottom: 100.0),
child: FloatingActionButton.extended(
onPressed: (){
Navigator.of(context).push(MaterialPageRoute(
builder: (context) => const Checkout())
);
},
icon: const Icon(Icons.shopping_cart_checkout),
label: Row(
children: [
FutureBuilder<dynamic>(
future: getTotal(),
builder: (context, snapshot) {
if (snapshot.hasData) {
var price = snapshot.data;
return Text("Rp ${NumberFormat('#,##0.00', 'ID').format(price)}");
}
return const Center(
child: CircularProgressIndicator(
color: Color(0xff8B0000),
),
);
}
)
return const Text("Rp -");
}
),
const SizedBox(width: 90,),
const Text("Checkout")
],
)
),
),
floatingActionButtonLocation: FloatingActionButtonLocation.centerFloat,
);
}
}