fdenzer/Mitgliederladen
1
0
Fork 0
forked from mgl_crew/Mitgliederladen
Code Pull requests 1 Activity

main #1

Open
fdenzer wants to merge 46 commits from mgl_crew/Mitgliederladen:main into main
pull from: mgl_crew/Mitgliederladen:main
merge into: fdenzer:main
Conversation 0 Commits 46 Files changed 144 +116 -87
1 changed files with 116 additions and 87 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files
Showing only changes of commit f083ab8cf0 - Show all commits

165
Frontend-user/lib/finance.dart
View file

@ -4,10 +4,12 @@ import 'package:intl/date_symbol_data_local.dart';
/* /*
todo: todo:
- Design, Darkmode
- Einkauf und Settings - Einkauf und Settings
- Details zum Warenkorb und Beschreibung (https://stackoverflow.com/questions/49029841/how-to-animate-collapse-elements-in-flutter) - Warenkorb
- Aufladungen?
- farbliche Hervorhebungen - farbliche Hervorhebungen
- semanticLabels, Screenreader
- monatliche Aufladung: ausstehende Beträge
*/ */
enum Art { monatlBeitrag, aufladung, einkauf, korrektur } enum Art { monatlBeitrag, aufladung, einkauf, korrektur }
@ -18,36 +20,36 @@ class Transaction {
int betrag; int betrag;
Art art; Art art;
DateTime datum; DateTime datum;
String beschreibung; String? beschreibung;
Transaction(this.art, this.betrag, this.datum, this.beschreibung); Transaction(this.art, this.betrag, this.datum, [this.beschreibung]);
} }
//sample data //sample data
class Finance extends StatelessWidget { class Finance extends StatelessWidget {
final List<Transaction> transactions = [ final List<Transaction> transactions = [
Transaction(Art.monatlBeitrag, 0, now, ''), Transaction(Art.monatlBeitrag, 0, now),
Transaction(Art.aufladung, 2042, now, ''), Transaction(Art.aufladung, 2042, now),
Transaction(Art.einkauf, -2442, now.subtract(const Duration(days: 2)), ''), Transaction(Art.einkauf, -2442, now.subtract(const Duration(days: 2))),
Transaction(Art.korrektur, 2332, now.subtract(const Duration(hours: 5)), Transaction(Art.korrektur, 2332, now.subtract(const Duration(hours: 5)),
'Korrektur des Warenkorbs'), 'Korrektur des Warenkorbs'),
Transaction(Art.monatlBeitrag, 0, now, ''), Transaction(Art.monatlBeitrag, 0, now),
Transaction(Art.aufladung, 2042, now, ''), Transaction(Art.aufladung, 2042, now),
Transaction(Art.einkauf, -2442, now.subtract(const Duration(days: 2)), ''), Transaction(Art.einkauf, -2442, now.subtract(const Duration(days: 2))),
Transaction(Art.korrektur, 2332, now.subtract(const Duration(hours: 5)), Transaction(Art.korrektur, 2332, now.subtract(const Duration(hours: 5)),
'Korrektur des Warenkorbs'), 'Korrektur des Warenkorbs'),
Transaction(Art.monatlBeitrag, 0, now, ''), Transaction(Art.monatlBeitrag, 0, now),
Transaction(Art.aufladung, 2042, now, ''), Transaction(Art.aufladung, 2042, now),
Transaction(Art.einkauf, -2442, now.subtract(const Duration(days: 2)), ''), Transaction(Art.einkauf, -2442, now.subtract(const Duration(days: 2))),
Transaction(Art.korrektur, 2332, now.subtract(const Duration(hours: 5)), Transaction(Art.korrektur, 2332, now.subtract(const Duration(hours: 5)),
'Korrektur des Warenkorbs'), 'Korrektur des Warenkorbs'),
Transaction(Art.monatlBeitrag, 0, now, ''), Transaction(Art.monatlBeitrag, 0, now),
Transaction(Art.aufladung, 2042, now, ''), Transaction(Art.aufladung, 2042, now),
Transaction(Art.einkauf, -2442, now.subtract(const Duration(days: 2)), ''), Transaction(Art.einkauf, -2442, now.subtract(const Duration(days: 2))),
Transaction(Art.korrektur, 2332, now.subtract(const Duration(hours: 5)), Transaction(Art.korrektur, 2332, now.subtract(const Duration(hours: 5)),
'Korrektur des Warenkorbs'), 'Korrektur des Warenkorbs'),
Transaction(Art.monatlBeitrag, 0, now, ''), Transaction(Art.monatlBeitrag, 0, now),
Transaction(Art.aufladung, 2042, now, ''), Transaction(Art.aufladung, 2042, now),
Transaction(Art.einkauf, -2442, now.subtract(const Duration(days: 2)), ''), Transaction(Art.einkauf, -2442, now.subtract(const Duration(days: 2))),
Transaction(Art.korrektur, 2332, now.subtract(const Duration(hours: 5)), Transaction(Art.korrektur, 2332, now.subtract(const Duration(hours: 5)),
'Korrektur des Warenkorbs') 'Korrektur des Warenkorbs')
]; ];
@ -62,73 +64,100 @@ class Finance extends StatelessWidget {
appBar: AppBar( appBar: AppBar(
toolbarHeight: 75, toolbarHeight: 75,
title: const Card( title: const Card(
child: Padding( child: ListTile(
padding: EdgeInsets.all(8.0), leading: Icon(
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Icon(
Icons.euro, Icons.euro,
//semanticLabel: 'Text for screenreader',
), ),
Column( title: Text(
children: [
Text(
'Aktuelles Guthaben:', 'Aktuelles Guthaben:',
style: TextStyle(fontWeight: FontWeight.bold),
), ),
Text( subtitle: Text(
'-00,34€', '-00,34€',
style: TextStyle(fontWeight: FontWeight.bold),
)
],
)
],
),
),
)), )),
),
),
body: ListView.builder( body: ListView.builder(
itemCount: null, itemCount: null,
itemBuilder: (context, index) { itemBuilder: (context, index) {
if (index < transactions.length) { if (index < transactions.length) {
return Card( return Card(
clipBehavior: Clip.hardEdge, child: ListTile(
child: InkWell( leading: getIcon(transactions[index].art),
splashColor: const Color(0xff5f7c61).withAlpha(50), title: Text(gettitle(transactions[index].art)),
subtitle: getSubtitle(index),
trailing: transactions[index].art == Art.einkauf
? PopupMenuButton(
onSelected: (value) {},
itemBuilder: (BuildContext context) =>
<PopupMenuEntry<String>>[
const PopupMenuItem<String>(
value: 'Option',
child: ListTile(
leading: Icon(Icons.manage_history),
title: Text('Warenkorb bearbeiten')),
),
const PopupMenuItem<String>(
value: 'Option',
child: ListTile(
leading:
Icon(Icons.remove_shopping_cart),
title: Text('Einkauf stornieren')),
),
],
)
: null,
onTap: () { onTap: () {
if (transactions[index].art == Art.einkauf) {
showBottomSheet( showBottomSheet(
context: context, context: context,
builder: (BuildContext context) { builder: (BuildContext context) {
return SizedBox.expand( return const SizedBox.expand();
child: Text(transactions[index].beschreibung));
}); });
}, }
child: Padding( }));
padding: const EdgeInsets.all(8.0),
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: [
Icon(transactions[index].art == Art.korrektur
? Icons.error
: Icons.money),
Column(
children: [
Text(
DateFormat("EEEE, dd. MMMM yyyy HH:mm", 'de_DE')
.format(now)),
Text(
'${transactions[index].art}: ${transactions[index].betrag / 100}€')
],
),
],
),
),
),
);
} else { } else {
return null; return null;
} }
}, }));
)); }
String gettitle(Art art) {
switch (art) {
case Art.aufladung:
return 'Aufladung';
case Art.einkauf:
return 'Einkauf';
case Art.korrektur:
return 'Korrektur';
case Art.monatlBeitrag:
return 'monatlicher Beitrag';
}
}
Text getSubtitle(int index) {
String text = '${transactions[index].betrag / 100}';
text += '€ ';
text += DateFormat("EEEE, dd. MMMM yyyy HH:mm", 'de_DE')
.format(transactions[index].datum);
if (transactions[index].beschreibung != null) {
(text += '\n${transactions[index].beschreibung}');
}
return Text(text);
//return Text(
// '${DateFormat("EEEE, dd. MMMM yyyy HH:mm", 'de_DE').format(transactions[index].datum)}: ${transactions[index].betrag / 100}€\n${transactions[index].beschreibung}');
}
Icon getIcon(Art art) {
switch (art) {
case Art.aufladung:
return const Icon(Icons.savings);
case Art.einkauf:
return const Icon(Icons.shopping_basket);
case Art.korrektur:
return const Icon(Icons.priority_high);
case Art.monatlBeitrag:
return const Icon(Icons.payment);
}
} }
} }