Axel Iván Solano González
59 lines
2.0 KiB
HTML
59 lines
2.0 KiB
HTML
<ion-header>
|
|
<ion-toolbar color="secondary">
|
|
<ion-title text-center>
|
|
SintomAppAcatlán
|
|
</ion-title>
|
|
</ion-toolbar>
|
|
</ion-header>
|
|
|
|
<ion-content [fullscreen]="true" class="grad">
|
|
|
|
<div class="ion-padding ion-text-center">
|
|
<ion-note
|
|
color="danger">
|
|
{{errorMessage}}
|
|
</ion-note>
|
|
</div>
|
|
<ion-icon slot="end" name="help-circle-outline" (click)="presentAlertCredenciales()"></ion-icon>
|
|
<div class="ion-padding">
|
|
<form #ngForm="ngForm">
|
|
<ion-item color="translucent">
|
|
<ion-icon slot="start" name="person" color="secondary"></ion-icon>
|
|
<ion-label position="floating">Número de cuenta</ion-label>
|
|
<ion-input inputmode="numeric" placeholder="Número de cuenta"
|
|
[(ngModel)]="data.cuenta"
|
|
name="cuenta" minlength=6 maxlength=9
|
|
color="ligth"
|
|
required>
|
|
</ion-input>
|
|
</ion-item>
|
|
|
|
<ion-item color="translucent">
|
|
<ion-icon slot="start" name="key" color="secondary"></ion-icon>
|
|
<ion-label position="floating">Contraseña</ion-label>
|
|
<ion-input type="password" placeholder="Contraseña de escolares"
|
|
[(ngModel)]="data.password"
|
|
name="password"
|
|
required minlength="5">
|
|
</ion-input>
|
|
</ion-item>
|
|
<ion-item color="translucent">
|
|
<ion-icon name="glasses-outline" color="secondary" ></ion-icon>
|
|
<ion-select class="my-select" placeholder="Carrera" interface="action-sheet" [(ngModel)]=data.carer name="carer" required >
|
|
<ion-select-option *ngFor="let entry of carreras" [(value)]=entry.code>{{entry.name}}</ion-select-option>
|
|
</ion-select>
|
|
</ion-item>
|
|
</form>
|
|
</div>
|
|
</ion-content>
|
|
|
|
<ion-footer>
|
|
<div class="ion-padding">
|
|
<ion-label class="login_label" (click)="openPrivacyAdvice()"color="primary" href="https://www.acatlan.unam.mx/normatividad/">Aviso de privacidad</ion-label>
|
|
<ion-button [disabled]="ngForm.invalid"
|
|
expand="full"
|
|
(click)="login()">
|
|
Entrar
|
|
</ion-button>
|
|
</div>
|
|
</ion-footer> |