vidarchive

queue.html

1	{{define "queue"}}
2	<div class="page-header">
3	<h2>Queue</h2>
4	<div class="actions">
5	<form method="post" action="/queue/clear" class="inline">
6	<button type="submit" class="secondary">Clear All</button>
7	</form>
8	<form method="get" action="/queue" class="inline filter-form">
9	<select name="status">
10	<option value="all" {{if eq .Data.Status "all"}}selected{{end}}>All</option>
11	<option value="queued" {{if eq .Data.Status "queued"}}selected{{end}}>Queued</option>
12	<option value="downloading" {{if eq .Data.Status "downloading"}}selected{{end}}>Active</option>
13	<option value="completed" {{if eq .Data.Status "completed"}}selected{{end}}>Completed</option>
14	<option value="error" {{if eq .Data.Status "error"}}selected{{end}}>Failed</option>
15	</select>
16	<select name="sort">
17	<option value="date" {{if eq .Data.SortBy "date"}}selected{{end}}>Date</option>
18	<option value="status" {{if eq .Data.SortBy "status"}}selected{{end}}>Status</option>
19	</select>
20	<button type="submit">Filter</button>
21	</form>
22	</div>
23	</div>
24
25	<div class="queue-list">
26	{{range .Data.Items}}
27	<article class="queue-item {{.Status}}">
28	<div class="queue-header">
29	<div class="queue-url"><a href="/queue/{{.ID}}">{{.URL}}</a></div>
30	<div class="queue-status">
31	<span class="status-badge {{.Status}}">{{.Status}}</span>
32	</div>
33	<form method="post" action="/queue/{{.ID}}/delete" class="inline">
34	<button type="submit" class="small danger">Remove</button>
35	</form>
36	</div>
37	{{if .ErrorMessage.Valid}}
38	<div class="error-message">{{.ErrorMessage.String}}</div>
39	{{end}}
40	<div class="queue-meta">
41	<span>Created: {{.CreatedAt.Format "2006-01-02 15:04"}}</span>
42	{{if .StartedAt.Valid}}
43	<span>Started: {{.StartedAt.Time.Format "2006-01-02 15:04"}}</span>
44	{{end}}
45	</div>
46	</article>
47	{{else}}
48	<div class="empty-state">
49	<p>Queue is empty. <a href="/download">Start a download</a>.</p>
50	</div>
51	{{end}}
52	</div>
53	{{end}}