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.
79 lines
3.1 KiB
79 lines
3.1 KiB
<ng-container>
|
|
<ion-header>
|
|
<ion-toolbar>
|
|
<ion-buttons slot="start">
|
|
<ion-menu-button></ion-menu-button>
|
|
</ion-buttons>
|
|
<ion-title #titleBar>
|
|
<ion-input
|
|
[(ngModel)]="editorService.mutablePageName"
|
|
placeholder="Click to edit page name..."
|
|
class="title-input"
|
|
></ion-input>
|
|
</ion-title>
|
|
</ion-toolbar>
|
|
</ion-header>
|
|
|
|
<ion-content>
|
|
<ng-container>
|
|
<div class="editor-root ion-padding">
|
|
<div
|
|
class="host-container"
|
|
style="display: flex;"
|
|
*ngFor="let node of editorService.immutableNodes"
|
|
>
|
|
<div class="host-icons">
|
|
<i class="type-icon norm fa" [ngClass]="typeIcons.norm" title="WYSIWYG Node"></i>
|
|
<button (click)="onOptionsClick($event, node)">
|
|
<i class="fa fa-ellipsis-v" title="Node options"></i>
|
|
</button>
|
|
</div>
|
|
<ng-container *ngIf="node.isNorm()">
|
|
<editor-norm style="flex: 1;" [nodeId]="node.UUID"></editor-norm>
|
|
</ng-container>
|
|
</div>
|
|
</div>
|
|
<!-- <div class="editor-root ion-padding">-->
|
|
<!-- <div class="host-container" style="display: flex;">-->
|
|
<!-- <editor-norm style="flex: 1;"></editor-norm>-->
|
|
<!-- </div>-->
|
|
<!-- </div>-->
|
|
</ng-container>
|
|
</ion-content>
|
|
|
|
<!-- <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>
|