vsgallery/tpl/gallery.html

58 lines
2.1 KiB
HTML

{% extends tpl/layout.html %}
{% block title %}Gallery{% endblock %}
{% block content %}
<div class="container">
<div class="page-header">
<div class="title">
<a href="{{ $startpage }}">{{ $galleryname }}</a>
{% if (!empty($crumbs)): %}
{% foreach($crumbs as $name => $path): %}
<p> / </p><a href="index.php?d={{ $path }}&s={{ $slice }}&p=1">{{ $name }}</a>
{% endforeach %}
{% endif %}
</div>
<div class="search">
<form action="index.php" method="get">
<input type="text" placeholder="Suche.." name="f" />
<button type="submit"><i class="fa fa-search"></i></button>
<input type="hidden" name="d" value="{{ $dir }}">
<input type="hidden" name="s" value="{{ $slice }}">
</form>
</div>
</div>
<div class="content">
{% if(!empty($dirs)): %}
{% foreach($dirs as $d): %}
<div class="multi-image">
<a href="index.php?d={{ $dir }}/{{ $d }}&s={{ $slice }}&p=1">
<img src="./img/folder.png" alt="{{ $d }}"/>
</a>
<p class="dirname">{{ $d }}</p>
</div>
{% endforeach %}
{% endif %}
{% if(!empty($images)): %}
{% foreach($images as $image): %}
<div class="multi-image">
<a href="index.php?d={{ $dir }}&s=1&gs={{ $slice }}&p={{ $image['i'] }}{{ $filter }}">
<img src="{{ $image['t'] }}" alt="{{ $image['n'] }}"/>
</a>
</div>
{% endforeach %}
{% endif %}
</div>
<div class="page-footer">
{% if ($page > 1): %}
<a id="link-first" href="/index.php?d={{ $dir }}&p=1&s={{ $slice }}{{ $filter }}">1</a>
<a id="link-prev" href="/index.php?d={{ $dir }}&p={{ $prev_page }}&s={{ $slice }}{{ $filter }}"><i class="fa fa-caret-left"></i></a>
{% endif %}
<span class="info">{{ $page }}</span>
{% if ($page < $last_page): %}
<a id="link-next" href="/index.php?d={{ $dir }}&p={{ $next_page }}&s={{ $slice }}{{ $filter }}"><i class="fa fa-caret-right"></i></a>
<a id="link-last" href="/index.php?d={{ $dir }}&p={{ $last_page }}&s={{ $slice }}{{ $filter }}">{{ $last_page }}</a>
{% endif %}
</div>
</div>
{% endblock %}