avandClaude Opus 4.8
17d9f23630
Класс .btn-ghost прозрачен (нет аффорданса без hover, на тач невидим), плюс веса действий рассогласованы между списком (card.html) и страницей (download_main.html). Назначаем семантику весов явно: - «Откатить» = btn-danger везде (в списке был btn-ghost); в список добавлен префикс ↩, чтобы список и страница совпадали. - «Отменить/Отклонить» = btn-danger везде (на странице был btn-ghost). - «Обновить имя» = нейтральный .btn (был btn-ghost). Определение .btn-ghost в jellybit.css оставлено на случай легитимного использования — правились только применения. Косметический nit-фикс, htmx-пути и деградация без JS не затронуты. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
37 lines
2.8 KiB
HTML
37 lines
2.8 KiB
HTML
{{define "card"}}
|
|
<article class="card" id="card-{{.ID}}"{{if .SelfPoll}} hx-get="/fragments/downloads/{{.ID}}/card" hx-trigger="every 3s" hx-swap="outerHTML"{{end}}>
|
|
<div class="card-top">
|
|
<div>
|
|
<div class="card-title">{{if eq .MediaType "series"}}<span class="type-ico" title="сериал">📺</span> {{else if eq .MediaType "movie"}}<span class="type-ico" title="фильм">🎬</span> {{end}}<a href="/download/{{.ID}}" style="color:inherit">{{.Title}}</a></div>
|
|
<div class="hash-row">
|
|
<span class="hash-label">ID:</span>
|
|
<span class="hash">{{.ID}}</span>
|
|
<button class="copy-btn" type="button" onclick="copyHash(this,'{{.ID}}')">⧉ копировать</button>
|
|
</div>
|
|
</div>
|
|
{{template "status_badge" .State}}
|
|
</div>
|
|
|
|
<div class="card-life">
|
|
<span>{{if .Added}}{{.Added}} <span class="ago">({{.AddedAgo}})</span>{{else}}—{{end}}</span>
|
|
<span class="sep">·</span>
|
|
<span>{{.Size}}</span>
|
|
<span class="sep">·</span>
|
|
<span title="рейтинг раздачи (отдано/скачано)">↑ {{.Ratio}}</span>
|
|
</div>
|
|
|
|
{{if .IsDownloading}}{{template "progress" .Progress}}{{end}}
|
|
|
|
<div class="card-foot">
|
|
{{if .ActionError}}<span class="card-meta" style="color:var(--st-err)">{{.ActionError}}</span>{{else}}<span class="card-meta">{{if .Note}}{{.Note}}{{else if .Error}}{{.Error}}{{end}}</span>{{end}}
|
|
<div class="card-acts">
|
|
{{if .Reviewable}}<a class="btn btn-primary btn-sm" href="/review/{{.ID}}">Ревью →</a>{{end}}
|
|
{{if .Undoable}}<form method="post" action="/ui/downloads/{{.ID}}/undo" hx-post="/ui/downloads/{{.ID}}/undo" hx-target="#card-{{.ID}}" hx-swap="outerHTML"><input type="hidden" name="surface" value="list"><button class="btn btn-sm btn-danger" type="submit">↩ Откатить</button></form>{{end}}
|
|
{{if .Relinkable}}<form method="post" action="/ui/downloads/{{.ID}}/relink" hx-post="/ui/downloads/{{.ID}}/relink" hx-target="#card-{{.ID}}" hx-swap="outerHTML"><input type="hidden" name="surface" value="list"><button class="btn btn-sm" type="submit">Привязать заново</button></form>{{end}}
|
|
{{if .Retriable}}<form method="post" action="/ui/downloads/{{.ID}}/retry" hx-post="/ui/downloads/{{.ID}}/retry" hx-target="#card-{{.ID}}" hx-swap="outerHTML"><input type="hidden" name="surface" value="list"><button class="btn btn-sm" type="submit">Повторить</button></form>{{end}}
|
|
{{if not .Terminal}}<form method="post" action="/ui/downloads/{{.ID}}/cancel" hx-post="/ui/downloads/{{.ID}}/cancel" hx-target="#card-{{.ID}}" hx-swap="outerHTML"><input type="hidden" name="surface" value="list"><button class="btn btn-sm btn-danger" type="submit">{{if .Reviewable}}Отклонить{{else}}Отменить{{end}}</button></form>{{end}}
|
|
</div>
|
|
</div>
|
|
</article>
|
|
{{end}}
|