Better link display on homepage

This commit is contained in:
Pitu 2017-01-17 19:35:18 -03:00
parent 6f7f3d60cb
commit 66f4961c38
3 changed files with 16 additions and 7 deletions

View File

@ -27,8 +27,6 @@
<a id='tokenSubmit' class="button is-danger">Check</a> <a id='tokenSubmit' class="button is-danger">Check</a>
</p> </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 is-hidden-mobile"></div> <div class="column is-hidden-mobile"></div>
</div> </div>
@ -41,7 +39,13 @@
<div class="columns"> <div class="columns">
<div class="column is-hidden-mobile"></div> <div class="column is-hidden-mobile"></div>
<div class="column"><a href="https://chrome.google.com/webstore/detail/loli-safe-uploader/enkkmplljfjppcdaancckgilmgoiofnj/related" target="_blank" class="is-danger">Uploader Chrome extension</a></div> <div class="column">
<p>
<a href="https://github.com/kanadeko/loli-safe" target="_blank" class="is-danger">View on Github</a>
|
<a href="https://chrome.google.com/webstore/detail/loli-safe-uploader/enkkmplljfjppcdaancckgilmgoiofnj/related" target="_blank" class="is-danger">Chrome extension</a>
</p>
</div>
<div class="column is-hidden-mobile"></div> <div class="column is-hidden-mobile"></div>
</div> </div>

View File

@ -2,12 +2,14 @@ var upload = {};
upload.isPrivate = true; upload.isPrivate = true;
upload.token = localStorage.token; upload.token = localStorage.token;
upload.maxFileSize;
upload.checkIfPublic = function(){ upload.checkIfPublic = function(){
var xhr = new XMLHttpRequest(); var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() { xhr.onreadystatechange = function() {
if (xhr.readyState == XMLHttpRequest.DONE) { if (xhr.readyState == XMLHttpRequest.DONE) {
upload.isPublic = JSON.parse(xhr.responseText).private; upload.isPublic = JSON.parse(xhr.responseText).private;
upload.maxFileSize = JSON.parse(xhr.responseText).maxFileSize;
upload.preparePage(); upload.preparePage();
} }
} }
@ -62,7 +64,6 @@ upload.prepareUpload = function(){
div.innerHTML = 'Click here or drag and drop files'; div.innerHTML = 'Click here or drag and drop files';
div.style.display = 'flex'; div.style.display = 'flex';
document.getElementById('btnGithub').style.display = 'none';
document.getElementById('tokenContainer').style.display = 'none'; document.getElementById('tokenContainer').style.display = 'none';
document.getElementById('uploadContainer').appendChild(div); document.getElementById('uploadContainer').appendChild(div);
document.getElementById('panel').style.display = 'block'; document.getElementById('panel').style.display = 'block';
@ -81,6 +82,7 @@ upload.prepareDropzone = function(){
var dropzone = new Dropzone('div#dropzone', { var dropzone = new Dropzone('div#dropzone', {
url: '/api/upload', url: '/api/upload',
paramName: 'files[]', paramName: 'files[]',
maxFilesize: upload.maxFileSize.slice(0, -2),
parallelUploads: 2, parallelUploads: 2,
uploadMultiple: false, uploadMultiple: false,
previewsContainer: 'div#uploads', previewsContainer: 'div#uploads',
@ -89,13 +91,13 @@ upload.prepareDropzone = function(){
maxFiles: 1000, maxFiles: 1000,
autoProcessQueue: true, autoProcessQueue: true,
headers: { headers: {
'auth': localStorage.token 'auth': upload.token
}, },
init: function() { init: function() {
this.on('addedfile', function(file) { this.on('addedfile', function(file) {
document.getElementById('uploads').style.display = 'block'; document.getElementById('uploads').style.display = 'block';
}); });
} }
}); });
// Update the total progress bar // Update the total progress bar

View File

@ -5,7 +5,10 @@ const albumsController = require('../controllers/albumsController')
const tokenController = require('../controllers/tokenController') const tokenController = require('../controllers/tokenController')
routes.get ('/check', (req, res, next) => { routes.get ('/check', (req, res, next) => {
return res.json({ private: config.private }) return res.json({
private: config.private,
maxFileSize: config.uploads.maxsize
})
}) })
routes.get ('/uploads', (req, res, next) => uploadController.list(req, res)) routes.get ('/uploads', (req, res, next) => uploadController.list(req, res))