filesafe/pages/home.html
Bobby Wibowo 3ca692d8c7
Updates
* Refactored all instances of "failedIds" and "albumIds" to "failedids" and "albumids" respectively. Abandoning camel case for these ones.

* Refactored the way it looks into which albums the files are supposed to be added into.
For /api/upload/finishchunks, you can add "albumid" to each object in files[] to specify which album you want the finsihed chunks to be added into. Each object may have different album IDs.
For /api/upload, which is regular uploads, unfortunately you can only choose one album at a time (by adding "albumid" to the request headers, like usual). It uses the same function as the one used for finishchunks to add the files into album, so it shouldn't be hard to extend this ability to regular uploads, someday in the future.

* Fixed a bug in /api/upload/finishchunks. Previously you couldn't ever get it to work.

* Updated error message when successful uploads could not be added to album.

* "albumid" will no longer be added to request headers if they are chunked uploads. They'd have been ignored anyways.
2018-04-05 19:54:24 +07:00

181 lines
7.4 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=vvtL7Y3cjD">
<link rel="stylesheet" type="text/css" href="libs/fontello/fontello.css?v=vvtL7Y3cjD">
<link rel="stylesheet" type="text/css" href="css/style.css?v=vvtL7Y3cjD">
<script type="text/javascript" src="libs/sweetalert/sweetalert.min.js?v=vvtL7Y3cjD"></script>
<script type="text/javascript" src="libs/dropzone/dropzone.min.js?v=vvtL7Y3cjD"></script>
<script type="text/javascript" src="libs/axios/axios.min.js?v=vvtL7Y3cjD"></script>
<script type="text/javascript" src="libs/clipboard.js/clipboard.min.js?v=vvtL7Y3cjD"></script>
<script type="text/javascript" src="js/home.js?v=D6LvZYepOF"></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=V2RnA3Mwhh">
<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=V2RnA3Mwhh">
<meta name="theme-color" content="#232629">
<style>
#dropzone * {
pointer-events: none;
}
img[data-dz-thumbnail] {
max-width: 200px;
}
.clipboard-mobile {
margin-top: 5px;
}
#links {
display: flex;
align-items: center;
justify-content: center;
}
#links a {
display: block;
margin: 5px;
}
</style>
</head>
<body>
<section class="hero is-fullheight has-text-centered" id="home">
<div class="hero-body section">
<div class="container">
<p id="b">
<img class="logo" src="images/logo_smol.png">
</p>
<h1 class="title">safe.fiery.me</h1>
<h2 class="subtitle">A
<strong>modern</strong> self-hosted file upload service</h2>
<h3 class="subtitle" id="maxFileSize"></h3>
<div class="columns">
<div class="column is-hidden-mobile"></div>
<div class="column" id="uploadContainer">
<a id="loginToUpload" class="button is-danger is-loading" style="display: flex"></a>
<div class="field" id="albumDiv" style="display: none">
<p class="control select-wrapper">
<span class="select">
<select id="albumSelect">
<option value="">Upload to album</option>
</select>
</span>
</p>
</div>
</div>
<div class="column is-hidden-mobile"></div>
</div>
<div id="uploads">
<div id="template" class="columns">
<div class="column is-hidden-mobile"></div>
<div class="column">
<progress class="progress is-small is-danger" value="0" max="100"></progress>
<img class="is-unselectable" data-dz-thumbnail>
<p class="error"></p>
<p class="link" style="display: none">
<a target="_blank"></a>
</p>
<p class="clipboard-mobile is-hidden-desktop" style="display: none">
<a class="button is-info is-outlined clipboard-js" style="display: flex">
<span class="icon">
<i class="icon-clipboard-1"></i>
</span>
<span>Copy link to clipboard</span>
</a>
</p>
</div>
<div class="column is-hidden-mobile"></div>
</div>
</div>
<h3 class="subtitle">
<a href="auth" id="loginLinkText"></a>
</h3>
<h3 id="links">
<a href="https://fiery.me" title="Home">
<span class="icon is-medium">
<i class="icon-home icon-2x"></i>
</span>
</a>
<a href="https://blog.fiery.me" title="Blog">
<span class="icon is-medium">
<i class="icon-archive icon-2x"></i>
</span>
</a>
<a id="ShareX" href="https://safe.fiery.me/sharex.txt" title="ShareX">
<span class="icon is-medium">
<i class="icon-sharex icon-2x"></i>
</span>
</a>
<a href="https://chrome.google.com/webstore/detail/loli-safe-uploader/enkkmplljfjppcdaancckgilmgoiofnj" target="_blank" title="Chrome extension">
<span class="icon is-medium">
<i class="icon-chrome icon-2x"></i>
</span>
</a>
<a href="faq" title="FAQ">
<span class="icon is-medium">
<i class="icon-help-circled icon-2x"></i>
</span>
</a>
<a href="auth" title="Dashboard">
<span class="icon is-medium">
<i class="icon-gauge icon-2x"></i>
</span>
</a>
<a href="https://github.com/BobbyWibowo/lolisafe" target="_blank" title="GitHub">
<span class="icon is-medium">
<i class="icon-github-circled icon-2x"></i>
</span>
</a>
</h3>
</div>
</div>
</section>
</body>
</html>