Ревью: единый блок выбора источника, клик = выбор (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:
Claude Opus 4.8
@@ -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}
|
||||
|
||||
@@ -0,0 +1,74 @@
|
||||
{{define "review_source_block"}}
|
||||
<div class="section" id="source-block">
|
||||
<div class="section-head">
|
||||
<h2>Источник и раскладка</h2>
|
||||
<span class="hint">выбери вариант — инфо и раскладка обновятся сразу</span>
|
||||
</div>
|
||||
|
||||
{{if .BlockError}}
|
||||
<div class="block-error">{{.BlockError}}</div>
|
||||
{{end}}
|
||||
|
||||
<!-- 1. Список вариантов: клик по строке = выбор + сохранение (htmx) -->
|
||||
<div class="cand-list">
|
||||
{{range .Sources}}
|
||||
<div class="cand{{if .Active}} selected{{end}}{{if eq .Kind "neural"}} nn-cand{{end}}">
|
||||
<label class="cand-pick">
|
||||
<input class="cand-radio" type="radio" name="candidate_id"
|
||||
value="{{if eq .Kind "neural"}}{{else}}{{.CandidateID}}{{end}}"
|
||||
{{if .Active}}checked{{end}}
|
||||
hx-post="/ui/downloads/{{$.ID}}/{{if eq .Kind "neural"}}nobase{{else}}candidate{{end}}"
|
||||
hx-trigger="change"
|
||||
hx-target="#source-block"
|
||||
hx-swap="outerHTML">
|
||||
<span class="radio"></span>
|
||||
<div class="body">
|
||||
{{if eq .Kind "neural"}}
|
||||
<div class="name"><span class="prov nn">нейронка</span> распознано нейронкой</div>
|
||||
<div class="sub">без базы — тег папки не ставится</div>
|
||||
{{else}}
|
||||
<div class="name"><span class="prov {{.Provider}}">{{.Provider}}</span> {{if .Title}}{{.Title}}{{else}}<span class="faint">id {{.ProviderID}}</span>{{end}}{{if .Year}} <span class="muted">· {{.Year}}</span>{{end}}</div>
|
||||
<div class="sub">id {{.ProviderID}}</div>
|
||||
{{end}}
|
||||
</div>
|
||||
</label>
|
||||
{{if .MatchURL}}<a class="ext-link" href="{{.MatchURL}}" target="_blank" rel="noopener">запись ↗</a>{{end}}
|
||||
</div>
|
||||
{{end}}
|
||||
</div>
|
||||
|
||||
<!-- Ручное добавление источника -->
|
||||
<form class="cand-extra" hx-post="/ui/downloads/{{.ID}}/source"
|
||||
hx-target="#source-block" hx-swap="outerHTML">
|
||||
<select class="select" name="provider" style="max-width:120px">
|
||||
<option value="tmdb">TMDB</option>
|
||||
<option value="tvdb">TVDB</option>
|
||||
<option value="imdb">IMDb</option>
|
||||
</select>
|
||||
<input class="input mono" name="provider_id" placeholder="id или URL записи (для TVDB — числовой id)" required>
|
||||
<button class="btn btn-sm" type="submit">Добавить</button>
|
||||
</form>
|
||||
|
||||
<!-- 2. Инфо о выбранном источнике (тип read-only) -->
|
||||
<div class="src-info">
|
||||
<div class="field"><span class="label">Тип</span><div>{{if .IsSeries}}сериал{{else}}фильм{{end}}</div></div>
|
||||
<div class="field"><span class="label">Название</span><div>{{.Title}}</div></div>
|
||||
{{if .OriginalTitle}}<div class="field"><span class="label">Ориг. название</span><div class="mono">{{.OriginalTitle}}</div></div>{{end}}
|
||||
{{if .Year}}<div class="field"><span class="label">Год</span><div>{{.Year}}</div></div>{{end}}
|
||||
{{if .IsSeries}}<div class="field"><span class="label">Сезоны</span><div>{{if .SeasonSummary}}{{.SeasonSummary}}{{else}}<span class="faint">—</span>{{end}}</div></div>{{end}}
|
||||
<div class="field"><span class="label">Режиссёр</span><div><span class="faint">—</span></div></div>
|
||||
</div>
|
||||
|
||||
<!-- 3. Предпросмотр раскладки выбранного источника -->
|
||||
<div class="src-layout">
|
||||
<div class="section-head" style="margin-bottom:var(--sp-3)">
|
||||
<h3 class="sub-head">Раскладка</h3>
|
||||
<span class="hint">файл источника → целевой хардлинк</span>
|
||||
</div>
|
||||
{{template "layout_widget" .Files}}
|
||||
<p class="faint" style="font-size:var(--fs-xs);margin:var(--sp-3) 0 0">
|
||||
Буквальные целевые пути. Применяются как хардлинки — исходник остаётся на раздаче.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
{{end}}
|
||||
@@ -46,86 +46,8 @@
|
||||
{{end}}
|
||||
|
||||
{{if .HasPlan}}
|
||||
<!-- Догадка -->
|
||||
<div class="section">
|
||||
<div class="section-head"><h2>Догадка</h2></div>
|
||||
<div style="margin-bottom:var(--sp-4)">
|
||||
<span class="label">Тип</span>
|
||||
<form class="row" method="post" action="/ui/downloads/{{.ID}}/type" style="display:flex;gap:var(--sp-2);align-items:center">
|
||||
<button class="btn btn-sm{{if not .IsSeries}} btn-primary{{end}}" name="type" value="movie"{{if not .IsSeries}} disabled{{end}}>фильм</button>
|
||||
<button class="btn btn-sm{{if .IsSeries}} btn-primary{{end}}" name="type" value="series"{{if .IsSeries}} disabled{{end}}>сериал</button>
|
||||
<span class="hint">переключение пересоберёт план</span>
|
||||
</form>
|
||||
</div>
|
||||
<div class="guess-grid">
|
||||
<div class="field"><span class="label">Название</span><div>{{.Title}}</div></div>
|
||||
{{if .OriginalTitle}}<div class="field"><span class="label">Ориг. название</span><div class="mono">{{.OriginalTitle}}</div></div>{{end}}
|
||||
{{if .Year}}<div class="field"><span class="label">Год</span><div>{{.Year}}</div></div>{{end}}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Источник совпадения -->
|
||||
<div class="section">
|
||||
<div class="section-head"><h2>Источник совпадения</h2><span class="hint">выбери источник — распознавание нейронкой или запись базы</span></div>
|
||||
|
||||
<div class="cand-list">
|
||||
{{range .Sources}}
|
||||
<div class="cand{{if .Active}} selected{{end}}">
|
||||
<span class="radio"></span>
|
||||
<div class="body">
|
||||
{{if eq .Kind "neural"}}
|
||||
<div class="name"><span class="prov none">нейронка</span> распознано нейронкой</div>
|
||||
<div class="sub">без базы — тег папки не ставится</div>
|
||||
{{else}}
|
||||
<div class="name"><span class="prov {{.Provider}}">{{.Provider}}</span> {{if .Title}}{{.Title}}{{else}}<span class="faint">id {{.ProviderID}}</span>{{end}}{{if .Year}} <span class="muted">· {{.Year}}</span>{{end}}</div>
|
||||
<div class="sub">id {{.ProviderID}}{{if .MatchURL}} · <a class="ext-link" href="{{.MatchURL}}" target="_blank" rel="noopener">запись ↗</a>{{end}}</div>
|
||||
{{end}}
|
||||
{{if not .Active}}
|
||||
<details class="src-preview">
|
||||
<summary>предпросмотр</summary>
|
||||
<div class="src-fields">
|
||||
<span class="label">Тип</span> {{if .IsSeries}}сериал{{else}}фильм{{end}} ·
|
||||
<span class="label">Название</span> {{.Title}}{{if .Year}} ({{.Year}}){{end}} ·
|
||||
<span class="label">Режиссёр</span> <span class="faint">—</span>
|
||||
</div>
|
||||
{{template "layout_widget" .Files}}
|
||||
</details>
|
||||
{{end}}
|
||||
</div>
|
||||
{{if .Active}}
|
||||
<button class="btn btn-sm" type="button" disabled>активен</button>
|
||||
{{else}}
|
||||
<form method="post" action="/ui/downloads/{{$.ID}}/{{if eq .Kind "neural"}}nobase{{else}}candidate{{end}}">
|
||||
{{if ne .Kind "neural"}}<input type="hidden" name="candidate_id" value="{{.CandidateID}}">{{end}}
|
||||
<button class="btn btn-sm btn-primary" type="submit">выбрать</button>
|
||||
</form>
|
||||
{{end}}
|
||||
</div>
|
||||
{{end}}
|
||||
</div>
|
||||
|
||||
<form class="cand-extra" method="post" action="/ui/downloads/{{.ID}}/source">
|
||||
<select class="select" name="provider" style="max-width:120px">
|
||||
<option value="tmdb">TMDB</option>
|
||||
<option value="tvdb">TVDB</option>
|
||||
<option value="imdb">IMDb</option>
|
||||
</select>
|
||||
<input class="input mono" name="provider_id" placeholder="id или URL записи (для TVDB — числовой id)" required>
|
||||
<button class="btn btn-sm" type="submit">Добавить</button>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<!-- Раскладка -->
|
||||
<div class="section">
|
||||
<div class="section-head">
|
||||
<h2>Раскладка</h2>
|
||||
<span class="hint">файл источника → целевой хардлинк</span>
|
||||
</div>
|
||||
{{template "layout_widget" .Files}}
|
||||
<p class="faint" style="font-size:var(--fs-xs);margin:var(--sp-3) 0 0">
|
||||
Буквальные целевые пути. Применяются как хардлинки — исходник остаётся на раздаче.
|
||||
</p>
|
||||
</div>
|
||||
<!-- Единый блок: выбор источника → инфо → предпросмотр раскладки -->
|
||||
{{template "review_source_block" .}}
|
||||
{{end}}
|
||||
|
||||
<!-- Уточнить и перераспознать -->
|
||||
|
||||
Reference in New Issue
Block a user