vsgallery/tpl/single.html

59 lines
2.2 KiB
HTML
Raw Normal View History

2022-01-08 16:22:16 +00:00
{% extends tpl/layout.html %}
{% block title %}{{ $page }}/{{ $last_page }} | {{ $imagename }}{% endblock %}
{% block content %}
2022-01-10 20:27:57 +00:00
<div class="container">
2022-02-08 19:46:31 +00:00
{% if(!empty($tags)): %}
2022-01-10 20:27:57 +00:00
<div class="content-single">
2022-02-08 19:46:31 +00:00
{% else: %}
<div class="content-single notags">
{% endif %}
2023-12-06 15:40:43 +00:00
{% if(str_starts_with($filetype, 'video/')): %}
<div class="single-video">
<video controls loop>
2023-12-06 15:40:43 +00:00
<source src='{{ $imageurl }}' type='{{ $filetype }}'>
</video>
</div>
{% else: %}
2022-01-10 20:34:52 +00:00
<div class="single-image">
2022-08-19 13:45:11 +00:00
<img src='{{ $imageurl }}' title="{{ $page }}/{{ $last_page }}" />
2022-01-10 20:34:52 +00:00
</div>
2022-01-11 18:38:10 +00:00
{% if ($page > 1): %}
<a class="clickable clickable-left" href="/index.php?d={{ $dir }}&so={{ $sort }}&p={{ $prev_page }}&s=1&gs={{ $gallery_slice }}{{ $filter }}">
2022-01-10 20:42:06 +00:00
<div></div>
2022-01-10 20:27:57 +00:00
</a>
2022-01-11 18:38:10 +00:00
{% endif %}
<a class="clickable clickable-center" href="/index.php?d={{ $dir }}&so={{ $sort }}&p={{ $gallery_page }}&s={{ $gallery_slice }}{{ $filter }}">
2022-01-10 20:42:06 +00:00
<div></div>
2022-01-10 20:27:57 +00:00
</a>
2022-01-11 18:38:10 +00:00
{% if ($page < $last_page): %}
<a class="clickable clickable-right" href="/index.php?d={{ $dir }}&so={{ $sort }}&p={{ $next_page }}&s=1&gs={{ $gallery_slice }}{{ $filter }}">
2022-01-10 20:42:06 +00:00
<div></div>
2022-01-10 20:27:57 +00:00
</a>
2022-01-11 18:38:10 +00:00
{% endif %}
{% endif %}
2022-01-10 20:27:57 +00:00
</div>
<div class="page-footer">
<div class="footer-nav footer-nav-left">
{% if ($page > 1): %}
<a id="link-prev" href="/index.php?d={{ $dir }}&so={{ $sort }}&p={{ $prev_page }}&s=1&gs={{ $gallery_slice }}{{ $filter }}">&nbsp;<i class="fa fa-caret-left"></i>&nbsp;</a>
{% endif %}
<a id="link-home" href="/index.php?d={{ $dir }}&so={{ $sort }}&p={{ $gallery_page }}&s={{ $gallery_slice }}{{ $filter }}">&nbsp;<i class="fa fa-caret-up"></i>&nbsp;</a>
</div>
<div class="tags">
2022-01-10 20:27:57 +00:00
{% foreach($tags as $tag): %}
2022-02-03 16:16:26 +00:00
<a href="/index.php?d={{ $dir }}&so={{ $sort }}&s={{ $gallery_slice }}&f={{{ $tag }}}"><span class="tag">{{ $tag }}</span></a>
2022-01-10 20:27:57 +00:00
{% endforeach %}
</div>
<div class="footer-nav footer-nav-right">
{% if ($page < $last_page): %}
<a id="link-next" href="/index.php?d={{ $dir }}&so={{ $sort }}&p={{ $next_page }}&s=1&gs={{ $gallery_slice }}{{ $filter }}">&nbsp;<i class="fa fa-caret-right"></i>&nbsp;</a>
{% endif %}
</div>
</div>
2022-01-08 16:22:16 +00:00
</div>
</div>
{% endblock %}