2020-02-08 21:07:47 +00:00
|
|
|
<ion-app class="dark">
|
2020-02-08 18:36:04 +00:00
|
|
|
<ion-split-pane when="sm">
|
2020-02-08 18:50:44 +00:00
|
|
|
<ion-menu class="sidebar">
|
2020-02-08 18:36:04 +00:00
|
|
|
<ion-header>
|
|
|
|
<ion-toolbar color="primary">
|
2020-02-08 02:01:00 +00:00
|
|
|
<ion-title>Menu</ion-title>
|
|
|
|
</ion-toolbar>
|
|
|
|
</ion-header>
|
2020-02-08 18:36:04 +00:00
|
|
|
|
2020-02-08 02:01:00 +00:00
|
|
|
<ion-content>
|
|
|
|
<ion-list>
|
2020-02-08 18:36:04 +00:00
|
|
|
<ion-list-header>
|
|
|
|
Navigate
|
2020-02-08 20:10:05 +00:00
|
|
|
<ion-buttons class="ion-padding-end">
|
2020-02-08 21:28:22 +00:00
|
|
|
<<<<<<< HEAD
|
2020-02-08 21:07:47 +00:00
|
|
|
<ion-button fill="outline" color="light">
|
|
|
|
<ion-icon color="primary" name="add-circle"></ion-icon>
|
|
|
|
</ion-button>
|
|
|
|
<ion-button fill="outline" color="light">
|
|
|
|
<ion-icon color="primary" name="add-circle"></ion-icon> <span style="color: #666;">Child</span>
|
|
|
|
</ion-button>
|
|
|
|
<ion-button fill="outline" color="light">
|
|
|
|
<ion-icon color="danger" name="trash"></ion-icon>
|
|
|
|
</ion-button>
|
2020-02-08 21:28:22 +00:00
|
|
|
=======
|
|
|
|
<ion-button fill="outline" color="light" (click)="onTopLevelCreate()"><ion-icon color="primary" name="add-circle"></ion-icon></ion-button>
|
|
|
|
<ion-button fill="outline" color="light" (click)="onChildCreate()" [disabled]="!addChildTarget"><ion-icon color="primary" name="add-circle"></ion-icon> <span style="color: #666;">Child</span></ion-button>
|
|
|
|
<ion-button fill="outline" color="light" (click)="onDeleteClick()" [disabled]="!deleteTarget"><ion-icon color="danger" name="trash"></ion-icon></ion-button>
|
|
|
|
>>>>>>> enable delete of pages
|
2020-02-08 20:10:05 +00:00
|
|
|
</ion-buttons>
|
2020-02-08 18:36:04 +00:00
|
|
|
</ion-list-header>
|
|
|
|
|
2020-02-08 19:11:06 +00:00
|
|
|
<tree-root [nodes]="nodes" [options]="options"></tree-root>
|
2020-02-08 02:01:00 +00:00
|
|
|
</ion-list>
|
2020-02-08 18:36:04 +00:00
|
|
|
</ion-content>
|
2020-02-08 18:50:44 +00:00
|
|
|
<ion-footer>
|
|
|
|
<ion-item slot="end" lines="full">
|
|
|
|
<ion-icon slot="start" name="moon"></ion-icon>
|
|
|
|
<ion-label>
|
|
|
|
Dark mode
|
|
|
|
</ion-label>
|
2020-02-08 19:09:04 +00:00
|
|
|
<ion-toggle (ionChange)="toggleDark()" id="themeToggle" slot="end"></ion-toggle>
|
2020-02-08 18:50:44 +00:00
|
|
|
</ion-item>
|
|
|
|
</ion-footer>
|
2020-02-08 02:01:00 +00:00
|
|
|
</ion-menu>
|
2020-02-08 18:36:04 +00:00
|
|
|
|
|
|
|
<div class="ion-page" main>
|
|
|
|
<ion-header> </ion-header>
|
|
|
|
<ion-content class="ion-padding">
|
|
|
|
<ion-router-outlet id="main-content"></ion-router-outlet>
|
|
|
|
</ion-content>
|
|
|
|
</div>
|
2020-02-08 02:01:00 +00:00
|
|
|
</ion-split-pane>
|
2020-02-08 21:07:47 +00:00
|
|
|
</ion-app>
|