mirror of
https://github.com/BobbyWibowo/lolisafe.git
synced 2024-12-13 07:56:23 +00:00
157 lines
5.3 KiB
Plaintext
157 lines
5.3 KiB
Plaintext
{% set metaTitle %}
|
||
{{- album.name | truncate(60, true, '…') + ' – ' + files.length + ' file' + ('s' if files.length !== 1) -}}
|
||
{% endset %}
|
||
{% set metaDesc = album.description | striptags | truncate(200, true, '…') %}
|
||
{% set metaUrl = '/' + album.url %}
|
||
|
||
{% set fileRoot = config.domain %}
|
||
{% set metaImage = fileRoot + '/' + album.thumb %}
|
||
|
||
{% extends "_layout.njk" %}
|
||
|
||
{% set noJsUrl = '../' + album.url + '?nojs' %}
|
||
{% set generateZips = config.uploads.generateZips %}
|
||
{% set usingCdn = config.cloudflare and config.cloudflare.purgeCache %}
|
||
|
||
{% block stylesheets %}
|
||
<!-- Libs stylesheets -->
|
||
<link rel="stylesheet" href="../libs/fontello/fontello.css{{ versions[1] }}">
|
||
<link rel="stylesheet" href="../libs/simple-lightbox/simple-lightbox.min.css{{ versions[3] }}">
|
||
<!-- Stylesheets -->
|
||
<link rel="stylesheet" href="../css/style.css{{ versions[1] }}">
|
||
<link rel="stylesheet" href="../css/thumbs.css{{ versions[1] }}">
|
||
<link rel="stylesheet" href="../css/album.css{{ versions[1] }}">
|
||
{% endblock %}
|
||
|
||
{% block scripts %}
|
||
{% if not nojs -%}
|
||
<!-- Libs stylesheets -->
|
||
<script src="../libs/lazyload/lazyload.min.js{{ versions[3] }}"></script>
|
||
<script src="../libs/simple-lightbox/simple-lightbox.min.js{{ versions[3] }}"></script>
|
||
<!-- Scripts -->
|
||
<script src="../js/album.js{{ versions[1] }}"></script>
|
||
<script src="../js/misc/utils.js{{ versions[1] }}"></script>
|
||
{%- endif %}
|
||
{% endblock %}
|
||
|
||
{% block endmeta %}
|
||
{% if not nojs -%}
|
||
{% set noscriptRefreshUrl = noJsUrl %}
|
||
{% include "_partial/noscript-refresh.njk" %}
|
||
{%- endif %}
|
||
{% endblock %}
|
||
|
||
{% block content %}
|
||
{{ super() }}
|
||
<section class="section has-extra-bottom-padding">
|
||
<div class="container">
|
||
<nav class="level">
|
||
<div class="level-left">
|
||
<div class="level-item">
|
||
<h1 id="title" class="title">
|
||
{{ album.name | truncate(70, true, '…') }}
|
||
</h1>
|
||
</div>
|
||
<div class="level-item">
|
||
<p id="count" class="subtitle">
|
||
{{ files.length }} file{{ 's' if files.length !== 1 }} (<span class="file-size">{{ album.totalSize }} B</span>)
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
{% if generateZips -%}
|
||
<div class="level-right">
|
||
<p class="level-item">
|
||
{% if not files.length -%}
|
||
<a class="button is-primary is-outlined" disabled>
|
||
<span class="icon">
|
||
<i class="icon-cancel"></i>
|
||
</span>
|
||
<span>Empty album</span>
|
||
</a>
|
||
{%- elif album.downloadLink -%}
|
||
{%- if usingCDN -%}
|
||
<a class="button is-primary is-outlined" title="Be aware that album archive may be cached by CDN" href="../{{ album.downloadLink }}">
|
||
<span class="icon">
|
||
<i class="icon-download"></i>
|
||
</span>
|
||
<span>Download album</span>
|
||
</a>
|
||
{%- else -%}
|
||
<a class="button is-primary is-outlined" href="../{{ album.downloadLink }}">
|
||
<span class="icon">
|
||
<i class="icon-download"></i>
|
||
</span>
|
||
<span>Download album</span>
|
||
</a>
|
||
{%- endif -%}
|
||
{%- else -%}
|
||
<a class="button is-primary is-outlined" disabled>
|
||
<span class="icon">
|
||
<i class="icon-cancel"></i>
|
||
</span>
|
||
<span>Download disabled</span>
|
||
</a>
|
||
{%- endif %}
|
||
</p>
|
||
</div>
|
||
{%- endif %}
|
||
</nav>
|
||
|
||
{% if album.description -%}
|
||
<div class="subtitle description content">
|
||
{{ album.description | safe }}
|
||
</div>
|
||
{%- endif %}
|
||
<hr>
|
||
|
||
{% if nojs -%}
|
||
<article class="message">
|
||
<div class="message-body">
|
||
<p>You are viewing No-JS version of this album, so file size will be displayed in bytes.</p>
|
||
<p>Please <a href="../{{ album.url }}">click here</a> if you want to view its regular version.</p>
|
||
</div>
|
||
</article>
|
||
{%- endif %}
|
||
|
||
{% if files.length -%}
|
||
<div id="table" class="columns is-multiline is-mobile is-centered has-text-centered">
|
||
{% for file in files %}
|
||
<div class="image-container column">
|
||
<a class="image" href="{{ fileRoot }}/{{ file.name }}" target="_blank">
|
||
{% if file.thumb -%}
|
||
{% if nojs -%}
|
||
<img alt="{{ file.name }}" src="{{ fileRoot }}/{{ file.thumb }}" width="200" height="200" loading="lazy">
|
||
{%- else -%}
|
||
<img alt="{{ file.name }}" data-src="{{ fileRoot }}/{{ file.thumb }}">
|
||
{%- endif %}
|
||
{%- else -%}
|
||
<h1 class="title">{{ file.extname or 'N/A' }}</h1>
|
||
{%- endif %}
|
||
</a>
|
||
<div class="details">
|
||
<p class="name">{{ file.name }}</p>
|
||
<p class="file-size">{{ file.size }} B</p>
|
||
<p class="file-date" data-value="{{ file.timestamp }}"></p>
|
||
</div>
|
||
</div>
|
||
{% endfor %}
|
||
</div>
|
||
{%- else -%}
|
||
<article class="message">
|
||
<div class="message-body">
|
||
There are no files in the album.
|
||
</div>
|
||
</article>
|
||
{%- endif %}
|
||
</div>
|
||
</section>
|
||
|
||
{% set floatingHomeHref = '..' %}
|
||
{% include "_partial/floating-home.njk" %}
|
||
{% if not nojs -%}
|
||
{% set noscriptMessage = '<p>If you are not automatically redirected to its No-JS version, <a href="' + noJsUrl + '">click here</a>.</p>' %}
|
||
{% include "_partial/noscript.njk" %}
|
||
{%- endif %}
|
||
{% endblock %}
|