Sredjeni modali za login i register. Dodat folder images u src/assets.

1 files changed, 11 insertions, 26 deletions

diff --git a/frontend/src/app/_modals/register-modal/register-modal.component.html b/frontend/src/app/_modals/register-modal/register-modal.component.html
index d20b199f..7ed2bbac 100644
--- a/frontend/src/app/_modals/register-modal/register-modal.component.html
+++ b/frontend/src/app/_modals/register-modal/register-modal.component.html
@@ -2,8 +2,8 @@
 <div class="modal fade" id="modalForRegister" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
 <div class="modal-dialog modal-dialog-centered modal-dialog modal-lg">
     <div class="modal-content">
-    <div class="modal-header bg-info">
-        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close" (click)="resetData()"></button>
+    <div class="modal-header" style="background-color: #003459;">
+        <button type="button" class="btn-close" data-bs-dismiss="modal" style="background-color: white;" aria-label="Close" (click)="resetData()"></button>
     </div>
     <div class="modal-body" style="color:#003459">
         <h1 class="text-center mt-2 mb-4">Registracija</h1>
@@ -14,15 +14,13 @@
                 <div class="col-6 px-3 py-3">
                     <label class="form-label" for="firstName">Ime</label>
                     <input type="text" id="firstName" class="form-control" [(ngModel)]="firstName" name="firstName" placeholder="Unesite ime...">
-                    <p *ngIf="wrongFirstNameBool" class="small fw-bold text-danger">Unesite ispravno ime. (minimum 1, maksimum 30 karaktera)</p>
-                    <!--<small *ngIf="wrongFirstNameBool" class="form-text text-muted">Unesite ispravno ime</small>
-                    <small class="form-text text-muted" [ngClass]="{wrongFirstNameBool} ? 'notCorrect' : 'correct'">Ispravno uneto ime</small>-->
+                    <small *ngIf="wrongFirstNameBool" class="form-text text-danger">Unesite ispravno ime.</small>
                 </div>
                 <!--Prezime-->
                 <div class="col-6 px-3 py-3">
                     <label class="form-label" for="lastName">Prezime</label>
                     <input type="text" id="lastName" class="form-control" [(ngModel)]="lastName" name="lastName" placeholder="Unesite prezime..."/>
-                    <p *ngIf="wrongLastNameBool" class="small fw-bold text-danger">Unesite ispravno prezime. (minimum 1, maksimum 30 karaktera)</p>
+                    <small *ngIf="wrongLastNameBool" class="form-text text-danger">Unesite ispravno prezime.</small>
                 </div>
             </div>
             <div class="row">
@@ -30,7 +28,7 @@
                 <div class="col-12 px-3 py-3">
                     <label class="form-label" for="username">Korisničko ime</label>
                     <input type="text" id="username" class="form-control" [(ngModel)]="username" name="username" placeholder="Unesite korisničko ime..."/>
-                    <p *ngIf="wrongUsernameBool" class="small fw-bold text-danger">Unesite ispravno korisničko ime.</p>
+                    <small *ngIf="wrongUsernameBool" class="form-text text-danger">Unesite ispravno korisničko ime.</small>
                 </div>
             </div>
             <div class="row">
@@ -38,7 +36,7 @@
                 <div class="col-12 px-3 py-3">
                     <label class="form-label" for="email">E-mail adresa</label>
                     <input type="email" id="email" class="form-control" [(ngModel)]="email" name="email" placeholder="Unesite email adresu..."/>
-                    <p *ngIf="wrongEmailBool" class="small fw-bold text-danger">Unesite ispravnu e-mail adresu.</p>
+                    <small *ngIf="wrongEmailBool" class="form-text text-danger">Unesite ispravno e-mail adresu.</small>
                 </div>
             </div>
             <div class="row">
@@ -46,40 +44,27 @@
                 <div class="col-6 px-3 py-3">
                     <label class="form-label" for="pass1">Lozinka</label>
                     <input type="password" id="pass1" class="form-control" [(ngModel)]="pass1" name="pass1" placeholder="Unesite lozinku..."/>
-                    <p *ngIf="wrongPass1Bool" class="small fw-bold text-danger">Lozinka se mora sastojati od najmanje 6 karaktera.</p>
+                    <small *ngIf="wrongPass1Bool" class="form-text text-danger">Lozinka se mora sastojati od najmanje 6 karaktera.</small>
                 </div>
                 <!-- Lozinka 2. -->
                 <div class="col-6 px-3 py-3">
                     <label class="form-label" for="pass2">Potvrdite lozinku</label>
                     <input type="password" id="pass2" class="form-control" [(ngModel)]="pass2" name="pass2" placeholder="Ponovite lozinku..."/>
-                    <p *ngIf="wrongPass2Bool" class="small fw-bold text-danger">Lozinke se ne podudaraju.</p>
+                    <small *ngIf="wrongPass2Bool" class="form-text text-danger">Lozinke se ne podudaraju.</small>
                 </div>
             </div>
         </form>
         <div class="col-md-12 d-flex justify-content-center mt-5">
-            <button type="button" class="btn btn-lg btn-info" style="color:white; border-color: #00a8e8; margin-right: 10px;" (click)="doRegister()">Registracija</button>
+            <button type="button" class="btn btn-lg" style="color:white; background-color: #003459; margin-right: 10px;" (click)="doRegister()">Registrujte se</button>
             <button type="button" class="btn btn-lg btn-outline-secondary" style="margin-left: 15px;" data-bs-dismiss="modal" (click)="resetData()">Odustanite</button>
         </div>
         <br>
     </div>
     <div class="modal-footer justify-content-center">
         <p class="small fw-bold">Već imate kreiran nalog?
-        <a data-bs-toggle="modal" data-bs-target="#modalForLogin" class="link-danger">Prijavite se</a>
+        <a id="linkToLoginModal" data-bs-toggle="modal" data-bs-target="#modalForLogin" class="link-danger">Prijavite se</a>
         </p>
     </div>
     </div>
 </div>
-</div>
-
-<style>
-.correct {
-    content: "✔️";
-    margin: 5px;
-    color: green;
-}
-.notCorrect {
-    content: "✕";
-    margin: 5px;
-    color: red;
-}
-</style>
\ No newline at end of file
+</div>
\ No newline at end of file