From ca13a0fa036212e30498fe7467cbea07939d5ce9 Mon Sep 17 00:00:00 2001
From: "Yann Esposito (Yogsototh)" <yann.esposito@gmail.com>
Date: Tue, 16 Aug 2022 16:32:10 +0200
Subject: [PATCH] UI bugfixes

---
 resources/public/index.html |  2 +-
 resources/public/lynks.js   | 65 ++++++++++++++++++++++++++++---------
 2 files changed, 50 insertions(+), 17 deletions(-)

diff --git a/resources/public/index.html b/resources/public/index.html
index 2dd0e38..7d99659 100644
--- a/resources/public/index.html
+++ b/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>
diff --git a/resources/public/lynks.js b/resources/public/lynks.js
index 3348393..11f42fa 100644
--- a/resources/public/lynks.js
+++ b/resources/public/lynks.js
@@ -1,29 +1,62 @@
-function newspan(txt) {
-  const s = document.createElement("span");
-  const t = document.createTextNode(txt);
+function newent(e,txt) {
+  let s = document.createElement(e);
+  let t = document.createTextNode(txt);
   s.appendChild(t);
   return s;
 }
 
-function add(n,lst) {
-  lst.forEach((e) => n.appendChild(e));
+function newspan(txt) {
+  return newent("span",txt);
 }
 
-function entryNode(entry) {
-  const created = newspan(entry.created);
-  const label = newspan(entry.label);
-  const url = newspan(entry.url);
-
-  const a = document.createElement("a");
-  a.href = entry.url;
-  add(a,[created,newspan(" "),label,newspan(" "),url])
+function newlink(txt,lnk) {
+  let a = document.createElement("a");
+  a.href = lnk;
+  let t = document.createTextNode(txt);
+  a.appendChild(t);
   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");
-  const li = document.createElement("li");
-  const a = entryNode(entry);
+  let u = document.getElementById("lynks");
+  let li = document.createElement("li");
+  let a = entryNode(entry);
   li.appendChild(a);
   u.appendChild(li);
 }