show component

src/app/modules/shows/new/new.component.html

@@ -0,0 +1,30 @@
+<div>
+  <app-card>
+    <h1>Neue Veranstaltung</h1>
+
+    <div [formGroup]="form" class="split">
+      <mat-form-field appearance="outline">
+        <mat-label>Art der Veranstaltung</mat-label>
+        <mat-select formControlName="showType">
+          <mat-optgroup label="öffentlich">
+            <mat-option *ngFor="let key of showTypePublic" [value]="key">{{key|showType}}</mat-option>
+          </mat-optgroup>
+          <mat-optgroup label="privat">
+            <mat-option *ngFor="let key of showTypePrivate" [value]="key">{{key|showType}}</mat-option>
+          </mat-optgroup>
+        </mat-select>
+      </mat-form-field>
+      <mat-form-field appearance="outline">
+        <mat-label>Datum</mat-label>
+        <input [matDatepicker]="picker" formControlName="date" matInput>
+        <mat-datepicker-toggle [for]="picker" matSuffix></mat-datepicker-toggle>
+        <mat-datepicker #picker touchUi></mat-datepicker>
+      </mat-form-field>
+    </div>
+
+    <app-button-row>
+      <button (click)="onSave()" color="primary" mat-flat-button>Anlegen</button>
+      <button mat-button routerLink="/show">Abbrechen</button>
+    </app-button-row>
+  </app-card>
+</div>