frontend/src/app/pages/editor/editor.page.html

<ion-header>
  <ion-toolbar>
    <ion-buttons slot="start">
      <ion-menu-toggle>
        <ion-button>
          <ion-icon slot="icon-only" name="menu"></ion-icon>
        </ion-button>
      </ion-menu-toggle>
    </ion-buttons>
    <ion-title contenteditable="true" #titleBar>{{ pageRecord.Name }}</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content>
  <ng-container>
    <div class="editor-root ion-padding">
      <div class="host-container ion-padding">
        <editor-host #editorHosts *ngFor="let record of hostRecords" [(record)]="record"
          (newHostRequested)="onNewHostRequested($event)" (destroyHostRequested)="onDestroyHostRequested($event)">
        </editor-host>
      </div>
    </div>
    <div class="editor-buttons">
      <ion-button (click)="onAddClick()" class="ion-padding ion-margin">Add Node</ion-button>
      <ion-button (click)="onSaveClick()" class="ion-padding ion-margin">Save</ion-button>
    </div>
  </ng-container>
</ion-content>