54 lines
2.3 KiB
HTML
54 lines
2.3 KiB
HTML
<mat-card class="defaultCard">
|
|
<mat-card-header>
|
|
<mat-card-title>
|
|
Notizen
|
|
</mat-card-title>
|
|
</mat-card-header>
|
|
<mat-card-content>
|
|
<mat-accordion>
|
|
<mat-expansion-panel (opened)="collapse = true"
|
|
(closed)="collapse = false">
|
|
<mat-expansion-panel-header>
|
|
<mat-panel-title *ngIf="!collapse">
|
|
Übersicht
|
|
</mat-panel-title>
|
|
<mat-panel-description>
|
|
</mat-panel-description>
|
|
</mat-expansion-panel-header>
|
|
<div id="firstBlock">
|
|
<form (ngSubmit)="addNote()">
|
|
<div>
|
|
<mat-form-field appearance="outline" class="notearea">
|
|
<mat-label>Text</mat-label>
|
|
<textarea matInput
|
|
cdkTextareaAutosize
|
|
#autosize="cdkTextareaAutosize"
|
|
cdkAutosizeMinRows="5"
|
|
cdkAutosizeMaxRows="10"
|
|
name="note" [(ngModel)]="newNote.note"></textarea>
|
|
</mat-form-field>
|
|
</div><div>
|
|
<button #addNoteButton type="submit" mat-raised-button color="primary">Speichern</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<div id="secondBlock">
|
|
<table mat-table [dataSource]="notesDataSource" #zftable>
|
|
<ng-container matColumnDef="createdAt">
|
|
<th mat-header-cell *matHeaderCellDef>Datum</th>
|
|
<td mat-cell *matCellDef="let element" class="topalign">{{element.created_at | date}}</td>
|
|
</ng-container>
|
|
<ng-container matColumnDef="note">
|
|
<th mat-header-cell *matHeaderCellDef>Notiz</th>
|
|
<td mat-cell *matCellDef="let element" class="topalign">{{element.note}}</td>
|
|
</ng-container>
|
|
<tr mat-header-row *matHeaderRowDef="notesDisplayedColumns"></tr>
|
|
<tr mat-row *matRowDef="let row; columns: notesDisplayedColumns;"></tr>
|
|
</table>
|
|
</div>
|
|
</mat-expansion-panel>
|
|
</mat-accordion>
|
|
|
|
</mat-card-content>
|
|
</mat-card>
|