sfja/h4-projekt-gruppe-0-sm
1
0
Fork 0
mirror of https://github.com/Mercantec-GHC/h4-projekt-gruppe-0-sm.git synced 2025-04-28 00:34:06 +02:00
Code Issues Packages Projects Releases Wiki Activity

paying animation

Browse Source
This commit is contained in:
Mikkel Troels Kongsted 2025-02-04 10:58:04 +01:00
parent 1db101a26c
commit 247525b80a
3 changed files with 121 additions and 38 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
mobile/lib/main.dart
View File

@ -1,5 +1,6 @@
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:mobile/repos/cart.dart'; import 'package:mobile/repos/cart.dart';
import 'package:mobile/repos/paying_state.dart';
import 'package:mobile/repos/product.dart'; import 'package:mobile/repos/product.dart';
import 'package:mobile/repos/receipt.dart'; import 'package:mobile/repos/receipt.dart';
import 'package:provider/provider.dart'; import 'package:provider/provider.dart';
@ -21,6 +22,7 @@ class MyApp extends StatelessWidget {
ChangeNotifierProvider(create: (_) => ProductRepo()), ChangeNotifierProvider(create: (_) => ProductRepo()),
ChangeNotifierProvider(create: (_) => CartRepo()), ChangeNotifierProvider(create: (_) => CartRepo()),
ChangeNotifierProvider(create: (_) => ReceiptRepo()), ChangeNotifierProvider(create: (_) => ReceiptRepo()),
ChangeNotifierProvider(create: (_) => PayingStateRepo()),
], ],
child: MaterialApp( child: MaterialApp(
title: 'Fresh Plaza', title: 'Fresh Plaza',

132
mobile/lib/pages/finish_shopping_page.dart
View File

@ -1,5 +1,6 @@
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:mobile/repos/cart.dart'; import 'package:mobile/repos/cart.dart';
import 'package:mobile/repos/paying_state.dart';
import 'package:mobile/repos/receipt.dart'; import 'package:mobile/repos/receipt.dart';
import 'package:mobile/widgets/primary_button.dart'; import 'package:mobile/widgets/primary_button.dart';
import 'package:mobile/widgets/receipt_item.dart'; import 'package:mobile/widgets/receipt_item.dart';
@ -12,50 +13,105 @@ class FinishShoppingPage extends StatelessWidget {
Widget build(BuildContext context) { Widget build(BuildContext context) {
final CartRepo cartRepo = context.read<CartRepo>(); final CartRepo cartRepo = context.read<CartRepo>();
final ReceiptRepo receiptRepo = context.read<ReceiptRepo>(); final ReceiptRepo receiptRepo = context.read<ReceiptRepo>();
final PayingStateRepo payingStateRepo = context.watch<PayingStateRepo>();
final cart = cartRepo.allCartItems(); final cart = cartRepo.allCartItems();
return Scaffold( return Scaffold(
body: Column( body: Stack(
crossAxisAlignment: CrossAxisAlignment.start,
children: [ children: [
const BackButton(), Column(
Container( crossAxisAlignment: CrossAxisAlignment.start,
margin: const EdgeInsets.all(20), children: [
child: Expanded( const BackButton(),
child: ListView.builder( Container(
shrinkWrap: true, margin: const EdgeInsets.all(20),
itemBuilder: (_, idx) => ReceiptItemView( child: Expanded(
pricePerAmount: cart[idx].product.price, child: ListView.builder(
name: cart[idx].product.name, shrinkWrap: true,
amount: cart[idx].amount), itemBuilder: (_, idx) => ReceiptItemView(
itemCount: cart.length)), pricePerAmount: cart[idx].product.price,
), name: cart[idx].product.name,
Container( amount: cart[idx].amount),
margin: const EdgeInsets.all(20), itemCount: cart.length)),
child: Expanded( ),
child: Row( Container(
mainAxisAlignment: MainAxisAlignment.spaceBetween, margin: const EdgeInsets.all(20),
children: [ child: Expanded(
const Text( child: Row(
"Total:", mainAxisAlignment: MainAxisAlignment.spaceBetween,
style: TextStyle(fontWeight: FontWeight.bold), children: [
), const Text(
Text("${cartRepo.totalPrice()} kr"), "Total:",
], style: TextStyle(fontWeight: FontWeight.bold),
)), ),
Text("${cartRepo.totalPrice()} kr"),
],
)),
),
Expanded(
child: Center(
child: PrimaryButton(
onPressed: () async {
payingStateRepo.next();
receiptRepo.createReceipt(cart);
cartRepo.clearCart();
await Future.delayed(const Duration(seconds: 1));
payingStateRepo.next();
await Future.delayed(const Duration(seconds: 1));
payingStateRepo.reset();
if (context.mounted) Navigator.pop(context);
},
child: const Text("Betal"))),
),
],
), ),
if (payingStateRepo.state != PayingState.unset) ...[
Container(
color: Colors.black.withValues(alpha: 0.5),
),
],
Center( Center(
child: PrimaryButton( child: Column(
onPressed: () { mainAxisAlignment: MainAxisAlignment.center,
receiptRepo.createReceipt(cart); children: [
cartRepo.clearCart(); ...switch (payingStateRepo.state) {
Navigator.pop(context); PayingState.unset => [],
}, PayingState.loading => [
child: const Text("Betal"))), Container(
//const CircularProgressIndicator( decoration: const BoxDecoration(
// valueColor: AlwaysStoppedAnimation<Color>(Colors.blue), borderRadius: BorderRadius.all(Radius.circular(10)),
// strokeWidth: 6.0, color: Colors.white,
//) ),
padding: const EdgeInsets.all(20),
child: const SizedBox(
width: 50,
height: 50,
child: CircularProgressIndicator(
valueColor:
AlwaysStoppedAnimation<Color>(Colors.blue),
strokeWidth: 6.0,
),
),
),
],
PayingState.done => [
Container(
padding: const EdgeInsets.all(10),
decoration: const BoxDecoration(
borderRadius: BorderRadius.all(Radius.circular(10)),
color: Colors.white,
),
child: const Icon(
Icons.check_rounded,
color: Colors.blue,
size: 70,
),
)
]
},
],
),
)
], ],
), ),
); );

25
mobile/lib/repos/paying_state.dart Normal file
View File

@ -0,0 +1,25 @@
import 'package:flutter/material.dart';
class PayingStateRepo extends ChangeNotifier {
PayingState state = PayingState.unset;
void next() {
state = switch (state) {
PayingState.unset => PayingState.loading,
PayingState.loading => PayingState.done,
PayingState.done => PayingState.done,
};
notifyListeners();
}
void reset() {
state = PayingState.unset;
notifyListeners();
}
}
enum PayingState {
unset,
loading,
done,
}