mirror of
https://github.com/BobbyWibowo/lolisafe.git
synced 2024-12-13 16:06:21 +00:00
61e1896945
* A bunch of refactors in public JS files (home.js, dashboard.js, etcetera). * Added lazyload to home page (for thumbs of uploaded images), dashboard (for thumbs view) and albums' public link. Albums' public link will silently fallback to loading all thumbs at once if JavaScript is disabled. * A bunch of others code improvements. Honestly I'm too lazy to track all the changes.
104 lines
3.4 KiB
Plaintext
104 lines
3.4 KiB
Plaintext
{% extends "_layout.njk" %}
|
|
|
|
{% block stylesheets %}
|
|
{{ super() }}
|
|
<link rel="stylesheet" type="text/css" href="libs/fontello/fontello.css?v={{ globals.v1 }}">
|
|
<link rel="stylesheet" type="text/css" href="css/sweetalert.css?v={{ globals.v1 }}">
|
|
<link rel="stylesheet" type="text/css" href="css/dashboard.css?v={{ globals.v1 }}">
|
|
{% endblock %}
|
|
|
|
{% block scripts %}
|
|
{{ super() }}
|
|
<script type="text/javascript" src="libs/sweetalert/sweetalert.min.js?v={{ globals.v1 }}"></script>
|
|
<script type="text/javascript" src="libs/axios/axios.min.js?v={{ globals.v1 }}"></script>
|
|
<script type="text/javascript" src="libs/clipboard.js/clipboard.min.js?v={{ globals.v1 }}"></script>
|
|
<script type="text/javascript" src="libs/lazyload/lazyload.min.js?v={{ globals.v1 }}"></script>
|
|
<script type="text/javascript" src="js/dashboard.js?v={{ globals.v1 }}"></script>
|
|
{% endblock %}
|
|
|
|
{% block content %}
|
|
{{ super() }}
|
|
<section id="auth" class="hero is-light is-fullheight">
|
|
<div class="hero-body">
|
|
<div class="container">
|
|
<h1 class="title">
|
|
Admin dashboard
|
|
</h1>
|
|
<h2 class="subtitle">
|
|
<p class="control has-addons">
|
|
<input id="token" class="input is-danger" type="text" placeholder="Your admin token">
|
|
<a id="tokenSubmit" class="button is-danger is-outlined">Check</a>
|
|
</p>
|
|
</h2>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="dashboard" class="section">
|
|
<div id="panel" class="container">
|
|
<h1 class="title">
|
|
Dashboard
|
|
</h1>
|
|
<h1 class="subtitle">
|
|
A simple <strong>dashboard</strong>, to sort your uploaded stuff
|
|
</h1>
|
|
<hr>
|
|
|
|
<div class="columns">
|
|
<div class="column is-one-quarter">
|
|
<aside id="menu" class="menu">
|
|
<p class="menu-label">General</p>
|
|
<ul class="menu-list">
|
|
<li>
|
|
<a href=".">Frontpage</a>
|
|
</li>
|
|
<li>
|
|
<a id="itemUploads" onclick="page.getUploads()">Uploads</a>
|
|
</li>
|
|
</ul>
|
|
<p class="menu-label">Albums</p>
|
|
<ul class="menu-list">
|
|
<li>
|
|
<a id="itemManageGallery" onclick="page.getAlbums()">Manage your albums</a>
|
|
</li>
|
|
<li>
|
|
<ul id="albumsContainer"></ul>
|
|
</li>
|
|
</ul>
|
|
<p class="menu-label">Administration</p>
|
|
<ul class="menu-list">
|
|
<li>
|
|
<a id="itemFileLength" onclick="page.changeFileLength()">File name length</a>
|
|
</li>
|
|
<li>
|
|
<a id="itemTokens" onclick="page.changeToken()">Manage your token</a>
|
|
</li>
|
|
<li>
|
|
<a id="itemPassword" onclick="page.changePassword()">Change your password</a>
|
|
</li>
|
|
<li>
|
|
<a id="itemLogout" onclick="page.logout()">Logout</a>
|
|
</li>
|
|
</ul>
|
|
</aside>
|
|
</div>
|
|
<div id="page" class="column has-text-centered is-third-quarters">
|
|
<img alt="logo" src="images/logo.png?v={{ globals.v2 }}">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<div id="modal" class="modal">
|
|
<div class="modal-background" onclick="page.closeModal()"></div>
|
|
<div class="modal-content">
|
|
<figure class="image">
|
|
<img id="modalImage" alt="modal-image">
|
|
</figure>
|
|
</div>
|
|
<button class="modal-close is-large" aria-label="close" onclick="page.closeModal()"></button>
|
|
</div>
|
|
|
|
{% include "_partial/noscript.njk" %}
|
|
{% endblock %}
|