From a1f09d1f143012570a62bcb2a8fe51c439ad68fb Mon Sep 17 00:00:00 2001
From: Gabriel Arakaki Giovanini <mail@gabrielgio.me>
Date: Fri, 18 Aug 2023 21:57:47 +0200
Subject: feat: Make mosaic reusable

---
 templates/album.qtpl | 21 ++-------------------
 1 file changed, 2 insertions(+), 19 deletions(-)

(limited to 'templates/album.qtpl')

diff --git a/templates/album.qtpl b/templates/album.qtpl
index 328c6d4..1f25bf6 100644
--- a/templates/album.qtpl
+++ b/templates/album.qtpl
@@ -1,5 +1,4 @@
 {% import "git.sr.ht/~gabrielgio/img/pkg/database/repository" %}
-{% import "git.sr.ht/~gabrielgio/img/pkg/list" %}
 
 {% code
 type AlbumPage struct {
@@ -28,26 +27,10 @@ func (m *AlbumPage) PreloadAttr() string {
 {% endfor %}
 </div>
 <div class="columns">
-{% for _, c := range list.Chunck(p.Medias, 4) %}
-    <div class="column is-3">
-    {% for _, media := range c %}
-    <div class="card-image">
-       {% if media.IsVideo() %}
-       <video class="image is-fit" controls muted="true" poster="/media/thumbnail/?path_hash={%s media.PathHash %}" preload="{%s p.PreloadAttr() %}">
-           <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>
-{% endfor %}
+{%= Mosaic(p.Medias, p.PreloadAttr()) %}
 </div>
 <div>
-    <a href="/media/?page={%d p.Next.Page %}" class="button is-pulled-right">next</a>
+    <a href="/media?page={%d p.Next.Page %}" class="button is-pulled-right">next</a>
 </div>
 {% endfunc %}
 
-- 
cgit v1.2.3