vinindkoeb/admin-ui
carsten 16d89db527 Opgave 11c: Ordreoversigt + markér betalt (harmonika-UI)
OrdersPage (/runder/:roundId/ordrer, linket fra RoundsPage og
RoundDetailPage) — en to-niveaus harmonika designet af brugeren:
øverste fold viser rundens flasketotal, total og udestående beløb
(sum af ordrer der endnu ikke er betalt), foldet ud til rundens
samlede, kategori-grupperede vinliste. Derunder én fold pr. ordre
(sorteret efter order_number, rød/grøn kant for betalt/ubetalt-status),
foldet ud til "Markér betalt" (POST /orders/{id}/mark-paid) + ordrens
egen kategori-grupperede vinliste. Ingen backend-ændringer nødvendige
— alt data kommer fra opgave 9's eksisterende GET /orders, al
aggregering sker client-side.

Verificeret i en fuldstændig isoleret sandbox (midlertidig separat
rute) for slet ikke at røre de 308 rigtige deltageres data.

To fund fra brugertest, begge rettet:
1. Beløb blev vist i EUR — vises nu i DKK via rundens eur_dkk_rate
   (falder tilbage til EUR hvis runden ikke har en kurs), samme
   omregningsprincip som den offentlige side/kvitteringsmailen.
2. Vinlisterne manglede kategori-gruppering (kun den samlede liste
   havde det først) og viste antal efter vinnavn i stedet for før —
   begge lister er nu kategori-grupperede med antal først.

Dette afslutter opgave 11 (hele admin-UI'et).

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
2026-09-29 02:57:55 +02:00
..
src Opgave 11c: Ordreoversigt + markér betalt (harmonika-UI) 2026-09-29 02:57:55 +02:00
.gitignore Opgave 11a: React admin-scaffold + domænebaseret hosting 2026-09-29 00:41:03 +02:00
.oxlintrc.json Opgave 11a: React admin-scaffold + domænebaseret hosting 2026-09-29 00:41:03 +02:00
index.html Opgave 11a: React admin-scaffold + domænebaseret hosting 2026-09-29 00:41:03 +02:00
package-lock.json Opgave 11b (del 1): frontend-infrastruktur + Deltagere-CRUD 2026-09-29 01:24:40 +02:00
package.json Opgave 11b (del 1): frontend-infrastruktur + Deltagere-CRUD 2026-09-29 01:24:40 +02:00
README.md Opgave 11a: React admin-scaffold + domænebaseret hosting 2026-09-29 00:41:03 +02:00
tsconfig.app.json Opgave 11a: React admin-scaffold + domænebaseret hosting 2026-09-29 00:41:03 +02:00
tsconfig.json Opgave 11a: React admin-scaffold + domænebaseret hosting 2026-09-29 00:41:03 +02:00
tsconfig.node.json Opgave 11a: React admin-scaffold + domænebaseret hosting 2026-09-29 00:41:03 +02:00
vite.config.ts Opgave 11a: React admin-scaffold + domænebaseret hosting 2026-09-29 00:41:03 +02:00

React + TypeScript + Vite

This template provides a minimal setup to get React working in Vite with HMR and some Oxlint rules.

Currently, two official plugins are available:

React Compiler

The React Compiler is not enabled on this template because of its impact on dev & build performances. To add it, see this documentation.

Expanding the Oxlint configuration

If you are developing a production application, we recommend enabling type-aware lint rules by installing oxlint-tsgolint and editing .oxlintrc.json:

{
  "$schema": "./node_modules/oxlint/configuration_schema.json",
  "plugins": ["react", "typescript", "oxc"],
  "options": {
    "typeAware": true
  },
  "rules": {
    "react/rules-of-hooks": "error",
    "react/only-export-components": ["warn", { "allowConstantExport": true }]
  }
}

See the Oxlint rules documentation for the full list of rules and categories.