Skip to content

Instantly share code, notes, and snippets.

@geykel

geykel/signin3.html Secret

Created Jun 27, 2017
Embed
What would you like to do?
<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>&iquest;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