+
+
+ Egne runder
+
+
+
{hasMyTournaments &&
}
{hasOrg && activeOrg ? (
@@ -279,6 +289,35 @@ export function Dashboard() {
)
}
+// --- "Egne runder" (ADR-033) -------------------------------------------------
+// Frittstående rundeføring med detaljert statistikk -- eid direkte av
+// brukeren (app_user), uavhengig av organisasjon/turnering. Bevisst atskilt
+// navn fra "Mine runder" under (turnering-deltakelse) for å unngå
+// forveksling mellom de to konseptene.
+
+function PersonalRoundsEntry() {
+ return (
+
+
+
+
+
+
Egne runder
+
+ Registrer en runde på egen hånd, med detaljert statistikk -- uavhengig av turnering.
+
+
+
+
+ )
+}
+
// --- "Mine runder" (ADR-031) -----------------------------------------------
// Turneringer brukeren er SPILLER i, uavhengig av organisasjonsmedlemskap.
// Kortets hoveddel lenker til den offentlige turnering-siden. Fra
diff --git a/frontend/components/personal-rounds.tsx b/frontend/components/personal-rounds.tsx
new file mode 100644
index 0000000..c55b087
--- /dev/null
+++ b/frontend/components/personal-rounds.tsx
@@ -0,0 +1,162 @@
+"use client"
+
+// Frittstående rundeføring (ADR-033) -- runder eid direkte av en BRUKER
+// (app_user), ikke en organisasjon. Bevisst adskilt navn fra dashbordets
+// "Mine runder" (turnering-deltakelse, se MyToursSection i dashboard.tsx)
+// for å unngå forveksling -- denne funksjonen kalles "Egne runder" overalt
+// i UI-et.
+
+import { useEffect, useState } from "react"
+import Link from "next/link"
+import { useRouter } from "next/navigation"
+import { ArrowLeft, Calendar, ChevronRight, Flag, Plus } from "lucide-react"
+import { Button } from "@/components/ui/button"
+import { Wordmark } from "@/components/wordmark"
+
+type ApiRoundParticipant = {
+ id: string
+ is_owner: boolean
+ guest_name: string | null
+}
+
+type ApiRound = {
+ id: string
+ course_name_snapshot: string
+ tee_name_snapshot: string
+ played_at: string
+ holes_planned: number
+ completed_at: string | null
+ participants: ApiRoundParticipant[]
+}
+
+export function PersonalRounds() {
+ const router = useRouter()
+ const [rounds, setRounds] = useState
(null)
+ const [error, setError] = useState(null)
+
+ useEffect(() => {
+ let cancelled = false
+ async function load() {
+ try {
+ const res = await fetch("/rounds", { credentials: "include" })
+ if (res.status === 401) {
+ router.replace("/")
+ return
+ }
+ if (!res.ok) throw new Error(`rounds: ${res.status}`)
+ const data: ApiRound[] = await res.json()
+ if (!cancelled) setRounds(data)
+ } catch {
+ if (!cancelled) setError("Klarte ikke å hente rundene dine. Prøv igjen om litt.")
+ }
+ }
+ void load()
+ return () => {
+ cancelled = true
+ }
+ }, [router])
+
+ return (
+
+
+
+
+
+
+
Egne runder
+
+ Registrer en runde på egen hånd, med eller uten turnering, og få detaljert statistikk.
+
+
+
+
+
+
+ {error}
+
+ )}
+
+ {rounds === null ? (
+
+ ) : rounds.length === 0 ? (
+
+
+
+
+
+
Ingen runder registrert ennå
+
+ Trykk på «Ny runde» for å registrere den første.
+
+
+
+ {rounds.map((r) => (
+ -
+
+
+
+
{r.course_name_snapshot}
+ {r.completed_at ? (
+
+ Fullført
+
+ ) : (
+
+ Pågår
+
+ )}
+
+
+ {r.tee_name_snapshot} · {r.holes_planned} hull · {formatDate(r.played_at)}
+
+
+
+ {r.participants.length} {r.participants.length === 1 ? "spiller" : "spillere"}
+
+
+ ))}
+
+ )}
+
+
+
{error}
+
+ Tilbake til egne runder
+
+
+
+
+
+
+
+ {round.course_name_snapshot}
+
+
+ {round.tee_name_snapshot} · {round.holes_planned} hull · {formatDate(round.played_at)}
+
+
+ {round.participants.map((p) => (
+
+ ))}
+ {!isCompleted && !showAddGuest && (
+
+ )}
+
+
+ {showAddGuest && setShowAddGuest(false)} onAdd={handleAddGuest} />}
+
+ {activeParticipant && (
+ <>
+
+
+ {currentHoleData ? (
+
+ ) : (
+
+ )}
+
+
+
+
+
+
+ )}
+
+ {!isCompleted && (
+
+ )}
+
+
+
+
+ Runde fullført
+
+
+ {round.participants.map((p) => (
+
+ {participantLabel(p)}
+
+ {p.counts_for_handicap && p.score_differential !== null
+ ? `Differensial: ${p.score_differential.toFixed(1)}`
+ : "Telte ikke mot HCP"}
+
+
+ ))}
+
+
+ {order.map((n) => {
+ const h = holes?.find((x) => x.hole_number === n)
+ return (
+
+ )
+ })}
+
+ )
+}
+
+// --- Hull-panel -----------------------------------------------------------
+
+function HolePanel({
+ hole,
+ readOnly,
+ onChange,
+}: {
+ hole: ApiHole
+ readOnly: boolean
+ onChange: (patch: Partial) => void
+}) {
+ const [showDetails, setShowDetails] = useState(false)
+ const gir =
+ hole.approach_result === "hit" && hole.score !== null && hole.putts !== null
+ ? hole.score - hole.putts <= hole.par - 2
+ : null
+
+ return (
+
+
+
+
Hull {hole.hole_number}
+
+ · Par {hole.par} · Idx {hole.stroke_index}
+
+
+ {gir !== null && (
+
+ {gir ? "GIR ✓" : "Ikke GIR"}
+
+ )}
+
+
+
+
+
+ Slag
+ onChange({ score: n, played: true })} />
+
+
+
+ Putter
+ onChange({ putts: n })} />
+
+
+
+
+ {showDetails && (
+
+
+
+ onChange({ club_off_tee: e.target.value || null })}
+ placeholder="F.eks. Driver"
+ className="h-11 rounded-xl text-base"
+ />
+
+
+ {hole.par >= 4 && (
+
+
Utslag
+
+ {(["left", "fairway", "right"] as const).map((v) => (
+ onChange({ tee_shot_result: v })}
+ >
+ {v === "fairway" ? "Fairway" : v === "left" ? "Venstre" : "Høyre"}
+
+ ))}
+
+
+ )}
+
+
+
Innspill
+
+ {(["left", "short", "hit", "long", "right"] as const).map((v) => (
+ onChange({ approach_result: v })}
+ >
+ {v === "hit" ? "Traff" : v === "long" ? "Langt" : v === "short" ? "Kort" : v === "left" ? "Venstre" : "Høyre"}
+
+ ))}
+
+
+
+
+ onChange({ chip_count: n })} />
+ onChange({ bunker_shot_count: n })} />
+ onChange({ penalty_strokes: n })} />
+
+
+
+
+ onChange({ first_putt_distance_m: e.target.value === "" ? null : Number(e.target.value) })}
+ className="h-11 rounded-xl text-base"
+ />
+
+
+ )}
+
+
{label}
+
+
+ {current}
+
+
+
+
+ {numbers.map((n) => (
+
+ ))}
+ {!showHigh && high.length > 0 && (
+
+ )}
+
+ {showHigh && (
+
+ )}
+
+
+
+
+ Ny runde
+
+ {loadingMe ? (
+
+ ) : !ownGender ? (
+
+ Profilen din mangler registrert kjønn, som trengs for å beregne banehandicap riktig.{" "}
+
+ Gå til kontoinnstillinger
+
+ .
+
+ ) : step === "source" ? (
+ setStep("teeoff")}
+ onPickCustom={() => setStep("custom-search")}
+ />
+ ) : step === "teeoff" ? (
+ setStep("source")} onPick={pickCourse} />
+ ) : step === "custom-search" ? (
+ setStep("source")}
+ onPick={pickCourse}
+ onCreateNew={() => setStep("custom-create")}
+ />
+ ) : step === "custom-create" ? (
+ setStep("custom-search")} onCreated={pickCourse} />
+ ) : selected ? (
+ setStep("source")} />
+ ) : null}
+
+
+
+ Hvor spilte du runden?
+
+
+
+
+ {!selectedFacility ? (
+ <>
+
+ {error &&
{error}
}
+
+ setQuery(e.target.value)}
+ onKeyDown={(e) => {
+ if (e.key === "Enter") {
+ e.preventDefault()
+ runSearch()
+ }
+ }}
+ className="h-12 flex-1 rounded-xl text-base"
+ />
+
+
+ {facilities && (
+
+ {facilities.map((f) => (
+ -
+
+
+ ))}
+ {facilities.length === 0 && (
+ - Ingen treff.
+ )}
+
+ )}
+
+ ) : (
+ <>
+
setSelectedFacility(null)} label={selectedFacility.name} />
+ {error && {error}
}
+ {courses === null ? (
+ Laster baner…
+ ) : (
+
+ {courses.map((c) => (
+ -
+
+
+ ))}
+ {courses.length === 0 && (
+ -
+ Ingen 18-hulls baner registrert hos dette anlegget ennå.
+
+ )}
+
+ )}
+
+ )}
+
+
+ {error &&
{error}
}
+
setQuery(e.target.value)}
+ className="h-12 rounded-xl text-base"
+ />
+
+ {results.map((c) => (
+ -
+
+
+ ))}
+ {results.length === 0 && (
+ -
+ {query.trim() ? "Ingen treff." : "Skriv for å søke, eller opprett en ny bane under."}
+
+ )}
+
+
+
+
+ {value && (
+
+ )}
+
+
+
+ {course.name}
+
+
+ {error &&
{error}
}
+
+ {compatibleTees.length === 0 ? (
+
+ Denne banen har ingen registrert rating for ditt kjønn på noe utslag -- HCP-sporing er ikke mulig for
+ denne runden. Velg en annen bane, eller fullfør profilen din på nytt.
+
+ ) : (
+
+
+
+ {compatibleTees.map((t) => (
+
+ ))}
+
+
+ )}
+
+
+
+ setPlayedAt(e.target.value)}
+ className="h-12 rounded-xl text-base"
+ />
+
+
+
+
+
+
+
+
+
+
+ {([9, 18] as const).map((n) => (
+
+ ))}
+
+
+
+
+