let panel = {} panel.page; panel.token = localStorage.token; panel.filesView = localStorage.filesView; panel.preparePage = function(){ if(!panel.token) return window.location = '/auth'; panel.verifyToken(panel.token, true); } panel.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.location = '/auth'; } }) return; } axios.defaults.headers.common['token'] = token; localStorage.token = token; panel.token = token; return panel.prepareDashboard(); }) .catch(function (error) { return swal("An error ocurred", 'There was an error with the request, please check the console for more information.', "error"); console.log(error); }); } panel.prepareDashboard = function(){ panel.page = document.getElementById('page'); document.getElementById('auth').style.display = 'none'; document.getElementById('dashboard').style.display = 'block'; document.getElementById('itemUploads').addEventListener('click', function(){ panel.setActiveMenu(this); }); document.getElementById('itemManageGallery').addEventListener('click', function(){ panel.setActiveMenu(this); }); document.getElementById('itemTokens').addEventListener('click', function(){ panel.setActiveMenu(this); }); panel.getAlbumsSidebar(); } panel.logout = function(){ localStorage.removeItem("token"); location.reload('/'); } panel.getUploads = function(album = undefined, page = undefined){ if(page === undefined) page = 0; let url = '/api/uploads/' + page if(album !== undefined) url = '/api/album/' + album + '/' + page axios.get(url).then(function (response) { if(response.data.success === false){ if(response.data.description === 'No token provided') return panel.verifyToken(panel.token); else return swal("An error ocurred", response.data.description, "error"); } var prevPage = 0; var nextPage = page + 1; if(response.data.files.length < 25) nextPage = page; if(page > 0) prevPage = page - 1; panel.page.innerHTML = ''; var container = document.createElement('div'); var pagination = ``; var listType = `
` if(panel.filesView === 'thumbs'){ container.innerHTML = ` ${pagination}
${listType}
${pagination} `; panel.page.appendChild(container); var table = document.getElementById('table'); for(var item of response.data.files){ var div = document.createElement('div'); div.className = "column is-2"; if(item.thumb !== undefined) div.innerHTML = ``; else div.innerHTML = `

.${item.file.split('.').pop()}

`; table.appendChild(div); } }else{ container.innerHTML = ` ${pagination}
${listType}
File Album Date

${pagination} `; panel.page.appendChild(container); var table = document.getElementById('table'); for(var item of response.data.files){ var tr = document.createElement('tr'); tr.innerHTML = ` ${item.file} ${item.album} ${item.date} `; table.appendChild(tr); } } }) .catch(function (error) { return swal("An error ocurred", 'There was an error with the request, please check the console for more information.', "error"); console.log(error); }); } panel.setFilesView = function(view, album, page){ localStorage.filesView = view; panel.filesView = view; panel.getUploads(album, page); } panel.deleteFile = function(id){ swal({ title: "Are you sure?", text: "You wont be able to recover the file!", type: "warning", showCancelButton: true, confirmButtonColor: "#ff3860", confirmButtonText: "Yes, delete it!", closeOnConfirm: false }, function(){ axios.post('/api/upload/delete', { id: id }) .then(function (response) { if(response.data.success === false){ if(response.data.description === 'No token provided') return panel.verifyToken(panel.token); else return swal("An error ocurred", response.data.description, "error"); } swal("Deleted!", "The file has been deleted.", "success"); panel.getUploads(); return; }) .catch(function (error) { return swal("An error ocurred", 'There was an error with the request, please check the console for more information.', "error"); console.log(error); }); } ); } panel.getAlbums = function(){ axios.get('/api/albums').then(function (response) { if(response.data.success === false){ if(response.data.description === 'No token provided') return panel.verifyToken(panel.token); else return swal("An error ocurred", response.data.description, "error"); } panel.page.innerHTML = ''; var container = document.createElement('div'); container.className = "container"; container.innerHTML = `

Create new album

Submit

List of albums

Name Files Created At
`; panel.page.appendChild(container); var table = document.getElementById('table'); for(var item of response.data.albums){ var tr = document.createElement('tr'); tr.innerHTML = ` ${item.name} ${item.files} ${item.date} `; table.appendChild(tr); } document.getElementById('submitAlbum').addEventListener('click', function(){ panel.submitAlbum(); }); }) .catch(function (error) { return swal("An error ocurred", 'There was an error with the request, please check the console for more information.', "error"); console.log(error); }); } panel.renameAlbum = function(id){ swal({ title: "Rename album", text: "New name you want to give the album:", type: "input", showCancelButton: true, closeOnConfirm: false, animation: "slide-from-top", inputPlaceholder: "My super album" },function(inputValue){ if (inputValue === false) return false; if (inputValue === "") { swal.showInputError("You need to write something!"); return false } axios.post('/api/albums/rename', { id: id, name: inputValue }) .then(function (response) { if(response.data.success === false){ if(response.data.description === 'No token provided') return panel.verifyToken(panel.token); else if(response.data.description === 'Name already in use') swal.showInputError("That name is already in use!"); else swal("An error ocurred", response.data.description, "error"); return; } swal("Success!", "Your album was renamed to: " + inputValue, "success"); panel.getAlbumsSidebar(); panel.getAlbums(); return; }) .catch(function (error) { return swal("An error ocurred", 'There was an error with the request, please check the console for more information.', "error"); console.log(error); }); }); } panel.deleteAlbum = function(id){ swal({ title: "Are you sure?", text: "This won't delete your files, only the album!", type: "warning", showCancelButton: true, confirmButtonColor: "#ff3860", confirmButtonText: "Yes, delete it!", closeOnConfirm: false }, function(){ axios.post('/api/albums/delete', { id: id }) .then(function (response) { if(response.data.success === false){ if(response.data.description === 'No token provided') return panel.verifyToken(panel.token); else return swal("An error ocurred", response.data.description, "error"); } swal("Deleted!", "Your album has been deleted.", "success"); panel.getAlbumsSidebar(); panel.getAlbums(); return; }) .catch(function (error) { return swal("An error ocurred", 'There was an error with the request, please check the console for more information.', "error"); console.log(error); }); } ); } panel.submitAlbum = function(){ axios.post('/api/albums', { name: document.getElementById('albumName').value }) .then(function (response) { if(response.data.success === false){ if(response.data.description === 'No token provided') return panel.verifyToken(panel.token); else return swal("An error ocurred", response.data.description, "error"); } swal("Woohoo!", "Album was added successfully", "success"); panel.getAlbumsSidebar(); panel.getAlbums(); return; }) .catch(function (error) { return swal("An error ocurred", 'There was an error with the request, please check the console for more information.', "error"); console.log(error); }); } panel.getAlbumsSidebar = function(){ axios.get('/api/albums/sidebar') .then(function (response) { if(response.data.success === false){ if(response.data.description === 'No token provided') return panel.verifyToken(panel.token); else return swal("An error ocurred", response.data.description, "error"); } var albumsContainer = document.getElementById('albumsContainer'); albumsContainer.innerHTML = ''; if(response.data.albums === undefined) return; for(var album of response.data.albums){ li = document.createElement('li'); a = document.createElement('a'); a.id = album.id; a.innerHTML = album.name; a.addEventListener('click', function(){ panel.getAlbum(this); }); li.appendChild(a); albumsContainer.appendChild(li); } }) .catch(function (error) { return swal("An error ocurred", 'There was an error with the request, please check the console for more information.', "error"); console.log(error); }); } panel.getAlbum = function(item){ panel.setActiveMenu(item); panel.getUploads(item.id); } panel.changeTokens = function(){ axios.get('/api/tokens') .then(function (response) { if(response.data.success === false){ if(response.data.description === 'No token provided') return panel.verifyToken(panel.token); else return swal("An error ocurred", response.data.description, "error"); } panel.page.innerHTML = ''; var container = document.createElement('div'); container.className = "container"; container.innerHTML = `

Manage your token

Request new token

`; panel.page.appendChild(container); document.getElementById('getNewToken').addEventListener('click', function(){ panel.getNewToken(); }); }) .catch(function (error) { return swal("An error ocurred", 'There was an error with the request, please check the console for more information.', "error"); console.log(error); }); } panel.getNewToken = function(){ axios.post('/api/tokens/change') .then(function (response) { if(response.data.success === false){ if(response.data.description === 'No token provided') return panel.verifyToken(panel.token); else return swal("An error ocurred", response.data.description, "error"); } swal({ title: "Woohoo!", text: 'Your token was changed successfully.', type: "success" }, function(){ localStorage.token = response.data.token; location.reload(); }) }) .catch(function (error) { return swal("An error ocurred", 'There was an error with the request, please check the console for more information.', "error"); console.log(error); }); } panel.setActiveMenu = function(item){ var menu = document.getElementById('menu'); var items = menu.getElementsByTagName('a'); for(var i = 0; i < items.length; i++) items[i].className = ""; item.className = 'is-active'; } window.onload = function () { panel.preparePage(); }