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

<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; margin-bottom: 20px;"
          *ngFor="let node of editorService.immutableNodes"
        >
          <div class="host-icons">
            <i class="type-icon fa" [ngClass]="typeIcons[(node.isNorm() ? 'node' : node.type)] + ' ' + (node.isNorm() ? 'node' : node.type)" 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>
          <ng-container *ngIf="node.type === 'code_ref'">
            <editor-code style="flex: 1;" [nodeId]="node.UUID"></editor-code>
          </ng-container>
        </div>
        <button class="host-add-button" (click)="onAddClick($event)">
          <i class="fa fa-plus"></i> Add Node
        </button>
      </div>
    </ng-container>
  </ion-content>
</ng-container>