src/app/pages/new/components/new-statement/new-statement.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</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 appTitle="Neue Stellungnahme hinzufügen"
          class="new-statement">
  <form #statementForm="ngForm" (ngSubmit)="submit(statementForm);" class="new-statement-form">

    <div class="new-statement-form-group">
      <label class="new-statement-form-group-label" for="new-statement-title">
        Titel:
      </label>

      <input #titleModel="ngModel"
             [class.openk-danger]="titleModel.invalid && titleModel.touched"
             [ngModel]="title"
             class="new-statement-form-group-input openk-input" id="new-statement-title" name="title" required>
    </div>

    <div class="new-statement-form-group">
      <label class="new-statement-form-group-label" for="new-statement-due-date">
        Frist:
      </label>

      <input #dateModel="ngModel"
             [class.openk-danger]="dateModel.invalid && dateModel.touched" [ngModel]="dueDate | date : 'yyyy-LL-dd'"
             class="new-statement-form-group-input openk-input" id="new-statement-due-date"
             name="dueDate"
             required
             type="date">
    </div>

    <div class="new-statement-form-group">
      <button (click)="inputElement.click()"
              class="openk-button new-statement-attachment-button"
              type="button">

        <mat-icon>
          attach_file
        </mat-icon>

        <span>
          Anlagen hinzufügen
        </span>

      </button>

      <input #inputElement id="new-statement-attachments" style="display: none;" type="file">
    </div>

    <div class="new-statement-form-submit">
      <button [disabled]="statementForm.invalid"
              class="openk-button openk-success dashboard-header-actions-button">
        <mat-icon>note_add</mat-icon>
        Stellungnahme anlegen
      </button>
    </div>

  </form>
</app-card>