129 lines
3.5 KiB
JavaScript
129 lines
3.5 KiB
JavaScript
|
|
let currDir = {'loc':'','contents':null}
|
|
let currSel = {'loc':null,'name':null}
|
|
|
|
function doUpdate(ele,isDir=false){
|
|
//console.log(ele.attr('data-choice'));
|
|
if(ele.hasClass('file-isDir')){
|
|
currDir.loc = ele.attr('data-choice')
|
|
populateContents();
|
|
}
|
|
if(!isDir){
|
|
currSel.loc = ele.attr('data-choice')
|
|
$('.nav-bottom-text').html(currSel.name = ele.html())
|
|
|
|
}
|
|
}
|
|
|
|
function updateContents(contents){
|
|
//console.log(contents)
|
|
|
|
// Change top header contents
|
|
$('#files-location').html(contents.loc)
|
|
|
|
// if empty, return null, this shouldnt execute if the server is responding properly but ok
|
|
if(contents===null) {
|
|
$('#files-table').append(`<tr><td>null</td><td class="file-handlers"></td></tr>`)
|
|
}
|
|
else
|
|
{
|
|
$('#files-table').hide().empty();
|
|
contents.contents.forEach(element => {
|
|
$('#files-table').append(`<tr class="files-row box-shadow-1-active"><td onclick="doUpdate($(this),${element.isDir})" class="file-name ${(element.isDir?'file-isDir':'file-isFile')}" data-choice="${element.path}">${element.name}</td></tr>`)
|
|
});
|
|
if(contents.back!=null){
|
|
$('#files-table').prepend(`<tr class="files-row box-shadow-1-active"><td onclick="doUpdate($(this),true)" class="file-name file-isDir file-isBack" data-choice="${contents.back}">..</td></tr>`)
|
|
}
|
|
$('#files-table').fadeIn()
|
|
}
|
|
}
|
|
|
|
//set table details
|
|
function populateContents(){
|
|
$.ajax('/files/ls',{
|
|
method:'post',
|
|
data: currDir,
|
|
success:(msg)=>{
|
|
updateContents(msg)
|
|
}
|
|
|
|
})
|
|
return null;
|
|
}
|
|
|
|
|
|
// Closing the rename window
|
|
function closeRenameWindow(){
|
|
//
|
|
$('.rename-window').fadeOut('fast')
|
|
$("#cover").fadeOut('fast')
|
|
}
|
|
// Closing the upload window
|
|
function closeUploadWindow(){
|
|
//
|
|
$('.upload-window').fadeOut('fast')
|
|
$("#cover").fadeOut('fast')
|
|
}
|
|
|
|
|
|
$(document).ready(()=>{
|
|
populateContents();
|
|
$('.file-download-button').click(()=>{
|
|
console.log(currSel)
|
|
if(currSel.loc===null){
|
|
// This shouldn't happen but ok
|
|
alert("Please select a file");
|
|
}
|
|
else{
|
|
$('.file-download-button').after(`<a id="down-temp" href="/files/cat?loc=${currSel.loc}" download="${currSel.name}"></a>`)
|
|
document.getElementById('down-temp').click()
|
|
$('#down-temp').remove();
|
|
}
|
|
})
|
|
$('.close-rename').click(()=>{
|
|
closeRenameWindow();
|
|
})
|
|
$('.close-upload').click(()=>{
|
|
closeUploadWindow();
|
|
})
|
|
$('.file-rename-button').click(()=>{
|
|
if(currSel.loc===nul){
|
|
alert("No file selected")
|
|
}
|
|
else{
|
|
$("#nloc-input").val(currSel.loc)
|
|
}
|
|
$('#cover').fadeIn('fast')
|
|
$('.rename-window').fadeIn('fast')
|
|
})
|
|
$('.nav-bottom-button').click(()=>{
|
|
$('#cover').fadeIn('fast')
|
|
$('.upload-window').fadeIn('fast')
|
|
})
|
|
|
|
$('.done-rename').click(()=>{
|
|
if(currSel.loc===null){
|
|
alert("Please select a file");
|
|
}
|
|
else{
|
|
$.ajax("/files/mv",{
|
|
method:"post",
|
|
data:{
|
|
loc:currSel.loc,
|
|
nloc:$("#nloc-input").val()
|
|
},
|
|
success:(msg)=>{
|
|
console.log(msg)
|
|
populateContents()
|
|
alert('Moved')
|
|
},
|
|
error:msg=>{
|
|
console.log(msg)
|
|
populateContents()
|
|
alert("Could not move")
|
|
}
|
|
})
|
|
}
|
|
})
|
|
})
|