Cars: arrange the garage, and choose what a car's page shows

Three things you can now set up rather than live with.

The garage takes a drag: cards reorder as you drag across them and the
arrangement saves on drop — or on dragend, since a card released in the
gap between cards never produces a drop and would otherwise revert on
the next load. It is a per-user list of car ids on the profile, so it
covers cars shared with you and never reorders anybody else's garage;
the API returns /api/cars in that order, so a client only sends the new
one back. Pointer-only: touch browsers don't fire the native drag
events, and this is not worth a dependency.

A car's page is now configurable from the gear in its header: which tabs
it shows, and which of the 14 Information rows. Both belong to the car,
so everyone it is shared with sees the same page — Fuel off on an EV
stays off for all of them — and setting them needs write access. Stored
as the hidden sets, so anything added in a later release is on by
default. PUT /api/cars/{id}/view is its own endpoint precisely so an
ordinary save of the car form, which sends every other field, can never
reveal something that was deliberately switched off. Information itself
can't be hidden: a page with no tabs left would be a dead end.

The connected-service cards fold away, remembered per device, so a
provider that reports eight sections can be trimmed to the two worth
watching. A failed section keeps a short badge in its collapsed header
and puts the provider's own message — a few hundred characters of JSON,
which used to stretch the page sideways — inside the body with
everything else.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
tajniak81andClaude Opus 5 committed 2026-08-17 20:29:23 +02:00
1 parent e373497958
commit 049da69c83
18 files changed
+840 -46

No files matched your search

+13
View File
@@ -88,6 +88,7 @@
"subtitle": "Serviceoverblik og servicehistorik.",
"addCar": "Tilføj bil",
"importCar": "Importér fra tjeneste",
"dragHint": "Træk for at ændre rækkefølgen i din garage.",
"empty": "Ingen biler endnu. Klik på {action} for at komme i gang.",
"shared": "Delt",
"sharedReadOnly": "Delt · skrivebeskyttet",
@@ -190,6 +191,7 @@
"fontLarge": "stor"
},
"profile": {
"title": "Profil",
"avatarAlt": "Profilbillede",
@@ -273,6 +275,15 @@
"reminders": "Påmindelser"
},
"viewPicker": {
"open": "Hvad denne bils side viser",
"title": "Hvad denne bil viser",
"subtitle": "Vælg hvilke afsnit og oplysninger denne bils side viser. Det gælder alle, bilen er delt med.",
"tabsHeading": "Faner",
"fieldsHeading": "Oplysninger",
"alwaysOn": "{tab} er altid tilgængelig."
},
"provider": {
"subtitle": "Live-data fra din {label}-konto.",
"refresh": "Opdater",
@@ -285,6 +296,7 @@
"allFields": "Alle oplyste felter",
"truncated": "Kun de første {n} felter er vist — resten findes i det rå svar nedenfor.",
"sectionEmpty": "Intet oplyst.",
"sectionFailed": "Kunne ikke hentes",
"own": "Kun din egen konto bruges, så loginoplysninger deles aldrig sammen med en bil.",
"odometerSuggest": "{label} oplyser {km}, altså mere end bilens gemte kilometerstand.",
"updateOdometer": "Opdater kilometerstand",
@@ -318,6 +330,7 @@
},
"info": {
"allHidden": "Alle felter er slået fra for denne bil.",
"oilSpec": "Motorolie-specifikation",
"transmissionOil": "Gearolie",
"differentialOil": "Differentialeolie",
+13
View File
@@ -106,6 +106,7 @@
"subtitle": "Maintenance overview and service history.",
"addCar": "Add car",
"importCar": "Import from service",
"dragHint": "Drag to rearrange your garage.",
"empty": "No cars yet. Click {action} to get started.",
"shared": "Shared",
"sharedReadOnly": "Shared · read-only",
@@ -208,6 +209,7 @@
"fontLarge": "large"
},
"profile": {
"title": "Profile",
"avatarAlt": "Avatar",
@@ -348,6 +350,15 @@
"reminders": "Reminders"
},
"viewPicker": {
"open": "What this car's page shows",
"title": "What this car shows",
"subtitle": "Pick the sections and details this car's page shows. It applies to everyone the car is shared with.",
"tabsHeading": "Tabs",
"fieldsHeading": "Information fields",
"alwaysOn": "{tab} is always available."
},
"provider": {
"subtitle": "Live data from your {label} account.",
"refresh": "Refresh",
@@ -360,6 +371,7 @@
"allFields": "All reported fields",
"truncated": "Only the first {n} fields are listed — the raw response below has the rest.",
"sectionEmpty": "Nothing reported.",
"sectionFailed": "Couldn't be fetched",
"own": "Only your own account is used, so credentials are never shared with a car.",
"odometerSuggest": "{label} reports {km}, ahead of this car's stored reading.",
"updateOdometer": "Update odometer",
@@ -393,6 +405,7 @@
},
"info": {
"allHidden": "Every field is switched off for this car.",
"oilSpec": "Engine oil spec",
"transmissionOil": "Transmission oil",
"differentialOil": "Differential oil",
+13
View File
@@ -90,6 +90,7 @@
"subtitle": "Przegląd serwisowy i historia napraw.",
"addCar": "Dodaj samochód",
"importCar": "Importuj z serwisu",
"dragHint": "Przeciągnij, aby zmienić kolejność w garażu.",
"empty": "Nie masz jeszcze samochodów. Kliknij {action}, aby zacząć.",
"shared": "Udostępniony",
"sharedReadOnly": "Udostępniony · tylko do odczytu",
@@ -194,6 +195,7 @@
"fontLarge": "duża"
},
"profile": {
"title": "Profil",
"avatarAlt": "Awatar",
@@ -277,6 +279,15 @@
"reminders": "Przypomnienia"
},
"viewPicker": {
"open": "Co pokazuje strona tego samochodu",
"title": "Co pokazuje ten samochód",
"subtitle": "Wybierz sekcje i szczegóły widoczne na stronie tego samochodu. Dotyczy wszystkich, którym go udostępniono.",
"tabsHeading": "Zakładki",
"fieldsHeading": "Pola informacji",
"alwaysOn": "Zakładka {tab} jest zawsze dostępna."
},
"provider": {
"subtitle": "Dane na żywo z Twojego konta {label}.",
"refresh": "Odśwież",
@@ -289,6 +300,7 @@
"allFields": "Wszystkie zgłoszone pola",
"truncated": "Wypisano tylko pierwsze {n} pól — pozostałe znajdziesz w surowej odpowiedzi poniżej.",
"sectionEmpty": "Brak danych.",
"sectionFailed": "Nie udało się pobrać",
"own": "Używane jest wyłącznie Twoje własne konto, więc dane logowania nigdy nie są udostępniane wraz z samochodem.",
"odometerSuggest": "{label} podaje {km}, czyli więcej niż zapisany przebieg tego samochodu.",
"updateOdometer": "Zaktualizuj przebieg",
@@ -322,6 +334,7 @@
},
"info": {
"allHidden": "Wszystkie pola są wyłączone dla tego samochodu.",
"oilSpec": "Specyfikacja oleju silnikowego",
"transmissionOil": "Olej przekładniowy",
"differentialOil": "Olej mostu napędowego",