let panel = {}; panel.page; panel.username; 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; panel.username = response.data.username; 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'); if(panel.username != 'root') document.getElementById('itemUserAdd').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); }); document.getElementById('itemPassword').addEventListener('click', function(){ panel.setActiveMenu(this); }); document.getElementById('itemLogout').innerHTML = `Logout ( ${panel.username} )`; panel.getAlbumsSidebar(); }; panel.logout = function(){ localStorage.removeItem("token"); location.reload('/'); }; panel.sizePrefixes = [[1, "B"], [1000, "kB"], [1000000, "MB"], [1000000000, "GB"]]; panel.sizeToString = function(size){ let [baseLimit, baseUnit] = panel.sizePrefixes[0]; for(let [limit, unit] of panel.sizePrefixes){ if(size >= limit) [baseLimit, baseUnit] = [limit, unit]; else break; } return `${(size / baseLimit).toFixed(1)} ${baseUnit}`; }; 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{ var albumOrUser = 'Album'; if(panel.username === 'root') albumOrUser = 'User'; container.innerHTML = ` ${pagination}
${listType}
File Original name Size ${albumOrUser} Date

${pagination} `; panel.page.appendChild(container); var table = document.getElementById('table'); for(var item of response.data.files){ var tr = document.createElement('tr'); var displayAlbumOrUser = item.album; if(panel.username === 'root'){ displayAlbumOrUser = ''; if(item.username !== undefined) displayAlbumOrUser = item.username; } tr.innerHTML = ` ${item.name} ${item.original} ${panel.sizeToString(item.size)} ${displayAlbumOrUser} ${item.date} `; table.appendChild(tr); //$clamp(tr.querySelector(".clamp"), {clamp: 1}); } } }) .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(); }) .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 Public link
`; 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} Album link `; 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(); }) .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(); }) .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(); }) .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.changeToken = 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.addUser = function(){ panel.page.innerHTML = ''; var container = document.createElement('div'); container.className = "container"; container.innerHTML = `

Add a new user

Add user

`; panel.page.appendChild(container); document.getElementById('sendAddUser').addEventListener('click', function(){ var user = document.getElementById('user').value; var pass = document.getElementById('pass').value; if(user === undefined || user === null || user === '') return swal('Error', 'You need to specify a username', 'error'); if(pass === undefined || pass === null || pass === '') return swal('Error', 'You need to specify a username', 'error'); axios.post('/api/register', { username: user, password: pass }) .then(function (response) { if(response.data.success === false) return swal('Error', response.data.description, 'error'); swal({ title: "Woohoo!", text: 'User created successfully!', type: "success" }, function(){ 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.changePassword = function(){ panel.page.innerHTML = ''; var container = document.createElement('div'); container.className = "container"; container.innerHTML = `

Change your password

Set new password

`; panel.page.appendChild(container); document.getElementById('sendChangePassword').addEventListener('click', function(){ if (document.getElementById('password').value === document.getElementById('passwordConfirm').value) { panel.sendNewPassword(document.getElementById('password').value); } else { swal({ title: "Password mismatch!", text: 'Your passwords do not match, please try again.', type: "error" }, function() { panel.changePassword(); }); } }); }; panel.sendNewPassword = function(pass){ axios.post('/api/password/change', {password: pass}) .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 password was changed successfully.', type: "success" }, function(){ 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(); };