Sebastiaan de Schaetzen
91be8274c4
All checks were successful
Build / build (push) Successful in 3m11s
33 lines
971 B
HTML
33 lines
971 B
HTML
{{- /*gotype: vivaplusdl.VideoInfoVM*/}}
|
|
{{define "frag-index"}}
|
|
<div class="video-box">
|
|
<div class="thumbnail-container">
|
|
<a href="/video/{{.ID}}">
|
|
<img src="{{.Thumbnail}}" alt="Thumbnail" class="video-thumbnail" />
|
|
<div class="play-button">
|
|
<span class="play-symbol">▶</span>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="video-info">
|
|
<h2 class="video-title">{{.Title}}</h2>
|
|
<p class="video-description">{{.Description}}</p>
|
|
<div class="video-actions">
|
|
<a href="/video/{{.ID}}" class="watch-button">Watch Now</a>
|
|
<form hx-boost="true" method="post" action="{{if .IsWatched}}/mark-unwatched/{{.ID}}{{else}}/mark-watched/{{.ID}}{{end}}">
|
|
<button type="submit" class="mark-watched">
|
|
{{if .IsWatched}}
|
|
Mark as Unwatched
|
|
{{else}}
|
|
Mark as Watched
|
|
{{end}}
|
|
</button>
|
|
</form>
|
|
{{if ne .PreviousID 0}}
|
|
<a href="/?video={{.PreviousID}}" class="mark-watched">Show Previous</a>
|
|
{{end}}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{{end}}
|