From 3fe9ed5bca39d298312cc7ff59fe59d3427dcafd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E2=80=9DNyymix=E2=80=9D?= <nyymix@gmail.com>
Date: Wed, 19 Mar 2025 21:25:19 +0200
Subject: [PATCH] Update templates

---
 .../gallery/partials/pagination.html          |   4 +-
 gallery/templates/gallery/photo_detail.html   | 134 +++++++++---------
 2 files changed, 66 insertions(+), 72 deletions(-)

diff --git a/gallery/templates/gallery/partials/pagination.html b/gallery/templates/gallery/partials/pagination.html
index 1d1c226..2fe8ff4 100644
--- a/gallery/templates/gallery/partials/pagination.html
+++ b/gallery/templates/gallery/partials/pagination.html
@@ -5,9 +5,9 @@
   <ul class="uk-pagination uk-flex-center">
          
     {% if page_obj.has_previous %}
-      <li><a href="{% paginator_link page_obj.previous_page_number request.GET %}">&laquo; Previous</a></li>
+      <li><a href="{% paginator_link page_obj.previous_page_number request.GET %}">&laquo; Prev</a></li>
     {% else %}
-      <li class="uk-disabled"><a href="#">&laquo; Previous</a></li>
+      <li class="uk-disabled"><a href="#">&laquo; Prev</a></li>
     {% endif %}
   
     {% if page_obj.number|add:'-3' > 1 %}
diff --git a/gallery/templates/gallery/photo_detail.html b/gallery/templates/gallery/photo_detail.html
index 81013f2..8b36f82 100644
--- a/gallery/templates/gallery/photo_detail.html
+++ b/gallery/templates/gallery/photo_detail.html
@@ -44,78 +44,72 @@
 
     <div class="uk-align-center uk-container-large">
 
-
-            <div class="uk-grid-small" uk-grid>
-                <div class="uk-width-expand" uk-leader>Album name</div>
-                <div><a href="{{ photo.album.get_absolute_url }}">{{ photo.album.name }}</a></div>
-            </div>
-            <div class="uk-grid-small" uk-grid>
-                <div class="uk-width-expand" uk-leader>Photo id</div>
-                <div uk-lightbox>
-                    <a href="{{ photo.photo_bg.url }}">{{ photo.slug }}</a>
+        <ul uk-accordion>
+            <li class="uk-open">
+                <a class="uk-accordion-title" href>Photo info</a>
+                <div class="uk-accordion-content">
+                    <div class="uk-grid-small" uk-grid>
+                        <div class="uk-width-expand" uk-leader>Album name</div>
+                        <div><a href="{{ photo.album.get_absolute_url }}">{{ photo.album.name }}</a></div>
+                    </div>
+                    <div class="uk-grid-small" uk-grid>
+                        <div class="uk-width-expand" uk-leader>Photo id</div>
+                        <div uk-lightbox>
+                            <a href="{{ photo.photo_bg.url }}">{{ photo.slug }}</a>
+                        </div>
+                    </div>
+                    <div class="uk-grid-small" uk-grid>
+                        <div class="uk-width-expand" uk-leader>Photo Taken</div>
+                        <div>{{ photo.taken_at|date:"d.m.Y H:i"  }}</div>
+                    </div>
+                    <div class="uk-grid-small" uk-grid>
+                        <div class="uk-width-expand" uk-leader>Views</div>
+                        <div>{{ photo.views }}</div>
+                    </div>
+                    <div class="uk-grid-small" uk-grid>
+                        <div class="uk-width-expand" uk-leader>Likes</div>
+                        <div>{{ photo.likes }}</div>
+                    </div>
+                    <div class="uk-grid-small" uk-grid>
+                        <div class="uk-width-expand" uk-leader>Download</div>
+                        <div><a href="{{ photo.photo.url }}">{{ photo.width }}x{{ photo.height }}</a></div>
+                    </div>
                 </div>
-            </div>
-            <div class="uk-grid-small" uk-grid>
-                <div class="uk-width-expand" uk-leader>Photo Taken</div>
-                <div>{{ photo.taken_at|date:"d.m.Y H:i"  }}</div>
-            </div>
-            <div class="uk-grid-small" uk-grid>
-                <div class="uk-width-expand" uk-leader>Views</div>
-                <div>{{ photo.views }}</div>
-            </div>
-            <div class="uk-grid-small" uk-grid>
-                <div class="uk-width-expand" uk-leader>Likes</div>
-                <div>{{ photo.likes }}</div>
-            </div>
-            <div class="uk-grid-small" uk-grid>
-                <div class="uk-width-expand" uk-leader>Download</div>
-                <div><a href="{{ photo.photo.url }}">{{ photo.width }}x{{ photo.height }}</a></div>
-            </div>
-
-            <div class="uk-grid-small" uk-grid>
-                <div class="uk-width-expand" uk-leader>Camera</div>
-                <div>{{ photo.exif.Model }}</div>
-            </div>
-            <div class="uk-grid-small" uk-grid>
-                <div class="uk-width-expand" uk-leader>Lens</div>
-                <div>{{ photo.exif.LensModel }}</div>
-            </div>
-            <div class="uk-grid-small" uk-grid>
-                <div class="uk-width-expand" uk-leader>Shutter Speed</div>
-                <div>{{ photo.exif.ExposureTime|exif_exposuretime }}</div>
-            </div>
-            <div class="uk-grid-small" uk-grid>
-                <div class="uk-width-expand" uk-leader>Aperture</div>
-                <div>{{ photo.exif.FNumber|exif_fnumber }}</div>
-            </div>
-            <div class="uk-grid-small" uk-grid>
-                <div class="uk-width-expand" uk-leader>ISO</div>
-                <div>{{ photo.exif.ISOSpeedRatings|exif_isospeedratings }}</div>
-            </div>
-            <div class="uk-grid-small" uk-grid>
-                <div class="uk-width-expand" uk-leader>Focal Length</div>
-                <div>{{ photo.exif.FocalLength|exif_focallength}}</div>
-            </div>
-            <div class="uk-grid-small" uk-grid>
-                <div class="uk-width-expand" uk-leader>Focal Length</div>
-                <div>{{ photo.exif.FocalLengthIn35mmFilm|exif_focallength }}</div>
-            </div>
-        
-
-            <div class="uk-grid-small" uk-grid>
-                <div class="uk-width-expand" uk-leader>
-                {% if prev %}
-                    <a href="{% url 'gallery:photo_url' photo.album.slug prev.slug %}">&laquo; Prev</a>
-                {% endif %} 
+            </li>
+            <li>
+                <a class="uk-accordion-title" href>Exif data</a>
+                <div class="uk-accordion-content">
+                    <div class="uk-grid-small" uk-grid>
+                        <div class="uk-width-expand" uk-leader>Camera</div>
+                        <div>{{ photo.exif.Model }}</div>
+                    </div>
+                    <div class="uk-grid-small" uk-grid>
+                        <div class="uk-width-expand" uk-leader>Lens</div>
+                        <div>{{ photo.exif.LensModel }}</div>
+                    </div>
+                    <div class="uk-grid-small" uk-grid>
+                        <div class="uk-width-expand" uk-leader>Shutter Speed</div>
+                        <div>{{ photo.exif.ExposureTime|exif_exposuretime }}</div>
+                    </div>
+                    <div class="uk-grid-small" uk-grid>
+                        <div class="uk-width-expand" uk-leader>Aperture</div>
+                        <div>{{ photo.exif.FNumber|exif_fnumber }}</div>
+                    </div>
+                    <div class="uk-grid-small" uk-grid>
+                        <div class="uk-width-expand" uk-leader>ISO</div>
+                        <div>{{ photo.exif.ISOSpeedRatings|exif_isospeedratings }}</div>
+                    </div>
+                    <div class="uk-grid-small" uk-grid>
+                        <div class="uk-width-expand" uk-leader>Focal Length</div>
+                        <div>{{ photo.exif.FocalLength|exif_focallength}}</div>
+                    </div>
+                    <div class="uk-grid-small" uk-grid>
+                        <div class="uk-width-expand" uk-leader>Focal Length</div>
+                        <div>{{ photo.exif.FocalLengthIn35mmFilm|exif_focallength }}</div>
+                    </div>
                 </div>
-                <div>
-                {% if next %}
-                    <a href="{% url 'gallery:photo_url' photo.album.slug next.slug %}">Next &raquo;</a>
-                {% endif %}
-                </div>
-            </div>
-
-
+            </li>
+        </ul>
 
 
             <form action="{% url 'gallery:photo_url' photo.album.slug photo.slug %}" method="POST" class="uk-form">