Node details tab.

Author: MartinRixham

ui/html/app.html

@@ -1,4 +1,5 @@
 <div class="app">
+	<div class="side-bar" data-bind="nodeDetails"></div>
 	<div class="uk-container">
 		<h1>Asynchronous Database</h1>
 		<div class="page" data-bind="currentPage"></div>

ui/html/node.html

@@ -0,0 +1 @@
+<h2>Node</h2>

ui/js/App.js

@@ -1,6 +1,7 @@
-import { NavPiece } from "@datumjs/pieces"
+import { NavPiece } from "@datumjs/pieces";
 
-import html from "~/html/app.html"
+import html from "~/html/app.html";
+import Node from "./Node";
 import NewTable from "./table/NewTable";
 import Tables from "./table/Tables";
 
@@ -10,6 +11,8 @@ export default class App {
 
 	sideBar = null;
 
+	nodeDetails = null;
+
 	#client;
 
 	#fetchPage;
@@ -46,6 +49,8 @@ export default class App {
 						() => { this.currentPage.showPage(0); })
 				}
 			]);
+
+		this.nodeDetails = new Node(this.#fetchPage);
 	}
 
 	#setSideBar(component) {

ui/js/DatabaseClient.js

@@ -1,4 +1,4 @@
-export default class {
+export default class DatabaseClient {
 
 	async postTable(table) {
 

ui/js/Node.js

@@ -0,0 +1,16 @@
+import html from "~/html/node.html";
+
+export default class Node {
+
+	#fetchPage;
+
+	constructor(fetchPage) {
+
+		this.#fetchPage = fetchPage;
+	}
+
+	onBind(element) {
+
+		this.#fetchPage(element, html);
+	}
+}

ui/js/table/Dependency.js

@@ -1,6 +1,6 @@
 import { Update } from "Datum";
 
-export default class {
+export default class Dependency {
 
 	name;
 

ui/js/table/NewDependency.js

@@ -1,6 +1,6 @@
 import { Value, Click, Text } from "Datum";
 
-export default class {
+export default class NewDependency {
 
 	name = "";
 

ui/js/table/NewTable.js

@@ -3,7 +3,7 @@ import html from "~/html/table/newTable.html";
 
 import NewDependency from "./NewDependency";
 
-export default class {
+export default class NewTable {
 
 	name = "";
 

ui/js/table/Table.js

@@ -1,7 +1,7 @@
 import { Binding } from "Datum";
 import Dependency from "./Dependency";
 
-export default class {
+export default class Table {
 
 	name = "";
 

ui/js/table/TableDetail.js

@@ -1,7 +1,7 @@
 import html from "~/html/table/tableDetail.html";
 import { Text, Click } from "Datum";
 
-export default class {
+export default class TableDetail {
 
 	#fetchPage;