Cuvanje eksperimenta: sredjen modal i premesteno cuvanje u modal komponentu. Reseni specijalni slucajevi. ML: u controlleru zakomentarisan import da bi prosao kompajl.

1 files changed, 10 insertions, 10 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 bac73e0a..00ee98c5 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,13 +1,13 @@
-<h1 mat-dialog-title>Čuvanje eksperimenta</h1>
-<div mat-dialog-content>
-    <span>Unesi naziv eksperimenta:</span>
-    <mat-form-field>
-        <input type="text" matInput [(ngModel)]="selectedName">
+<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>
-    <br><br>
-    <p>Sačuvaj eksperiment:</p>
+    <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>
 </div>
-<div mat-dialog-actions>
-    <button mat-button [mat-dialog-close]="selectedName" cdkFocusInitial>Da</button>
-    <button mat-button (click)="onNoClick()">Odustani</button>
+<div mat-dialog-actions class="justify-content-center">
+    <button id="btnYes" mat-stroked-button color="basic" (click)="onYesClick()">Sačuvaj</button>
+    <button id="btnNo" mat-stroked-button (click)="onNoClick()">Odustani</button>
 </div>
\ No newline at end of file