From 52618d7d8dcb8e570912e9924d39bf6ba9d68d1e Mon Sep 17 00:00:00 2001
From: Sonja Galovic <galovicsonja@gmail.com>
Date: Sun, 13 Mar 2022 15:59:05 +0100
Subject: Napravljen folder _modals u projektu. Kreirana login-modal.component
 (stilski uredjen modal login forme).

---
 .../_pages/login-page/login-page.component.html    | 33 ++++++++++++++--------
 1 file changed, 22 insertions(+), 11 deletions(-)

(limited to 'frontend/src/app/_pages/login-page/login-page.component.html')

diff --git a/frontend/src/app/_pages/login-page/login-page.component.html b/frontend/src/app/_pages/login-page/login-page.component.html
index 76a4ee7b..8deb5290 100644
--- a/frontend/src/app/_pages/login-page/login-page.component.html
+++ b/frontend/src/app/_pages/login-page/login-page.component.html
@@ -1,19 +1,33 @@
+<!--<script>
+    $(document).ready(function(){
+        $(".btn").click(function(){
+            $("#exampleModal").modal('show');
+        });
+
+        $('#exampleModal').modal({
+    		backdrop: 'static',
+    		keyboard: false
+		});
+    });
+</script>-->
+
+<!-- Button trigger modal -->
+<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#modalForLogin" (click)="openModal()">
+    Open Modal
+  </button>
+
+<!--
 <div style="min-height: 100vh; position: relative;">
 
-    <!-- TODO : <app-navbar [activeNav]="'login'"></app-navbar>-->
-
     <div class="container p-5 rounded-3 shadow-sm border" style="max-width: 50em; margin-top: 50px;">
         <h3 class="text-center pb-5">Prijavite se</h3>
         <form>
-            <!-- Username input -->
-            <!-- Username input -->
             <div class="form-outline mb-4">
                 <label class="form-label" for="username">Korisničko ime</label>
                 <input [(ngModel)]="username" name="username" type="text" id="username"
                     class="form-control form-control-lg" placeholder="Unesite korisničko ime..." />
             </div>
 
-            <!-- Password input -->
             <div class="form-outline mb-3">
                 <label class="form-label" for="password">Lozinka</label>
                 <input [(ngModel)]="password" name="password" type="password" id="password"
@@ -21,17 +35,15 @@
             </div>
 
             <div class="text-center text-lg-start mt-4 pt-2">
-                <!-- Pogresna lozinka -->
                 <p *ngIf="wrongCreds" class="small fw-bold mt-2 pt-1 mb-0 text-danger">Lozinka ili e-mail su pogrešni
                 </p>
-                <!-- Nepotvrdjena registracija
-                <p *ngIf="notApproved" class="small fw-bold mt-2 pt-1 mb-0 text-danger">Vaša registracija još uvek nije potvrđena</p>-->
                 <br>
 
                 <button type="button" class="btn btn-primary btn-lg"
                     style="padding-left: 2.5rem; padding-right: 2.5rem;" (click)="onSubmit()">Prijava
                 </button>
 
+                <br>
                 <p class="small fw-bold mt-2 pt-1 mb-0">Još uvek nemate nalog?
                     <a routerLink="/register" class="link-danger">Registrujte se</a>
                 </p>
@@ -39,6 +51,5 @@
         </form>
     </div>
 
-    <!-- TODO: <app-footer></app-footer>-->
-
-</div>
\ No newline at end of file
+</div>
+-->
\ No newline at end of file
-- 
cgit v1.2.3