blob: 76a4ee7b0618a5871588cac2d0baad42829b6d14 (
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
40
41
42
43
44
 | <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"
                    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>
 |