mirror of
https://github.com/filebrowser/filebrowser.git
synced 2024-06-07 23:00:43 +00:00
359 lines
8.6 KiB
JavaScript
359 lines
8.6 KiB
JavaScript
$(document).on('page:browse', function() {
|
|
var foreground = '#foreground';
|
|
|
|
/* DELETE FILE */
|
|
|
|
var remove = new Object();
|
|
remove.selector = 'form#delete';
|
|
remove.form = $(remove.selector);
|
|
remove.row = '';
|
|
remove.button = '';
|
|
remove.url = '';
|
|
|
|
$('#content').on('click', '.delete', function(event) {
|
|
event.preventDefault();
|
|
remove.button = $(this);
|
|
remove.row = $(this).parent().parent();
|
|
$(foreground).fadeIn(200);
|
|
remove.url = remove.row.find('.filename').text();
|
|
remove.form.find('span').text(remove.url);
|
|
remove.form.fadeIn(200);
|
|
return false;
|
|
});
|
|
|
|
$('#content').on('submit', remove.selector, function(event) {
|
|
event.preventDefault();
|
|
|
|
var request = new XMLHttpRequest();
|
|
request.open("DELETE", remove.button.data("file"));
|
|
request.send();
|
|
request.onreadystatechange = function() {
|
|
if (request.readyState == 4) {
|
|
var response = JSON.parse(request.responseText),
|
|
type = "success",
|
|
timeout = 5000;
|
|
|
|
$(foreground).fadeOut(200);
|
|
remove.form.fadeOut(200);
|
|
remove.row.fadeOut(200);
|
|
|
|
if (request.status != 200) {
|
|
type = "error";
|
|
timeout = false;
|
|
}
|
|
|
|
notification({
|
|
text: response.message,
|
|
type: type,
|
|
timeout: timeout
|
|
});
|
|
}
|
|
}
|
|
|
|
return false;
|
|
});
|
|
|
|
/* FILE UPLOAD */
|
|
|
|
$('#content').on('change', 'input[type="file"]', function(event) {
|
|
event.preventDefault();
|
|
files = event.target.files;
|
|
|
|
// Create a formdata object and add the files
|
|
var data = new FormData();
|
|
$.each(files, function(key, value) {
|
|
data.append(key, value);
|
|
});
|
|
|
|
$.ajax({
|
|
url: window.location.pathname,
|
|
type: 'POST',
|
|
data: data,
|
|
cache: false,
|
|
dataType: 'json',
|
|
headers: {
|
|
'X-Upload': 'true',
|
|
},
|
|
processData: false,
|
|
contentType: false,
|
|
}).done(function(data) {
|
|
notification({
|
|
text: "File(s) uploaded successfully.",
|
|
type: 'success',
|
|
timeout: 5000
|
|
});
|
|
|
|
$.pjax({
|
|
url: window.location.pathname,
|
|
container: '#content'
|
|
})
|
|
}).fail(function(data) {
|
|
notification({
|
|
text: 'Something went wrong.',
|
|
type: 'error'
|
|
});
|
|
console.log(data);
|
|
});
|
|
return false;
|
|
});
|
|
|
|
$('#content').on('click', '#upload', function(event) {
|
|
event.preventDefault();
|
|
$('.actions input[type="file"]').click();
|
|
return false;
|
|
});
|
|
|
|
/* NEW FILE */
|
|
|
|
var create = new Object();
|
|
create.selector = 'form#new';
|
|
create.form = $(create.selector);
|
|
create.input = create.selector + ' input[type="text"]';
|
|
create.button = '';
|
|
create.url = '';
|
|
|
|
$('#content').on('click', '.new', function(event) {
|
|
event.preventDefault();
|
|
create.button = $(this);
|
|
$(foreground).fadeIn(200);
|
|
create.form.fadeIn(200);
|
|
return false;
|
|
});
|
|
|
|
$('#content').on('keypress', create.input, function(event) {
|
|
if (event.keyCode == 13) {
|
|
event.preventDefault();
|
|
$(create.form).submit();
|
|
return false;
|
|
}
|
|
});
|
|
|
|
$('#content').on('submit', create.selector, function(event) {
|
|
event.preventDefault();
|
|
|
|
var value = create.form.find('input[type="text"]').val(),
|
|
splited = value.split(":"),
|
|
filename = "",
|
|
archetype = "";
|
|
|
|
if (value == "") {
|
|
notification({
|
|
text: "You have to write something. If you want to close the box, click the button again.",
|
|
type: 'warning',
|
|
timeout: 5000
|
|
});
|
|
|
|
return false;
|
|
} else if (splited.length == 1) {
|
|
filename = value;
|
|
} else if (splited.length == 2) {
|
|
filename = splited[0];
|
|
archetype = splited[1];
|
|
} else {
|
|
notification({
|
|
text: "Hmm... I don't understand you. Try writing something like 'name[:archetype]'.",
|
|
type: 'error'
|
|
});
|
|
|
|
return false;
|
|
}
|
|
|
|
var content = {
|
|
filename: filename,
|
|
archetype: archetype
|
|
}
|
|
|
|
var request = new XMLHttpRequest();
|
|
request.open("POST", window.location.pathname);
|
|
request.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
|
|
request.send(JSON.stringify(content));
|
|
request.onreadystatechange = function() {
|
|
if (request.readyState == 4) {
|
|
var response = JSON.parse(request.responseText);
|
|
var type = "success";
|
|
var timeout = 5000;
|
|
|
|
if (request.status != 200) {
|
|
type = "error";
|
|
timeout = false;
|
|
}
|
|
|
|
notification({
|
|
text: response.message,
|
|
type: type,
|
|
timeout: timeout
|
|
});
|
|
|
|
if (request.status == 200) {
|
|
$.pjax({
|
|
url: data.Location,
|
|
container: '#content'
|
|
})
|
|
}
|
|
}
|
|
}
|
|
|
|
return false;
|
|
});
|
|
|
|
/* RENAME FILE */
|
|
|
|
var rename = new Object();
|
|
rename.selector = 'form#rename';
|
|
rename.form = $(rename.selector);
|
|
rename.input = rename.selector + ' input[type="text"]';
|
|
rename.button = '';
|
|
rename.url = '';
|
|
|
|
$('#content').on('click', '.rename', function(event) {
|
|
event.preventDefault();
|
|
rename.button = $(this);
|
|
|
|
$(foreground).fadeIn(200);
|
|
rename.url = $(this).parent().parent().find('.filename').text();
|
|
rename.form.fadeIn(200);
|
|
rename.form.find('span').text(rename.url);
|
|
rename.form.find('input[type="text"]').val(rename.url);
|
|
|
|
return false;
|
|
});
|
|
|
|
$('#content').on('keypress', rename.input, function(event) {
|
|
if (event.keyCode == 13) {
|
|
event.preventDefault();
|
|
$(rename.form).submit();
|
|
return false;
|
|
}
|
|
});
|
|
|
|
$('#content').on('submit', rename.selector, function(event) {
|
|
event.preventDefault();
|
|
|
|
var filename = rename.form.find('input[type="text"]').val();
|
|
if (filename === "") {
|
|
return false;
|
|
}
|
|
|
|
if (filename.substring(0, 1) != "/") {
|
|
filename = window.location.pathname.replace("/admin/browse/", "") + '/' + filename;
|
|
}
|
|
|
|
var content = {
|
|
filename: filename
|
|
};
|
|
|
|
var request = new XMLHttpRequest();
|
|
request.open("PUT", rename.url);
|
|
request.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
|
|
request.send(JSON.stringify(content));
|
|
request.onreadystatechange = function() {
|
|
if (request.readyState == 4) {
|
|
var response = JSON.parse(request.responseText),
|
|
type = "success",
|
|
timeout = 5000;
|
|
|
|
if (request.status != 200) {
|
|
type = "error";
|
|
timeout = false;
|
|
}
|
|
|
|
$.pjax({
|
|
url: window.location.pathname,
|
|
container: '#content'
|
|
});
|
|
|
|
notification({
|
|
text: response.message,
|
|
type: type,
|
|
timeout: timeout
|
|
});
|
|
}
|
|
}
|
|
|
|
return false;
|
|
});
|
|
|
|
/* GIT ACTIONS */
|
|
|
|
var git = new Object();
|
|
git.selector = 'form#git';
|
|
git.form = $(git.selector);
|
|
git.input = git.selector + ' input[type="text"]';
|
|
|
|
$('#content').on('click', 'button.git', function(event) {
|
|
event.preventDefault();
|
|
$(foreground).fadeIn(200);
|
|
git.form.fadeIn(200);
|
|
return false;
|
|
});
|
|
|
|
$('#content').on('keypress', git.input, function(event) {
|
|
if (event.keyCode == 13) {
|
|
event.preventDefault();
|
|
$(git.form).submit();
|
|
return false;
|
|
}
|
|
});
|
|
|
|
$('#content').on('submit', git.selector, function(event) {
|
|
event.preventDefault();
|
|
|
|
var value = git.form.find('input[type="text"]').val();
|
|
|
|
if (value == "") {
|
|
notification({
|
|
text: "You have to write something. If you want to close the box, click outside of the box.",
|
|
type: 'warning',
|
|
timeout: 5000
|
|
});
|
|
|
|
return false;
|
|
}
|
|
|
|
var request = new XMLHttpRequest();
|
|
request.open("POST", "/admin/git");
|
|
request.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
|
|
request.send(JSON.stringify({
|
|
command: value
|
|
}));
|
|
request.onreadystatechange = function() {
|
|
if (request.readyState == 4) {
|
|
var data = JSON.parse(request.responseText);
|
|
|
|
if (request.status == 200) {
|
|
notification({
|
|
text: data.message,
|
|
type: "success"
|
|
});
|
|
} else {
|
|
notification({
|
|
text: data.message,
|
|
type: "error"
|
|
});
|
|
}
|
|
}
|
|
}
|
|
|
|
return false;
|
|
});
|
|
|
|
/* $(foreground) AND STUFF */
|
|
|
|
$('#content').on('click', '.close', function(event) {
|
|
event.preventDefault();
|
|
$(this).parent().parent().fadeOut(200);
|
|
$(foreground).click();
|
|
return false;
|
|
});
|
|
|
|
$('#content').on('click', foreground, function(event) {
|
|
event.preventDefault();
|
|
$(foreground).fadeOut(200);
|
|
create.form.fadeOut(200);
|
|
rename.form.fadeOut(200);
|
|
remove.form.fadeOut(200);
|
|
git.form.fadeOut(200);
|
|
return false;
|
|
});
|
|
});
|