From 9cacd3f4a2a05b57cf0b1d3d19bb15d486d71606 Mon Sep 17 00:00:00 2001
From: Lukas Kimpel <lukas.kimpel@mni.thm.de>
Date: Wed, 21 Mar 2018 00:59:23 +0100
Subject: [PATCH] Add name attributes to input fields with [(ngModel)]
---
.../dialogs/room-create/room-create.component.html | 8 +++-----
.../components/dialogs/room-edit/room-edit.component.html | 5 +++--
2 files changed, 6 insertions(+), 7 deletions(-)
diff --git a/src/app/components/dialogs/room-create/room-create.component.html b/src/app/components/dialogs/room-create/room-create.component.html
index 8ee98a5bb..6cc22ab8e 100644
--- a/src/app/components/dialogs/room-create/room-create.component.html
+++ b/src/app/components/dialogs/room-create/room-create.component.html
@@ -1,9 +1,8 @@
<form (ngSubmit)="addRoom(longRoomName.value, description.value)">
<div fxLayout="column" fxLayoutAlign="center" fxLayoutGap="10px">
<mat-form-field>
- <input (keypress)="resetEmptyInputs()" matInput #longRoomName class="input-block" type="text" placeholder="Name"
- maxlength="50"
- [(ngModel)]="longName" name="LongName"/>
+ <input (keypress)="resetEmptyInputs()" matInput #longRoomName class="input-block" type="text"
+ placeholder="Room name" maxlength="50" [(ngModel)]="longName" name="roomName"/>
<mat-hint align="start" *ngIf="!emptyInputs"><strong>Max. letters / signs:</strong></mat-hint>
<mat-hint align="end" *ngIf="!emptyInputs">{{longRoomName.value.length}} / 50</mat-hint>
<mat-hint align="start" *ngIf="emptyInputs"><strong>Input is required</strong></mat-hint>
@@ -13,8 +12,7 @@
</mat-form-field>
<mat-form-field>
<textarea (keypress)="resetEmptyInputs()" matInput #description type="text"
- placeholder="Description" maxlength="255"
- [(ngModel)]="shortName"></textarea>
+ placeholder="Description" maxlength="255" name="description"></textarea>
<mat-hint align="start" *ngIf="!emptyInputs"><strong>Max. letters / signs:</strong></mat-hint>
<mat-hint align="end" *ngIf="!emptyInputs">{{description.value.length}} / 255</mat-hint>
<mat-hint align="start" *ngIf="emptyInputs"><strong>Input is required</strong></mat-hint>
diff --git a/src/app/components/dialogs/room-edit/room-edit.component.html b/src/app/components/dialogs/room-edit/room-edit.component.html
index b72abbe5b..b50e0acdc 100644
--- a/src/app/components/dialogs/room-edit/room-edit.component.html
+++ b/src/app/components/dialogs/room-edit/room-edit.component.html
@@ -1,10 +1,11 @@
<div *ngIf="editRoom">
<mat-form-field class="input-block">
- <input [(ngModel)]="editRoom.name" #roomName matInput placeholder="Room name"/>
+ <input [(ngModel)]="editRoom.name" #roomName matInput placeholder="Room name" name="room-name"/>
</mat-form-field>
<mat-form-field class="input-block">
<textarea [(ngModel)]="editRoom.description" #roomDescription matInput matTextareaAutosize
- matAutosizeMinRows="2" matAutosizeMaxRows="5" placeholder="Description"></textarea>
+ matAutosizeMinRows="2" matAutosizeMaxRows="5" placeholder="Description" name="description">
+ </textarea>
</mat-form-field>
<div fxLayout="row" fxLayoutAlign="center" fxLayoutGap="10px">
<button (click)="dialogRef.close('abort')" mat-button color="primary">
--
GitLab