Ревью: единый блок выбора источника, клик = выбор (review-unified-source-block)
Три секции экрана ревью (Догадка/Источник/Раскладка) слиты в один блок: список вариантов (радио) → инфо о выбранном → предпросмотр раскладки. Клик по варианту сразу выбирает и сохраняет источник и обновляет инфо+раскладку частичным htmx-свопом блока, без полной перезагрузки и без кнопки «выбрать». - httpapi: reviewBlockAction (htmx-aware, детект HX-Request) для candidate/nobase/source; вынос buildReviewView; поля SeasonSummary и BlockError; сводка сезонов (seasonSummary/seasonRanges) - тип movie↔series убран из UI (read-only); удалён веб-роут /type и handleSetType, метод SetType из интерфейса httpapi (worker/Telegram не тронуты) - шаблон: партиал review_source_block, ссылка «запись ↗» вне кликабельного label, фокус радио с клавиатуры; чистка мёртвого sourceView.Files/IsSeries - тесты: htmx-своп выбора, htmx-путь ошибки, юнит-тесты сводки сезонов - openspec: спеки review/web-ui синхронизированы, change заархивирован - беклог: сложные сериальные раздачи; oob-обновление панели действий Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -310,8 +310,15 @@ details.spoiler{margin-top:var(--sp-3)}
|
||||
.cand-list{display:flex;flex-direction:column;gap:var(--sp-2)}
|
||||
.cand{display:flex;align-items:center;gap:var(--sp-3);padding:11px var(--sp-4);
|
||||
border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--surface);
|
||||
cursor:pointer;transition:border-color .12s,background .12s}
|
||||
transition:border-color .12s,background .12s}
|
||||
.cand:hover{background:var(--surface-2)}
|
||||
/* Вся строка кликабельна: label оборачивает радио и текст, крупная тап-зона на
|
||||
телефоне. Внешняя ссылка «запись ↗» вынесена из label и выбор не переключает. */
|
||||
.cand-pick{display:flex;align-items:center;gap:var(--sp-3);flex:1;min-width:0;cursor:pointer}
|
||||
.cand-radio{position:absolute;width:1px;height:1px;opacity:0}
|
||||
.cand-radio:focus-visible + .radio{outline:2px solid var(--accent);outline-offset:2px}
|
||||
.cand-radio:checked + .radio{border-color:var(--accent)}
|
||||
.cand-radio:checked + .radio::after{content:"";width:9px;height:9px;border-radius:50%;background:var(--accent)}
|
||||
.cand.selected{border-color:var(--accent);background:var(--accent-weak);
|
||||
box-shadow:0 0 0 1px var(--accent) inset}
|
||||
.cand .radio{width:18px;height:18px;border-radius:50%;border:2px solid var(--border-strong);
|
||||
@@ -334,6 +341,16 @@ details.spoiler{margin-top:var(--sp-3)}
|
||||
.cand-extra{display:flex;gap:var(--sp-2);margin-top:var(--sp-3);flex-wrap:wrap;align-items:center}
|
||||
.cand-extra .input{flex:1;min-width:120px}
|
||||
|
||||
/* единый блок источника: ошибка выбора, инфо о выбранном, предпросмотр */
|
||||
.block-error{background:var(--st-err-bg);
|
||||
border:1px solid color-mix(in srgb,var(--st-err) 35%,transparent);color:var(--st-err);
|
||||
padding:9px 12px;border-radius:var(--r-sm);font-size:var(--fs-sm);margin-bottom:var(--sp-3)}
|
||||
.src-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));
|
||||
gap:var(--sp-3);margin-top:var(--sp-4);padding-top:var(--sp-4);
|
||||
border-top:1px solid var(--border)}
|
||||
.src-layout{margin-top:var(--sp-4)}
|
||||
.sub-head{font-size:var(--fs-sm);font-weight:600;margin:0;letter-spacing:-.005em}
|
||||
|
||||
/* ---------- 12. Таблицы ---------- */
|
||||
.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--r-md)}
|
||||
table.tbl{width:100%;border-collapse:collapse;font-size:var(--fs-sm);min-width:560px}
|
||||
|
||||
Reference in New Issue
Block a user