filesafe/views/nojs.njk
Bobby Wibowo ea37e0b7d3
Updated
Reduced album title max length from 280 to 70.
Existing albums with longer titles will have their titles truncated in
their public pages, but the original titles will still remain in db.

"Load images for preview" will now properly display its saved value.

Increased max parallel uploads to 10.

"yarn develop" will now also restart safe if some Nunjuck templates are
edited (_globals.njk, _layout.njk, and album.njk).

Better meta tags generation.

Bumped v1 version string.
2019-09-19 08:27:19 +07:00

98 lines
3.2 KiB
Plaintext

{% set metaTitle = "No-JS uploader" %}
{% set metaUrl = '/nojs' %}
{% extends "_layout.njk" %}
{% set private = config.private %}
{% set disabledMessage -%}
{%- if config.enableUserAccounts -%}
Anonymous upload is disabled.
{%- else -%}
Running in private mode.
{%- endif %}
{%- endset %}
{% set maxSizeInt = config.uploads.maxSize | int %}
{% set noJsMaxSizeInt = config.cloudflare.noJsMaxSize | int %}
{% block stylesheets %}
{{ super() }}
<link rel="stylesheet" href="css/home.css?v={{ globals.v1 }}">
{% endblock %}
{% block content %}
{{ super() }}
<section id="home" class="hero is-fullheight">
<div class="hero-body">
<div class="container has-text-centered">
<p id="b">
<img class="logo" alt="logo" src="images/logo_smol.png?v={{ globals.v2 }}">
</p>
<h1 class="title">{{ globals.name }}</h1>
<h2 class="subtitle">{{ globals.home_subtitle | safe }}</h2>
<h3 class="subtitle" id="maxSize">
Maximum total size per upload attempt is {{ noJsMaxSizeInt or maxSizeInt }} MB
</h3>
<div class="columns is-gapless">
<div class="column is-hidden-mobile"></div>
<div class="column">
{% if private -%}
<a class="button is-danger is-flex" href="auth">
{{ disabledMessage }}
</a>
{%- else -%}
<form id="form" class="field" action="" method="post" enctype="multipart/form-data">
<div class="field">
<p class="control">
<input type="file" class="is-fullwidth" name="files[]" multiple="multiple">
</p>
</div>
<div class="field">
<p class="control">
<input type="submit" class="button is-danger is-fullwidth" value="Upload">
</p>
<p class="help">
Files uploaded through this form will not be associated with your account, if you have any.
</p>
</div>
</form>
{%- endif %}
{% if files -%}
<div class="field uploads nojs">
{% for file in files -%}
<div class="field">
<p class="name is-unselectable">{{ file.original }}</p>
{% if errorMessage -%}
<p class="error">{{ errorMessage | safe }}</p>
{%- endif %}
{% if file.url -%}
<p class="link">
<a href="{{ file.url }}" target="_blank" rel="noopener">{{ file.url | safe }}</a>
</p>
{%- endif %}
</div>
{% endfor %}
</div>
{%- endif %}
</div>
<div class="column is-hidden-mobile"></div>
</div>
{% set plain_links = true %}
{% include "_partial/links.njk" %}
{% if gitHash -%}
<div class="git-commit columns is-gapless">
<div class="column is-hidden-mobile"></div>
<div class="column">
<span>Git commit: </span><a href="https://github.com/BobbyWibowo/lolisafe/commit/{{ gitHash }}" target="_blank" rel="noopener">{{ gitHash }}</a>
</div>
<div class="column is-hidden-mobile"></div>
</div>
{%- endif %}
</div>
</div>
</section>
{% endblock %}