51 lines
2.3 KiB
HTML
51 lines
2.3 KiB
HTML
<div class="container-fluid container-login">
|
|
<div class="d-flex flex-column">
|
|
<div class="row justify-content-center align-items-center" style="height: 100vh;">
|
|
<div class="col-12 col-sm-8 col-md-6 col-xl-4">
|
|
<div class="cs-login">
|
|
<div class="text-center">
|
|
<span class="ls-saudacao">Bem-vindo(a), </span>
|
|
<span class="ls-plataforma">SIMPLIFIQUE</span>
|
|
</div>
|
|
<form class="fs-login" [formGroup]="form" (keydown.enter)="submitForm()">
|
|
<span class="ls-subtitle">Acesse sua conta</span>
|
|
<kendo-formfield>
|
|
<label>
|
|
<span class="ls-text">Email</span>
|
|
<kendo-textbox class="is-text" formControlName="email" placeholder="Informe seu email de acesso" #email
|
|
required>
|
|
</kendo-textbox>
|
|
</label>
|
|
<!-- <kendo-formerror *ngIf="form.controls.email.errors?.required">
|
|
Erro: Email é obrigatório!
|
|
</kendo-formerror>
|
|
<kendo-formerror *ngIf="form.controls.email.errors?.email">
|
|
Error: Informe um email com formato válido.
|
|
</kendo-formerror> -->
|
|
</kendo-formfield>
|
|
<kendo-formfield>
|
|
<label>
|
|
<span class="ls-text">Senha</span>
|
|
<kendo-textbox class="k-textbox is-text" type="password" placeholder="Informe sua senha" #password
|
|
formControlName="password">
|
|
<ng-template kendoTextBoxSuffixTemplate>
|
|
<button kendoButton look="clear" [icon]="passwordVisible ? 'eye-slash' : 'eye'"
|
|
(click)="toggleVisibility()" type="button"></button>
|
|
</ng-template>
|
|
</kendo-textbox>
|
|
</label>
|
|
<kendo-formerror>Erro: A senha é obrigatória!</kendo-formerror>
|
|
</kendo-formfield>
|
|
<span class="ls-forgot-password">
|
|
Esqueceu a senha? <a class="ls-link-forgot-password">Recupere o acesso</a>
|
|
</span>
|
|
<button kendoButton class="bs-default" [disabled]="isLoading" [icon]="loadingIcon" (click)="submitForm()">
|
|
ENTRAR
|
|
</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div kendoDialogContainer></div> |