diff --git a/assets/public/js/application.js b/assets/public/js/application.js
index df8e4181..6f631e5a 100644
--- a/assets/public/js/application.js
+++ b/assets/public/js/application.js
@@ -9,45 +9,49 @@ Array.prototype.removeElement = function(element) {
}
}
+Document.prototype.sendCostumEvent = function(text) {
+ document.dispatchEvent(new CustomEvent(text));
+}
+
var viewEvent = function(event) {
- var cookie = getCookie("view-list");
- var listing = document.getElementById("listing");
+ let cookie = getCookie('view-list');
+ let listing = document.getElementById('listing');
- if (cookie != "true") {
- document.cookie = "view-list=true";
- } else {
- document.cookie = "view-list=false";
- }
+ if (cookie != 'true') {
+ document.cookie = 'view-list=true';
+ } else {
+ document.cookie = 'view-list=false';
+ }
- handleViewType(getCookie("view-list"));
- return false;
+ handleViewType(getCookie('view-list'));
+ return false;
}
var handleViewType = function(viewList) {
- var listing = document.getElementById("listing");
- var button = document.getElementById("view");
+ let listing = document.getElementById('listing');
+ let button = document.getElementById('view');
- if (viewList == "true") {
- listing.classList.add("list");
- button.innerHTML = "view_module";
+ if (viewList == "true") {
+ listing.classList.add('list');
+ button.innerHTML = 'view_module';
+ return false;
+ }
+
+ button.innerHTML = 'view_list';
+ listing.classList.remove('list');
return false;
- }
-
- button.innerHTML = "view_list";
- listing.classList.remove("list");
- return false;
}
var getCookie = function(name) {
- var re = new RegExp("(?:(?:^|.*;\\s*)" + name + "\\s*\\=\\s*([^;]*).*$)|^.*$");
- return document.cookie.replace(re, "$1");
+ var re = new RegExp("(?:(?:^|.*;\\s*)" + name + "\\s*\\=\\s*([^;]*).*$)|^.*$");
+ return document.cookie.replace(re, "$1");
}
var changeToLoading = function(element) {
var originalText = element.innerHTML;
element.style.opacity = 0;
setTimeout(function() {
- element.innerHTML = "autorenew";
+ element.innerHTML = 'autorenew';
element.style.opacity = 1;
}, 200);
@@ -56,29 +60,34 @@ var changeToLoading = function(element) {
var changeToDone = function(element, error, html) {
element.style.opacity = 0;
- setTimeout(function() {
+
+ let thirdStep = () => {
+ element.innerHTML = html;
+ element.style.opacity = 1;
+
+ if (selectedItems.length == 0) {
+ document.sendCostumEvent('changed-selected');
+ }
+ }
+
+ let secondStep = () => {
+ element.style.opacity = 0;
+ setTimeout(thirdStep, 200);
+ }
+
+ let firstStep = () => {
if (error) {
- element.innerHTML = "close";
+ element.innerHTML = 'close';
} else {
- element.innerHTML = "done";
+ element.innerHTML = 'done';
}
element.style.opacity = 1;
- setTimeout(function() {
- element.style.opacity = 0;
+ setTimeout(secondStep, 1000);
+ }
- setTimeout(function() {
- element.innerHTML = html;
- element.style.opacity = 1;
-
- if (selectedItems.length == 0) {
- var event = new CustomEvent('changed-selected');
- document.dispatchEvent(event);
- }
- }, 200);
- }, 1000);
- }, 200);
+ setTimeout(firstStep, 200);
return false;
}
@@ -105,41 +114,107 @@ var backEvent = function(event) {
}
var deleteEvent = function(event) {
- if (selectedItems.length) {
- Array.from(selectedItems).forEach(item => {
- var html = changeToLoading(document.getElementById("delete"));
- var request = new XMLHttpRequest();
- request.open("DELETE", item);
- request.send();
- request.onreadystatechange = function() {
- if (request.readyState == 4) {
- if (request.status == 200) {
- document.getElementById(item).remove();
- selectedItems.removeElement(item);
- }
+ if (selectedItems.length) {
+ Array.from(selectedItems).forEach(item => {
+ let html = changeToLoading(document.getElementById("delete"));
+ let request = new XMLHttpRequest();
+ request.open("DELETE", item);
+ request.send();
+ request.onreadystatechange = function() {
+ if (request.readyState == 4) {
+ if (request.status == 200) {
+ document.getElementById(item).remove();
+ console.log(selectedItems);
+ selectedItems.removeElement(item);
+ }
- changeToDone(document.getElementById("delete"), (request.status != 200), html);
+ changeToDone(document.getElementById("delete"), (request.status != 200), html);
+ }
}
+ });
+
+ return false;
+ }
+
+ let request = new XMLHttpRequest();
+ request.open("DELETE", window.location);
+ request.send();
+ request.onreadystatechange = function() {
+ if (request.readyState == 4) {
+ if (request.status == 200) {
+ window.location.pathname = RemoveLastDirectoryPartOf(window.location.pathname);
+ }
+
+ changeToDone(document.getElementById("delete"), (request.status != 200), html);
}
- });
+ }
return false;
- }
+}
- var request = new XMLHttpRequest();
- request.open("DELETE", window.location);
- request.send();
- request.onreadystatechange = function() {
- if (request.readyState == 4) {
- if (request.status == 200) {
- window.location.pathname = RemoveLastDirectoryPartOf(window.location.pathname);
- }
+var preventDefault = function(event) {
+ event.preventDefault();
+}
- changeToDone(document.getElementById("delete"), (request.status != 200), html);
- }
- }
+var renameEvent = function(event) {
+ if (selectedItems.length) {
+ Array.from(selectedItems).forEach(link => {
+ let item = document.getElementById(link);
+ let span = item.getElementsByTagName('span')[0];
+ let name = span.innerHTML;
- return false;
+ item.addEventListener('click', preventDefault);
+ item.removeEventListener('click', itemClickEvent);
+ span.setAttribute('contenteditable', 'true');
+ span.focus();
+
+ let keyDownEvent = (event) => {
+ if (event.keyCode == 13) {
+ let newName = span.innerHTML;
+ let html = changeToLoading(document.getElementById('rename'));
+ let request = new XMLHttpRequest();
+ request.open('PATCH', link);
+ request.setRequestHeader('Rename-To', newName);
+ request.send();
+ request.onreadystatechange = function() {
+ if (request.readyState == 4) {
+ if (request.status != 200) {
+ span.innerHTML = name;
+ } else {
+ span.innerHTML = newName;
+ }
+
+ changeToDone(document.getElementById('rename'), (request.status != 200), html);
+ }
+ }
+ }
+
+ if (event.KeyCode == 27) {
+ span.innerHTML = name;
+ }
+
+ if (event.keyCode == 13 || event.keyCode == 27) {
+ span.setAttribute('contenteditable', 'false');
+ span.removeEventListener('keydown', keyDownEvent);
+ item.removeEventListener('click', preventDefault);
+ item.addEventListener('click', itemClickEvent);
+ event.preventDefault();
+ }
+ }
+
+ span.addEventListener('keydown', keyDownEvent);
+ span.addEventListener('blur', (event) => {
+ span.innerHTML = name;
+ span.setAttribute('contenteditable', 'false');
+ span.removeEventListener('keydown', keyDownEvent);
+ item.removeEventListener('click', preventDefault);
+ });
+ });
+
+ return false;
+ }
+
+ return false;
}
var downloadEvent = function(event) {
@@ -157,7 +232,7 @@ var downloadEvent = function(event) {
var RemoveLastDirectoryPartOf = function(url) {
var arr = url.split('/');
arr.pop();
- return( arr.join('/') );
+ return (arr.join('/'));
}
document.addEventListener("changed-selected", function(event) {
@@ -186,25 +261,27 @@ document.addEventListener("changed-selected", function(event) {
return false;
});
+var itemClickEvent = function(event) {
+ var url = this.getElementsByTagName('a')[0].getAttribute('href');
+
+ if (selectedItems.length != 0) event.preventDefault();
+ if (selectedItems.indexOf(url) == -1) {
+ this.classList.add('selected');
+ selectedItems.push(url);
+ } else {
+ this.classList.remove('selected');
+ selectedItems.removeElement(url);
+ }
+
+ var event = new CustomEvent('changed-selected');
+ document.dispatchEvent(event);
+ return false;
+}
+
document.addEventListener("DOMContentLoaded", function(event) {
var items = document.getElementsByClassName('item');
Array.from(items).forEach(link => {
- link.addEventListener('click', function(event) {
- var url = link.getElementsByTagName('a')[0].getAttribute('href');
-
- if (selectedItems.length != 0) event.preventDefault();
- if (selectedItems.indexOf(url) == -1) {
- link.classList.add('selected');
- selectedItems.push(url);
- } else {
- link.classList.remove('selected');
- selectedItems.removeElement(url);
- }
-
- var event = new CustomEvent('changed-selected');
- document.dispatchEvent(event);
- return false;
- });
+ link.addEventListener('click', itemClickEvent);
});
document.getElementById("open").addEventListener("click", openEvent);
@@ -216,6 +293,7 @@ document.addEventListener("DOMContentLoaded", function(event) {
document.getElementById("view").addEventListener("click", viewEvent)
};
document.getElementById("delete").addEventListener("click", deleteEvent);
+ document.getElementById("rename").addEventListener("click", renameEvent);
document.getElementById("download").addEventListener("click", downloadEvent);
/* var drop = document.getElementById("listing");
diff --git a/fileinfo.go b/fileinfo.go
index fa2b4219..220331eb 100644
--- a/fileinfo.go
+++ b/fileinfo.go
@@ -135,8 +135,7 @@ func (fi FileInfo) Rename(w http.ResponseWriter, r *http.Request) (int, error) {
return ErrorToHTTPCode(err), err
}
- http.Redirect(w, r, strings.Replace(r.URL.Path, fi.Name, newname, 1), http.StatusTemporaryRedirect)
- return 0, nil
+ return http.StatusOK, nil
}
// ServeAsHTML is used to serve single file pages