mirror of
https://github.com/Mercantec-GHC/h4-projekt-gruppe-0-sm.git
synced 2025-04-27 16:24:07 +02:00
328 lines
14 KiB
Dart
328 lines
14 KiB
Dart
import 'package:barcode_scan2/model/android_options.dart';
|
|
import 'package:barcode_scan2/model/scan_options.dart';
|
|
import 'package:barcode_scan2/platform_wrapper.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:mobile/models/product.dart';
|
|
import 'package:mobile/pages/finish_shopping_page.dart';
|
|
import 'package:mobile/controllers/cart.dart';
|
|
import 'package:mobile/controllers/product.dart';
|
|
import 'package:mobile/results.dart';
|
|
import 'package:mobile/utils/price.dart';
|
|
import 'package:mobile/widgets/primary_button.dart';
|
|
import 'package:mobile/widgets/sized_card.dart';
|
|
import 'package:provider/provider.dart';
|
|
|
|
class CartItemView extends StatelessWidget {
|
|
final CartControllerCache cartRepo;
|
|
final int productId;
|
|
final Image image;
|
|
final String name;
|
|
final int price;
|
|
final int amount;
|
|
|
|
const CartItemView(
|
|
{super.key,
|
|
required this.cartRepo,
|
|
required this.productId,
|
|
required this.name,
|
|
required this.price,
|
|
required this.amount,
|
|
required this.image});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return SizedCard(
|
|
child: Row(
|
|
children: [
|
|
Expanded(
|
|
child: Container(
|
|
padding: const EdgeInsets.all(10),
|
|
child: Row(
|
|
children: [
|
|
Expanded(
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Expanded(
|
|
child: Text(name,
|
|
style: Theme.of(context).textTheme.bodyLarge),
|
|
),
|
|
Text(formatDkkCents(price),
|
|
style: Theme.of(context).textTheme.bodyMedium),
|
|
],
|
|
),
|
|
),
|
|
Row(
|
|
children: [
|
|
Column(
|
|
children: [
|
|
Expanded(
|
|
child: Text("$amount stk",
|
|
style: Theme.of(context).textTheme.bodyLarge),
|
|
),
|
|
Row(
|
|
children: [
|
|
IconButton(
|
|
onPressed: () {
|
|
cartRepo.incrementAmount(productId);
|
|
},
|
|
icon: const Icon(Icons.add)),
|
|
IconButton(
|
|
onPressed: () {
|
|
if (cartRepo.willRemoveOnNextDecrement(
|
|
productId)) {
|
|
removeCartItemDialog(context);
|
|
} else {
|
|
cartRepo.decrementAmount(productId);
|
|
}
|
|
},
|
|
icon: const Icon(Icons.remove))
|
|
],
|
|
),
|
|
],
|
|
)
|
|
],
|
|
),
|
|
],
|
|
)),
|
|
),
|
|
IconButton(
|
|
onPressed: () => removeCartItemDialog(context),
|
|
icon: const Icon(Icons.delete_outline)),
|
|
image
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
Future<void> removeCartItemDialog(BuildContext context) {
|
|
return showDialog<void>(
|
|
context: context,
|
|
builder: (BuildContext context) {
|
|
return AlertDialog(
|
|
content: Text(
|
|
"Er du sikker på, at du vil slette ${name.toLowerCase()} fra indkøbskurven?"),
|
|
actions: <Widget>[
|
|
Row(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [
|
|
Container(
|
|
margin: const EdgeInsets.only(right: 5),
|
|
child: TextButton(
|
|
style: TextButton.styleFrom(
|
|
backgroundColor: Colors.red,
|
|
foregroundColor: Colors.white),
|
|
child: const Text('Slet'),
|
|
onPressed: () {
|
|
cartRepo.removeCartItem(productId);
|
|
Navigator.of(context).pop();
|
|
},
|
|
),
|
|
),
|
|
Container(
|
|
margin: const EdgeInsets.only(left: 5),
|
|
child: PrimaryButton(
|
|
child: const Text('Annullér'),
|
|
onPressed: () {
|
|
Navigator.of(context).pop();
|
|
},
|
|
),
|
|
),
|
|
],
|
|
)
|
|
],
|
|
);
|
|
},
|
|
);
|
|
}
|
|
}
|
|
|
|
class CartPage extends StatelessWidget {
|
|
const CartPage({super.key});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final productController = context.read<ProductController>();
|
|
return Column(
|
|
children: [
|
|
Expanded(
|
|
child: Consumer<CartControllerCache>(
|
|
builder: (_, cartRepo, __) {
|
|
final cart = cartRepo.allCartItems();
|
|
return ListView.builder(
|
|
shrinkWrap: true,
|
|
itemBuilder: (_, idx) => CartItemView(
|
|
cartRepo: cartRepo,
|
|
productId: cart[idx].product.id,
|
|
name: cart[idx].product.name,
|
|
image: productController.productImage(cart[idx].product.id),
|
|
price: cart[idx].product.priceDkkCent,
|
|
amount: cart[idx].amount),
|
|
itemCount: cart.length,
|
|
);
|
|
},
|
|
),
|
|
),
|
|
Container(
|
|
decoration: const BoxDecoration(color: Color(0xFFFFFFFF), boxShadow: [
|
|
BoxShadow(
|
|
blurRadius: 10,
|
|
spreadRadius: -4,
|
|
)
|
|
]),
|
|
padding: const EdgeInsets.all(10),
|
|
child: Column(
|
|
children: [
|
|
Row(
|
|
children: [
|
|
Expanded(
|
|
child: Container(
|
|
margin: const EdgeInsets.only(right: 10),
|
|
child: PrimaryButton(
|
|
onPressed: () {
|
|
final inputController = TextEditingController();
|
|
showDialog(
|
|
context: context,
|
|
builder: (BuildContext context) => AlertDialog(
|
|
title: const Text(
|
|
"Indtast stregkode nummer"),
|
|
content: TextField(
|
|
keyboardType: TextInputType.number,
|
|
controller: inputController,
|
|
),
|
|
actions: [
|
|
TextButton(
|
|
onPressed: () =>
|
|
Navigator.of(context).pop(),
|
|
child: const Text("Cancel")),
|
|
TextButton(
|
|
onPressed: () {
|
|
final productRepo = context
|
|
.read<ProductController>();
|
|
final CartControllerCache
|
|
cartRepo = context.read<
|
|
CartControllerCache>();
|
|
final productResult = productRepo
|
|
.productWithBarcode(
|
|
inputController.text);
|
|
switch (productResult) {
|
|
case Ok<Product, String>():
|
|
cartRepo.addToCart(
|
|
productResult.value);
|
|
final snackBar = SnackBar(
|
|
content: Text(
|
|
"Tilføjet ${productResult.value.name} til indkøbskurven"));
|
|
ScaffoldMessenger.of(context)
|
|
.showSnackBar(snackBar);
|
|
case Err<Product, String>():
|
|
final snackBar = const SnackBar(
|
|
content: Text(
|
|
"Den indtastede stregkode eksistere ikke"));
|
|
ScaffoldMessenger.of(context)
|
|
.showSnackBar(snackBar);
|
|
}
|
|
Navigator.of(context).pop();
|
|
},
|
|
child: const Text("Ok"))
|
|
],
|
|
));
|
|
},
|
|
child: const Text("Indtast vare")),
|
|
),
|
|
),
|
|
Expanded(
|
|
child: Container(
|
|
margin: const EdgeInsets.only(left: 10),
|
|
child: PrimaryButton(
|
|
onPressed: () async {
|
|
final result = await BarcodeScanner.scan(
|
|
options: const ScanOptions(
|
|
android: AndroidOptions(
|
|
appBarTitle: "Skan varer"),
|
|
strings: {
|
|
"cancel": "Annullér",
|
|
"flash_on": "Lommelygte til",
|
|
"flash_off": "Lommelygte fra"
|
|
}));
|
|
switch (result.type.name) {
|
|
case "Cancelled":
|
|
final snackBar = const SnackBar(
|
|
content:
|
|
Text("Skanning af varer annulleret"));
|
|
if (context.mounted) {
|
|
ScaffoldMessenger.of(context)
|
|
.showSnackBar(snackBar);
|
|
}
|
|
case "Barcode":
|
|
if (!context.mounted) {
|
|
return;
|
|
}
|
|
final CartControllerCache cartRepo =
|
|
context.read<CartControllerCache>();
|
|
final productRepo =
|
|
context.read<ProductController>();
|
|
final productResult = productRepo
|
|
.productWithBarcode(result.rawContent);
|
|
switch (productResult) {
|
|
case Ok<Product, String>():
|
|
{
|
|
cartRepo.addToCart(productResult.value);
|
|
final snackBar = SnackBar(
|
|
content: Text(
|
|
"Tilføjet ${productResult.value.name} til indkøbskurven"));
|
|
ScaffoldMessenger.of(context)
|
|
.showSnackBar(snackBar);
|
|
}
|
|
case Err<Product, String>():
|
|
final snackBar = const SnackBar(
|
|
content: Text(
|
|
"Varen du prøver at tilføje eksistere ikke"));
|
|
ScaffoldMessenger.of(context)
|
|
.showSnackBar(snackBar);
|
|
}
|
|
|
|
case "Error":
|
|
if (!context.mounted) {
|
|
return;
|
|
}
|
|
final snackBar = const SnackBar(
|
|
content:
|
|
Text("Der skete en fejl, prøv igen"));
|
|
ScaffoldMessenger.of(context)
|
|
.showSnackBar(snackBar);
|
|
|
|
default:
|
|
throw Exception("Unreachable");
|
|
}
|
|
},
|
|
child: const Text("Skan vare")),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
Row(
|
|
children: [
|
|
Expanded(
|
|
child: Container(
|
|
margin: const EdgeInsets.only(top: 10),
|
|
child: PrimaryButton(
|
|
onPressed: () {
|
|
Navigator.push(
|
|
context,
|
|
MaterialPageRoute(
|
|
builder: (context) =>
|
|
const FinishShoppingPage()));
|
|
},
|
|
child: const Text("Afslut indkøb")),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
);
|
|
}
|
|
}
|