<ion-header> | |
<ion-navbar hideBackButton="true"> | |
<ion-title>Iniciar Sesión</ion-title> | |
</ion-navbar> | |
</ion-header> | |
<ion-content> | |
<form #signInForm="ngForm" (submit)="signIn()"> | |
<ion-list> | |
<ion-item> | |
<ion-label stacked>Correo electrónico</ion-label> | |
<ion-input [(ngModel)]="userModel.email" type="email" autocorrect="off" autocapitalize="none" name="email" pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,3}$" | |
required></ion-input> | |
</ion-item> | |
<ion-item> | |
<ion-label stacked>Contraseña</ion-label> | |
<ion-input [(ngModel)]="userModel.password" type="password" name="password" required minlength="6"></ion-input> | |
</ion-item> | |
<div padding-left padding-right padding-top> | |
<button ion-button [disabled]="!signInForm.form.valid" block>Entrar</button> | |
</div> | |
<div padding-left padding-right> | |
<p>¿No tiene Cuenta de Usuario? <a (click)="signUp()">Regístrese</a> | |
</div> | |
</ion-list> | |
</form> | |
<div padding> | |
<div padding-bottom>Entrar con una red social:</div> | |
<button ion-button block (click)="signInWithFacebook()" class="facebook-btn">Entrar con Facebook</button> | |
</div> | |
</ion-content> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment