login.component.html 3.2 KB
Newer Older
1
2
3
4
5
6
7
<div class="login-page" style="background: #004869;">
    <div class="row">
        <div class="col-md-4 push-md-4" style="padding: 55px 35px;background: rgba(255,255,255,0.15);border-radius: 8px;">
            <h1>MateFun</h1>
            <form role="form">
                <div class="form-content">
                    <div class="form-group">
8
                        <input type="text" [(ngModel)]=model.cedula  name="cedula" class="form-control input-underline input-lg"  placeholder='{{ "i18n.object.user" | translate | titleCase }}'>
9
10
11
                    </div>

                    <div class="form-group">
Diego Rey's avatar
Diego Rey committed
12
13
14
15
16
17
18
                        <input
                            type="password"
                            [(ngModel)]=model.password
                            (keyup.enter)=login()
                            name="password"
                            class="form-control input-underline input-lg"
                            placeholder='{{ "i18n.object.password" | translate | titleCase }}'>
19
                    </div>
20
                    <!-- <div class="form-group" style="margin-bottom: 0px; text-align: left;">
21
22
23
24
25
                        <div ngbDropdown class="d-inline-block language-switcher">
                            <button class="btn btn-outline-secondary" id="input-lang" ngbDropdownToggle>
                                <span class="flag-icon flag-icon-{{model.language.flagCode}}"></span>
                                {{model.language.name}}
                            </button>
26
                            <div class="dropdown-menu" aria-labelledby="input-lang">
27
28
29
30
31
32
33
34
                                <div class="dropdown-menu-front">
                                    <div class="dropdown-menu-content">
                                        <button class="dropdown-item" *ngFor="let lang of languages" (click)="onChangeLanguage(lang)" >
                                            <span class="flag-icon flag-icon-{{lang.flagCode}}"></span>
                                            {{lang.name}}
                                        </button>
                                    </div>
                                </div>
35
                            </div>
36
                        </div>
37
                     </div> -->
38
39
                </div>

40
41
                <a class="btn rounded-btn" style="background: transparent;color: white;cursor: pointer;width: 159px;margin-right: 3px;" (click)=login()> {{ "i18n.action.login" | translate | titleCase }} </a>
                <a class="btn rounded-btn" style="background: transparent;color: white;cursor: pointer;width: 159px;margin-left: 3px;" (click)=invitado()> {{ "i18n.object.guest" | translate | titleCase }} </a>
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
                &nbsp;
                <div class="loading" *ngIf="loading">
                    <div class="loading-bar"></div>
                    <div class="loading-bar"></div>
                    <div class="loading-bar"></div>
                </div>
                <div class="login-error" *ngIf="error && !loading">
                    <ngb-alert [dismissible]="false" [type]="'danger'">
                        <strong>Error!</strong> {{errorText}}.
                    </ngb-alert>
                </div>
            </form>
        </div>
    </div>
</div>