UI bugfixes
This commit is contained in:
parent
7bdef7f80c
commit
ca13a0fa03
2 changed files with 50 additions and 17 deletions
|
@ -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>
|
||||
|
|
|
@ -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);
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue