From cd2188997ff4cbcce83e3cada3fc220375ebc78e Mon Sep 17 00:00:00 2001
From: Sonja Galovic <galovicsonja@gmail.com>
Date: Sat, 5 Mar 2022 22:03:03 +0100
Subject: Login and Register page - v. 0.1.0

---
 .../_pages/login-page/login-page.component.html    | 39 ++++++++++++++++++++++
 1 file changed, 39 insertions(+)
 create mode 100644 frontend/src/app/_pages/login-page/login-page.component.html

(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
new file mode 100644
index 00000000..b8620e2f
--- /dev/null
+++ b/frontend/src/app/_pages/login-page/login-page.component.html
@@ -0,0 +1,39 @@
+<div *ngIf="pageLoaded" 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>
+            <!-- Email input -->
+            <div class="form-outline mb-4">
+                <label class="form-label" for="email">Email adresa</label>
+                <input [(ngModel)]="email" name="email" type="email" id="email" class="form-control form-control-lg" placeholder="Unesite email adresu..." />
+            </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" class="form-control form-control-lg" placeholder="Unesite lozinku..." />
+            </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>
+        
+                <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>
+            </div>
+        </form>
+    </div>
+    
+    <!-- TODO: <app-footer></app-footer>-->
+
+</div>
\ No newline at end of file
-- 
cgit v1.2.3