[Topic name] — текущий топик, например Alertness, Attitude [Item type] — Theory / Video tips / Test 1–3 / Mistakes [Detail] — 5 min read, 3 min, 20 questions, Question 9 of 20, 3 questions [Action] — Start (ничего не пройдено, только состояние A) или Continue to (продолжение) — Review это фиксированный текст только для Mistakes, не плейсхолдер
Все состояния
A · Первый пункт (Theory)
Topic · Alertness
Theory · 5 min read
Топик 1 из 15, ещё ничего не пройдено — continue-то нечего, поэтому тут остаётся "Start", а не паттерн Continue to.
B · Theory пройдена
Topic · Alertness
Video tips · 3 min
Theory пройдена, дальше video tips.
D · Тест завершён
Topic · Alertness
Test 2 · 20 questions
Один тест пройден, дальше следующий тест.
E · Середина теста
Topic · Alertness
Test 2 · Question 9 of 20
⚠️ Нужны новые данные: на каком вопросе остановился пользователь — в Main.html это пока не отслеживается.
M · Mistakes на разбор
Topic · Alertness
Mistakes · 3 questions
Theory + Video + все 3 теста пройдены, но есть записанные ошибки — это промежуточный шаг перед тем, как топик станет полностью закрыт. Кнопка не меняется.
G · Всё пройдено
All 15 topics
All topics done! 🎉
Настоящая карточка "ты справился" вместо скрытия — с CTA на следующий шаг, DVSA mock test.
Ротация цвета по топикам (обновлено — сплошной цвет)
Топик 1 · Alertness — Цвет 1
Topic · Alertness
Video tips · 3 min
#401971 — сплошным, это уже существующий токен BrandColorPrimary.
Топик 2 · Attitude — Цвет 2
Topic · Attitude
Test 1 · 20 questions
#FA5732 — сплошным, это уже существующий токен AccentPrimary.
Топик 3 · Safety margins — Цвет 3
Topic · Safety margins
Theory · 5 min read
#C500C3 — сплошным, новый цвет, отдельного токена в ui-kit.md для него пока нет.