let panel = {}
panel.page;
panel.token = localStorage.admintoken;
panel.preparePage = function(){
if(!panel.token){
document.getElementById('auth').style.display = 'flex';
document.getElementById('tokenSubmit').addEventListener('click', function(){
panel.verifyToken(document.getElementById('token').value);
});
return;
}
panel.verifyToken(panel.token, true);
}
panel.verifyToken = function(token, reloadOnError = false){
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (xhr.readyState == XMLHttpRequest.DONE) {
var json = JSON.parse(xhr.responseText);
if(json.success === false){
swal({
title: "An error ocurred",
text: json.description,
type: "error"
}, function(){
if(reloadOnError){
localStorage.removeItem("admintoken");
location.reload();
}
})
return;
}
localStorage.admintoken = token;
panel.token = token;
return panel.prepareDashboard();
}
}
xhr.open('GET', '/api/token/verify', true);
xhr.setRequestHeader('type', 'admin');
xhr.setRequestHeader('token', token);
xhr.send(null);
}
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.getUploads();
});
document.getElementById('itemManageGallery').addEventListener('click', function(){
panel.getAlbums();
});
panel.getAlbumsSidebar();
}
panel.getUploads = function(){
panel.page.innerHTML = '';
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if(xhr.readyState == XMLHttpRequest.DONE){
if(xhr.responseText === 'not-authorized')
return panel.verifyToken(panel.token);
var json = JSON.parse(xhr.responseText);
console.log(json);
if(json.success === false)
return swal("An error ocurred", json.description, "error");
var container = document.createElement('div');
container.innerHTML = `
`;
panel.page.appendChild(container);
var table = document.getElementById('table');
for(var item of json){
var tr = document.createElement('tr');
tr.innerHTML = `
${item.file} |
${item.album} |
${item.date} |
`;
table.appendChild(tr);
}
}
}
xhr.open('GET', '/api/uploads', true);
xhr.setRequestHeader('auth', panel.token);
xhr.send(null);
}
panel.getAlbums = function(){
panel.page.innerHTML = '';
var xhr = new XMLHttpRequest();
var container = document.createElement('div');
container.className = "container";
container.innerHTML = `
Create new album
Submit
List of albums
`;
xhr.onreadystatechange = function() {
if (xhr.readyState == XMLHttpRequest.DONE) {
if(xhr.responseText === 'not-authorized')
return panel.verifyToken(panel.token);
var json = JSON.parse(xhr.responseText);
console.log(json);
if(json.success === false)
return swal("An error ocurred", json.description, "error");
panel.page.appendChild(container);
var table = document.getElementById('table');
for(var item of json.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();
});
}
}
xhr.open('GET', '/api/albums', true);
xhr.setRequestHeader('auth', panel.token);
xhr.setRequestHeader('extended', '');
xhr.send(null);
}
panel.submitAlbum = function(){
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (xhr.readyState == XMLHttpRequest.DONE) {
if(xhr.responseText === 'not-authorized')
return panel.verifyToken(panel.token);
var json = JSON.parse(xhr.responseText);
if(json.success === false)
return swal("An error ocurred", json.description, "error");
swal("Woohoo!", "Album was added successfully", "success");
panel.getAlbumsSidebar();
panel.getAlbums();
return;
}
}
xhr.open('POST', '/api/albums', true);
xhr.setRequestHeader('auth', panel.token);
xhr.setRequestHeader('name', document.getElementById('albumName').value);
xhr.send(null);
}
panel.getAlbumsSidebar = function(){
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (xhr.readyState == XMLHttpRequest.DONE) {
if(xhr.responseText === 'not-authorized')
return panel.verifyToken(panel.token);
var json = JSON.parse(xhr.responseText);
console.log(json);
if(json.success === false)
return swal("An error ocurred", json.description, "error");
var albumsContainer = document.getElementById('albumsContainer');
albumsContainer.innerHTML = '';
if(json.albums === undefined) return;
for(var album of json.albums){
li = document.createElement('li');
a = document.createElement('a');
a.innerHTML = album.name;
li.appendChild(a);
albumsContainer.appendChild(li);
}
}
}
xhr.open('GET', '/api/albums', true);
xhr.setRequestHeader('auth', panel.token);
xhr.send(null);
}
window.onload = function () {
panel.preparePage();
}