vsgallery/tpl/gallery.html

71 lines
2.9 KiB
HTML
Raw Normal View History

2022-01-08 16:22:16 +00:00
{% extends tpl/layout.html %}
{% block title %}Gallery{% endblock %}
{% block content %}
2022-01-10 20:27:57 +00:00
<div class="container">
<div class="page-header">
2022-07-10 19:30:25 +00:00
<nav class="title navbar">
<ul class nav-links>
<input type="checkbox" id="checkbox_toggle" />
<label for="checkbox_toggle" class="hamburger">&#9776;</label>
<div class="menu">
<li><a href="{{ $startpage }}">{{ $galleryname }}</a></li>
{% if (!empty($crumbs)): %}
{% foreach($crumbs as $name => $path): %}
<li><a class="crumb" href="index.php?d={{ $path }}&so={{ $sort }}&s={{ $slice }}&p=1">/ {{ $name }}</a></li>
{% endforeach %}
{% endif %}
</div>
</ul>
</nav>
2022-01-10 20:27:57 +00:00
<div class="search">
<form action="index.php" method="get">
2022-01-11 19:16:19 +00:00
<input type="text" placeholder="Suche.." value="{{ $pretty_filter }}" name="f" />
2022-01-10 20:27:57 +00:00
<button type="submit"><i class="fa fa-search"></i></button>
<input type="hidden" name="d" value="{{ $dir }}">
<input type="hidden" name="s" value="{{ $slice }}">
2022-02-03 16:16:26 +00:00
<input type="hidden" name="so" value="{{ $sort }}">
2022-01-10 20:27:57 +00:00
</form>
</div>
2022-01-08 16:22:16 +00:00
</div>
2022-01-10 20:27:57 +00:00
<div class="content">
2022-01-11 17:08:26 +00:00
{% if(!empty($dirs)): %}
2022-01-11 15:25:49 +00:00
{% foreach($dirs as $d): %}
<div class="multi-image">
2022-02-03 16:16:26 +00:00
<a href="index.php?d={{ $dir }}/{{ $d }}&so={{ $sort }}&s={{ $slice }}&p=1">
2022-01-11 15:25:49 +00:00
<img src="./img/folder.png" alt="{{ $d }}"/>
2022-02-08 20:03:55 +00:00
<p class="dirname">{{ $d }}</p>
2022-01-11 15:25:49 +00:00
</a>
</div>
{% endforeach %}
2022-01-11 17:08:26 +00:00
{% endif %}
{% if(!empty($images)): %}
2022-01-10 20:27:57 +00:00
{% foreach($images as $image): %}
<div class="multi-image">
2022-02-03 16:22:29 +00:00
<a href="index.php?d={{ $dir }}&so={{ $sort }}&s=1&gs={{ $slice }}&p={{ $image['i'] }}{{ $filter }}">
2022-01-10 20:27:57 +00:00
<img src="{{ $image['t'] }}" alt="{{ $image['n'] }}"/>
</a>
</div>
{% endforeach %}
2022-01-11 17:08:26 +00:00
{% endif %}
2022-01-10 20:27:57 +00:00
</div>
<div class="page-footer">
2022-01-11 18:38:10 +00:00
{% if ($page > 1): %}
2022-02-03 16:16:26 +00:00
<a id="link-first" href="/index.php?d={{ $dir }}&so={{ $sort }}&p=1&s={{ $slice }}{{ $filter }}">1</a>
2022-02-09 19:12:23 +00:00
<a id="link-prev" href="/index.php?d={{ $dir }}&so={{ $sort }}&p={{ $prev_page }}&s={{ $slice }}{{ $filter }}">&nbsp;<i class="fa fa-caret-left"></i>&nbsp;</a>
2022-01-11 18:38:10 +00:00
{% endif %}
2022-02-03 16:49:28 +00:00
{% if ($sort == 1): %}
2022-02-03 16:59:57 +00:00
<a class="info" href="/index.php?d={{ $dir }}&so=0&p={{ $page }}&s={{ $slice }}{{ $filter }}"><i class="fa fa-caret-down"></i>&nbsp;{{ $page }}</a>
2022-02-03 16:49:28 +00:00
{% else: %}
2022-02-03 16:59:57 +00:00
<a class="info" href="/index.php?d={{ $dir }}&so=1&p={{ $page }}&s={{ $slice }}{{ $filter }}"><i class="fa fa-caret-up"></i>&nbsp;{{ $page }}</a>
2022-02-03 16:49:28 +00:00
{% endif %}
2022-01-11 18:38:10 +00:00
{% if ($page < $last_page): %}
2022-02-09 19:19:31 +00:00
<a id="link-next" href="/index.php?d={{ $dir }}&so={{ $sort }}&p={{ $next_page }}&s={{ $slice }}{{ $filter }}">&nbsp;<i class="fa fa-caret-right"></i>&nbsp;</a>
2022-02-03 16:16:26 +00:00
<a id="link-last" href="/index.php?d={{ $dir }}&so={{ $sort }}&p={{ $last_page }}&s={{ $slice }}{{ $filter }}">{{ $last_page }}</a>
2022-01-11 18:38:10 +00:00
{% endif %}
2022-01-10 20:27:57 +00:00
</div>
2022-01-08 16:22:16 +00:00
</div>
{% endblock %}