Skip to content

I
Intranet
Commit c0de3798 by Matteo
Options

sistemato titolo reset password

parent 07c9b54d
Showing with 89 additions and 52 deletions
src/app/auth/pages/reset/reset.page.html
<ion-header>
<title>2p2</title>
</ion-header>
<ion-content>
<ion-grid class="transparent bc-grid">
<ion-row class="transparent">
<ion-col align-self-end size-md="6" size-lg="6" size-xs="12" class="transparent">
<div class="body-form body-img12">
<form #form="ngForm" (ngSubmit)="reset(form)" [formGroup]="matching_email_group">
<ion-grid>
<ion-row color="primary" justify-content-center>
<ion-col align-self-center>
<ion-row>
<ion-buttons (click)="back()" title="{{ 'back_login' | translate }}" class="back-button-desktop back-button-desktop-reset">
<ion-icon name="arrow-round-back" color="#2b94d1" class="back" tappable></ion-icon>
<!--<ion-icon name="arrow-dropleft-circle" color="#2b94d1" class="back"></ion-icon>-->
</ion-buttons>
<ion-title class="logo-piccolo">
<img src="assets/icon/2p2-logo-color.svg">
</ion-title>
</ion-row>
<div text-center>
<h3>{{ 'reset_pwd' | translate }}</h3>
</div>
<div padding>
<ion-item>
<ion-input formControlName="email" type="email" placeholder="{{ 'email' | translate }}" ngModel required></ion-input>
</ion-item>
</div>
<div padding>
<ion-button type="submit" [disabled]="form.invalid" class="bc-invia">{{ 'reset_pwd' | translate }}</ion-button>
</div>
</ion-col>
</ion-row>
<ion-row color="primary" justify-content-center>
<div class="validation-errors" justify-content-center>
<ng-container *ngFor="let validation of validation_messages.email">
<div class="error-message" *ngIf="matching_email_group.get('email').hasError(validation.type) && (matching_email_group.get('email').dirty
|| matching_email_group.get('email').touched)">
{{ validation.message }}
</div>
</ng-container>
</div>
</ion-row>
</ion-grid>
</form>
</div>
</ion-col>
<ion-col align-self-end size-md="6" size-lg="6" size-xs="12">
<div class="body-blue2"></div>
<div class="body-img22"></div>
<ion-content>
<div class="background-blu rp-height" *ngIf="!platform.is('desktop')">
<ion-grid>
<ion-row color="primary" justify-content-center>
<ion-col align-self-center>
<ion-toolbar class="business-toolbar">
<ion-buttons (click)="back()" slot="start" title="{{ 'back_login' | translate }}">
<ion-icon name="arrow-round-back" color="#2b94d1" class="back-white" tappable></ion-icon>
<!--<ion-icon name="arrow-dropleft-circle" color="#2b94d1" class="back"></ion-icon>-->
</ion-buttons>
<ion-title class="logo-piccolo">
<img src="assets/img/LogoBianco.svg">
</ion-title>
</ion-toolbar>
</ion-col>
</ion-row>
</ion-grid>
</ion-content>
\ No newline at end of file
<div class="messaggio-bianco">
{{ 'reset_pwd' | translate }}
</div>
</div>
<ion-grid class="transparent bc-grid">
<ion-row class="transparent">
<ion-col align-self-end size-md="6" size-lg="6" size-xs="12" class="transparent">
<div class="body-form body-img12">
<form #form="ngForm" (ngSubmit)="reset(form)" [formGroup]="matching_email_group">
<ion-grid>
<ion-row color="primary" justify-content-center>
<ion-col align-self-center>
<ion-row *ngIf="platform.is('desktop')">
<ion-buttons (click)="back()" title="{{ 'back_login' | translate }}" class="back-button-desktop back-button-desktop-reset">
<ion-icon name="arrow-round-back" color="#2b94d1" class="back" tappable></ion-icon>
</ion-buttons>
<ion-title class="logo-piccolo">
<img src="assets/icon/2p2-logo-color.svg">
</ion-title>
</ion-row>
<div text-center *ngIf="platform.is('desktop')">
<h3>{{ 'reset_pwd' | translate }}</h3>
</div>
<div padding>
<ion-item>
<ion-input formControlName="email" type="email" placeholder="{{ 'email' | translate }}" ngModel required></ion-input>
</ion-item>
</div>
<div padding>
<ion-button type="submit" [disabled]="form.invalid" class="bc-invia">{{ 'reset_pwd' | translate }}</ion-button>
</div>
</ion-col>
</ion-row>
<ion-row color="primary" justify-content-center>
<div class="validation-errors" justify-content-center>
<ng-container *ngFor="let validation of validation_messages.email">
<div class="error-message" *ngIf="matching_email_group.get('email').hasError(validation.type) && (matching_email_group.get('email').dirty
|| matching_email_group.get('email').touched)">
{{ validation.message }}
</div>
</ng-container>
</div>
</ion-row>
</ion-grid>
</form>
</div>
</ion-col>
<ion-col align-self-end size-md="6" size-lg="6" size-xs="12">
<div class="body-blue2"></div>
<div class="body-img22"></div>
</ion-col>
</ion-row>
</ion-grid>
</ion-content>
\ No newline at end of file
src/app/auth/pages/reset/reset.page.ts
......@@ -4,7 +4,7 @@ import { Router } from "@angular/router";
import { AuthService } from '../../service/auth.service';
import { ErrorResponse } from './../../interface/error-response';
import { UtilService } from '../../../service/util.service';
import { Events } from '@ionic/angular';
import { Events, Platform } from '@ionic/angular';
import { TranslateService } from '@ngx-translate/core';
@Component({
......@@ -14,7 +14,14 @@ import { TranslateService } from '@ngx-translate/core';
})
export class ResetPage implements OnInit {
constructor(private authService: AuthService, private router: Router, public events: Events, private utilService: UtilService, public translate: TranslateService) {
constructor(
private authService: AuthService,
private router: Router,
public events: Events,
public platform: Platform,
private utilService: UtilService,
public translate: TranslateService
) {
this.events.subscribe('functionCall:linguaCambiata', eventData => {
translate = utilService.translate;
......
src/smartphone.scss
......@@ -101,6 +101,12 @@ $grigio-superlite: #e5e5ea;
background-size: 100% 201px;
}
.rp-height
{
height: 161px;
background-size: 100% 161px;
}
.home-height
{
height: 100px;
......@@ -124,6 +130,7 @@ $grigio-superlite: #e5e5ea;
text-transform: uppercase;
margin-bottom: 20px;
font-size: 24px;
text-align: center;
}
.content-preview-smart
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment