1 files changed, 37 insertions, 0 deletions
diff --git a/templates/media.qtpl b/templates/media.qtpl
new file mode 100644
index 0000000..88ce582
--- /dev/null
+++ b/templates/media.qtpl
@@ -0,0 +1,37 @@
+{% import "git.sr.ht/~gabrielgio/img/pkg/database/repository" %}
+
+{% code
+type MediaPage struct {
+	Medias []*repository.Media
+	Next   *repository.Pagination
+}
+%}
+
+{% func (p *MediaPage) Title() %}
+Media
+{% endfunc %}
+
+
+{% func (p *MediaPage) Content() %}
+<div class="columns is-multiline">
+{% for _, media := range p.Medias %}
+    <div class="card-image">
+       {% if media.IsVideo() %}
+       <video controls muted="true" poster="/media/thumbnail?path_hash={%s media.PathHash %}" preload="none">
+           <source src="/media/image?path_hash={%s media.PathHash %}" type="{%s media.MIMEType %}">
+       </video>
+       {% else %}
+        <figure class="image is-fit">
+            <img src="/media/thumbnail?path_hash={%s media.PathHash %}">
+        </figure>
+        {% endif %}
+    </div>
+{% endfor %}
+</div>
+<div class="row">
+    <a href="/media?page={%d p.Next.Page %}" class="button is-pulled-right">next</a>
+</div>
+{% endfunc %}
+
+{% func (p *MediaPage) Script() %}
+{% endfunc %}