diff options
| author | Sonja Galovic <galovicsonja@gmail.com> | 2022-05-10 17:54:57 +0200 |
|---|---|---|
| committer | Sonja Galovic <galovicsonja@gmail.com> | 2022-05-10 17:54:57 +0200 |
| commit | 6754cb8d4fa9fe6938eb7c3bea7f60d96caad9e6 (patch) | |
| tree | 5d01e7a8fd1fc92b7be114a4e3a4bd1cc2b33591 /frontend/src/app/_modals/save-experiment-dialog/save-experiment-dialog.component.html | |
| parent | 2c132a08bc852b4e88daf067459856a883329c31 (diff) | |
Svi modali/dijalozi: omogucen submit preko entera. Sredjen izgled modala.
Diffstat (limited to 'frontend/src/app/_modals/save-experiment-dialog/save-experiment-dialog.component.html')
| -rw-r--r-- | frontend/src/app/_modals/save-experiment-dialog/save-experiment-dialog.component.html | 14 |
1 files changed, 8 insertions, 6 deletions
diff --git a/frontend/src/app/_modals/save-experiment-dialog/save-experiment-dialog.component.html b/frontend/src/app/_modals/save-experiment-dialog/save-experiment-dialog.component.html index 00ee98c5..2b3678ce 100644 --- a/frontend/src/app/_modals/save-experiment-dialog/save-experiment-dialog.component.html +++ b/frontend/src/app/_modals/save-experiment-dialog/save-experiment-dialog.component.html @@ -1,11 +1,13 @@ <h1 mat-dialog-title class="text-center">Sačuvaj eksperiment</h1> <div mat-dialog-content class="mt-5 mb-4 mx-1"> - Naziv eksperimenta:<br> - <mat-form-field [style.width.px]=250> - <input type="text" matInput [(ngModel)]="selectedName" cdkFocusInitial> - </mat-form-field> - <p *ngIf="wrongAlreadyExists" class="wrongInput">Izaberi drugi naziv za eskperiment.<br>Eskperiment sa unetim nazivom već postoji u kolekciji.</p> - <p *ngIf="wrongEmptyName" class="wrongInput">Unesite naziv eksperimenta.</p> + <form (keydown)="saveWithEnterKey($event)"> + Naziv eksperimenta:<br> + <mat-form-field [style.width.px]=250> + <input type="text" matInput [(ngModel)]="selectedName" cdkFocusInitial [ngModelOptions]="{standalone: true}"> + </mat-form-field> + <p *ngIf="wrongAlreadyExists" class="wrongInput">Izaberi drugi naziv za eskperiment.<br>Eskperiment sa unetim nazivom već postoji u kolekciji.</p> + <p *ngIf="wrongEmptyName" class="wrongInput">Unesite naziv eksperimenta.</p> + </form> </div> <div mat-dialog-actions class="justify-content-center"> <button id="btnYes" mat-stroked-button color="basic" (click)="onYesClick()">Sačuvaj</button> |