Mirror/filesafe
1
0
Fork 0
mirror of https://github.com/BobbyWibowo/lolisafe.git synced 2024-12-14 08:26:22 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Added token submission to frontpage

Browse Source
This commit is contained in:
pitu 2017-01-14 19:24:32 -03:00
parent 0e0a1c6f35
commit f4b8544f69
3 changed files with 81 additions and 47 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
public/css/style.css
View File

@ -50,6 +50,8 @@ div#dropzone:hover {
color: #fff; color: #fff;
} }
div#uploads, p#tokenContainer { display: none; }
img.logo { height: 200px; margin-top: 20px; } img.logo { height: 200px; margin-top: 20px; }
.dz-preview .dz-details { display: flex; } .dz-preview .dz-details { display: flex; }
.dz-preview .dz-details .dz-size, .dz-preview .dz-details .dz-filename { flex: 1 } .dz-preview .dz-details .dz-size, .dz-preview .dz-details .dz-filename { flex: 1 }

12
public/index.html
View File

@ -24,9 +24,15 @@
<div class="columns"> <div class="columns">
<div class="column"></div> <div class="column"></div>
<div class="column"> <div class="column" id='uploadContainer'>
<a class="button is-danger is-outlined" id='btnGithub' href='https://github.com/kanadeko/loli-safe' target='_blank'>View on Github</a>
<div id="dropzone">Click here or drag and drop files</div> <p id='tokenContainer' class="control has-addons has-addons-centered">
<input id='token' class="input is-danger" type="text" placeholder="Your upload token">
<a id='tokenSubmit' class="button is-danger">Check</a>
</p>
<a id='btnGithub' class="button is-danger is-outlined" href='https://github.com/kanadeko/loli-safe' target='_blank'>View on Github</a>
</div> </div>
<div class="column"></div> <div class="column"></div>
</div> </div>

56
public/js/upload.js
View File

@ -1,21 +1,19 @@
var maxSize = '512';
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (xhr.readyState == XMLHttpRequest.DONE) {
if(xhr.responseText !== 'not-authorized'){
document.getElementById('btnGithub').style.display = 'none';
document.getElementById('dropzone').style.display = 'flex';
}
if(xhr.responseText.maxFileSize)
maxSize = xhr.responseText.maxFileSize;
}
}
xhr.open('GET', '/api/info', true);
xhr.send(null);
window.onload = function () { window.onload = function () {
var maxSize = '512';
if(!localStorage.token){
document.getElementById('tokenContainer').style.display = 'flex'
document.getElementById("tokenSubmit").addEventListener("click", function(){
getInfo(document.getElementById("token").value)
});
}else{
getInfo(localStorage.token);
}
function prepareDropzone(){
var previewNode = document.querySelector("#template"); var previewNode = document.querySelector("#template");
previewNode.id = ""; previewNode.id = "";
var previewTemplate = previewNode.parentNode.innerHTML; var previewTemplate = previewNode.parentNode.innerHTML;
@ -50,4 +48,32 @@ window.onload = function () {
file.previewTemplate.querySelector(".link").appendChild(a); file.previewTemplate.querySelector(".link").appendChild(a);
}); });
}
function getInfo(token) {
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (xhr.readyState == XMLHttpRequest.DONE) {
if(xhr.responseText !== 'not-authorized'){
div = document.createElement('div');
div.id = 'dropzone';
div.innerHTML = 'Click here or drag and drop files';
div.style.display = 'flex';
document.getElementById('btnGithub').style.display = 'none';
document.getElementById('tokenContainer').style.display = 'none';
document.getElementById('uploadContainer').appendChild(div);
if(xhr.responseText.maxFileSize) maxSize = xhr.responseText.maxFileSize;
if(token) localStorage.token = token;
prepareDropzone();
}
}
}
xhr.open('GET', '/api/info', true);
xhr.setRequestHeader('auth', token);
xhr.send(null);
}
}; };