peter/wiki
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Improve loading of table rows in editor

Browse Source
This commit is contained in:
Peter Stuifzand 2020-10-25 15:37:03 +01:00
parent 6c9b82493e
commit dd7ba5ec11
1 changed files with 34 additions and 38 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
editor/src/editor.js
View File

@ -142,7 +142,7 @@ function renderGraphs() {
})
}
function createElement(tag, children) {
function el(tag, children = []) {
let el = document.createElement(tag)
_.each(children, item => {
el.appendChild(item)
@ -178,40 +178,36 @@ function Editor(holder, input) {
let page = row.text.substring(2).substring(0, row.text.length - 4)
return fetch('/' + page + '?format=metakv')
.then(res => res.json())
.then(res => [page, res.meta])
.then(res => res.meta)
.then(rowData => {
return el("tr", [
el("td", [renderInline(row.text)]),
..._.map(header.children, col => {
let td = el("td")
this.transform(rowData[_.snakeCase(_.trim(col.text))], $(td), id, editor)
return td
})
])
})
})
// FIXME: don't wait for promises here, but at the end
Promise.all(rowData).then(res => {
return _.fromPairs(res)
}).then(data => {
return createElement("table", [
createElement("thead", [
createElement("tr", [
createElement("th", [
Promise.all(rowData)
.then(trs => {
return el("table", [
el("thead", [
el("tr", [
el("th", [
document.createTextNode("Title")
]),
..._.map(header.children, col => {
return createElement("th", [
return el("th", [
document.createTextNode(col.text)
])
})
]
),
]),
createElement("tbody",
_.map(rows.children, row => {
let page = row.text.substring(2).substring(0, row.text.length-4)
return createElement("tr", [
createElement("td", [renderInline(row.text)]),
..._.map(header.children, col => {
let td = createElement("td", []);
this.transform(data[page][col.text.toLowerCase()], $(td), id, editor)
return td
})
])
})
)
el("tbody", trs)
])
}).then(table => element.html(table))
})