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

Added paging to gallery view.

Browse Source
This commit is contained in:
Wally Hackenslacker
2023-08-19 23:11:36 -04:00
parent 55cf243eaf
commit 4a60c139a5
5 changed files with 47 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
viewer/templates/gallery_view.html
View File

@@ -9,21 +9,17 @@
<link href="{% static 'css/styles.css' %}" rel="stylesheet">
</head>
<body class="background">
<div class="centered-container">
<a href="/gallery/">
<img src="{% static 'imgs/gohome.png' %}">
</a>
<a href="..">
<img src="{% static 'imgs/back.png' %}">
</a>
</div>
{% include 'partials/navigation.html'%}
{% if images|length > 0 %}
<div class="centered-container">
<h1>
Files
Files ({{num_files}})
</h1>
</div>
<div class="centered-container">
<div class="mb-2">
{% for page in pages %}<a href="./?page={{page}}">{{page}}</a>{% if not forloop.last %}<span> </span>{% endif %}{% endfor %}
</div>
<table class="mauto">
<tbody>
{% for row in images %}

11
viewer/templates/image_view.html
View File

@@ -4,19 +4,12 @@
<head>
<meta name="viewport" content="width=device-width, height=device-height" />
<title>
Vieweing file: {{image_path}}
File: {{image_path.name}}
</title>
<link href="{% static 'css/styles.css' %}" rel="stylesheet">
</head>
<body class="background">
<div class="centered-container">
<a href="/gallery/">
<img src="{% static 'imgs/gohome.png' %}">
</a>
<a href="..">
<img src="{% static 'imgs/back.png' %}">
</a>
</div>
{% include 'partials/navigation.html'%}
<div class="centered-container">
<div class="image-container">
<a href="{{image_path}}" target="_blank">

9
viewer/templates/partials/navigation.html Normal file
View File

@@ -0,0 +1,9 @@
{% load static %}
<div class="centered-container">
<a href="/gallery/">
<img src="{% static 'imgs/gohome.png' %}" class="navigation-icon">
</a>
<a href="..">
<img src="{% static 'imgs/back.png' %}" class="navigation-icon">
</a>
</div>