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 class="dashboard-header">

  <span class="dashboard-header-title">Stellungnahmen öffentlicher Belange - Detailansicht</span>

  <div class="dashboard-header-actions">

    <a #homeAnchor class="openk-button openk-info" routerLink="/">
      <mat-icon>arrow_back</mat-icon>
      Zurück zur Übersicht
    </a>

  </div>
</div>

<app-card
  *ngIf="(statement$ | async) != null"
  [appTitle]="(statementId$ | async) + ' ' + (statement$ | async)?.title"
  class="statement-details">

  <span *ngFor="let obj of statement$ | async | objToArray">
    {{obj?.key}}: {{obj?.value}}
  </span>

  <div class="statement-details-footer">

    <button
      (click)="editTask(button?.task, button?.options)"
      *ngFor="let button of buttons$ | async"
      [ngClass]="button?.class"
      class="openk-button statement-details-footer-button">
      <mat-icon>{{button?.icon}}</mat-icon>
      <span>{{button?.label | translate}}</span>
    </button>

  </div>

</app-card>