UI bugfixes

resources/public/index.html

@@ -8,6 +8,6 @@
 <h1>lynks</h1>
 <h2>here</h2>
 <ul id="lynks"></ul>
-<script src="/lynks.js"></script>
+<script src="./lynks.js"></script>
 </body>
 </html>

resources/public/lynks.js

@@ -1,29 +1,62 @@
-function newspan(txt) {
+function newent(e,txt) {
-  const s = document.createElement("span");
+  let s = document.createElement(e);
-  const t = document.createTextNode(txt);
+  let t = document.createTextNode(txt);
   s.appendChild(t);
   return s;
 }
 
-function add(n,lst) {
+function newspan(txt) {
-  lst.forEach((e) => n.appendChild(e));
+  return newent("span",txt);
 }
 
-function entryNode(entry) {
+function newlink(txt,lnk) {
-  const created = newspan(entry.created);
+  let a = document.createElement("a");
-  const label = newspan(entry.label);
+  a.href = lnk;
-  const url = newspan(entry.url);
+  let t = document.createTextNode(txt);
-
+  a.appendChild(t);
-  const a = document.createElement("a");
-  a.href = entry.url;
-  add(a,[created,newspan(" "),label,newspan(" "),url])
   return a;
 }
 
+function newli(n) {
+  let li = document.createElement("li");
+  li.appendChild(n);
+  return li;
+}
+
+function newul(lst) {
+  let ul = document.createElement("ul");
+  lst.forEach((e) => {
+    let li = newli(e);
+    ul.appendChild(li);
+  }
+  );
+  return ul;
+}
+
+function add(n,lst) {
+  lst.forEach((e) =>
+    n.appendChild(e));
+  return n;
+}
+
+function entryNode(entry) {
+  let created = newspan(entry.created);
+  let label = newspan(entry.label);
+  let short = newlink(entry.short,entry.short);
+  let url = newspan(entry.url);
+
+  let block = document.createElement("ul");
+  block.appendChild(newli(short));
+  block.appendChild(newli(url));
+  let div = document.createElement("div");
+  add(div,[created,newspan(" "),label,block])
+  return div;
+}
+
 function appendEntry (entry) {
-  const u = document.getElementById("lynks");
+  let u = document.getElementById("lynks");
-  const li = document.createElement("li");
+  let li = document.createElement("li");
-  const a = entryNode(entry);
+  let a = entryNode(entry);
   li.appendChild(a);
   u.appendChild(li);
 }