sbrl/systemquery
1
0
Fork 0
Code Issues Pull requests Releases Activity

client: TableView: move to UI subdir

Browse source
This commit is contained in:
Starbeamrainbowlabs 2022-02-27 02:05:45 +00:00
parent 5bbe91c3e9
commit 6a834eea22
Signed by: sbrl
GPG key ID: 1BE5172E637709C2
2 changed files with 20 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/static/app.mjs
View file

@ -3,7 +3,7 @@
import SystemQueryClient from './js/SystemQueryClient.mjs';
import make_router from './js/routes_client.mjs';
import TableView from './js/TableView.mjs';
import TableView from './js/ui/TableView.mjs';
window.addEventListener("load", async (_event) => {
const el_version = document.querySelector(".version");

19
src/static/js/TableView.mjs → src/static/js/ui/TableView.mjs
View file

@ -1,10 +1,14 @@
"use strict";
import Emel from 'emel';
import fa_emel from './forkawesome_emel.mjs';
class TableView {
constructor(el) {
if(this.el === null || typeof this.el === "undefined") throw new Error(`Expected HTML element as the first argument, but got null or undefined.`);
this.el = el;
this.el_parts = new Map();
this.emel = new Emel().emel;
}
clear() {
@ -12,7 +16,22 @@ class TableView {
this.el_parts.clear();
}
init(tabledef) {
this.clear();
const parts = this.emel(`h2>(${fa_emel(tabledef.icon)}+{?})^div[class=data-display]`, {
placeholders: [
tabledef.name
]
});
for(let def of tabledef.items) {
}
this.el.replaceChildren(parts);
}
async switch_table(table_name) {
table_name = table_name.replace(/[^a-z0-9-_]/g, "");
this.clear();
for await (let tabledef of await globalThis.sysquery.table(table_name)) {
this.append_table(tabledef.peer, tabledef.table);