Files
ytdlp-site/templates/videos.html
2024-10-14 06:02:05 -06:00

83 lines
2.8 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="refresh" content="10">
<title>Downloaded Videos</title>
<link rel="stylesheet" href="/static/style/common.css">
<link rel="stylesheet" href="/static/style/videos.css">
<link rel="stylesheet" href="/static/style/video-card.css">
{{template "header-css" .}}
{{template "footer-css" .}}
</head>
<body>
{{template "header" .}}
<h1>Downloaded Videos</h1>
<div class="video-list">
{{range .videos}}
<div class="video-card">
<div class="video-title">
{{if or (eq .Status "download completed") (eq .Status "transcoding") (eq .Status "completed")}}
<a href="/video/{{.ID}}">{{.Title}}</a>
{{else}}
{{.Title}}
{{end}}
</div>
<div class="video-info">{{.Artist}}</div>
<div class="video-info"><a href="{{.URL}}">{{.URL}}</a></div>
<div class="video-info">{{.Status}}</div>
<div class="video-info">
{{if .Audio}}
Audio
{{end}}
{{if .Video}}
Video
{{end}}
</div>
<div class="video-options">
{{if eq .Status "completed"}}
<form action="/video/{{.ID}}/process" method="post" style="display:inline;">
<button type="submit">Reprocess</button>
</form>
{{else if eq .Status "failed"}}
<form action="/video/{{.ID}}/restart" method="post" style="display:inline;">
<button type="submit">Restart</button>
</form>
{{else if eq .Status "downloading"}}
{{end}}
<form action="/video/{{.ID}}/delete" method="post" style="display:inline;">
<button type="submit" class="delete-btn">Delete</button>
</form>
</div>
</div>
{{end}}
</div>
<h1>Playlists</h1>
<div class="video-list">
{{range .playlists}}
<div class="video-card">
<div class="video-title">
{{if eq .Status "completed"}}
<a href="/p/{{.ID}}">{{.Title}}</a>
{{else}}
{{.Title}}
{{end}}
</div>
<div class="video-info"><a href="{{.URL}}">{{.URL}}</a></div>
<div class="video-options">
<form action="/p/{{.ID}}/delete" method="post" style="display:inline;">
<button type="submit" class="delete-btn">Delete</button>
</form>
</div>
</div>
{{end}}
</div>
{{template "footer" .}}
</body>
</html>