Deltagere
+
Runder
{currentUser?.is_superadmin &&
(isElevated ? (
diff --git a/admin-ui/src/dateUtils.ts b/admin-ui/src/dateUtils.ts
new file mode 100644
index 0000000..fce3822
--- /dev/null
+++ b/admin-ui/src/dateUtils.ts
@@ -0,0 +1,29 @@
+/** Konverterer en ISO-dato (UTC, fra backend) til værdien et
+ * forventer, i browserens lokale tid. */
+export function toDatetimeLocalValue(iso: string | null | undefined): string {
+ if (!iso) return ''
+ const d = new Date(iso)
+ const pad = (n: number) => String(n).padStart(2, '0')
+ return `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())}T${pad(d.getHours())}:${pad(d.getMinutes())}`
+}
+
+/** Konverterer en -værdi (browserens lokale tid)
+ * til en ISO-streng (UTC) API'et kan bruge, eller null hvis feltet er tomt. */
+export function fromDatetimeLocalValue(value: string): string | null {
+ return value ? new Date(value).toISOString() : null
+}
+
+/** Samme som toDatetimeLocalValue, men kun dato (til felter uden brug for et tidspunkt). */
+export function toDateValue(iso: string | null | undefined): string {
+ if (!iso) return ''
+ const d = new Date(iso)
+ const pad = (n: number) => String(n).padStart(2, '0')
+ return `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())}`
+}
+
+/** Konverterer en -værdi (lokal dato, midnat) til en ISO-streng (UTC). */
+export function fromDateValue(value: string): string | null {
+ if (!value) return null
+ const [year, month, day] = value.split('-').map(Number)
+ return new Date(year, month - 1, day).toISOString()
+}
diff --git a/admin-ui/src/pages/RoundDetailPage.tsx b/admin-ui/src/pages/RoundDetailPage.tsx
new file mode 100644
index 0000000..b66f201
--- /dev/null
+++ b/admin-ui/src/pages/RoundDetailPage.tsx
@@ -0,0 +1,420 @@
+import { useEffect, useState, type FormEvent } from 'react'
+import { useNavigate, useParams } from 'react-router-dom'
+import { apiFetch, ApiError } from '../api'
+import { useAuth } from '../AuthContext'
+import { fromDateValue, fromDatetimeLocalValue, toDateValue, toDatetimeLocalValue } from '../dateUtils'
+
+interface PurchaseRound {
+ id: number
+ name: string
+ status: 'draft' | 'open' | 'closed'
+ opens_at: string | null
+ order_deadline_at: string | null
+ pickup_at: string | null
+ eur_dkk_rate: string | null
+ intro_text: string | null
+ pickup_info_text: string | null
+ route_id: number
+}
+
+interface WineCategory {
+ id: number
+ name: string
+ sort_order: number
+}
+
+interface WineOffering {
+ id: number
+ name: string
+ price: string
+ is_organic: boolean
+ category_id: number
+ purchase_round_id: number
+}
+
+interface RoundFormState {
+ name: string
+ status: PurchaseRound['status']
+ opens_at: string
+ order_deadline_at: string
+ pickup_at: string
+ eur_dkk_rate: string
+ intro_text: string
+ pickup_info_text: string
+}
+
+function toFormState(round: PurchaseRound): RoundFormState {
+ return {
+ name: round.name,
+ status: round.status,
+ opens_at: toDateValue(round.opens_at),
+ order_deadline_at: toDateValue(round.order_deadline_at),
+ pickup_at: toDatetimeLocalValue(round.pickup_at),
+ eur_dkk_rate: round.eur_dkk_rate ?? '',
+ intro_text: round.intro_text ?? '',
+ pickup_info_text: round.pickup_info_text ?? '',
+ }
+}
+
+interface NewWineForm {
+ name: string
+ price: string
+ is_organic: boolean
+ category_id: string
+}
+
+const emptyWineForm: NewWineForm = { name: '', price: '', is_organic: false, category_id: '' }
+
+export function RoundDetailPage() {
+ const { roundId } = useParams<{ roundId: string }>()
+ const navigate = useNavigate()
+ const { currentUser, isElevated, elevatedToken } = useAuth()
+ const [round, setRound] = useState(null)
+ const [form, setForm] = useState(null)
+ const [categories, setCategories] = useState([])
+ const [wines, setWines] = useState([])
+ const [loading, setLoading] = useState(true)
+ const [error, setError] = useState(null)
+ const [newWine, setNewWine] = useState(emptyWineForm)
+ const [editingWineId, setEditingWineId] = useState(null)
+ const [editWineForm, setEditWineForm] = useState(emptyWineForm)
+
+ async function loadWines(forRoundId: string) {
+ const data = await apiFetch(`/wine-offerings?purchase_round_id=${forRoundId}&limit=500`)
+ setWines(data)
+ }
+
+ async function loadAll() {
+ if (!roundId) return
+ setLoading(true)
+ setError(null)
+ try {
+ const [roundData, categoryData] = await Promise.all([
+ apiFetch(`/purchase-rounds/${roundId}`),
+ apiFetch('/wine-categories'),
+ ])
+ setRound(roundData)
+ setForm(toFormState(roundData))
+ setCategories(categoryData)
+ await loadWines(roundId)
+ } catch (err) {
+ setError(err instanceof ApiError ? err.message : 'Kunne ikke hente runden')
+ } finally {
+ setLoading(false)
+ }
+ }
+
+ useEffect(() => {
+ loadAll()
+ // eslint-disable-next-line react-hooks/exhaustive-deps
+ }, [roundId])
+
+ async function handleSave(event: FormEvent) {
+ event.preventDefault()
+ if (!roundId || !form) return
+ setError(null)
+ try {
+ const updated = await apiFetch(`/purchase-rounds/${roundId}`, {
+ method: 'PATCH',
+ headers: { 'Content-Type': 'application/json' },
+ body: JSON.stringify({
+ name: form.name,
+ status: form.status,
+ opens_at: fromDateValue(form.opens_at),
+ order_deadline_at: fromDateValue(form.order_deadline_at),
+ pickup_at: fromDatetimeLocalValue(form.pickup_at),
+ eur_dkk_rate: form.eur_dkk_rate ? form.eur_dkk_rate : null,
+ intro_text: form.intro_text || null,
+ pickup_info_text: form.pickup_info_text || null,
+ }),
+ })
+ setRound(updated)
+ setForm(toFormState(updated))
+ } catch (err) {
+ setError(err instanceof ApiError ? err.message : 'Kunne ikke gemme runden')
+ }
+ }
+
+ async function handleDelete() {
+ if (!roundId || !round) return
+ if (!window.confirm(`Slet "${round.name}"?`)) return
+ setError(null)
+ try {
+ const token = round.status === 'closed' ? elevatedToken : undefined
+ await apiFetch(`/purchase-rounds/${roundId}`, { method: 'DELETE' }, token)
+ navigate('/runder')
+ } catch (err) {
+ setError(err instanceof ApiError ? err.message : 'Kunne ikke slette runden')
+ }
+ }
+
+ async function handleCopy() {
+ if (!roundId) return
+ setError(null)
+ try {
+ const copy = await apiFetch(`/purchase-rounds/${roundId}/copy`, { method: 'POST' })
+ navigate(`/runder/${copy.id}`)
+ } catch (err) {
+ setError(err instanceof ApiError ? err.message : 'Kunne ikke kopiere runden')
+ }
+ }
+
+ async function handleCreateWine(event: FormEvent) {
+ event.preventDefault()
+ if (!roundId) return
+ setError(null)
+ try {
+ await apiFetch('/wine-offerings', {
+ method: 'POST',
+ headers: { 'Content-Type': 'application/json' },
+ body: JSON.stringify({
+ name: newWine.name,
+ price: newWine.price,
+ is_organic: newWine.is_organic,
+ category_id: Number(newWine.category_id),
+ purchase_round_id: Number(roundId),
+ }),
+ })
+ setNewWine(emptyWineForm)
+ await loadWines(roundId)
+ } catch (err) {
+ setError(err instanceof ApiError ? err.message : 'Kunne ikke oprette vin')
+ }
+ }
+
+ function startEditWine(wine: WineOffering) {
+ setEditingWineId(wine.id)
+ setEditWineForm({
+ name: wine.name,
+ price: wine.price,
+ is_organic: wine.is_organic,
+ category_id: String(wine.category_id),
+ })
+ }
+
+ async function handleSaveWine(event: FormEvent) {
+ event.preventDefault()
+ if (!roundId || editingWineId === null) return
+ setError(null)
+ try {
+ await apiFetch(`/wine-offerings/${editingWineId}`, {
+ method: 'PATCH',
+ headers: { 'Content-Type': 'application/json' },
+ body: JSON.stringify({
+ name: editWineForm.name,
+ price: editWineForm.price,
+ is_organic: editWineForm.is_organic,
+ category_id: Number(editWineForm.category_id),
+ }),
+ })
+ setEditingWineId(null)
+ await loadWines(roundId)
+ } catch (err) {
+ setError(err instanceof ApiError ? err.message : 'Kunne ikke gemme vin')
+ }
+ }
+
+ async function handleDeleteWine(wine: WineOffering) {
+ if (!roundId) return
+ if (!window.confirm(`Slet "${wine.name}"?`)) return
+ setError(null)
+ try {
+ await apiFetch(`/wine-offerings/${wine.id}`, { method: 'DELETE' })
+ await loadWines(roundId)
+ } catch (err) {
+ setError(err instanceof ApiError ? err.message : 'Kunne ikke slette vin')
+ }
+ }
+
+ if (loading) return Indlæser...
+ if (!round || !form) return {error ?? 'Runden blev ikke fundet'}
+
+ const categoryName = (categoryId: number) => categories.find((c) => c.id === categoryId)?.name ?? '—'
+
+ return (
+
+
{round.name}
+ {error &&
{error}
}
+
+