filesafe/views/dashboard.njk
Bobby Wibowo c3d61733af
Updated
Added iamdustan/smoothscroll polyfill in dashboard pages.
This will polyfill smooth scroll (when executed programmatically)
for older browers.

No-JS uploader's notice button when on private mode will now also say
"Log in to upload", although auth page will still require JS.

All front-end buttons will now use outlined version. I'm lovin' it.

Auth page will now show a loading spinner if the user has a saved token.
Afterwards, they will still be redirected to dashboard.

Better error handlers in home, dashboard, and auth pages.

Removed <hr> from uploads & users lists in dashboard.

"Manage your token" menu will no longer try to make an API request prior
to displaying its page.
Reloading the page will already trigger token verification anyway.

Updated public/images/fb_share.png.

Updated README.md.

A few other tweaks.
2019-09-19 14:19:11 +07:00

100 lines
3.4 KiB
Plaintext

{% set metaTitle = "Dashboard" %}
{% set metaUrl = '/dashboard' %}
{% 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 }}">
<link rel="stylesheet" href="css/thumbs.css?v={{ globals.v1 }}">
<link rel="stylesheet" href="css/dashboard.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="libs/clipboard.js/clipboard.min.js?v={{ globals.v3 }}"></script>
<script src="libs/lazyload/lazyload.min.js?v={{ globals.v3 }}"></script>
{# Polyfill smooth scroll for older browsers #}
<script src="libs/smoothscroll/smoothscroll.min.js?v={{ globals.v3 }}"></script>
<script src="js/dashboard.js?v={{ globals.v1 }}"></script>
<script src="js/misc/utils.js?v={{ globals.v1 }}"></script>
{% endblock %}
{% block content %}
{{ super() }}
<section id="dashboard" class="section is-hidden">
<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 is-unselectable">
<li>
<a href="." class="is-relative">Frontpage</a>
</li>
<li>
<a id="itemUploads" class="is-relative">Uploads</a>
</li>
<li>
<a id="itemDeleteUploadsByNames" class="is-relative">Delete uploads by names</a>
</li>
</ul>
<p class="menu-label">Albums</p>
<ul class="menu-list is-unselectable">
<li>
<a id="itemManageAlbums" class="is-relative">Manage your albums</a>
</li>
<li>
<ul id="albumsContainer"></ul>
</li>
</ul>
<p id="itemLabelAdmin" class="menu-label is-hidden">Administration</p>
<ul id="itemListAdmin" class="menu-list is-unselectable is-hidden">
<li>
<a id="itemStatistics" class="is-relative is-hidden">Statistics</a>
</li>
<li>
<a id="itemManageUploads" class="is-relative is-hidden">Manage uploads</a>
</li>
<li>
<a id="itemManageUsers" class="is-relative is-hidden">Manage users</a>
</li>
</ul>
<p class="menu-label">Configuration</p>
<ul class="menu-list is-unselectable">
<li>
<a id="ShareX" class="is-relative">ShareX user profile</a>
</li>
<li>
<a id="itemManageToken" class="is-relative">Manage your token</a>
</li>
<li>
<a id="itemChangePassword" class="is-relative">Change your password</a>
</li>
<li>
<a id="itemLogout" class="is-relative">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>
{% include "_partial/noscript.njk" %}
{% endblock %}