98 lines
3.7 KiB
HTML
98 lines
3.7 KiB
HTML
{% load static %}
|
|
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta name="viewport" content="width=device-width, height=device-height" />
|
|
<title>
|
|
Folder: {{request.path}}
|
|
</title>
|
|
<link href="{% static 'css/styles.css' %}" rel="stylesheet">
|
|
</head>
|
|
<body class="background">
|
|
{% include 'partials/navigation.html'%}
|
|
{% if images|length > 0 %}
|
|
<div class="centered-container">
|
|
<h1>
|
|
{{request.path}} - 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="fc mauto">
|
|
<tr>
|
|
{% if page != 1 %}
|
|
<td class="fc">
|
|
<a href="./?page={{prev_page}}">
|
|
<img src="{% static 'imgs/back.png' %}" class="navigation-icon">
|
|
</a>
|
|
</td>
|
|
{% endif %}
|
|
<td class="fc">
|
|
<table class="mauto">
|
|
<tbody>
|
|
{% for row in images %}
|
|
<tr>
|
|
{% for cell in row %}
|
|
<td class="column">
|
|
<a href="{{cell.path}}">
|
|
<img src="{{cell.thumbnail}}">
|
|
<br>
|
|
<span>
|
|
{{cell.path|truncatechars:15}}
|
|
</span>
|
|
</a>
|
|
</td>
|
|
{% endfor %}
|
|
</tr>
|
|
{% endfor %}
|
|
</tbody>
|
|
</table>
|
|
</td>
|
|
{% if page != num_pages %}
|
|
<td class="fc">
|
|
<a href="./?page={{next_page}}">
|
|
<img src="{% static 'imgs/forward.png' %}" class="navigation-icon">
|
|
</a>
|
|
</td>
|
|
{% endif %}
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
{% endif %}
|
|
{% if subdirs|length > 0 %}
|
|
<div class="centered-container">
|
|
<h1>
|
|
Sub-directories
|
|
</h1>
|
|
</div>
|
|
<div class="centered-container">
|
|
<table class="mauto">
|
|
<tbody>
|
|
{% for row in subdirs %}
|
|
<tr>
|
|
{% for cell in row %}
|
|
<td class="column">
|
|
{% if request.path == '/gallery/' %}
|
|
<a href="{{cell.name}}">
|
|
{% else %}
|
|
<a href="{{request.path}}{{cell.name}}">
|
|
{% endif %}
|
|
<img src="{% static 'imgs/folder-pictures.png' %}">
|
|
<br>
|
|
<span>
|
|
{{cell.name}}
|
|
</span>
|
|
</a>
|
|
</td>
|
|
{% endfor %}
|
|
</tr>
|
|
{% endfor %}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
{% endif %}
|
|
</body>
|
|
</html>
|