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.
48 lines
1.8 KiB
48 lines
1.8 KiB
<ng-container>
|
|
<ion-header (keydown)="onEditorKeydown($event)">
|
|
<ion-toolbar>
|
|
<ion-buttons slot="start">
|
|
<ion-menu-button></ion-menu-button>
|
|
</ion-buttons>
|
|
<ion-title #titleBar>
|
|
<div contenteditable="true"> {{ pageRecord.Name }} </div>
|
|
</ion-title>
|
|
</ion-toolbar>
|
|
</ion-header>
|
|
|
|
<ion-content (keydown)="onEditorKeydown($event)">
|
|
<ng-container>
|
|
<div class="editor-root ion-padding">
|
|
<div
|
|
*ngFor="let record of hostRecords; let i = index"
|
|
class="host-container" style="display: flex;"
|
|
(mouseenter)="makeVisible(i)"
|
|
(mouseleave)="makeInvisible(i)"
|
|
>
|
|
<ion-button fill="invisible" color="primary" (click)="onOptionsClick($event, i)" *ngIf="pageRecord.level !== 'view'">
|
|
<ion-icon
|
|
name="options"
|
|
color="medium"
|
|
[ngClass]="{'invisible': !buttonIsVisible(i)}"
|
|
></ion-icon>
|
|
</ion-button>
|
|
<editor-host
|
|
style="width: 100%;"
|
|
#editorHosts
|
|
[page]="pageRecord"
|
|
[record]="hostRecords[i]"
|
|
(recordChange)="onHostRecordChange($event, i)"
|
|
(newHostRequested)="onNewHostRequested($event)"
|
|
(destroyHostRequested)="onDestroyHostRequested($event)"
|
|
(saveHostRequested)="onSaveClick()">
|
|
</editor-host>
|
|
</div>
|
|
</div>
|
|
<div class="editor-buttons" style="margin-bottom: 50px;" *ngIf="pageRecord.level !== 'view'">
|
|
<ion-button (click)="onAddClick($event)" class="ion-padding ion-margin-start" fill="outline" color="medium">Add Node</ion-button>
|
|
<ion-button (click)="onSaveClick()" class="ion-padding" fill="outline" color="medium">Save</ion-button>
|
|
</div>
|
|
</ng-container>
|
|
</ion-content>
|
|
</ng-container>
|