biokiste / frontend Goto Github PK

• List payments in table
• Provider filter for cash or SEPA payments
• Update database on validation

• Show user balance
• Show door code
• Show last active users

• List all purchases
• Add search field
• Filter giro payments
• Filter cash payments
• Validate payments
• Export all purchases
• Make corrections

Create a status badge to check reachability of API. This should include set up proxy and test it.

• Set up UI library (tailwind.css)
• Create badge
• Set up proxy
• test locally

• Make all categories in transactions list sortable
• Get and use purchase categories
• Submit purchase

Try to use keywords like "primary", "secondary", ... and "lighter", "light", ..., "darker".

If a transaction is made with different types of purchases each purchase will be stored on separately in the database. Sorting by date will cause issues on total and transaction summary.

Create an Action to deploy website to staging/production environment, documentation and storybook.

• Documentation
• Storybook
• Staging
• Production

Can look like this.

…and add status badge at README.

• List teams
• Provide team leader update

Allgemeine Anpassungen

• Hinweistext beim Wechsel auf die Einkaufsseite > Text kann über Info-Symbol in der Kopfzeile angezeigt werden
• Hinweistext soll von Admins editierbar sein
• Gleiche Buttons (Größe und Anordnung) wie auf der jetzigen Webseite
  o Aktion rückgängig dazu
  o Einzahlungsbuttons links neben Anzeigebereich für Eingaben (Taschenrechner-Display) und Höhe auf Button-Größe verkleinern
• Mehrfaches tippen auf 7% oder 19% soll die letzte Buchung wiederholen (ist auf der jetzigen Seite schon so)
• Reihenfolge rechte Übersicht ändern: 7% > 19% > BAR > SEPA > Pfand
• Kategorien (7%, 19% etc.) nur anzeigen, sofern eine Eingabe in dem Bereich vorliegt (mind. in Mobilansicht)
• Reihenfolge Spalten Tabelle ändern
  o Datum > 7% > 19% > BAR > SEPA > Pfand > Tagessumme > Kontostand
• Bestätigungsdialog nach Klick auf Abschließen
• Text vom Bestätigungsdialog soll editierbar sein

Anpassungen in der mobilen Ansicht

• Kopf/Eingabebereich so kompakt wie möglich, sodass unten so viele Transaktionen wie möglich angezeigt werden
• „Einkaufen“ + Kontostand und neuer Kontostand in eine Zeile (ggf. Symbole verwenden)
• Abstände/White-Space (innerhalb der Elemente und zwischen den Elementen) so weit wie möglich reduzieren
• Höhe der Buttons leicht vergrößern

• CRA
• Storybook
• Styleguidist for Documentation

If list component has no entries sort causes crash.

• Add login
• Handle API access
• Limit access based on roles
• Customize login

The link to phone number in MembersList show "tel:undefined".

• List members
• Add search field
• Filter former members
• Filter inactive members
• Filter by Team
• Filter by Team leaders
• Show member transactions
• Show member data
• Export of member data
• Export member credit data
• Edit member data
• Delete user (set inactive or former before)
• Set team leader for specific team
• Edit member transactions
• Add form for User creation

If an alert appears over an disabled button the disable button seems to be inside the alert. If the button is active everything is okay.

How to reproduce

• use storybook story Purchase/Container
• select a Smartphone viewport (e.g. iPhone) and scroll to bottom
• use the calculator and type in e.g. 8
• click "BAR"

• Add input for doorcode in settings
• Update on server

e.g. dashboard.biokiste.org

• Num pad + Display
• Categories
• Item list with categories + Remove
• Submit

In TransactionList in Firefox and Safari beside the Date Time is showing.

• List members
• Provide search field
• Provide exports for member list
• Add form for user generation