summaryrefslogtreecommitdiffhomepage
diff options
context:
space:
mode:
authorRoland Reichwein <mail@reichwein.it>2020-05-12 19:18:16 +0200
committerRoland Reichwein <mail@reichwein.it>2020-05-12 19:18:16 +0200
commit0a4b9218017db3d058f5e215f855bc3f97bd161b (patch)
tree6be4a54e6979549493a9f8126ebd62d4d7e40867
parent11bf077027ec2833d1944a79eeb4d5407195af09 (diff)
Add links to partial pathes in directory line
-rw-r--r--plugins/webbox/TODO1
-rw-r--r--plugins/webbox/html/webbox.css4
-rw-r--r--plugins/webbox/html/webbox.js23
3 files changed, 25 insertions, 3 deletions
diff --git a/plugins/webbox/TODO b/plugins/webbox/TODO
index bbca6d3..2ce1274 100644
--- a/plugins/webbox/TODO
+++ b/plugins/webbox/TODO
@@ -7,7 +7,6 @@ gallery
Prio 2 (for future versions)
======
-links in path line, to dirs
google pagespeed insights https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fwww.kneipenband.com%2Fwebbox%2F&tab=mobile
chromecast
player
diff --git a/plugins/webbox/html/webbox.css b/plugins/webbox/html/webbox.css
index 6ea5147..dbb151c 100644
--- a/plugins/webbox/html/webbox.css
+++ b/plugins/webbox/html/webbox.css
@@ -110,6 +110,10 @@ table.menudialog {
overflow-y: scroll;
}
+span.link {
+ cursor: pointer;
+}
+
table.menudialog td.entry {
cursor: pointer;
border-width: 0;
diff --git a/plugins/webbox/html/webbox.js b/plugins/webbox/html/webbox.js
index 6201e55..f1c01f5 100644
--- a/plugins/webbox/html/webbox.js
+++ b/plugins/webbox/html/webbox.js
@@ -58,7 +58,7 @@ function loadContents(dir) {
var name_td;
if (type == "file") {
type = "<img src=\"webbox-html/file.png\"/>";
- name_td = "<td><a href=\"" + full_path + "\"><div class=\"name\" style=\"height:100%;width:100%\">" + filename + "</div></a></td>";
+ name_td = "<td><a href=\"" + full_path + "\"><div class=\"name\">" + filename + "</div></a></td>";
} else if (type == "dir") {
type = "<img src=\"webbox-html/directory.png\"/>";
name_td = "<td class=\"name\" " + mouse_click + ">" + filename + "</td>";
@@ -384,13 +384,32 @@ function initMainpage2() {
}
}
+function addDirectoryLinks(path) {
+ var pos = 0;
+ var result = "";
+ var partial_path = "";
+
+ while (pos < path.length) {
+ var oldpos = pos;
+ pos = path.indexOf("/", pos + 1);
+ if (pos == -1) {
+ pos = path.length;
+ }
+
+ partial_path += path.substr(oldpos, pos - oldpos);
+ result += "<span class=\"link\" onclick=\"setCurrentDir('" + partial_path + "')\">" + path.substr(oldpos, pos - oldpos) + "</span>";
+ }
+
+ return result;
+}
+
function setCurrentDir(newDir) {
currentDir = newDir;
loadContents(newDir);
var menu = document.getElementsByClassName("menu")[0];
var firsttd = menu.getElementsByClassName("firsttd")[0];
- firsttd.innerHTML = newDir;
+ firsttd.innerHTML = addDirectoryLinks(newDir);
}
function download(filename) {