diff --git a/src/app/content-creation/content-creation.component.html b/src/app/content-creation/content-creation.component.html index 0b118d23f68c05cea92b2e8adece713082f80557..c48a4155b2e444ba247b215117e34c983c58d1e1 100644 --- a/src/app/content-creation/content-creation.component.html +++ b/src/app/content-creation/content-creation.component.html @@ -1,12 +1,20 @@ -<form (ngSubmit)="addContent(subjectTitle.value, bodyText.value)"> +<form (ngSubmit)="addContent(subjectTitle.value, bodyText.value, contentRound.value)"> <div fxLayout="column" fxLayoutAlign="center" fxLayoutGap="10px"> <mat-form-field> - <input class="input-block" #subjectTitle matInput (keypress)="resetEmptyInputs()" placeholder="Subject" [(ngModel)]="subject"> + <input class="input-block" #subjectTitle matInput (keypress)="resetEmptyInputs()" placeholder="Subject" [(ngModel)]="subject" + name="Title"> + <button mat-button *ngIf="subject" type="text" matSuffix mat-icon-button aria-label="Clear" (click)="subject=''"> + <mat-icon>close</mat-icon> + </button> </mat-form-field> <mat-form-field> - <input class="input-block" #bodyText matInput matTextareaAutosize matAutosizeMinRows="3" matAutosizeMaxRows="8" (keypress)="resetEmptyInputs()" - placeholder="Body" [(ngModel)]="body"> - <button mat-button matSuffix mat-icon-button aria-label="Clear" (click)="subject=''; body=''"> + <input class="input-block" #contentRound matInput (keypress)="resetEmptyInputs()" placeholder="Round" [(ngModel)]="round" + name="Round"> + </mat-form-field> + <mat-form-field> + <textarea #bodyText matInput matTextareaAutosize matAutosizeMinRows="3" matAutosizeMaxRows="8" (keypress)="resetEmptyInputs()" + placeholder="Body" [(ngModel)]="body" name="Text"></textarea> + <button mat-button *ngIf="body" type="text" matSuffix mat-icon-button aria-label="Clear" (click)="body=''"> <mat-icon>close</mat-icon> </button> </mat-form-field> diff --git a/src/app/room-creation/room-creation.component.html b/src/app/room-creation/room-creation.component.html index 75666e5360428f647b6b8b9102f828f3d6bac522..de67617406d588253a7fd14b3074abb0f35ea88a 100644 --- a/src/app/room-creation/room-creation.component.html +++ b/src/app/room-creation/room-creation.component.html @@ -3,7 +3,7 @@ <mat-form-field> <input (keypress)="resetEmptyInputs()" matInput #longRoomName class="input-block" type="text" placeholder="Name" maxlength="50" - [(ngModel)]="longName"/> + [(ngModel)]="longName" name="LongName"/> <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> @@ -14,7 +14,7 @@ <mat-form-field> <input (keypress)="resetEmptyInputs()" matInput #shortRoomName class="input-block" type="text" placeholder="Short name" maxlength="8" - [(ngModel)]="shortName"/> + [(ngModel)]="shortName" name="ShortName"/> <mat-hint align="start" *ngIf="!emptyInputs"><strong>Max. letters / signs:</strong></mat-hint> <mat-hint align="end" *ngIf="!emptyInputs">{{shortRoomName.value.length}} / 8</mat-hint> <mat-hint align="start" *ngIf="emptyInputs"><strong>Input is required</strong></mat-hint>