mirror of
https://github.com/BobbyWibowo/lolisafe.git
synced 2024-12-13 07:56:23 +00:00
9e9b0d4439
Updated some dev dependencies. --- Gulp will now build CSS/JS files during development into dist-dev directory, to prevent IDE's Git from unnecessarily building diff's. Added dist-dev to ignore files. --- The entire config fille will now be passed to Nunjuck templates for ease of access of config values. Root domain for use in Nunjuck templates will now be parsed from config. Better page titles. Updated help message for "Uploads history order" option in homepage's config tab. Added "Load images for preview" option to homepage's config tab. Setting this to false will now prevent image uploads from loading themselves for previews. Uploads' original names in homepage's uploads history are now selectable. Min/max length for user/pass are now enforced in auth's front-end. Improved performance of album public pages. Their generated HTML pages will now be cached into memory. Unfortunately, No-JS version of their pages will be cached separately, so each album may take up to double the memory space. File names in thumbnails no longer have their full URLs as tooltips. I saw no point in that behavior. Added video icons. Homepage's uploads history will now display video icons for videos. "View thumbnail" button in Dashboard is now renamed to "Show preview". Their icons will also be changed depending on their file types. Added max length for albums' title & description. These will be enforced both in front-end and back-end. Existing albums that have surpassed the limits will not be enforced. A few other small improvements.
74 lines
2.5 KiB
Plaintext
74 lines
2.5 KiB
Plaintext
{% set title = "Auth" %}
|
|
{% extends "_layout.njk" %}
|
|
|
|
{% block stylesheets %}
|
|
{{ super() }}
|
|
<link rel="stylesheet" href="libs/fontello/fontello.css?v={{ globals.v3 }}">
|
|
<link rel="stylesheet" href="css/sweetalert.css?v={{ globals.v1 }}">
|
|
{% endblock %}
|
|
|
|
{% block scripts %}
|
|
{{ super() }}
|
|
<script src="libs/sweetalert/sweetalert.min.js?v={{ globals.v3 }}"></script>
|
|
<script src="libs/axios/axios.min.js?v={{ globals.v3 }}"></script>
|
|
<script src="js/auth.js?v={{ globals.v1 }}"></script>
|
|
{% endblock %}
|
|
|
|
{% block content %}
|
|
{{ super() }}
|
|
<section id="login" class="hero is-fullheight">
|
|
<div class="hero-body">
|
|
<div class="container">
|
|
<div class="columns is-centered">
|
|
<div class="column is-one-third is-hidden-touch"></div>
|
|
<div class="column">
|
|
<h1 class="title">
|
|
Dashboard Access
|
|
</h1>
|
|
<h2 class="subtitle">
|
|
Login or register
|
|
</h2>
|
|
<form id="authForm">
|
|
<div class="field">
|
|
<div class="control">
|
|
<input id="user" name="user" class="input" type="text" placeholder="Your username" minlength="4" maxlength="32">
|
|
</div>
|
|
</div>
|
|
<div class="field">
|
|
<div class="control">
|
|
<input id="pass" name="pass" class="input" type="password" placeholder="Your password" minlength="6" maxlength="64">
|
|
</div>
|
|
</div>
|
|
<div class="field is-grouped is-grouped-right">
|
|
<div class="control">
|
|
{#-
|
|
Explicitly use "button" for type attribute
|
|
to prevent browsers from treating this button as the "submit" button.
|
|
#}
|
|
<button id="registerBtn" type="button" class="button">
|
|
<span class="icon">
|
|
<i class="icon-user-plus"></i>
|
|
</span>
|
|
<span>Register</span>
|
|
</button>
|
|
</div>
|
|
<div class="control">
|
|
<button id="loginBtn" type="submit" class="button is-info">
|
|
<span class="icon">
|
|
<i class="icon-login"></i>
|
|
</span>
|
|
<span>Log in</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<div class="column is-one-third is-hidden-mobile"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
{% include "_partial/noscript.njk" %}
|
|
{% endblock %}
|