src/app/features/details/components/statement-details/statement-details.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
 -------------------------------------------------------------------------------->

<div *ngIf="title$ | async" class="dashboard-header">

  <span class="dashboard-header-title">
    {{title$ | async}}
  </span>

</div>

<app-statement-details-side-menu
  (appDispatch)="store.dispatch($event)"
  [appUserName]="userName$ | async"
  [appLoading]="isStatementLoading$ | async"
  [appTasks]="tasks$ | async"
  [appErrorMessage]="(appError$ | async)?.errorMessage"
  [appUserRoles]="userRoles$ | async">
</app-statement-details-side-menu>

<ng-container *ngIf="(statement$ | async) != null">
  <app-collapsible
    [appCollapsed]="true"
    [appTitle]="'Allgemeine Informationen'"
    class="statement-details">

    <div class="statement-details-content">
      <div *ngFor="let obj of (statement$ | async) | objToArray">
        <div *ngFor="let detail of obj.value | objToArray">
          {{detail?.key}}: {{detail?.value | json}}
        </div>
      </div>
    </div>
  </app-collapsible>

  <app-collapsible
    [appCollapsed]="true"
    [appTitle]="'Eingangsdokumente'"
    class="statement-details">
    <div class="placeholder">Not yet implemented.</div>
  </app-collapsible>

  <app-collapsible
    [appCollapsed]="true"
    [appTitle]="'Betroffene Fachbereiche'"
    class="statement-details">
    <div class="placeholder">Not yet implemented.</div>
  </app-collapsible>

  <app-comments-form
    class="statement-details"
    [appCollapsed]="true">

  </app-comments-form>

  <app-collapsible
    [appCollapsed]="true"
    [appTitle]="'Prozessinformationen'"
    class="statement-details">
    <app-process-information
      [appCurrentActivities]="processCurrentActivityIds$ | async"
      [appProcessHistoryData]="processHistory$ | async | getProcessHistoryEntries"
      [appProcessName]="processName$ | async"
      [appProcessVersion]="processVersion$ | async"
      [appStatementId]="statementId$ | async"
      [appWorkflowXml]="processDiagram$ | async"
      class="statement-details-content statement-details-content--process-information">
    </app-process-information>
  </app-collapsible>

  <app-collapsible
    [appCollapsed]="true"
    [appTitle]="'Verknüpfte Vorgänge'"
    class="statement-details">
    <div class="placeholder"> Not yet implemented.</div>
  </app-collapsible>

</ng-container>