diff --git a/src/app/content-creation/content-creation.component.html b/src/app/content-creation/content-creation.component.html index 2e435d223b65946b72248579b43cd2780a0a3bc3..fbcd98a34adc8af51f9bbd971d6e1baf59211597 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>