gogs
/
notea-de-me
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

traverse with urls

master
Bel LaPointe 2022-02-08 16:49:45 -07:00
parent baca4e0415
commit 867da930a4
1 changed files with 22 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
spike/review/reinvent/ezmded/ui/index.html
View File

@ -35,9 +35,27 @@
<script>
function init() {
drawTree()
function drawTreeLoop() {
drawTree()
setInterval(drawTreeLoop, 10000)
}
drawTreeLoop()
var queryF = getParameterByName("f")
console.log("init query f:", queryF)
if (queryF && queryF.length != "") {
drawFile(queryF)
}
}
function getParameterByName(name, url = window.location.href) {
name = name.replace(/[\[\]]/g, '\\$&');
var regex = new RegExp('[?&]' + name + '(=([^&#]*)|&|#|$)'),
results = regex.exec(url);
if (!results) return null;
if (!results[2]) return '';
return decodeURIComponent(results[2].replace(/\+/g, ' '));
}
function drawFile(id) {
if (id.length < 1) {
if (!id || id.length < 1) {
return
}
http("GET", "/api/v0/files/"+id, (body, status, headers) => {
@ -45,7 +63,7 @@
throw Exception(`ERR loading file: ${status}: ${body}`)
}
const pid = headers("pid")
document.getElementById("titlePath").innerHTML = `${pid ? "... / " : ""}<input type="button" value="${pid ? pid : ""}" onclick="drawFile('${pid}'); return false;"> / `
document.getElementById("titlePath").innerHTML = `${pid ? "... / " : ""}<a href="#?f=${pid ? pid : ""}"><input type="button" value="${pid ? pid : ""}" onclick="drawFile('${pid}');"></a> / `
if (!pid) {
document.getElementById("titlePath").innerHTML = "/"
}
@ -62,7 +80,7 @@
<details open>
<summary>
<div>
<a href="#"><input type="button" value="${branch.Title}" onclick="drawFile('${id}'); return false;"/></a>
<a href="#?f=${id}"><input type="button" value="${branch.Title}" onclick="drawFile('${id}');"/></a>
<input type="button" value="+" onclick="alert('todo'); return false;"/>
</div>
</summary>
@ -109,10 +127,8 @@
<article style="flex-grow: 1; margin-left: 1em;">
<h1 style="display: flex; flex-direction: row;">
<span id="titlePath">
<a href="#">Tree</a> /
<a href="#">L1</a> /
</span>
<span id="title" contenteditable style="flex-grow: 1;">L2</span>
<span id="title" contenteditable style="flex-grow: 1;"></span>
</h1>
<textarea id="my-text-area"></textarea>
</article>