Noded/frontend
3
0
Fork 0
Code Issues 47 Pull Requests Releases Wiki Activity

Show node icon in sidebar; include node types (#17)
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse Source
This commit is contained in:
Garrett Mills
2020-10-13 09:58:59 -05:00
parent 527697b2fc
commit 25085a9bad
3 changed files with 44 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/app/app.component.html
View File

@@ -30,11 +30,18 @@
</ion-buttons>
</ion-list-header>
<tree-root style="font-size: 15px;" #menuTree [nodes]="nodes" [options]="options"></tree-root>
<tree-root style="font-size: 15px;" #menuTree [nodes]="nodes" [options]="options">
<ng-template #treeNodeTemplate let-node let-index="index">
<span class="tree-node-container" style="display: flex; padding: 5px; width: 100%;" [ngClass]="node.data.type">
<i class="tree-node-icon" [ngClass]="typeIcons[node.data.type]"></i>
<div class="tree-node-name">{{ node.data.name }}</div>
</span>
</ng-template>
</tree-root>
</ion-list>
</ion-content>
<ion-footer>
<ion-searchbar placeholder="Filter pages..." (ionChange)="onFilterChange($event)"></ion-searchbar>
<!-- <ion-searchbar placeholder="Filter pages..." (ionChange)="onFilterChange($event)"></ion-searchbar>-->
<ion-item button lines="full" (click)="showOptions($event)">
<ion-icon name="list" slot="start"></ion-icon>
<ion-label>Menu</ion-label>