argos/dmp-frontend/src/app/shared/components/add-researchers/add-researchers.component.html

<form *ngIf="formGroup" [formGroup]="formGroup">
    <h1 mat-dialog-title>{{'ADDRESEARCHERS-EDITOR.TITLE' | translate}}</h1>
    <div mat-dialog-content>
        <mat-form-field class="full-width">
            <input matInput formControlName="firstName" placeholder="{{'ADDRESEARCHERS-EDITOR.FIRST_NAME' | translate}}" required>
            <mat-error *ngIf="formGroup.get('firstName').hasError('required')">{{'GENERAL.VALIDATION.REQUIRED' | translate}}</mat-error>
        </mat-form-field>
        <mat-form-field class="full-width">
                <input matInput formControlName="lastName" placeholder="{{'ADDRESEARCHERS-EDITOR.LAST_NAME' | translate}}" required>
                <mat-error *ngIf="formGroup.get('lastName').hasError('required')">{{'GENERAL.VALIDATION.REQUIRED' | translate}}</mat-error>
            </mat-form-field>
    </div>
    <div mat-dialog-actions>
        <div layout="row" class="full-width text-right" align="end">
            <button mat-raised-button color="primary" (click)="send()" type="button">Save</button>
            <button mat-button mat-dialog-close mat-raised-button color="primary">Cancel</button>
        </div>
    </div>
</form>