frontend/src/app/app.component.html

48 lines
2.2 KiB
HTML
Raw Normal View History

2020-02-08 21:07:47 +00:00
<ion-app class="dark">
<ion-split-pane contentId="main-content" *ngIf="ready$ | async">
2020-10-12 16:59:32 +00:00
<ion-menu class="sidebar" contentId="main-content" content="content" type="push" side="start">
<ion-header>
<ion-toolbar color="primary">
<ion-title>{{ appName }}
2020-10-12 16:59:32 +00:00
<ion-menu-toggle menu="first" autoHide="false"></ion-menu-toggle>
</ion-title>
2020-02-08 02:01:00 +00:00
</ion-toolbar>
</ion-header>
<ion-content>
<ion-list>
<ion-list-header>
<ion-buttons>
2020-02-09 10:37:52 +00:00
<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)="onTopLevelCreate()">
2020-02-08 21:07:47 +00:00
<ion-icon color="primary" name="add-circle"></ion-icon>
</ion-button>
<ion-button fill="outline" color="light" (click)="onChildCreate()" [disabled]="!addChildTarget">
2020-02-08 21:37:05 +00:00
<ion-icon color="primary" name="add-circle"></ion-icon>&nbsp;<span class="button-text">Child</span>
2020-02-08 21:07:47 +00:00
</ion-button>
<ion-button fill="outline" color="light" (click)="onDeleteClick()" [disabled]="!deleteTarget">
2020-02-08 21:07:47 +00:00
<ion-icon color="danger" name="trash"></ion-icon>
</ion-button>
<ion-button fill="outline" color="light" (click)="onNodeMenuClick($event)" [disabled]="!menuTarget">
<ion-icon color="dark" name="more"></ion-icon>
</ion-button>
2020-02-08 20:10:05 +00:00
</ion-buttons>
</ion-list-header>
2020-02-11 06:39:47 +00:00
<tree-root style="font-size: 15px;" #menuTree [nodes]="nodes" [options]="options"></tree-root>
2020-02-08 02:01:00 +00:00
</ion-list>
</ion-content>
2020-02-08 18:50:44 +00:00
<ion-footer>
2020-02-11 06:39:47 +00:00
<ion-searchbar placeholder="Filter pages..." (ionChange)="onFilterChange($event)"></ion-searchbar>
2020-10-12 16:59:32 +00:00
<ion-item button lines="full" (click)="showOptions($event)">
<ion-icon name="list" slot="start"></ion-icon>
2020-02-11 06:39:47 +00:00
<ion-label>Menu</ion-label>
2020-02-09 05:54:33 +00:00
</ion-item>
2020-02-08 18:50:44 +00:00
</ion-footer>
2020-02-08 02:01:00 +00:00
</ion-menu>
2020-10-12 16:59:32 +00:00
<ion-router-outlet id="main-content" #content main></ion-router-outlet>
2020-02-08 02:01:00 +00:00
</ion-split-pane>
2020-02-09 10:37:52 +00:00
</ion-app>