src/app/features/forms/statement-editor/components/statement-editor-form/statement-editor-form.component.html

<!-------------------------------------------------------------------------------
 * Copyright (c) 2020 Contributors to the Eclipse Foundation
 *
 * See the NOTICE file(s) distributed with this work for additional
 * information regarding copyright ownership.
 *
 * This program and the accompanying materials are made available under the
 * terms of the Eclipse Public License 2.0 which is available at
 * http://www.eclipse.org/legal/epl-2.0
 *
 * SPDX-License-Identifier: EPL-2.0
 -------------------------------------------------------------------------------->

<app-collapsible
  [appHeaderTemplateRef]="arrangementHeaderRef"
  [appTitle]="'Entwurf'"
  [formGroup]="appFormGroup">

  <app-arrangement-form-group
    [appArrangementError]="arrangementError$ | async"
    [appArrangementValue]="arrangement$ | async"
    [appControls]="controls$ | async"
    [appFormGroup]="appFormGroup"
    [appSelectedTextBlockIds]="selectedTextBlockIds$ | async"
    [appShortMode]="appShortMode"
    [appShowPreview]="appShowPreview"
    [appTextBlockGroups]="textBlockGroups$ | async">
  </app-arrangement-form-group>

</app-collapsible>

<app-collapsible
  [appCollapsed]="false"
  [appTitle]="'Anhänge'">

  <app-attachments-form-group
    [appAutoTagIds]="[outboxTagId]"
    [appFormGroup]="appFormGroup | getFormGroup: 'attachments'"
    [appRestrictedTagIds]="[outboxTagId]"
    [appWithoutTagControl]="true">
  </app-attachments-form-group>

</app-collapsible>

<div class="editor--buttons">

  <button (click)="validate()" class="openk-button openk-info">Validate</button>

  <button (click)="compile()" class="openk-button openk-info">Compile</button>

  <button (click)="submit()" class="openk-button openk-info">Submit</button>

  <button (click)="complete(true)" class="openk-button openk-success">Complete</button>

</div>

<ng-template #arrangementHeaderRef>
  <div class="editor--arrangement--header">
    <button (click)="appShortMode = !appShortMode"
            class="openk-button editor--arrangement--header--button"
            type="button">
      <mat-icon class="editor--arrangement--header--button--icon">
        {{appShortMode ? "unfold_more" : "unfold_less"}}
      </mat-icon>
    </button>

    <button (click)="appShowPreview = !appShowPreview"
            class="openk-button editor--arrangement--header--button"
            type="button">
      <mat-icon class="editor--arrangement--header--button--icon">
        {{appShowPreview ? "chevron_right" : "chevron_left"}}
      </mat-icon>
    </button>
  </div>

</ng-template>