aboutsummaryrefslogtreecommitdiff
path: root/frontend/src/app/_pages/login-page/login-page.component.html
blob: b8620e2f37df565d211754e0ed3bbc02f2c1baa6 (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
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>