src/app/sys-check/report/save-report/save-report.component.ts
selector | app-save-report |
styleUrls | ./save-report.component.css |
templateUrl | ./save-report.component.html |
Properties |
savereportform |
Default value : new FormGroup({
title: new FormControl('', [Validators.required, Validators.minLength(3)]),
key: new FormControl('', [Validators.required, Validators.minLength(3)])
})
|
import { FormControl, FormGroup, Validators } from '@angular/forms';
import { Component } from '@angular/core';
@Component({
selector: 'app-save-report',
templateUrl: './save-report.component.html',
styleUrls: ['./save-report.component.css']
})
export class SaveReportComponent {
savereportform = new FormGroup({
title: new FormControl('', [Validators.required, Validators.minLength(3)]),
key: new FormControl('', [Validators.required, Validators.minLength(3)])
});
}
<form [formGroup]="savereportform">
<h1 mat-dialog-title>Bericht senden</h1>
<mat-dialog-content fxLayout="column">
<p>
Nur berechtigten Personen ist das Speichern erlaubt. Bitte geben Sie unten das Kennwort ein, das
Sie von der Projektleitung erhalten haben!
</p>
<mat-form-field>
<input matInput type="password" formControlName="key" placeholder="Kennwort">
</mat-form-field>
<p>Die ermittelten bzw. eingegebenen Informationen werden in der Datenbank so gespeichert, dass eine
zusammenfassende Auswertung für eine bestimmte Studie möglich ist. Um den Bericht einem bestimmten
Projekt oder einer Studie zuordnen zu können, geben Sie bitte einen kurzen Text ein, der dann
als Titel für den Bericht verwendet wird!
</p>
<mat-form-field>
<input matInput formControlName="title" placeholder="Titel">
</mat-form-field>
</mat-dialog-content>
<mat-dialog-actions>
<button mat-raised-button color="primary" type="submit"
[disabled]="savereportform.invalid" [mat-dialog-close]="savereportform">Speichern</button>
<button mat-raised-button [mat-dialog-close]="false">Abbrechen</button>
</mat-dialog-actions>
</form>
./save-report.component.css