WallyHackenslacker/NibasaViewer
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 1 Wiki Activity

Add special-gallery back thumbnail and hide sort button for specials

Browse Source
This commit is contained in:
Wally Hackenslacker
2026-03-27 21:10:38 -04:00
parent 21a3ab40c5
commit 7cc9d1ed17
3 changed files with 40 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
viewer/image.py
View File

@@ -141,10 +141,20 @@ def render_image(request, path_text, full_path, special=None):
except Exception: except Exception:
dir_text = "" dir_text = ""
# For special galleries hide the Back control but still present Home # Back (directory) and Home (root) links and thumbnails
# For special galleries we still want to show a Back link that points
# to the special gallery root — populate `back_thumb` with the
# thumbnail of the first image in that special gallery so the UI can
# display a representative image. For non-special views keep the
# existing behavior (thumbnail for parent directory).
if special is not None: if special is not None:
back_url = None back_url = None
back_thumb = None # images_sorted is already the special list in the requested order
try:
first_image = images_sorted[0] if len(images_sorted) > 0 else None
back_thumb = thumb_for(first_image)
except Exception:
back_thumb = None
else: else:
back_url = gallery_url( back_url = gallery_url(
Path(dir_text) if dir_text != "" else None, True, query_state Path(dir_text) if dir_text != "" else None, True, query_state

4
viewer/templates/gallery_view.html
View File

@@ -206,6 +206,7 @@
{% endfor %} {% endfor %}
</div> </div>
{% if not is_special %}
<div class="dropdown ms-auto"> <div class="dropdown ms-auto">
<button class="btn btn-sm btn-plain" type="button" data-bs-toggle="dropdown" aria-expanded="false" title="{{ sort_label }}" aria-label="Sort options"> <button class="btn btn-sm btn-plain" type="button" data-bs-toggle="dropdown" aria-expanded="false" title="{{ sort_label }}" aria-label="Sort options">
<i class="fa-solid fa-arrow-down-short-wide"></i> <i class="fa-solid fa-arrow-down-short-wide"></i>
@@ -218,8 +219,10 @@
{% endfor %} {% endfor %}
</ul> </ul>
</div> </div>
{% endif %}
</div> </div>
{% if not is_special %}
<noscript> <noscript>
<div class="pt-2"> <div class="pt-2">
{% for option in sort_options %} {% for option in sort_options %}
@@ -227,6 +230,7 @@
{% endfor %} {% endfor %}
</div> </div>
</noscript> </noscript>
{% endif %}
<section class="gallery-scroll flex-grow-1"> <section class="gallery-scroll flex-grow-1">
<div class="gallery-grid"> <div class="gallery-grid">

46
viewer/templates/image_view.html
View File

@@ -205,33 +205,35 @@
</div> </div>
</div> </div>
<div class="offcanvas-body pt-0 d-flex flex-column"> <div class="offcanvas-body pt-0 d-flex flex-column">
<a href="#" class="sidebar-link">Favorites</a> <a href="/gallery/favorites/" class="sidebar-link {% if is_special and breadcrumbs.0.label == 'Favorites' %}active-sort{% endif %}">Favorites</a>
<a href="#" class="sidebar-link">Most visited</a> <a href="/gallery/most-visited/" class="sidebar-link {% if is_special and breadcrumbs.0.label == 'Most Visited' %}active-sort{% endif %}">Most visited</a>
<a href="#" class="sidebar-link">Recently visited</a> <a href="/gallery/recent/" class="sidebar-link {% if is_special and breadcrumbs.0.label == 'Recent' %}active-sort{% endif %}">Recently visited</a>
<hr> <hr>
<div class="sidebar-scroll flex-grow-1"> <div class="sidebar-scroll flex-grow-1">
{% if prev_url %} {% if not is_special or is_special and 'favorites' in breadcrumbs.0.path %}
<a href="{{ prev_url }}" class="subdir-item"> {% if prev_url %}
{% if prev_thumb %} <a href="{{ prev_url }}" class="subdir-item">
<img src="{{ prev_thumb }}" class="subdir-thumb" alt="prev thumb"> {% if prev_thumb %}
{% else %} <img src="{{ prev_thumb }}" class="subdir-thumb" alt="prev thumb">
<span class="subdir-fallback"><i class="fa-solid fa-image"></i></span> {% else %}
{% endif %} <span class="subdir-fallback"><i class="fa-solid fa-image"></i></span>
<span>Previous</span> {% endif %}
</a> <span>Previous</span>
{% endif %} </a>
{% endif %}
{% if next_url %} {% if next_url %}
<a href="{{ next_url }}" class="subdir-item"> <a href="{{ next_url }}" class="subdir-item">
{% if next_thumb %} {% if next_thumb %}
<img src="{{ next_thumb }}" class="subdir-thumb" alt="next thumb"> <img src="{{ next_thumb }}" class="subdir-thumb" alt="next thumb">
{% else %} {% else %}
<span class="subdir-fallback"><i class="fa-solid fa-image"></i></span> <span class="subdir-fallback"><i class="fa-solid fa-image"></i></span>
{% endif %} {% endif %}
<span>Next</span> <span>Next</span>
</a> </a>
{% endif %}
{% endif %} {% endif %}
{% if is_special %} {% if is_special %}