Files
hv2-all-in-one/ui/hv2-ui/src/app/note/note.component.html
2021-09-09 18:39:18 +02:00

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>