Sprints 7–9: electronic medical card, splash home, plate design system
- Sprint 7: Electronic patient card (MedcardScreen rewritten with hero passport, 5 tabs, bidirectional links with past appointments) - Sprint 8: 5th home variant "Светлая плитка" (HomeSplashScreen) - Sprint 9: Tweaks "Дизайн" section (Клод / Прозрачная карточка) with plate versions of Profile, Appts, Appt details and Medcard in screens-plate.jsx; fallback to Клод for other screens Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
+68
@@ -113,6 +113,74 @@ _заполнить в конце спринта_
|
||||
|
||||
---
|
||||
|
||||
## Спринт 9 · 21 апр 2026
|
||||
|
||||
**Цель:** ввести переключатель дизайн-системы в Tweaks (раздел **«Дизайн»**: «Клод» / «Прозрачная карточка») и начать перерабатывать экраны в стиле «Светлой плитки» (primary-50 карточки, круглые teal-иконки, крупные h1, тонкие бордеры primary-100, минимум градиентов).
|
||||
|
||||
**Идея.** «Клод» — текущий нейтральный дизайн (Spacious gradient + разные tint-карточки). «Прозрачная карточка» — унифицированный стиль на базе «Светлой плитки»: каждая сущность в primary-50 карточке со скруглением 16, шапки — белая кнопка-назад в primary-50 кружке, плитка-первее-списка.
|
||||
|
||||
### Инфраструктура
|
||||
- [x] `TWEAKS_DEFAULT.design = 'claude'` + `DESIGN_OPTIONS` (App.jsx)
|
||||
- [x] Группа «Дизайн» в TweaksPanel (2 кнопки)
|
||||
- [x] `ctx.design` прокинут в PhoneApp.renderScreen
|
||||
- [x] В plate-режиме главная всегда = `HomeSplashScreen` (homeVariant форсится на `splash`)
|
||||
- [x] Механизм fallback: экраны без plate-версии показываются в Клоде
|
||||
|
||||
### Plate-версии экранов
|
||||
- [x] Главная — `HomeSplashScreen` (уже готов из Спринта 8, базовый эталон)
|
||||
- [x] Профиль — `ProfilePlateScreen` (паспорт + 2 быстрые кнопки QR/Карта + 4 секции списком plate-карточек)
|
||||
- [x] Приёмы — `ApptsPlateScreen` (табы как pill-сегмент, карточка приёма с «Активно», чипы даты/времени/адреса)
|
||||
- [x] Детали приёма — `ApptDetailPlateScreen` (крупное время в plate-hero + заключение с белыми вложенными pane)
|
||||
- [x] Электронная карта — `MedcardPlateScreen` (паспорт + pill-табы + все 5 табов в plate-стиле)
|
||||
|
||||
### Задел на следующий спринт
|
||||
- [ ] Врачи (список + карточка врача) в plate-стиле
|
||||
- [ ] Флоу записи (specs/doctor/time/confirm/success) в plate-стиле
|
||||
- [ ] Чаты (список + конверсация) в plate-стиле
|
||||
- [ ] Результаты (список + аудио + эндоскопия) в plate-стиле
|
||||
- [ ] Восстановление, тест слуха — в plate-стиле
|
||||
- [ ] Уведомления, QR — в plate-стиле
|
||||
- [ ] Статьи, контакты, цены, поиск — в plate-стиле
|
||||
- [ ] docs.js — отдельные записи для plate-вариантов если стилистика существенно отличается от Клода
|
||||
|
||||
### Итоги
|
||||
_заполнить в конце спринта_
|
||||
|
||||
---
|
||||
|
||||
## Спринт 8 · 21 апр 2026
|
||||
|
||||
**Цель:** добавить в Tweaks 5-й вариант главной по макету Stitch — приветственный экран с тёплой карточкой записи и плиткой 2×2 «Полезная информация».
|
||||
|
||||
**Итоги.** Закрыт. Реализован `HomeSplashScreen` (screens-home.jsx) + вспомогательный `SplashTile`. В процессе название варианта переименовано из «Сплэш» → **«Светлая плитка»** (id=`splash`) — более понятно на русском. Имя пациента тянется из `patient.shortName`, ближайший приём из `appointments`. Доступ: Tweaks → «Главный экран» → «Светлая плитка». Стал базой для дизайн-системы «Прозрачная карточка» в Спринте 9.
|
||||
|
||||
### План
|
||||
- [x] `HomeSplashScreen` в `screens-home.jsx`: шапка (аватар + «Главная» + колокольчик), крупный h1 «Добрый день, {имя}!», поиск врача, секция «Записи на прием» (ближайшая + мои приёмы + warm-CTA записи), «Услуги и консультации» 2×1, «Полезная информация» 2×2
|
||||
- [x] Вспомогательный компонент `SplashTile` — круглая teal-иконка + sub/main
|
||||
- [x] Имя пациента — из `patient.shortName` (единый источник правды с Профилем и Медкартой)
|
||||
- [x] Подключить в `HOME_OPTIONS` (App.jsx) и в HOME-map (PhoneApp.jsx) как `splash` → «Светлая плитка»
|
||||
- [x] Описание `home:splash` в `src/docs.js` (цель, задачи, design-решения, варианты)
|
||||
|
||||
---
|
||||
|
||||
## Спринт 7 · 21 апр 2026
|
||||
|
||||
**Цель:** превратить экран «Медкарта» в полноценную электронную карту пациента — единую точку правды о здоровье, связанную двусторонне с карточками прошедших приёмов и с Профилем.
|
||||
|
||||
### План
|
||||
- [x] Расширить `data.js`: блок `patient` (ФИО, ДР, полис, СНИЛС, № карты, первый визит, лечащий врач) + блок `medcard` (allergies с severity/reaction, chronicConditions с МКБ-кодом, vaccinations, surgeries, prescriptions active/past)
|
||||
- [x] Дополнить `appointments` past-визиты полями `diagnosis`, `diagnosisCode`, `conclusion`, `prescriptions[]`, `resultIds[]` + добавить визит `a5` (септопластика Синдяева 12 апр)
|
||||
- [x] Переписать `MedcardScreen`: hero-паспорт с QR-кнопкой, 5 табов (Общее / Посещения / Назначения / Прививки / Операции), карточки посещений ведут в `appt:<id>`
|
||||
- [x] `ApptDetailScreen`: блок «Заключение» теперь тянет данные из `a.diagnosis/conclusion/prescriptions/diagnosisCode`, добавлены CTA «В медкарте» и «Результаты обследований»
|
||||
- [x] `ApptsTabScreen`: на вкладке «Прошедшие» primary-CTA «Электронная карта» (вместо «Записаться»)
|
||||
- [x] `ProfileTabScreen`: шапка читает `patient`, пункт «Электронная карта» с featured-стилем и счётчиками (посещения / аллергии / диагнозы), новый чип «Карта №XXX» рядом с QR
|
||||
- [x] Обновить `docs.js`: `medcard` и `appt` — отразить двустороннюю связь и новую структуру карты
|
||||
|
||||
### Итоги
|
||||
_заполнить в конце спринта_
|
||||
|
||||
---
|
||||
|
||||
## Спринт 5 · 20 апр 2026
|
||||
|
||||
**Цель:** документация прототипа внутри самого прототипа — чтобы на ревью с коллегами можно было сразу увидеть цель и design-решения по любому экрану.
|
||||
|
||||
Reference in New Issue
Block a user