new ui3
This commit is contained in:
@@ -80,7 +80,15 @@ Mockup: 4‑column footer (brand blurb · Informácie · Účet · Kontakt) + co
|
||||
The mockup's body is really a **category/listing** layout. The home page borrows its
|
||||
look; the real listing pages should adopt the rest.
|
||||
|
||||
### B1. Breadcrumbs — 🟢
|
||||
> **✅ Implemented (pass 3)** — reusable `ui::crumb` / `ui::crumb_current` chevron
|
||||
> breadcrumb macros (`assets/views/macros/ui.html`), wired into `home/index.html`
|
||||
> (Domov), `shop/index.html` (Domov › Obchod) and restyled on `shop/category.html`
|
||||
> (Domov › Obchod › … › category). Added the sidebar **Informácie** card to
|
||||
> `shop/_sidebar.html`. While verifying, confirmed **B3 sort**, **B4 view toggle**
|
||||
> and **C1 collapsible tree** were already built — only styling polish remains.
|
||||
> Verified: `/`, `/shop`, `/partials/categories`, `/search?q=` all 200, no errors.
|
||||
|
||||
### B1. Breadcrumbs — ✅ done
|
||||
Mockup: *Domov › Zdravotnícke › {kategória}* with chevron separators.
|
||||
- **Already implemented** on category pages: `breadcrumbs` loop in
|
||||
`assets/views/shop/category.html:12`. Just needs the mockup's chevron styling and
|
||||
@@ -97,7 +105,7 @@ Mockup: white card with a 148px image placeholder + category description paragra
|
||||
- Render as the app card idiom (`border border-outline bg-surface-alt dark:…`).
|
||||
- Medium effort (model field) or low (static placeholder first).
|
||||
|
||||
### B3. Sort control ("Zoradiť podľa") — 🟢
|
||||
### B3. Sort control ("Zoradiť podľa") — ✅ already in toolbar
|
||||
Mockup: styled `<select>` — Predvolené / Cena ↑ / Cena ↓ / Názov A–Z /
|
||||
Najpredávanejšie.
|
||||
- **Backend already exists**: `sort` query param (`src/controllers/shop.rs:41,81,
|
||||
@@ -131,7 +139,7 @@ Mockup left column = two white cards: a collapsible **Kategórie** tree and an
|
||||
**Informácie** links card. base.html already renders `#category-sidebar` from
|
||||
`/partials/categories`, so this is a restyle of that partial.
|
||||
|
||||
### C1. Collapsible category tree — 🟡
|
||||
### C1. Collapsible category tree — ✅ already implemented
|
||||
Mockup: top‑level groups with +/− chevrons; expanded group shows leaf links, active
|
||||
leaf highlighted (`bg-primary/10 text-primary font-bold`).
|
||||
- Style the existing categories partial as a white card with Alpine‑toggled
|
||||
@@ -139,7 +147,7 @@ leaf highlighted (`bg-primary/10 text-primary font-bold`).
|
||||
`markActiveNav()` pattern.
|
||||
- Medium effort.
|
||||
|
||||
### C2. "Informácie" links card — 🔴
|
||||
### C2. "Informácie" links card — ✅ done
|
||||
Mockup: second sidebar card with Obchodné podmienky / O našej spoločnosti / Naše
|
||||
obchody / Doprava a platba.
|
||||
- Static links card; same markup as the contact/stores cards already added to the
|
||||
|
||||
Reference in New Issue
Block a user