safe.b68dev.xyz/pages/dashboard.html

139 lines
6.0 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="description" content="A pomf-like file uploading service that doesn't suck.">
<meta name="keywords" content="upload,lolisafe,file,images,hosting,bobby,fiery">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>safe.fiery.me &#8211; A small safe worth protecting.</title>
<!-- Stylesheets and scripts -->
<link rel="stylesheet" type="text/css" href="libs/bulma/bulma.min.css?v=L4ZeQAC3XC">
<link rel="stylesheet" type="text/css" href="libs/fontello/fontello.css?v=L4ZeQAC3XC">
<link rel="stylesheet" type="text/css" href="css/style.css?v=L4ZeQAC3XC">
<link rel="stylesheet" type="text/css" href="css/dashboard.css?v=L4ZeQAC3XC">
<script type="text/javascript" src="libs/sweetalert/sweetalert.min.js?v=L4ZeQAC3XC"></script>
<script type="text/javascript" src="libs/axios/axios.min.js?v=L4ZeQAC3XC"></script>
<script type="text/javascript" src="libs/clipboard.js/clipboard.min.js?v=L4ZeQAC3XC"></script>
<script type="text/javascript" src="js/dashboard.js?v=L4ZeQAC3XC"></script>
<!-- Open Graph tags -->
<meta property="og:type" content="website" />
<meta property="og:title" content="safe.fiery.me &#8211; A small safe worth protecting." />
<meta property="og:url" content="https://safe.fiery.me/" />
<meta property="og:description" content="A pomf-like file uploading service that doesn't suck." />
<meta property="og:image" content="https://safe.fiery.me/icons/600px.png" />
<meta property="og:image:width" content="600" />
<meta property="og:image:height" content="600" />
<meta property="og:image" content="https://safe.fiery.me/images/fb_share.png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:locale" content="en_US" />
<!-- Twitter Card tags -->
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="safe.fiery.me &#8211; A small safe worth protecting.">
<meta name="twitter:description" content="A pomf-like file uploading service that doesn't suck.">
<meta name="twitter:image" content="https://safe.fiery.me/icons/600px.png">
<!-- Icons and configs -->
<link rel="icon" type="image/png" href="https://safe.fiery.me/icons/32pxr.png" sizes="32x32">
<link rel="icon" type="image/png" href="https://safe.fiery.me/icons/96pxr.png" sizes="96x96">
<link rel="apple-touch-icon" href="https://safe.fiery.me/icons/120px.png" sizes="120x120">
<link rel="apple-touch-icon" href="https://safe.fiery.me/icons/152px.png" sizes="152x152">
<link rel="apple-touch-icon" href="https://safe.fiery.me/icons/167px.png" sizes="167x167">
<link rel="apple-touch-icon" href="https://safe.fiery.me/icons/180px.png" sizes="180x180">
<link rel="manifest" href="https://safe.fiery.me/icons/manifest.json?v=L4ZeQAC3XC">
<meta name="apple-mobile-web-app-title" content="safe.fiery.me">
<meta name="application-name" content="safe.fiery.me">
<meta name="msapplication-config" content="https://safe.fiery.me/icons/browserconfig.xml?v=L4ZeQAC3XC">
<meta name="theme-color" content="#232629">
</head>
<body>
<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="panel.getUploads()">Uploads</a>
</li>
</ul>
<p class="menu-label">Albums</p>
<ul class="menu-list">
<li>
<a id="itemManageGallery" onclick="panel.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="panel.changeFileLength()">File name length</a>
</li>
<li>
<a id="itemTokens" onclick="panel.changeToken()">Manage your token</a>
</li>
<li>
<a id="itemPassword" onclick="panel.changePassword()">Change your password</a>
</li>
<li>
<a id="itemLogout" onclick="panel.logout()">Logout</a>
</li>
</ul>
</aside>
</div>
<div id="page" class="column has-text-centered is-third-quarters">
<img src="images/logo.png">
</div>
</div>
</div>
</section>
<div id="modal" class="modal">
<div class="modal-background" onclick="panel.closeModal()"></div>
<div class="modal-content">
<figure class="image">
<img id="modalImage">
</figure>
</div>
<button class="modal-close is-large" aria-label="close" onclick="panel.closeModal()"></button>
</div>
</body>
</html>