//delete = delets from DB
//remove = removes from HTML
//save = save to DB
//add = changes HTML
//get = get from DB
//new = changes HTML
//CrossSiteReference needed for WAS
var test = {};
var ref = $(test);
$(document).on('change', '#selectfolders', function(e) {
//getFolders(this.options[e.target.selectedIndex].text);
listFolders(this.options[e.target.selectedIndex].text);
});
function listFolders(folder = ""){
$('#Folders').text("");
$('#CurFolder').text("");
getAllFolders();
if(folder != "" && folder != "." && folder != ".."){
$("#selectfolders").val(folder);
}
else{
$("#selectfolders").val(".");
}
$.ajax({
type: "GET",
url: "../server/folders/" + folder,
dataType: "json",
success: function(data) {
if(folder != "" && folder != "." && folder != ".."){
var clone = document.importNode(document.querySelector('#cpyFolder').content,true);
$('[data-class=text]',clone).text("..");
$('[data-class=link]',clone).attr('onclick','listFolders("' + folder.substr(0, folder.lastIndexOf("/")) + '")');
$('#Folders').append(clone);
}
$.each( data, function( key, value ) {
var clone = document.importNode(document.querySelector('#cpyFolder').content,true);
//remove /
value = value.slice(0,-1)
$('[data-class=text]',clone).text(value);
if(folder == ""){
$('[data-class=link]',clone).attr('onclick','listFolders("' + value + '")');
}
else{
$('[data-class=link]',clone).attr('onclick','listFolders("' + folder + "/" + value + '")');
}
$('#Folders').append(clone);
});
//new Folder
var clone = document.importNode(document.querySelector('#cpyFolderNew').content,true);
$('[data-class=text]',clone).text("+");
$('[data-class=link]',clone).attr('onclick','createFolder("' + folder + '")');
$('#Folders').append(clone);
}
});
listData(folder)
}
function createFolder(folder = ""){
var newFolder = window.prompt("Please enter a folder name.","");
if (newFolder != null && newFolder != "") {
$.ajax({
type: "Post",
url: "../server/folders/" + folder + "/" + newFolder,
success: function(res) {
listFolders(folder)
}
});
}
}
function deleteFolder(datalink) {
if (datalink != "" && datalink != "." && datalink != ".." && confirm('Deleting ' + datalink)) {
$.ajax({
type: "DELETE",
url: "../server/folders/" + datalink,
success: function(res) {
listFolders(datalink.substr(0, datalink.lastIndexOf("/")))
}
});
}
}
function listData(folder = ""){
$('#Data').text("");
const imageext = ["png", "jpg", "svg", "JPG", "PNG", "SVG"]
const movieext = ["mp4"]
$('#imgUpload').attr("action", "../server/data/" + folder);
$.ajax({
type: "GET",
url: "../server/images/" + folder,
dataType: "json",
success: function(data) {
$.each( data, function( key, value ) {
var ext = value.substr(value.lastIndexOf('.') + 1);
if(folder == ""){
fullfolder = value
}
else{
fullfolder = folder + "/" + value;
}
var clone = document.importNode(document.querySelector('#DataItem').content,true);
$('[data-class=name]',clone).text(value);
//Image
if(imageext.includes(ext)){
$('[data-class=image]',clone).append("")
}
else if(movieext.includes(ext)){
$('[data-class=image]',clone).append("