File

src/app/sys-check/report/save-report/save-report.component.ts

Metadata

selector app-save-report
styleUrls ./save-report.component.css
templateUrl ./save-report.component.html

Index

Properties

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

Legend
Html element
Component
Html element with directive

results matching ""

    No results matching ""