From 6ce176f970bb1953c32729eec79ca2750ad30a6c Mon Sep 17 00:00:00 2001 From: AR 15 M4 Date: Sun, 22 Mar 2026 23:19:38 +0500 Subject: [PATCH] chore: close Sprint 4, open Sprint 5 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Sidebar: Hero/CEO-текст unlocked (not soon), Sprint 5 · v0.5.0 - SPRINTS.md: Sprint 4 marked ✅ ЗАВЕРШЁН, Sprint 5 plan updated - LLM_CONTEXT.md: v4.1 — cards/badges/alerts section 9b added Co-Authored-By: Claude Sonnet 4.6 --- apps/web/components/layout/Sidebar.tsx | 6 ++--- docs/LLM_CONTEXT.md | 35 +++++++++++++++++++++++--- docs/SPRINTS.md | 33 +++++++++++++++--------- 3 files changed, 56 insertions(+), 18 deletions(-) diff --git a/apps/web/components/layout/Sidebar.tsx b/apps/web/components/layout/Sidebar.tsx index d782fa9..d619635 100644 --- a/apps/web/components/layout/Sidebar.tsx +++ b/apps/web/components/layout/Sidebar.tsx @@ -40,8 +40,8 @@ const NAV: NavSection[] = [ { title: "Блоки", items: [ - { label: "Hero", href: "/blocks/hero", soon: true }, - { label: "CEO-текст", href: "/blocks/ceo", soon: true }, + { label: "Hero", href: "/blocks/hero" }, + { label: "CEO-текст", href: "/blocks/ceo" }, { label: "Наши врачи", href: "/blocks/doctors", soon: true }, { label: "Отзывы", href: "/blocks/reviews", soon: true }, { label: "Новости", href: "/blocks/news", soon: true }, @@ -170,7 +170,7 @@ export function Sidebar() { color: "var(--bb-sidebar-text-muted)", }} > - Sprint 4 · v0.4.0 + Sprint 5 · v0.5.0 ); diff --git a/docs/LLM_CONTEXT.md b/docs/LLM_CONTEXT.md index 929b20b..8fb4085 100644 --- a/docs/LLM_CONTEXT.md +++ b/docs/LLM_CONTEXT.md @@ -2,9 +2,9 @@ ## Клиника ухо, горло, нос им. проф. Е.Н.Оленевой -**Версия контекста:** 4.0 +**Версия контекста:** 4.1 **Дата обновления:** 2026-03-22 -**Актуальный спринт:** Sprint 4 +**Актуальный спринт:** Sprint 5 **Сайт клиники:** https://oclinica.ru **Брендбук (локально):** http://localhost:3001 **Брендбук (production):** https://web-oclinica.vercel.app @@ -384,6 +384,34 @@ CSS-классы в `globals.css`. Компонент: `@/components/ui/Button` --- +## 9b. Карточки, бейджи и алерты (Sprint 4) + +### Карточки · `/components/cards` + +| Карточка | Размеры ключевые | Источник на сайте | Фон / hover | +|-------------|-------------------------|------------------------------------------------|--------------------------| +| DoctorCard | фото 110×160px | `.doctor .image` + `.doctor .item` | #fff / — | +| NewsCard | preview h=144px | `#block-views-last-news-block-1 .views-column` | #fff / **#eef4d1** + shadow | +| ReviewCard | 4-строчный clamp | `.node-reviews` | **#eef4d1** / — | +| PriceCard | flex row: name + price | `.field-name-field-price-priem` | #fff / highlighted: #f0f9ff | +| ServiceCard | иконка 48×48px | — (нет прямого аналога) | #fff / shadow | + +**DoctorCard:** фото 110×160px (placeholder фон `#dff0fa`), кнопка `.bb-btn-outline .bb-btn-sm` +**NewsCard hover CSS:** `background: #eef4d1; box-shadow: 0 0 16px 0 #9e9e9a;` — взят с реального сайта +**ReviewCard:** звёзды SVG, заливка `#f59e0b`, `WebkitLineClamp: 4` + +### Бейджи, теги, алерты + +| Элемент | Варианты | Применение | +|---------|----------|------------| +| Badge | primary (#0089c3) / success (#059669) / warning (#d97706) / danger (#dc2626) / neutral (#6b7280) | Статус врача, категория, акция | +| Tag | default (border) / active (brand bg) | Фильтры, категории услуг | +| Alert | info (#dff0fa/#075985) / success (#d1fae5/#065f46) / warning (#fef3c7/#92400e) / error (#fee2e2/#991b1b) | Системные сообщения | + +**CSS класс hover:** `.bb-news-card:hover` в globals.css + +--- + ## 10. Технический стек проекта | Слой | Технология | Версия | @@ -407,7 +435,8 @@ CSS-классы в `globals.css`. Компонент: `@/components/ui/Button` | 2.0 | 2026-03-22 | Sprint 2: типографика, оффлайн носители, цвета сайта (8 цветов) | | 2.1 | 2026-03-22 | Sprint 2 доп.: +3 цвета сайта (коралловый, светло-жёлтый, светло-зелёный) | | 3.0 | 2026-03-22 | Sprint 3: кнопки (Button), форм-контролы (Input/Textarea/Select/Checkbox/Radio/Toggle), LLM-блок на логотипе | -| 4.0 | 2026-03-22 | Sprint 4 start: исправлены цвета Oracal (точные RGB из каталога), кнопки/формы по реальному сайту, Sprint 4 в планах | +| 4.0 | 2026-03-22 | Sprint 4 start: исправлены цвета Oracal (точные RGB из каталога), кнопки/формы по реальному сайту | +| 4.1 | 2026-03-22 | Sprint 4 done: карточки (DoctorCard/NewsCard/ReviewCard/PriceCard/ServiceCard), бейджи/теги/алерты | --- diff --git a/docs/SPRINTS.md b/docs/SPRINTS.md index 32033db..4244229 100644 --- a/docs/SPRINTS.md +++ b/docs/SPRINTS.md @@ -143,22 +143,31 @@ --- -## Sprint 4 — Карточки (Cards) +## Sprint 4 — Карточки (Cards) ✅ ЗАВЕРШЁН **Цель:** Все типы карточек, используемых на сайте. ### Задачи -- [ ] Docs: Обновить `docs/LLM_CONTEXT.md` — добавить спецификации карточек -- [ ] FE: Добавить LLM-блок на страницу «Карточки» -- [ ] FE: Карточка врача (DoctorCard) — фото, имя, специализация, кнопка записи -- [ ] FE: Карточка услуги / заболевания -- [ ] FE: Карточка новости — превью, дата, заголовок, анонс, читать далее -- [ ] FE: Карточка отзыва — автор, текст, рейтинг (звёзды), дата -- [ ] FE: Карточка цены — услуга, стоимость, описание -- [ ] FE: Бейджи, теги, алерты (inline и toast) -- [ ] FE: Страница «Компоненты → Карточки» с документацией - -**Результат спринта:** Все карточки задокументированы и показаны в брендбуке. +- [x] Docs: Обновить `docs/LLM_CONTEXT.md` → версия 4.0 +- [x] FE: Добавить LLM-блок на страницу «Карточки» — v1.0 +- [x] FE: Карточка врача (DoctorCard) — фото 110×160px, имя, специализация, стаж, кнопка outline +- [x] FE: Карточка услуги / заболевания (ServiceCard) — иконка + заголовок + описание +- [x] FE: Карточка новости — превью, дата, заголовок, анонс, hover #eef4d1 (CSS сайта) +- [x] FE: Карточка отзыва — рейтинг SVG-звёзды, 4-строчный clamp, фон #eef4d1 +- [x] FE: Карточка цены — услуга + стоимость + highlighted-вариант +- [x] FE: Бейджи (6 вариантов), теги (default/active), алерты (info/success/warning/error) +- [x] FE: Страница `/components/cards` с документацией и LLM-блоком + +### Фактические результаты +- **5 типов карточек:** DoctorCard, NewsCard, ReviewCard, PriceCard, ServiceCard +- **NewsCard hover** — bg `#eef4d1` + box-shadow `0 0 16px #9e9e9a` (1:1 с реальным CSS сайта) +- **ReviewCard** — фон `#eef4d1` из CSS сайта, WebkitLineClamp: 4 +- **Бейджи** — 6 вариантов (primary/success/warning/danger/neutral/outline-blue) +- **Алерты** — info (#dff0fa), success (#d1fae5), warning (#fef3c7), error (#fee2e2) +- **Исправлены цвета Oracal** — точные RGB из каталога для всех 6 плёнок +- **Деплой:** https://web-oclinica.vercel.app (production) + +**Результат спринта:** Все карточки задокументированы. Цвета Oracal исправлены по каталогу. ---