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-27 16:24:07 +02:00
Code Issues Packages Projects Releases Wiki Activity

remove card from product page

Browse Source
This commit is contained in:
Mikkel Troels Kongsted 2025-03-06 11:42:13 +01:00
parent aefcac742b
commit 3339857580
1 changed files with 79 additions and 85 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

164
mobile/lib/pages/product_page.dart
View File

@ -17,95 +17,89 @@ class ProductPage extends StatelessWidget {
final AddToCartStateRepo addToCartStateRepo =
context.watch<AddToCartStateRepo>();
return Scaffold(
backgroundColor: Colors.white,
body: SafeArea(
child: Card(
color: Colors.white,
margin: const EdgeInsets.all(10),
child: Container(
padding: const EdgeInsets.symmetric(vertical: 10),
child: Column(children: [
Row(
children: [
Row(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
const BackButton(),
Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
product.name,
style: const TextStyle(
fontSize: 20,
),
child: Container(
padding: const EdgeInsets.symmetric(vertical: 10),
child: Column(children: [
Row(
children: [
Row(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
const BackButton(),
Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
product.name,
style: const TextStyle(
fontSize: 20,
),
Text(
formatDkkCents(product.priceInDkkCents),
style: const TextStyle(
fontSize: 16,
),
)
])
],
),
],
),
Expanded(
child: Container(
padding: const EdgeInsets.all(20),
child: Column(
crossAxisAlignment: CrossAxisAlignment.stretch,
children: [
Image(
image:
AssetImage("assets/products/${product.name}.png"),
errorBuilder: (_, __, ___) => const Image(
image: AssetImage("assets/placeholder.png")),
height: 250,
fit: BoxFit.fitHeight,
),
Text(
product.name,
style: Theme.of(context).textTheme.bodyLarge,
),
Text(
formatDkkCents(product.priceInDkkCents),
style: Theme.of(context).textTheme.bodyLarge,
),
Padding(
padding: const EdgeInsets.only(top: 20, bottom: 20),
child: Text(product.description),
),
PrimaryButton(
onPressed: () {
Navigator.of(context).push(MaterialPageRoute(
builder: (context) =>
ProductLocationPage(product: product)));
},
child: const Text("Find i butik")),
PrimaryButton(
onPressed: () {
final snackBarDuration = const Duration(seconds: 2);
addToCartStateRepo.notify(snackBarDuration);
final snackBar = SnackBar(
content: Text(
'Tilføjet ${addToCartStateRepo.currentAmount} ${product.name} til kurven'),
duration: const Duration(seconds: 2),
);
ScaffoldMessenger.of(context)
.removeCurrentSnackBar();
final cartRepo = context.read<CartRepo>();
cartRepo.addToCart(product);
ScaffoldMessenger.of(context)
.showSnackBar(snackBar);
},
child: const Text("Tilføj til indkøbskurv")),
],
),
),
Text(
formatDkkCents(product.priceInDkkCents),
style: const TextStyle(
fontSize: 16,
),
)
])
],
),
],
),
Expanded(
child: Container(
padding: const EdgeInsets.all(20),
child: Column(
crossAxisAlignment: CrossAxisAlignment.stretch,
children: [
Image(
image: AssetImage("assets/products/${product.name}.png"),
errorBuilder: (_, __, ___) => const Image(
image: AssetImage("assets/placeholder.png")),
height: 250,
fit: BoxFit.fitHeight,
),
Text(
product.name,
style: Theme.of(context).textTheme.bodyLarge,
),
Text(
formatDkkCents(product.priceInDkkCents),
style: Theme.of(context).textTheme.bodyLarge,
),
Padding(
padding: const EdgeInsets.only(top: 20, bottom: 20),
child: Text(product.description),
),
PrimaryButton(
onPressed: () {
Navigator.of(context).push(MaterialPageRoute(
builder: (context) =>
ProductLocationPage(product: product)));
},
child: const Text("Find i butik")),
PrimaryButton(
onPressed: () {
final snackBarDuration = const Duration(seconds: 2);
addToCartStateRepo.notify(snackBarDuration);
final snackBar = SnackBar(
content: Text(
'Tilføjet ${addToCartStateRepo.currentAmount} ${product.name} til kurven'),
duration: const Duration(seconds: 2),
);
ScaffoldMessenger.of(context).removeCurrentSnackBar();
final cartRepo = context.read<CartRepo>();
cartRepo.addToCart(product);
ScaffoldMessenger.of(context).showSnackBar(snackBar);
},
child: const Text("Tilføj til indkøbskurv")),
],
),
),
]),
),
),
]),
),
),
);