diff options
Diffstat (limited to 'public/js/home.js')
| -rw-r--r-- | public/js/home.js | 220 |
1 files changed, 0 insertions, 220 deletions
diff --git a/public/js/home.js b/public/js/home.js deleted file mode 100644 index 771244a..0000000 --- a/public/js/home.js +++ /dev/null @@ -1,220 +0,0 @@ -var upload = {}; - -upload.isPrivate = true; -upload.token = localStorage.token; -upload.maxFileSize; -// add the album var to the upload so we can store the album id in there -upload.album; -upload.myDropzone; - -upload.checkIfPublic = function(){ - axios.get('/api/check') - .then(function (response) { - upload.isPrivate= response.data.private; - upload.maxFileSize = response.data.maxFileSize; - upload.preparePage(); - }) - .catch(function (error) { - swal("An error ocurred", 'There was an error with the request, please check the console for more information.', "error"); - return console.log(error); - }); -} - -upload.preparePage = function(){ - if(!upload.isPrivate) return upload.prepareUpload(); - if(!upload.token) return document.getElementById('loginToUpload').style.display = 'inline-flex'; - upload.verifyToken(upload.token, true); -}; - -upload.verifyToken = function(token, reloadOnError){ - if(reloadOnError === undefined) - reloadOnError = false; - - axios.post('/api/tokens/verify', { - token: token - }) - .then(function (response) { - - if(response.data.success === false){ - swal({ - title: "An error ocurred", - text: response.data.description, - type: "error" - }, function(){ - if(reloadOnError){ - localStorage.removeItem("token"); - location.reload(); - } - }); - return; - } - - localStorage.token = token; - upload.token = token; - return upload.prepareUpload(); - - }) - .catch(function (error) { - swal("An error ocurred", 'There was an error with the request, please check the console for more information.', "error"); - return console.log(error); - }); - -}; - -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) { - var select = document.getElementById('albumSelect'); - - select.addEventListener('change', function() { - upload.album = select.value; - }); - - axios.get('/api/albums', { headers: { token: upload.token }}) - .then(function(res) { - var albums = res.data.albums; - - // 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 (var i = 0; i < albums.length; i++) { - var opt = document.createElement('option'); - opt.value = albums[i].id; - opt.innerHTML = albums[i].name; - select.appendChild(opt); - } - // display the album selection - document.getElementById('albumDiv').style.display = 'block'; - }) - .catch(function(e) { - swal("An error ocurred", 'There was an error with the request, please check the console for more information.', "error"); - return console.log(e); - }); - } - - div = document.createElement('div'); - div.id = 'dropzone'; - div.innerHTML = 'Click here or drag and drop files'; - div.style.display = 'flex'; - - document.getElementById('maxFileSize').innerHTML = 'Maximum upload size per file is ' + upload.maxFileSize; - document.getElementById('loginToUpload').style.display = 'none'; - - if(upload.token === undefined) - document.getElementById('loginLinkText').innerHTML = 'Create an account and keep track of your uploads'; - - document.getElementById('uploadContainer').appendChild(div); - - upload.prepareDropzone(); - -}; - -upload.prepareDropzone = function(){ - var previewNode = document.querySelector('#template'); - previewNode.id = ''; - var previewTemplate = previewNode.parentNode.innerHTML; - previewNode.parentNode.removeChild(previewNode); - - var dropzone = new Dropzone('div#dropzone', { - url: '/api/upload', - paramName: 'files[]', - maxFilesize: upload.maxFileSize.slice(0, -2), - parallelUploads: 2, - uploadMultiple: false, - previewsContainer: 'div#uploads', - previewTemplate: previewTemplate, - createImageThumbnails: false, - maxFiles: 1000, - autoProcessQueue: true, - headers: { - 'token': upload.token - }, - init: function() { - upload.myDropzone = this; - this.on('addedfile', function(file) { - 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) { - xhr.setRequestHeader('albumid', upload.album); - } - }); - } - }); - - // Update the total progress bar - dropzone.on('uploadprogress', function(file, progress) { - file.previewElement.querySelector('.progress').setAttribute('value', progress); - file.previewElement.querySelector('.progress').innerHTML = progress + '%'; - }); - - dropzone.on('success', function(file, response) { - - // Handle the responseText here. For example, add the text to the preview element: - - if (response.success === false) { - var p = document.createElement('p'); - p.innerHTML = response.description; - file.previewTemplate.querySelector('.link').appendChild(p); - } - - if (response.files[0].url) { - a = document.createElement('a'); - a.href = response.files[0].url; - a.target = '_blank'; - a.innerHTML = response.files[0].url; - file.previewTemplate.querySelector('.link').appendChild(a); - - file.previewTemplate.querySelector('.progress').style.display = 'none'; - } - - }); - - upload.prepareShareX(); -}; - -upload.prepareShareX = function(){ - if (upload.token) { - var sharex_element = document.getElementById("ShareX"); - var sharex_file = "{\r\n\ - \"Name\": \"" + location.hostname + "\",\r\n\ - \"DestinationType\": \"ImageUploader, FileUploader\",\r\n\ - \"RequestType\": \"POST\",\r\n\ - \"RequestURL\": \"" + location.origin + "/api/upload\",\r\n\ - \"FileFormName\": \"files[]\",\r\n\ - \"Headers\": {\r\n\ - \"token\": \"" + upload.token + "\"\r\n\ - },\r\n\ - \"ResponseType\": \"Text\",\r\n\ - \"URL\": \"$json:files[0].url$\",\r\n\ - \"ThumbnailURL\": \"$json:files[0].url$\"\r\n\ -}"; - var sharex_blob = new Blob([sharex_file], {type: "application/octet-binary"}); - sharex_element.setAttribute("href", URL.createObjectURL(sharex_blob)); - sharex_element.setAttribute("download", location.hostname + ".sxcu"); - } -}; - -//Handle image paste event -window.addEventListener('paste', function(event) { - var items = (event.clipboardData || event.originalEvent.clipboardData).items; - for (index in items) { - var item = items[index]; - if (item.kind === 'file') { - var blob = item.getAsFile(); - console.log(blob.type); - var file = new File([blob], "pasted-image."+blob.type.match(/(?:[^\/]*\/)([^;]*)/)[1]); - file.type = blob.type; - console.log(file); - upload.myDropzone.addFile(file); - } - } -}); - -window.onload = function () { - upload.checkIfPublic(); -}; - |