Mirror/filesafe
1
0
Fork 0
mirror of https://github.com/BobbyWibowo/lolisafe.git synced 2025-01-19 01:31:34 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Uploading to an album

Browse Source
This commit is contained in:
Onestay 2017-04-23 15:19:31 +02:00
parent b9fd64c620
commit cf6a396730
1 changed files with 28 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
public/js/home.js
View File

@ -3,6 +3,8 @@ var upload = {};
upload.isPrivate = true; upload.isPrivate = true;
upload.token = localStorage.token; upload.token = localStorage.token;
upload.maxFileSize; upload.maxFileSize;
// add the album var to the upload so we can store the album id in there
upload.album;
upload.checkIfPublic = function(){ upload.checkIfPublic = function(){
@ -61,23 +63,30 @@ upload.verifyToken = function(token, reloadOnError){
upload.prepareUpload = function(){ upload.prepareUpload = function(){
// I think this fits best here because we need to check for a valid token before we can get the albums
if (upload.token) { if (upload.token) {
const select = document.querySelector('select'); const select = document.querySelector('select');
axios.get('/api/albums', { headers: { token: upload.token }}) axios.get('/api/albums', { headers: { token: upload.token }})
.then((res) => { .then(function(res) {
console.log(res);
let albums = res.data.albums; let albums = res.data.albums;
if (albums.length === 0) return; // if the user doesn't have any albums we don't really need to display
// an album selection
if (albums.length === 0) return;
// loop through the albums and create an option for each album
for (let i = 0; i < albums.length; i++) { for (let i = 0; i < albums.length; i++) {
let opt = document.createElement('option'); let opt = document.createElement('option');
opt.value = albums[i].id; opt.value = albums[i].id;
opt.innerHTML = albums[i].name; opt.innerHTML = albums[i].name;
select.appendChild(opt); select.appendChild(opt);
} }
// display the album selection
document.getElementById('albumDiv').style.display = 'block'; document.getElementById('albumDiv').style.display = 'block';
}) })
.catch((e) => { .catch(function(e) {
return swal("An error ocurred", 'There was an error with the request, please check the console for more information.', "error");
console.log(e); console.log(e);
}) })
} }
@ -100,7 +109,7 @@ upload.prepareUpload = function(){
} }
upload.prepareDropzone = function(){ upload.prepareDropzone = function(){
var previewNode = document.querySelector('#template'); var previewNode = document.querySelector('#template');
previewNode.id = ''; previewNode.id = '';
var previewTemplate = previewNode.parentNode.innerHTML; var previewTemplate = previewNode.parentNode.innerHTML;
@ -125,6 +134,13 @@ upload.prepareDropzone = function(){
myDropzone = this; myDropzone = this;
document.getElementById('uploads').style.display = 'block'; document.getElementById('uploads').style.display = 'block';
}); });
// add the selected albumid, if an album is selected, as a header
this.on('sending', function(file, xhr) {
if (upload.album) {
console.log(upload.album)
xhr.setRequestHeader('albumid', upload.album)
}
});
} }
}); });
@ -175,4 +191,10 @@ window.addEventListener('paste', function(event) {
window.onload = function () { window.onload = function () {
upload.checkIfPublic(); upload.checkIfPublic();
};
// eventlistener for the album select
document.querySelector('select').addEventListener('change', function() {
upload.album = document.querySelector('select').value;
});
};