update.
Henrique Dias
parent
68aea511fa
commit
6bc5b881d6
|
|
@ -3,341 +3,357 @@
|
|||
var selectedItems = [];
|
||||
|
||||
// Array prototype function to remove an element
|
||||
Array.prototype.removeElement = function(element) {
|
||||
var i = this.indexOf(element);
|
||||
if (i != -1) {
|
||||
this.splice(i, 1);
|
||||
}
|
||||
Array.prototype.removeElement = function (element) {
|
||||
var i = this.indexOf(element);
|
||||
if (i != -1) {
|
||||
this.splice(i, 1);
|
||||
}
|
||||
}
|
||||
|
||||
// Array prototype function to replace an element
|
||||
Array.prototype.replaceElement = function(oldEl, newEl) {
|
||||
var i = this.indexOf(oldEl);
|
||||
if (i != -1) {
|
||||
this[i] = newEl;
|
||||
}
|
||||
Array.prototype.replaceElement = function (oldEl, newEl) {
|
||||
var i = this.indexOf(oldEl);
|
||||
if (i != -1) {
|
||||
this[i] = newEl;
|
||||
}
|
||||
}
|
||||
|
||||
// Document prototype function to send a costum event to itself
|
||||
Document.prototype.sendCostumEvent = function(text) {
|
||||
document.dispatchEvent(new CustomEvent(text));
|
||||
Document.prototype.sendCostumEvent = function (text) {
|
||||
document.dispatchEvent(new CustomEvent(text));
|
||||
}
|
||||
|
||||
// Document prototype to get a cookie content
|
||||
Document.prototype.getCookie = function(name) {
|
||||
var re = new RegExp("(?:(?:^|.*;\\s*)" + name + "\\s*\\=\\s*([^;]*).*$)|^.*$");
|
||||
return document.cookie.replace(re, "$1");
|
||||
Document.prototype.getCookie = function (name) {
|
||||
var re = new RegExp("(?:(?:^|.*;\\s*)" + name + "\\s*\\=\\s*([^;]*).*$)|^.*$");
|
||||
return document.cookie.replace(re, "$1");
|
||||
}
|
||||
|
||||
// Changes a button to the loading animation
|
||||
Element.prototype.changeToLoading = function() {
|
||||
let element = this;
|
||||
let originalText = element.innerHTML;
|
||||
Element.prototype.changeToLoading = function () {
|
||||
let element = this;
|
||||
let originalText = element.innerHTML;
|
||||
|
||||
element.style.opacity = 0;
|
||||
element.style.opacity = 0;
|
||||
|
||||
setTimeout(function() {
|
||||
element.innerHTML = '<i class="material-icons spin">autorenew</i>';
|
||||
element.style.opacity = 1;
|
||||
}, 200);
|
||||
setTimeout(function () {
|
||||
element.innerHTML = '<i class="material-icons spin">autorenew</i>';
|
||||
element.style.opacity = 1;
|
||||
}, 200);
|
||||
|
||||
return originalText;
|
||||
return originalText;
|
||||
}
|
||||
|
||||
// Changes an element to done animation
|
||||
Element.prototype.changeToDone = function(error, html) {
|
||||
Element.prototype.changeToDone = function (error, html) {
|
||||
this.style.opacity = 0;
|
||||
|
||||
let thirdStep = () => {
|
||||
this.innerHTML = html;
|
||||
this.style.opacity = 1;
|
||||
|
||||
if (selectedItems.length == 0) {
|
||||
document.sendCostumEvent('changed-selected');
|
||||
}
|
||||
}
|
||||
|
||||
let secondStep = () => {
|
||||
this.style.opacity = 0;
|
||||
setTimeout(thirdStep, 200);
|
||||
}
|
||||
|
||||
let thirdStep = () => {
|
||||
this.innerHTML = html;
|
||||
this.style.opacity = 1;
|
||||
|
||||
if (selectedItems.length == 0) {
|
||||
document.sendCostumEvent('changed-selected');
|
||||
}
|
||||
let firstStep = () => {
|
||||
if (error) {
|
||||
this.innerHTML = '<i class="material-icons">close</i>';
|
||||
} else {
|
||||
this.innerHTML = '<i class="material-icons">done</i>';
|
||||
}
|
||||
|
||||
let secondStep = () => {
|
||||
this.style.opacity = 0;
|
||||
setTimeout(thirdStep, 200);
|
||||
}
|
||||
this.style.opacity = 1;
|
||||
|
||||
let firstStep = () => {
|
||||
if (error) {
|
||||
this.innerHTML = '<i class="material-icons">close</i>';
|
||||
} else {
|
||||
this.innerHTML = '<i class="material-icons">done</i>';
|
||||
}
|
||||
setTimeout(secondStep, 1000);
|
||||
}
|
||||
|
||||
this.style.opacity = 1;
|
||||
|
||||
setTimeout(secondStep, 1000);
|
||||
}
|
||||
|
||||
setTimeout(firstStep, 200);
|
||||
return false;
|
||||
setTimeout(firstStep, 200);
|
||||
return false;
|
||||
}
|
||||
|
||||
// Event for toggling the mode of view
|
||||
var viewEvent = function(event) {
|
||||
let cookie = document.getCookie('view-list');
|
||||
let listing = document.getElementById('listing');
|
||||
var viewEvent = function (event) {
|
||||
let cookie = document.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(document.getCookie('view-list'));
|
||||
return false;
|
||||
handleViewType(document.getCookie('view-list'));
|
||||
return false;
|
||||
}
|
||||
|
||||
// Handles the view type change
|
||||
var handleViewType = function(viewList) {
|
||||
let listing = document.getElementById('listing');
|
||||
let button = document.getElementById('view');
|
||||
var handleViewType = function (viewList) {
|
||||
let listing = document.getElementById('listing');
|
||||
let button = document.getElementById('view');
|
||||
|
||||
if (viewList == "true") {
|
||||
listing.classList.add('list');
|
||||
button.innerHTML = '<i class="material-icons">view_module</i>';
|
||||
return false;
|
||||
}
|
||||
if (viewList == "true") {
|
||||
listing.classList.add('list');
|
||||
button.innerHTML = '<i class="material-icons">view_module</i>';
|
||||
return false;
|
||||
}
|
||||
|
||||
button.innerHTML = '<i class="material-icons">view_list</i>';
|
||||
listing.classList.remove('list');
|
||||
return false;
|
||||
button.innerHTML = '<i class="material-icons">view_list</i>';
|
||||
listing.classList.remove('list');
|
||||
return false;
|
||||
}
|
||||
|
||||
// Handles the open file button event
|
||||
var openEvent = function(event) {
|
||||
if (selectedItems.length) {
|
||||
window.open(selectedItems[0] + '?raw=true');
|
||||
return false;
|
||||
}
|
||||
var openEvent = function (event) {
|
||||
if (selectedItems.length) {
|
||||
window.open(selectedItems[0] + '?raw=true');
|
||||
return false;
|
||||
}
|
||||
|
||||
window.open(window.location + '?raw=true');
|
||||
return false;
|
||||
window.open(window.location + '?raw=true');
|
||||
return false;
|
||||
}
|
||||
|
||||
// Handles the back button event
|
||||
var backEvent = function(event) {
|
||||
var items = document.getElementsByClassName('item');
|
||||
Array.from(items).forEach(link => {
|
||||
link.classList.remove('selected');
|
||||
});
|
||||
selectedItems = [];
|
||||
var backEvent = function (event) {
|
||||
var items = document.getElementsByClassName('item');
|
||||
Array.from(items).forEach(link => {
|
||||
link.classList.remove('selected');
|
||||
});
|
||||
selectedItems = [];
|
||||
|
||||
var event = new CustomEvent('changed-selected');
|
||||
document.dispatchEvent(event);
|
||||
return false;
|
||||
var event = new CustomEvent('changed-selected');
|
||||
document.dispatchEvent(event);
|
||||
return false;
|
||||
}
|
||||
|
||||
// Handles the delete button event
|
||||
var deleteEvent = function(event) {
|
||||
if (selectedItems.length) {
|
||||
Array.from(selectedItems).forEach(link => {
|
||||
let html = document.getElementById("delete").changeToLoading();
|
||||
let request = new XMLHttpRequest();
|
||||
var deleteEvent = function (event) {
|
||||
if (selectedItems.length) {
|
||||
Array.from(selectedItems).forEach(link => {
|
||||
let html = document.getElementById("delete").changeToLoading();
|
||||
let request = new XMLHttpRequest();
|
||||
|
||||
request.open('DELETE', link);
|
||||
request.send();
|
||||
request.onreadystatechange = function() {
|
||||
if (request.readyState == 4) {
|
||||
if (request.status == 200) {
|
||||
document.getElementById(link).remove();
|
||||
console.log(selectedItems);
|
||||
selectedItems.removeElement(link);
|
||||
}
|
||||
request.open('DELETE', link);
|
||||
request.send();
|
||||
request.onreadystatechange = function () {
|
||||
if (request.readyState == 4) {
|
||||
if (request.status == 200) {
|
||||
document.getElementById(link).remove();
|
||||
console.log(selectedItems);
|
||||
selectedItems.removeElement(link);
|
||||
}
|
||||
|
||||
document.getElementById('delete').changeToDone((request.status != 200), html);
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
return false;
|
||||
document.getElementById('delete').changeToDone((request.status != 200), html);
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
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);
|
||||
}
|
||||
return false;
|
||||
}
|
||||
|
||||
document.getElementById('delete').changeToDone((request.status != 200), html);
|
||||
}
|
||||
}
|
||||
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);
|
||||
}
|
||||
|
||||
return false;
|
||||
document.getElementById('delete').changeToDone((request.status != 200), html);
|
||||
}
|
||||
}
|
||||
|
||||
return false;
|
||||
}
|
||||
|
||||
// Prevent Default event
|
||||
var preventDefault = function(event) {
|
||||
event.preventDefault();
|
||||
var preventDefault = function (event) {
|
||||
event.preventDefault();
|
||||
}
|
||||
|
||||
// Rename file event
|
||||
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;
|
||||
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;
|
||||
|
||||
item.addEventListener('click', preventDefault);
|
||||
item.removeEventListener('click', itemClickEvent);
|
||||
span.setAttribute('contenteditable', 'true');
|
||||
span.focus();
|
||||
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 = document.getElementById('rename').changeToLoading();
|
||||
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 {
|
||||
let newLink = link.replace(name, newName);
|
||||
item.id = newLink;
|
||||
selectedItems.replaceElement(link, newLink);
|
||||
span.innerHTML = newName;
|
||||
}
|
||||
let keyDownEvent = (event) => {
|
||||
if (event.keyCode == 13) {
|
||||
let newName = span.innerHTML;
|
||||
let html = document.getElementById('rename').changeToLoading();
|
||||
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 {
|
||||
let newLink = link.replace(name, newName);
|
||||
item.id = newLink;
|
||||
selectedItems.replaceElement(link, newLink);
|
||||
span.innerHTML = newName;
|
||||
}
|
||||
|
||||
document.getElementById('rename').changeToDone((request.status != 200), html);
|
||||
}
|
||||
}
|
||||
}
|
||||
document.getElementById('rename').changeToDone((request.status != 200), html);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if (event.KeyCode == 27) {
|
||||
span.innerHTML = name;
|
||||
}
|
||||
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();
|
||||
}
|
||||
|
||||
return false;
|
||||
}
|
||||
|
||||
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;
|
||||
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();
|
||||
}
|
||||
|
||||
return false;
|
||||
}
|
||||
|
||||
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;
|
||||
}
|
||||
|
||||
// Download file event
|
||||
var downloadEvent = function(event) {
|
||||
if (selectedItems.length) {
|
||||
Array.from(selectedItems).forEach(item => {
|
||||
window.open(item + "?download=true");
|
||||
});
|
||||
return false;
|
||||
}
|
||||
var downloadEvent = function (event) {
|
||||
if (selectedItems.length) {
|
||||
Array.from(selectedItems).forEach(item => {
|
||||
window.open(item + "?download=true");
|
||||
});
|
||||
return false;
|
||||
}
|
||||
|
||||
window.open(window.location + "?download=true");
|
||||
return false;
|
||||
window.open(window.location + "?download=true");
|
||||
return false;
|
||||
}
|
||||
|
||||
var RemoveLastDirectoryPartOf = function(url) {
|
||||
var arr = url.split('/');
|
||||
arr.pop();
|
||||
return (arr.join('/'));
|
||||
var RemoveLastDirectoryPartOf = function (url) {
|
||||
var arr = url.split('/');
|
||||
arr.pop();
|
||||
return (arr.join('/'));
|
||||
}
|
||||
|
||||
document.addEventListener("changed-selected", function(event) {
|
||||
var toolbar = document.getElementById("toolbar");
|
||||
var selectedNumber = selectedItems.length;
|
||||
document.addEventListener("changed-selected", function (event) {
|
||||
var toolbar = document.getElementById("toolbar");
|
||||
var selectedNumber = selectedItems.length;
|
||||
|
||||
document.getElementById("selected-number").innerHTML = selectedNumber;
|
||||
document.getElementById("selected-number").innerHTML = selectedNumber;
|
||||
|
||||
if (selectedNumber) {
|
||||
toolbar.classList.add("enabled");
|
||||
if (selectedNumber) {
|
||||
toolbar.classList.add("enabled");
|
||||
|
||||
if (selectedNumber > 1) {
|
||||
document.getElementById("open").classList.add("disabled");
|
||||
document.getElementById("rename").classList.add("disabled");
|
||||
}
|
||||
if (selectedNumber > 1) {
|
||||
document.getElementById("open").classList.add("disabled");
|
||||
document.getElementById("rename").classList.add("disabled");
|
||||
}
|
||||
|
||||
if (selectedNumber == 1) {
|
||||
document.getElementById("open").classList.remove("disabled");
|
||||
document.getElementById("rename").classList.remove("disabled");
|
||||
}
|
||||
if (selectedNumber == 1) {
|
||||
document.getElementById("open").classList.remove("disabled");
|
||||
document.getElementById("rename").classList.remove("disabled");
|
||||
}
|
||||
|
||||
return false;
|
||||
}
|
||||
return false;
|
||||
}
|
||||
|
||||
toolbar.classList.remove("enabled");
|
||||
return false;
|
||||
toolbar.classList.remove("enabled");
|
||||
return false;
|
||||
});
|
||||
|
||||
var itemClickEvent = function(event) {
|
||||
var url = this.getElementsByTagName('a')[0].getAttribute('href');
|
||||
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);
|
||||
}
|
||||
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;
|
||||
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', itemClickEvent);
|
||||
});
|
||||
var localizeDatetime = function (e, index, ar) {
|
||||
if (e.textContent === undefined) {
|
||||
return;
|
||||
}
|
||||
var d = new Date(e.getAttribute('datetime'));
|
||||
if (isNaN(d)) {
|
||||
d = new Date(e.textContent);
|
||||
if (isNaN(d)) {
|
||||
return;
|
||||
}
|
||||
}
|
||||
e.textContent = d.toLocaleString();
|
||||
}
|
||||
|
||||
document.getElementById("open").addEventListener("click", openEvent);
|
||||
if (document.getElementById("back")) {
|
||||
document.getElementById("back").addEventListener("click", backEvent)
|
||||
};
|
||||
if (document.getElementById("view")) {
|
||||
handleViewType(document.getCookie("view-list"));
|
||||
document.getElementById("view").addEventListener("click", viewEvent)
|
||||
};
|
||||
document.getElementById("delete").addEventListener("click", deleteEvent);
|
||||
document.getElementById("rename").addEventListener("click", renameEvent);
|
||||
document.getElementById("download").addEventListener("click", downloadEvent);
|
||||
document.addEventListener("DOMContentLoaded", function (event) {
|
||||
var timeList = Array.prototype.slice.call(document.getElementsByTagName("time"));
|
||||
timeList.forEach(localizeDatetime);
|
||||
|
||||
/* var drop = document.getElementById("listing");
|
||||
drop.addEventListener("dragenter", change, false);
|
||||
drop.addEventListener("dragleave",change_back,false);
|
||||
var items = document.getElementsByClassName('item');
|
||||
Array.from(items).forEach(link => {
|
||||
link.addEventListener('click', itemClickEvent);
|
||||
});
|
||||
|
||||
function change() {
|
||||
drop.style.backgroundColor = '#EFF2AA';
|
||||
};
|
||||
document.getElementById("open").addEventListener("click", openEvent);
|
||||
if (document.getElementById("back")) {
|
||||
document.getElementById("back").addEventListener("click", backEvent)
|
||||
};
|
||||
if (document.getElementById("view")) {
|
||||
handleViewType(document.getCookie("view-list"));
|
||||
document.getElementById("view").addEventListener("click", viewEvent)
|
||||
};
|
||||
document.getElementById("delete").addEventListener("click", deleteEvent);
|
||||
document.getElementById("rename").addEventListener("click", renameEvent);
|
||||
document.getElementById("download").addEventListener("click", downloadEvent);
|
||||
|
||||
function change_back() {
|
||||
drop.style.backgroundColor = 'transparent';
|
||||
}; */
|
||||
/* var drop = document.getElementById("listing");
|
||||
drop.addEventListener("dragenter", change, false);
|
||||
drop.addEventListener("dragleave",change_back,false);
|
||||
|
||||
function change() {
|
||||
drop.style.backgroundColor = '#EFF2AA';
|
||||
};
|
||||
|
||||
return false;
|
||||
function change_back() {
|
||||
drop.style.backgroundColor = 'transparent';
|
||||
}; */
|
||||
|
||||
return false;
|
||||
});
|
||||
|
|
|
|||
|
|
@ -1,8 +1,6 @@
|
|||
{{ define "actions" }}
|
||||
<div>
|
||||
<div class="action" id="open"><i class="material-icons">open_in_new</i></div>
|
||||
<div class="action" id="rename"><i class="material-icons">mode_edit</i></div>
|
||||
<div class="action" id="download"><i class="material-icons">file_download</i></div>
|
||||
<div class="action" id="delete"><i class="material-icons">delete</i></div>
|
||||
</div>
|
||||
<div class="action" id="open"><i class="material-icons">open_in_new</i></div>
|
||||
{{ if .IsDir }}<div class="action" id="rename"><i class="material-icons">mode_edit</i></div>{{ end }}
|
||||
<div class="action" id="download"><i class="material-icons">file_download</i></div>
|
||||
<div class="action" id="delete"><i class="material-icons">delete</i></div>
|
||||
{{ end }}
|
||||
|
|
|
|||
|
|
@ -8,6 +8,11 @@
|
|||
<link rel="stylesheet" href="{{ .Config.BaseURL }}/_filemanagerinternal/css/styles.css">
|
||||
<script src="{{ .Config.BaseURL }}/_filemanagerinternal/js/application.js"></script>
|
||||
{{ if ne .Config.StyleSheet "" }}<style>{{ .Config.StyleSheet}}</style>{{ end }}
|
||||
{{ if .Config.HugoEnabled }}
|
||||
<!-- Hugo plugin stuff -->
|
||||
<link rel="stylesheet" href="{{ .Config.BaseURL }}/_hugointernal/css/styles.css">
|
||||
<script src="{{ .Config.BaseURL }}/_hugointernal/js/application.js"></script>
|
||||
{{ end }}
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
|
|
@ -17,17 +22,23 @@
|
|||
<div class="action disabled" id="prev"><i class="material-icons">subdirectory_arrow_left</i></div>{{ end }}
|
||||
<p><a href="{{ if eq .Config.BaseURL "" }}/{{ else }}{{ .Config.BaseURL }}{{ end }}">File Manager</a> {{ if ne .Name "/"}}<i class="material-icons">chevron_right</i> {{ .Name }}</p>{{ end }}
|
||||
</div>
|
||||
{{ if .IsDir}}
|
||||
<div>
|
||||
<form>
|
||||
<i class="material-icons">search</i> <input type="text" placeholder="Search">
|
||||
</form>
|
||||
<div class="action" id="view"><i class="material-icons">view_headline</i></div>
|
||||
<div class="action" id="upload"><i class="material-icons">file_upload</i></div>
|
||||
</div>
|
||||
{{ if .IsDir}}
|
||||
<form>
|
||||
<i class="material-icons">search</i> <input type="text" placeholder="Search">
|
||||
</form>
|
||||
<div class="action" id="view"><i class="material-icons">view_headline</i></div>
|
||||
<div class="action" id="upload"><i class="material-icons">file_upload</i></div>
|
||||
{{ else }}
|
||||
{{ template "actions" . }}
|
||||
{{ end }}
|
||||
|
||||
{{ if .Config.HugoEnabled }}
|
||||
<!-- Hugo plugin stuff -->
|
||||
<div class="action" id="settings"><i class="material-icons">settings</i></div>
|
||||
<div class="action" id="logout"><i class="material-icons">exit_to_app</i></div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</header>
|
||||
|
||||
{{ if .IsDir }}
|
||||
|
|
@ -39,29 +50,11 @@
|
|||
{{ template "actions" . }}
|
||||
</div>
|
||||
{{ end }}
|
||||
|
||||
<main>
|
||||
{{ template "content" .Data }}
|
||||
</main>
|
||||
<footer>
|
||||
Served with <a rel="noopener noreferrer" href="https://caddyserver.com">Caddy</a> and <a rel="noopener noreferrer" href="https://github.com/hacdias/caddy-filemanager">File Manager</a>.
|
||||
Served with <a rel="noopener noreferrer" href="https://caddyserver.com">Caddy</a> and <a rel="noopener noreferrer" href="https://github.com/hacdias/caddy-filemanager">File Manager</a>. {{ if .Config.HugoEnabled }}With a flavour of <a rel="noopener noreferrer" href="https://github.com/hacdias/caddy-filemanager">Hugo</a>.{{ end }}
|
||||
</footer>
|
||||
<script type="text/javascript">
|
||||
function localizeDatetime(e, index, ar) {
|
||||
if (e.textContent === undefined) {
|
||||
return;
|
||||
}
|
||||
var d = new Date(e.getAttribute('datetime'));
|
||||
if (isNaN(d)) {
|
||||
d = new Date(e.textContent);
|
||||
if (isNaN(d)) {
|
||||
return;
|
||||
}
|
||||
}
|
||||
e.textContent = d.toLocaleString();
|
||||
}
|
||||
var timeList = Array.prototype.slice.call(document.getElementsByTagName("time"));
|
||||
timeList.forEach(localizeDatetime);
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
14
page.go
14
page.go
|
|
@ -1,8 +1,6 @@
|
|||
package filemanager
|
||||
|
||||
import (
|
||||
"bufio"
|
||||
"bytes"
|
||||
"encoding/json"
|
||||
"html/template"
|
||||
"log"
|
||||
|
|
@ -102,16 +100,18 @@ func (p *Page) AddTemplate(name string, assets AssetFunc, functions template.Fun
|
|||
|
||||
// PrintAsHTML formats the page in HTML and executes the template
|
||||
func (p Page) PrintAsHTML(w http.ResponseWriter) (int, error) {
|
||||
var buffer bytes.Buffer
|
||||
writer := bufio.NewWriter(&buffer)
|
||||
err := p.Tpl.Execute(writer, p.Info)
|
||||
// var buffer bytes.Buffer
|
||||
//writer := bufio.NewWriter(&buffer)
|
||||
err := p.Tpl.Execute(w, p.Info)
|
||||
|
||||
w.Header().Set("Content-Type", "text/html; charset=utf-8")
|
||||
|
||||
if err != nil {
|
||||
return http.StatusInternalServerError, err
|
||||
}
|
||||
|
||||
w.Header().Set("Content-Type", "text/html; charset=utf-8")
|
||||
buffer.WriteTo(w)
|
||||
// _, err = buffer.WriteTo(w)
|
||||
// w.Write(buffer.Bytes())
|
||||
return http.StatusOK, nil
|
||||
}
|
||||
|
||||
|
|
|
|||
11
setup.go
11
setup.go
|
|
@ -33,10 +33,11 @@ func setup(c *caddy.Controller) error {
|
|||
|
||||
// Config is a configuration for browsing in a particualr path.
|
||||
type Config struct {
|
||||
PathScope string
|
||||
Root http.FileSystem
|
||||
BaseURL string
|
||||
StyleSheet string
|
||||
PathScope string
|
||||
Root http.FileSystem
|
||||
BaseURL string
|
||||
StyleSheet string // Costum stylesheet
|
||||
HugoEnabled bool // This must be only used by Hugo plugin
|
||||
}
|
||||
|
||||
// parseConfiguration parses the configuration set by the user so it can
|
||||
|
|
@ -55,7 +56,7 @@ func parseConfiguration(c *caddy.Controller) ([]Config, error) {
|
|||
}
|
||||
|
||||
for c.Next() {
|
||||
var cfg = Config{PathScope: ".", BaseURL: ""}
|
||||
var cfg = Config{PathScope: ".", BaseURL: "", HugoEnabled: false}
|
||||
for c.NextBlock() {
|
||||
switch c.Val() {
|
||||
case "show":
|
||||
|
|
|
|||
Loading…
Reference in New Issue