Слияние WT-2: список загрузок и форма приёма (cancelled hide, значок типа, ellipsis)

web/static/css/jellybit.css

@@ -191,7 +191,8 @@ a:hover{text-decoration:underline}
   padding:var(--sp-4);box-shadow:var(--shadow-sm);margin-bottom:var(--sp-5)}
 .add-row{display:flex;gap:var(--sp-2)}
 .add-row .input{flex:1}
-.btn-file{color:var(--text-dim);font-weight:500}
+.btn-file{color:var(--text-dim);font-weight:500;max-width:14rem;overflow:hidden}
+.btn-file [data-file-label]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
 .btn-file.has-file{color:var(--accent);border-color:var(--accent)}
 .add-hint{margin:9px 2px 0;font-size:var(--fs-xs);color:var(--text-faint)}
 

web/templates/index.html

@@ -27,7 +27,7 @@
       <label class="btn btn-file" title="Выбрать .torrent-файл">
         <span data-file-label>.torrent</span>
         <input type="file" name="torrent" accept=".torrent,application/x-bittorrent" hidden
-          onchange="var l=this.closest('.btn-file'),s=l.querySelector('[data-file-label]');s.textContent=this.files.length?this.files[0].name:'.torrent';l.classList.toggle('has-file',!!this.files.length)">
+          onchange="var l=this.closest('.btn-file'),s=l.querySelector('[data-file-label]'),f=this.files[0];s.textContent=f?f.name.replace(/\.torrent$/i,''):'.torrent';l.title=f?f.name:'Выбрать .torrent-файл';l.classList.toggle('has-file',!!f)">
       </label>
       <button class="btn btn-primary btn-lg" type="submit">Добавить</button>
     </div>
@@ -50,7 +50,7 @@
   </div>
 
   <div class="toggle-line">
-    <a href="{{.ShowURL}}">{{if .ShowAll}}☑{{else}}☐{{end}} Показать всё, включая удалённые</a>
+    <a href="{{.ShowURL}}">{{if .ShowAll}}☑{{else}}☐{{end}} Показать всё, включая отменённые и удалённые</a>
   </div>
   {{end}}
 

web/templates/partials/card.html

@@ -2,7 +2,7 @@
 <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"><a href="/download/{{.ID}}" style="color:inherit">{{.Title}}</a></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>