diff --git a/src/app/app.component.html b/src/app/app.component.html
index ab7c803..83ba2f5 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -30,11 +30,18 @@
-
+
+
+
+
+ {{ node.data.name }}
+
+
+
-
+
Menu
diff --git a/src/app/app.component.scss b/src/app/app.component.scss
index 5a0076b..77e97a3 100644
--- a/src/app/app.component.scss
+++ b/src/app/app.component.scss
@@ -6,3 +6,27 @@
.button-text {
color: var(--ion-color-medium-shade);
}
+
+.tree-node-container {
+ .tree-node-icon {
+ margin-right: 10px;
+ }
+
+ &.page {
+ .tree-node-icon {
+ color: var(--noded-background-note);
+ }
+ }
+
+ &.db {
+ .tree-node-icon {
+ color: var(--noded-background-db);
+ }
+ }
+
+ &.code {
+ .tree-node-icon {
+ color: var(--noded-background-code);
+ }
+ }
+}
diff --git a/src/app/app.component.ts b/src/app/app.component.ts
index 5a6095d..153e63e 100644
--- a/src/app/app.component.ts
+++ b/src/app/app.component.ts
@@ -35,9 +35,10 @@ export class AppComponent implements OnInit {
mouse: {
dblClick: (tree, node, $event) => {
const id = node.data.id;
+ const nodeId = node.data.node_id;
if ( !node.data.virtual ) {
this.currentPageId = id;
- this.router.navigate(['/editor', { id }]);
+ this.router.navigate(['/editor', { id, ...(nodeId ? { node_id: nodeId } : {}) }]);
}
},
click: (tree, node, $event) => {
@@ -62,6 +63,15 @@ export class AppComponent implements OnInit {
}
}
};
+
+ public typeIcons = {
+ branch: 'fa fa-folder',
+ node: 'fa fa-quote-left',
+ page: 'fa fa-sticky-note',
+ db: 'fa fa-database',
+ code: 'fa fa-code',
+ };
+
public get appName(): string {
return this.session.appName || 'Noded';
}