You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
57 lines
2.6 KiB
57 lines
2.6 KiB
<ion-app class="dark">
|
|
<ion-split-pane contentId="main-content" *ngIf="ready$ | async">
|
|
<ion-menu class="sidebar no-print" menuId="main-menu" contentId="main-content" content="content" type="push" side="start" *ngIf="!api.isPublicUser">
|
|
<ion-header>
|
|
<ion-toolbar color="primary">
|
|
<ion-title style="font-weight: bold; color: white;">{{ appName }}
|
|
<ion-menu-toggle menu="first" autoHide="false"></ion-menu-toggle>
|
|
</ion-title>
|
|
</ion-toolbar>
|
|
<ion-list>
|
|
<ion-list-header>
|
|
<ion-buttons>
|
|
<ion-button fill="outline" [color]="refreshingMenu ? 'success' : 'light'" (click)="onMenuRefresh()">
|
|
<ion-icon color="tertiary" name="refresh"></ion-icon>
|
|
</ion-button>
|
|
<ion-button fill="outline" color="light" (click)="onCreateClick($event)">
|
|
<ion-icon color="primary" name="add-circle"></ion-icon> <span class="button-text">Create</span>
|
|
</ion-button>
|
|
<ion-button fill="outline" color="light" (click)="onDeleteClick()" [disabled]="!deleteTarget">
|
|
<ion-icon color="danger" name="trash"></ion-icon>
|
|
</ion-button>
|
|
<ion-button fill="outline" color="light" (click)="onNodeMenuClick($event)" [disabled]="!menuTarget || !menuTarget.id">
|
|
<i class="fa fa-ellipsis-v" style="color: darkgrey"></i>
|
|
</ion-button>
|
|
<ion-button fill="outline" color="light" (click)="onVirtualRootClear($event)" *ngIf="virtualRootPageId" title="Show entire tree">
|
|
<i class="fa fa-search-minus" style="color: darkgrey"></i>
|
|
</ion-button>
|
|
</ion-buttons>
|
|
</ion-list-header>
|
|
</ion-list>
|
|
</ion-header>
|
|
<ion-content>
|
|
<app-tree-root
|
|
#menuTree
|
|
[items]="nodes"
|
|
iconClassField="faIconClass"
|
|
(itemSelected)="onMenuItemClick($event)"
|
|
(itemActivated)="onMenuItemActivate($event)"
|
|
(itemRightClicked)="onMenuItemRightClick($event)"
|
|
></app-tree-root>
|
|
</ion-content>
|
|
<ion-footer>
|
|
<ion-searchbar
|
|
placeholder="Quick filter"
|
|
(ionChange)="onMenuFilterChange($event)"
|
|
></ion-searchbar>
|
|
<ion-item button lines="full" (click)="showOptions($event)">
|
|
<ion-icon name="list" slot="start"></ion-icon>
|
|
<ion-label>Menu</ion-label>
|
|
</ion-item>
|
|
</ion-footer>
|
|
</ion-menu>
|
|
|
|
<ion-router-outlet id="main-content" #content main></ion-router-outlet>
|
|
</ion-split-pane>
|
|
</ion-app>
|