TokyFlows
Tato stránka mapuje uživatelské cesty od začátku do konce. Dnes obsahuje pouze tok V2 (Případ C — samoinstalace). Další toky (Případ A, Případ B) přibudou. Každý krok ukazuje očekávaný stav přihlášení v topbaru, obsah stránky a scénář karty bojleru podle spec/device-card-states.md §2.1.This page maps end-to-end user journeys. Today it lists flow V2 only (Case C — self-install). More flows (Case A, Case B) will follow. Each step shows the topbar auth state expected, the page body content, and the heater-card scenario per spec/device-card-states.md §2.1.
V2 — Případ C: samoinstalaceV2 — Case C self-install
Anonymní uživatel zadá kód, projde registrací, ověří e-mail, doplní odběrné místo a nakonec vidí měřící nástěnku.Anonymous user enters a code, signs up, verifies email, adds a supply point, and finally sees the measuring dashboard.
-
1 · code.html · Zadat kód zařízení1 · code.html · Enter device code
AnonymníAnonymous
Hlavní formulář pro zadání kódu zařízení.Hero code-entry form.
—
Otevřít →Open →
-
2 · overview.html · Přehled zařízení2 · overview.html · Device overview
AnonymníAnonymous
"Zatím neměříme" + karta bojleru + CTA "Zapnout na 3 dny" + odkazy na přihlášení / registraci."We're not measuring yet" + heater card + "Turn on for 3 days" CTA + body links to log in / sign up.
S2
Otevřít →Open →
-
3 · signup.html · Registrovat se3 · signup.html · Sign up
AnonymníAnonymous
Registrační formulář (e-mail + telefon + heslo).Signup form (email + phone + password).
—
Otevřít →Open →
-
4 · verify.html · Ověřit e-mail4 · verify.html · Verify email
PřihlášenýLogged in
Formulář ověřovacího kódu + e-mail uživatele uvedený v úvodu.Verify-code form + email echoed in intro.
—
Otevřít →Open →
-
5 · dashboard.html · Nástěnka (prázdná)5 · dashboard.html · Dashboard (empty)
PřihlášenýLogged in
Uvítací karta + spárovaná karta bojleru + CTA "+ Přidat odběrné místo".Welcome card + paired heater card + "+ Add supply point" CTA.
S4
Otevřít →Open →
-
6 · setup.html · Nastavení odběrného místa6 · setup.html · Set up supply point
PřihlášenýLogged in
Průvodce (odběrné místo → bojler → souhrn).Wizard (supply point → heater → summary).
—
Otevřít →Open →
-
7 · dashboard.html · Nástěnka s odběrným místem7 · dashboard.html · Dashboard with supply point
PřihlášenýLogged in
Metriky + měřící karta bojleru + karta odběrného místa.Metrics + measuring heater card + supply-point card.
S6
Otevřít →Open →
Cesta ShellyShelly path
Kroky 1–5 a krok 7 jsou shodné s tokem V2 (YG) výše — Code → Overview → Sign up → Verify → Dashboard → Setup → Dashboard with supply point.Steps 1–5 and step 7 are identical to the V2 (YG) flow above — Code → Overview → Sign up → Verify → Dashboard → Setup → Dashboard with supply point.
-
6a · setup.html · Připojit Shelly6a · setup.html · Connect Shelly
PřihlášenýLogged in
Krok jen pro Shelly — zadejte 12znakové ID zařízení; MQTT údaje se zobrazí po ověření ID.Shelly-only step — enter the 12-character Device ID; MQTT credentials reveal once the ID validates.
—
Otevřít →Open →
-
6b · setup.html · Souhrn Shelly6b · setup.html · Shelly summary
PřihlášenýLogged in
Souhrn Shelly — přidává třetí dlaždici s hex ID zařízení Shelly vedle odběrného místa a bojleru.Shelly summary — adds a third tile showing the Shelly device hex ID alongside Supply Point + Heater.
—
Otevřít →Open →
Případ B — Převzetí účtuCase B — Claim account
Třetí strana (montér) zařízení nainstaluje a předá uživateli odkaz s kódem; uživatel zadá kód, zkontroluje předem nastavené odběrné místo, nastaví heslo a zařízení převezme.A third-party installer sets up the device and gives the user a claim link with the code; the user types the code, reviews the pre-set supply, sets a password, and claims ownership.
-
1 · code.html · Zadat kód (claim-pending)1 · code.html · Enter device code (claim-pending)
AnonymníAnonymous
Stejný formulář pro zadání kódu; směrovací brána (US-S6) podle DB stavu claim-pending přesměruje na /flow/claim.html.Same code-entry form; routing gate (US-S6) detects DB state claim-pending and redirects to /flow/claim.html.
S1
Otevřít →Open →
-
2 · claim.html · Převzít účet2 · claim.html · Claim account
AnonymníAnonymous
Předem nastavené odběrné místo (read-only) + formulář pro nastavení hesla; po odeslání se uloží yg.flow.claimed='1' a uživatel jde na /flow/dashboard.html.Pre-set supply point (read-only) + password form; on submit stores yg.flow.claimed='1' and routes to /flow/dashboard.html.
S1
Náhled bude doplněnPreview pending
Otevřít →Open →
-
3 · dashboard.html · Nástěnka po převzetí3 · dashboard.html · Dashboard after claim
PřihlášenýLogged in
Adoptované zařízení + odběrné místo + měřící karta bojleru.Adopted device + supply point + measuring heater card.
S6
Otevřít →Open →
Návrat — Adoptované zařízeníRe-entry — Adopted device
Vlastník už adoptovaného zařízení znovu zadá kód (např. po ztrátě sezení) a přejde rovnou na detail bojleru.Owner of an already-adopted device re-enters the code (e.g. after a lost session) and lands directly on the heater detail page.
-
1 · code.html · Zadat kód (adopted)1 · code.html · Enter device code (adopted)
AnonymníAnonymous
Stejný formulář; směrovací brána (US-S6) podle DB stavu adopted přesměruje na /flow/heater.html.Same code-entry form; routing gate (US-S6) detects DB state adopted and redirects to /flow/heater.html.
S6
Otevřít →Open →
-
2 · heater.html · Detail bojleru2 · heater.html · Heater detail
PřihlášenýLogged in
Karta odběrného místa + měřící karta bojleru (S6) + zpětný odkaz na nástěnku.Supply-point card + measuring heater card (S6) + back link to dashboard.
S6
Náhled bude doplněnPreview pending
Otevřít →Open →