Skip to content

I
Intranet
Commit d3bac197 by Matteo
Options

Pc e Android all'ultima versione della grafica

parent 6527e61a
Showing with 1959 additions and 674 deletions
src/app/app-routing.module.ts
...@@ -3,11 +3,12 @@ import { PreloadAllModules, RouterModule, Routes } from '@angular/router'; ...@@ -3,11 +3,12 @@ import { PreloadAllModules, RouterModule, Routes } from '@angular/router';
const routes: Routes = [ const routes: Routes = [
{ path: '', redirectTo: 'login', pathMatch: 'full' }, { path: '', redirectTo: 'login', pathMatch: 'full' },
{ path: 'home', loadChildren: './pages/home/home.module#HomePageModule' }, { path: 'home', loadChildren: '../app/pages/home/home.module#HomePageModule' },
{ path: 'login', loadChildren: './auth/pages/login/login.module#LoginPageModule' }, { path: 'login', loadChildren: '../app/auth/pages/login/login.module#LoginPageModule' },
{ path: 'reset', loadChildren: './auth/pages/reset/reset.module#ResetPageModule' }, { path: 'reset', loadChildren: '../app/auth/pages/reset/reset.module#ResetPageModule' },
{ path: 'businesscall', loadChildren: './pages/businesscall/businesscall.module#BusinesscallPageModule' }, { path: 'businesscall', loadChildren: '../app/pages/businesscall/businesscall.module#BusinesscallPageModule' },
{ path: 'privacy', loadChildren: './pages/privacy/privacy.module#PrivacyPageModule' } { path: 'privacy', loadChildren: '../app/pages/privacy/privacy.module#PrivacyPageModule' }
]; ];
@NgModule({ @NgModule({
......
src/app/auth/pages/change-pwd/change-pwd.page.html
<ion-header class="header-subpage" no-border> <!--<ion-header class="header-subpage" no-border>
<ion-toolbar> <ion-toolbar>
<ion-title class="titolo-sezione-head">{{ 'change_password' | translate }}</ion-title> <ion-title class="titolo-sezione-head">{{ 'change_password' | translate }}</ion-title>
</ion-toolbar> </ion-toolbar>
</ion-header> </ion-header>-->
<ion-content> <ion-content>
<div class="contenitore-home"> <ion-grid class="transparent bc-grid">
<div class="central-home"> <ion-row class="transparent">
<form #form="ngForm" (ngSubmit)="change(form)" [formGroup]="matching_passwords_group"> <ion-col align-self-end size-md="6" size-lg="6" size-xs="12" class="transparent">
<ion-grid> <div class="body-form body-img12">
<ion-row color="primary" justify-content-center> <ion-row justify-content-center *ngIf="platform.is('desktop')">
<ion-col> <ion-col>
<div padding> <ion-buttons class="back-button-desktop" (click)="back()" title="{{ 'back_login' | translate }}">
<ion-item> <ion-icon name="arrow-round-back" color="#2b94d1" class="back" tappable></ion-icon>
<ion-input formControlName="oldpassword" type="password" placeholder="{{ 'old_pwd' | translate }}" ngModel required></ion-input> <!--<ion-icon name="arrow-dropleft-circle" color="#2b94d1" class="back"></ion-icon>-->
</ion-item> </ion-buttons>
<ion-item> </ion-col>
<ion-input formControlName="newpassword" type="password" placeholder="{{ 'new_pwd' | translate }}" ngModel required></ion-input> <ion-col>
</ion-item> <div class="change-title bc-title">
<ion-item> {{ 'change_password' | translate }}
<ion-input formControlName="newpasswordbis" type="password" placeholder="{{ 'repeat_new_pwd' | translate }}" ngModel required></ion-input>
</ion-item>
</div>
<div padding>
<ion-button size="large" type="submit" [disabled]="form.invalid" expand="block" class="form-button giallo">{{ 'change_password' | 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.newpassword">
<div class="error-message" *ngIf="matching_passwords_group.get('newpassword').hasError(validation.type) && (matching_passwords_group.get('newpassword').dirty
|| matching_passwords_group.get('newpassword').touched)">
{{ validation.message }}
</div>
</ng-container>
<ng-container *ngFor="let validation of validation_messages.newpasswordbis">
<div class="error-message" *ngIf="matching_passwords_group.get('newpasswordbis').hasError(validation.type) && (matching_passwords_group.get('newpasswordbis').dirty
|| matching_passwords_group.get('newpasswordbis').touched)">
{{ validation.message }}
</div>
</ng-container>
<ng-container *ngFor="let validation of validation_messages.newpasswordbis">
<div class="error-message" *ngIf="matching_passwords_group.hasError('areEqual')">
{{ validation.message }}
</div> </div>
</ng-container> </ion-col>
</div> <ion-col></ion-col>
</ion-row> </ion-row>
</ion-grid> <form #form="ngForm" (ngSubmit)="change(form)" [formGroup]="matching_passwords_group">
</form> <ion-grid>
</div> <ion-row color="primary" justify-content-center>
</div> <ion-col>
</ion-content> <div padding>
\ No newline at end of file <ion-item>
<ion-input formControlName="oldpassword" type="password" placeholder="{{ 'old_pwd' | translate }}" ngModel required></ion-input>
</ion-item>
<ion-item>
<ion-input formControlName="newpassword" type="password" placeholder="{{ 'new_pwd' | translate }}" ngModel required></ion-input>
</ion-item>
<ion-item>
<ion-input formControlName="newpasswordbis" type="password" placeholder="{{ 'repeat_new_pwd' | translate }}" ngModel required></ion-input>
</ion-item>
</div>
<div padding>
<ion-button type="submit" [disabled]="form.invalid" class="bc-invia">{{ 'change_password' | 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.newpassword">
<div class="error-message" *ngIf="matching_passwords_group.get('newpassword').hasError(validation.type) && (matching_passwords_group.get('newpassword').dirty
|| matching_passwords_group.get('newpassword').touched)">
{{ validation.message }}
</div>
</ng-container>
<ng-container *ngFor="let validation of validation_messages.newpasswordbis">
<div class="error-message" *ngIf="matching_passwords_group.get('newpasswordbis').hasError(validation.type) && (matching_passwords_group.get('newpasswordbis').dirty
|| matching_passwords_group.get('newpasswordbis').touched)">
{{ validation.message }}
</div>
</ng-container>
<ng-container *ngFor="let validation of validation_messages.newpasswordbis">
<div class="error-message" *ngIf="matching_passwords_group.hasError('areEqual')">
{{ 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/change-pwd/change-pwd.page.ts
...@@ -6,7 +6,7 @@ import { AuthService } from '../../service/auth.service'; ...@@ -6,7 +6,7 @@ import { AuthService } from '../../service/auth.service';
import { ErrorResponse } from '../../interface/error-response'; import { ErrorResponse } from '../../interface/error-response';
import { UtilService } from '../../../service/util.service'; import { UtilService } from '../../../service/util.service';
import { TranslateService } from '@ngx-translate/core'; import { TranslateService } from '@ngx-translate/core';
import { Events } from '@ionic/angular'; import { Platform, Events } from '@ionic/angular';
@Component({ @Component({
selector: 'app-change-pwd', selector: 'app-change-pwd',
...@@ -17,7 +17,8 @@ export class ChangePwdPage implements OnInit { ...@@ -17,7 +17,8 @@ export class ChangePwdPage implements OnInit {
constructor( constructor(
private authService: AuthService, private authService: AuthService,
private router: Router, private router: Router,
public platform: Platform,
private utilService: UtilService, private utilService: UtilService,
public translate: TranslateService, public translate: TranslateService,
public events: Events) { public events: Events) {
...@@ -78,6 +79,14 @@ matching_passwords_group = new FormGroup({ ...@@ -78,6 +79,14 @@ matching_passwords_group = new FormGroup({
] ]
} }
back()
{
UtilService.titoloPagina = '';
this.events.publish('functionCall:cambiaTitolo', null);
this.router.navigateByUrl('home');
}
ngOnInit() { ngOnInit() {
} }
......
src/app/auth/pages/login/login.page.html
...@@ -4,16 +4,15 @@ ...@@ -4,16 +4,15 @@
</ion-toolbar> </ion-toolbar>
</ion-header>--> </ion-header>-->
<div class="body-desktop"> <div class="body-desktop" *ngIf="!platform.is('desktop')">
<div class="body-blue"></div> <div class="body-blue"></div>
<div class="body-img1"></div> <div class="body-img1"></div>
<div class="body-img2"></div>
<div class="body-form"> <div class="body-form">
<ion-content *ngIf="!platform.is('desktop')"> <ion-content class="content-login-smartphone">
<div> <div>
<div class="contenitore"> <div class="contenitore">
<div class="logo-grande"> <div class="logo-grande">
<img src="assets/icon/2p2-logo-color.svg" /> <img src="assets/img/LogoBianco.svg" />
</div> </div>
<form #form="ngForm" (ngSubmit)="login(form)" class="form"> <form #form="ngForm" (ngSubmit)="login(form)" class="form">
<ion-grid> <ion-grid>
...@@ -29,8 +28,8 @@ ...@@ -29,8 +28,8 @@
<ion-input name="password" type="password" placeholder="{{ 'password' | translate }}" ngModel required></ion-input> <ion-input name="password" type="password" placeholder="{{ 'password' | translate }}" ngModel required></ion-input>
</ion-item> </ion-item>
</div> </div>
<div class="accedi" > <div class="standard-padding">
<ion-button size="large" type="submit" [disabled]="form.invalid" expand="block" tappable>{{ 'accedi' | translate }}</ion-button> <ion-button class="bc-invia" size="large" type="submit" [disabled]="form.invalid" expand="block" tappable>{{ 'accedi' | translate }}</ion-button>
</div> </div>
</ion-col> </ion-col>
</ion-row> </ion-row>
...@@ -39,41 +38,48 @@ ...@@ -39,41 +38,48 @@
<a (click)='reset()' tappable>{{ 'lost_password' | translate }}</a> <a (click)='reset()' tappable>{{ 'lost_password' | translate }}</a>
</div> </div>
</ion-row> </ion-row>
<ion-row color="primary" justify-content-center>
<ion-col align-self-center size-md="6" size-lg="5" size-xs="12">
<div class="business-call">
<div class="non-account">
{{ 'hai_account' | translate }}
</div>
<div class="title-call">
{{ 'prenota_subito' | translate }}<br />{{ 'tua' | translate }} <span class="giallo">{{ 'business_call' | translate }}</span>
</div>
<div class="descr-call">
{{ 'consulenti' | translate }} <strong>{{ 'gratuita' | translate }}</strong> {{ 'su_misura' | translate }}
</div>
<div class="appuntamento">
<a (click)='redirectBusiness()' tappable>{{ 'prenota_app' | translate }}</a>
</div>
</div>
</ion-col>
</ion-row>
<ion-row justify-content-center> <ion-row justify-content-center>
<ion-col align-self-center size-md="6" size-lg="5" size-xs="12" style="color: white"> <ion-col align-self-center size-md="6" size-lg="5" size-xs="12" style="color: white">
<ion-row> <ion-row>
<ion-label class="label-border" style="margin-top: 8px;">{{ 'lingua_selezionata' | translate }}</ion-label> <ion-label class="label-border-desktop" style="margin-top: 8px;">{{ 'lingua_selezionata' | translate }}</ion-label>
<ion-select value="clienteSel" [(ngModel)]="linguaSel" (ionChange)="cambiaLingua()" placeholder="{{linguaSel}}" interface="popover" title="{{ 'seleziona_lingua' | translate }}"> <ion-select placeholder="{{linguaSel}}" (ionChange)="cambiaLingua()" interface="popover" title="{{ 'seleziona_lingua' | translate }}">
<ion-select-option *ngFor="let lingua of lingue; let i=index;" value="{{lingua.key}}">{{lingua.value}}</ion-select-option> <ion-select-option *ngFor="let lingua of lingue; let i=index;" [value]="lingua.key" [selected]="i === 0">{{lingua.value}}</ion-select-option>
</ion-select> </ion-select>
</ion-row> </ion-row>
</ion-col> </ion-col>
</ion-row> </ion-row>
<ion-row color="primary" justify-content-center>
</ion-row>
</ion-grid> </ion-grid>
</form> </form>
</div> </div>
</div> </div>
</ion-content> </ion-content>
<ion-footer class="footer-smartphone">
<ion-col class="desktop-bcall-col"align-self-center>
<div class="smartphone-bcall">
<div class="bcall-title">
{{ 'bcall_title' | translate }}
</div>
<div>
<a (click)='redirectBusiness()' tappable class="bcall-content">
{{ 'bcall_content' | translate }}
</a>
</div>
<ion-img (click)='redirectBusiness()' src="../../../../assets/img/Risorsa3.png"></ion-img>
</div>
</ion-col>
</ion-footer>
</div>
</div>
<ion-content class="login-desktop-content" *ngIf="platform.is('desktop')"> <div class="body-desktop" *ngIf="platform.is('desktop')">
<div class="body-blue"></div>
<div class="body-img1"></div>
<div class="body-img2"></div>
<div class="body-form">
<ion-content class="login-desktop-content">
<div> <div>
<div class="contenitore-desktop" *ngIf="platform.is('desktop')"> <div class="contenitore-desktop" *ngIf="platform.is('desktop')">
<div class="logo-grande"> <div class="logo-grande">
...@@ -88,9 +94,9 @@ ...@@ -88,9 +94,9 @@
<form #form="ngForm" (ngSubmit)="login(form)" class="form-desktop"> <form #form="ngForm" (ngSubmit)="login(form)" class="form-desktop">
<ion-grid class="login-grid"> <ion-grid class="login-grid">
<ion-row class="login-row"> <ion-row class="login-row">
<ion-col align-self-end size-md="6" size-lg="6" size-xs="12"> <ion-col class="align-self-end" size-md="6" size-lg="6" size-xs="12">
<ion-row> <ion-row>
<ion-col align-self-center size-md="6" size-lg="8" size-xs="12"> <ion-col class="align-self-center" size-md="6" size-lg="8" size-xs="12">
<div> <div>
<ion-row> <ion-row>
<ion-col size-md="8" size-lg="10" size-xs="12"> <ion-col size-md="8" size-lg="10" size-xs="12">
...@@ -115,15 +121,16 @@ ...@@ -115,15 +121,16 @@
</div> </div>
</ion-col> </ion-col>
</ion-row> </ion-row>
<ion-row color="primary"> <ion-row color="primary">
<div text-center class="forgot"> <div class="text-center" class="forgot">
<a (click)='reset()' tappable>{{ 'lost_password' | translate }}</a> <a (click)='reset()' tappable>{{ 'lost_password' | translate }}</a>
</div> </div>
</ion-row> </ion-row>
<ion-row> <ion-row>
<ion-label class="label-border-desktop" style="margin-top: 8px;">{{ 'lingua_selezionata' | translate }}</ion-label> <ion-label class="label-border-desktop" style="margin-top: 8px;">{{ 'lingua_selezionata' | translate }}</ion-label>
<ion-select value="clienteSel" [(ngModel)]="linguaSel" (ionChange)="cambiaLingua()" placeholder="{{linguaSel}}" interface="popover" title="{{ 'seleziona_lingua' | translate }}"> <ion-select placeholder="{{linguaSel}}" (ionChange)="cambiaLingua()" interface="popover" title="{{ 'seleziona_lingua' | translate }}">
<ion-select-option *ngFor="let lingua of lingue; let i=index;" value="{{lingua.key}}">{{lingua.value}}</ion-select-option> <ion-select-option *ngFor="let lingua of lingue; let i=index;" [value]="lingua.key" [selected]="i === 0">{{lingua.value}}</ion-select-option>
</ion-select> </ion-select>
</ion-row> </ion-row>
</ion-col> </ion-col>
......
src/app/auth/pages/login/login.page.ts
...@@ -39,7 +39,7 @@ export class LoginPage implements OnInit { ...@@ -39,7 +39,7 @@ export class LoginPage implements OnInit {
this.events.publish('functionCall:linguaCambiata', null); this.events.publish('functionCall:linguaCambiata', null);
} }
linguaSel: string; linguaSel : string;
lingue : Array<Pair>; lingue : Array<Pair>;
cambiaLingua() cambiaLingua()
...@@ -60,6 +60,8 @@ export class LoginPage implements OnInit { ...@@ -60,6 +60,8 @@ export class LoginPage implements OnInit {
} }
else else
{ {
UtilService.titoloPagina = '';
this.router.navigateByUrl('home'); this.router.navigateByUrl('home');
this.events.publish('functionCall:startup', null); this.events.publish('functionCall:startup', null);
} }
......
src/app/auth/pages/reset/reset.page.html
<ion-header no-border>
<ion-grid>
<ion-row color="primary" justify-content-center>
<ion-col align-self-center size-md="6" size-lg="5" size-xs="12">
<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" 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-toolbar>
</ion-col>
</ion-row>
</ion-grid>
</ion-header>
<ion-content> <ion-content>
<form #form="ngForm" (ngSubmit)="reset(form)" [formGroup]="matching_email_group"> <ion-grid class="transparent bc-grid">
<ion-grid> <ion-row class="transparent">
<ion-row color="primary" justify-content-center> <ion-col align-self-end size-md="6" size-lg="6" size-xs="12" class="transparent">
<ion-col align-self-center size-md="6" size-lg="5" size-xs="12"> <div class="body-form body-img12">
<div text-center> <form #form="ngForm" (ngSubmit)="reset(form)" [formGroup]="matching_email_group">
<h3>{{ 'reset_pwd' | translate }}</h3> <ion-grid>
</div> <ion-row color="primary" justify-content-center>
<div padding> <ion-col align-self-center>
<ion-item> <ion-row>
<ion-input formControlName="email" type="email" placeholder="{{ 'email' | translate }}" ngModel required></ion-input> <ion-buttons (click)="back()" title="{{ 'back_login' | translate }}" class="back-button-desktop back-button-desktop-reset">
</ion-item> <ion-icon name="arrow-round-back" color="#2b94d1" class="back" tappable></ion-icon>
</div> <!--<ion-icon name="arrow-dropleft-circle" color="#2b94d1" class="back"></ion-icon>-->
<div padding> </ion-buttons>
<ion-button size="large" type="submit" [disabled]="form.invalid" expand="block" class="form-button giallo">{{ 'reset_pwd' | translate }}</ion-button> <ion-title class="logo-piccolo">
</div> <img src="assets/icon/2p2-logo-color.svg">
</ion-col> </ion-title>
</ion-row> </ion-row>
<ion-row color="primary" justify-content-center> <div text-center>
<div class="validation-errors" justify-content-center> <h3>{{ 'reset_pwd' | translate }}</h3>
<ng-container *ngFor="let validation of validation_messages.email"> </div>
<div class="error-message" *ngIf="matching_email_group.get('email').hasError(validation.type) && (matching_email_group.get('email').dirty <div padding>
|| matching_email_group.get('email').touched)"> <ion-item>
{{ validation.message }} <ion-input formControlName="email" type="email" placeholder="{{ 'email' | translate }}" ngModel required></ion-input>
</div> </ion-item>
</ng-container> </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> </div>
</ion-row> </ion-col>
</ion-grid> <ion-col align-self-end size-md="6" size-lg="6" size-xs="12">
</form> <div class="body-blue2"></div>
<div class="body-img22"></div>
</ion-col>
</ion-row>
</ion-grid>
</ion-content> </ion-content>
\ No newline at end of file
src/app/pages/businesscall/businesscall.page.html
...@@ -3,93 +3,94 @@ ...@@ -3,93 +3,94 @@
</ion-header> </ion-header>
<div class="body-desktop"> <div class="body-desktop">
<ion-grid class="transparent bc-grid"> <ion-content *ngIf="!platform.is('desktop')">
<ion-row class="transparent"> <div fullscreen>
<ion-col align-self-end size-md="6" size-lg="6" size-xs="12" class="transparent"> <div class="contenitore-business">
<div class="body-form body-img12"> <div class="background-blu bc-height">
<ion-content *ngIf="!platform.is('desktop')"> <ion-grid>
<div class="no-image" fullscreen> <ion-row color="primary" justify-content-center>
<div class="contenitore-business"> <ion-col align-self-center>
<ion-grid> <ion-toolbar class="business-toolbar">
<ion-row color="primary" justify-content-center> <ion-buttons (click)="back()" slot="start" title="{{ 'back_login' | translate }}">
<ion-col align-self-center size-md="6" size-lg="5"> <ion-icon name="arrow-round-back" color="#2b94d1" class="back-white" tappable></ion-icon>
<ion-toolbar class="business-toolbar"> <!--<ion-icon name="arrow-dropleft-circle" color="#2b94d1" class="back"></ion-icon>-->
<ion-buttons (click)="back()" slot="start" title="{{ 'back_login' | translate }}"> </ion-buttons>
<ion-icon name="arrow-round-back" color="#2b94d1" class="back" tappable></ion-icon> <ion-title class="logo-piccolo">
<!--<ion-icon name="arrow-dropleft-circle" color="#2b94d1" class="back"></ion-icon>--> <img src="assets/img/LogoBianco.svg">
</ion-buttons> </ion-title>
<ion-title class="logo-piccolo"> </ion-toolbar>
<img src="assets/icon/2p2-logo-color.svg"> </ion-col>
</ion-title> </ion-row>
</ion-toolbar> </ion-grid>
</ion-col> <div class="messaggio-bianco">
</ion-row> {{ 'prenota' | translate }}<br /><span class="bold">{{ 'business_call' | translate }}</span>
</ion-grid> </div>
<div class="messaggio"> </div>
{{ 'prenota' | translate }}<br /><span class="blu">{{ 'business_call' | translate }}</span> <form #form="ngForm" (ngSubmit)="sendMail(form)">
</div> <ion-grid>
<form #form="ngForm" (ngSubmit)="sendMail(form)"> <ion-row color="primary" justify-content-center>
<ion-grid> <ion-col align-self-center size-md="6" size-lg="5" size-xs="12">
<ion-row color="primary" justify-content-center> <div class="bc-call">
<ion-col align-self-center size-md="6" size-lg="5" size-xs="12"> <ion-item class="input-business">
<div class="form"> <ion-input name="nome" type="text" placeholder="{{ 'nome' | translate }} *" [(ngModel)]="nome" required></ion-input>
<ion-item class="input-business"> </ion-item>
<ion-input name="nome" type="text" placeholder="{{ 'nome' | translate }} *" [(ngModel)]="nome" required></ion-input> <ion-item class="input-business">
</ion-item> <ion-input name="cognome" type="text" placeholder="{{ 'cognome' | translate }} *" [(ngModel)]="cognome" required></ion-input>
<ion-item class="input-business"> </ion-item>
<ion-input name="cognome" type="text" placeholder="{{ 'cognome' | translate }} *" [(ngModel)]="cognome" required></ion-input> <ion-item class="input-business">
</ion-item> <ion-input name="cellulare" type="text" placeholder="{{ 'cellulare' | translate }} *" [(ngModel)]="cellulare" required></ion-input>
<ion-item class="input-business"> </ion-item>
<ion-input name="cellulare" type="text" placeholder="{{ 'cellulare' | translate }} *" [(ngModel)]="cellulare" required></ion-input> <ion-item class="input-business">
</ion-item> <ion-input name="email" type="text" placeholder="{{ 'indirizzo_email' | translate }} *" [(ngModel)]="email" required></ion-input>
<ion-item class="input-business"> </ion-item>
<ion-input name="email" type="text" placeholder="{{ 'indirizzo_email' | translate }} *" [(ngModel)]="email" required></ion-input> <ion-item class="input-business">
</ion-item> <ion-input name="lingua" type="text" placeholder="{{ 'lingua' | translate }}" [(ngModel)]="lingua"></ion-input>
<ion-item class="input-business"> </ion-item>
<ion-input name="lingua" type="text" placeholder="{{ 'lingua' | translate }}" [(ngModel)]="lingua"></ion-input> <ion-item class="input-business">
</ion-item> <ion-textarea name="testo" placeholder="{{ 'bcall_messaggio' | translate }}" [(ngModel)]="testo" (ionInput)="autosize()" id="textarea"></ion-textarea>
<ion-item class="item-no-border testo-form"> </ion-item>
<ion-label class="testo-form" text-wrap> <ion-item class="input-check item-no-border" text-wrap>
{{ 'testo_libero' | translate }} <ion-row style="width: 100%">
</ion-label> <ion-col size="2" no-padding no-margin>
</ion-item> <ion-item no-padding no-margin no-lines class="item-no-border">
<ion-textarea name="testo" placeholder="" [(ngModel)]="testo" (ionInput)="autosize()" id="textarea"></ion-textarea> <ion-checkbox name="privacy" [(ngModel)]="privacy" class="check"> </ion-checkbox>
<ion-item class="input-check item-no-border" text-wrap> </ion-item>
<ion-row style="width: 100%"> </ion-col>
<ion-col size="2" no-padding no-margin> <ion-col size="10" no-padding no-margin>
<ion-item no-padding no-margin no-lines class="item-no-border"> <ion-item no-padding no-margin no-lines class="item-no-border">
<ion-checkbox name="privacy" [(ngModel)]="privacy" class="check"> </ion-checkbox> <ion-label class="text-check" text-wrap>{{ 'preso_visione' | translate }} <a (click)="gotoPrivacy();" tappable>{{ 'privacy' | translate }}</a></ion-label>
</ion-item> </ion-item>
</ion-col>
<ion-col size="10" no-padding no-margin>
<ion-item no-padding no-margin no-lines class="item-no-border">
<ion-label class="text-check" text-wrap>{{ 'preso_visione' | translate }} <a (click)="gotoPrivacy();" tappable>{{ 'privacy' | translate }}</a></ion-label>
</ion-item>
</ion-col>
</ion-row>
</ion-item>
</div>
<div class="accedi">
<ion-button size="large" type="submit" [disabled]="form.invalid" expand="block">{{ 'inviaM' | translate }}</ion-button>
</div>
</ion-col> </ion-col>
</ion-row> </ion-row>
<ion-row color="primary" justify-content-center> </ion-item>
<div class="require"> </div>
{{ 'campi_obbligatori' | translate }} <div class="accedi">
</div> <ion-button size="large" type="submit" [disabled]="form.invalid" class="bc-invia" expand="block">
<!--<div text-center> {{ 'inviaM' | translate }}
<a (click)='reset()'>Pulisci Form</a> </ion-button>
</div>--> </div>
</ion-row> </ion-col>
</ion-grid> </ion-row>
</form> <ion-row color="primary" justify-content-center>
<div class="require text-check-desktop2">
{{ 'campi_obbligatori' | translate }}
</div> </div>
</div> <!--<div text-center>
</ion-content> <a (click)='reset()'>Pulisci Form</a>
</div>-->
</ion-row>
</ion-grid>
</form>
</div>
</div>
</ion-content>
<ion-grid class="transparent bc-grid" *ngIf="platform.is('desktop')">
<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">
<div> <div>
<div> <div>
<div class="contenitore-desktop" *ngIf="platform.is('desktop')"> <div class="contenitore-desktop">
<div class="logo-grande2"> <div class="logo-grande2">
<ion-buttons (click)="back()" slot="start" title="{{ 'back_login' | translate }}" class="back-button-desktop"> <ion-buttons (click)="back()" slot="start" title="{{ 'back_login' | translate }}" class="back-button-desktop">
<ion-icon name="arrow-round-back" color="#2b94d1" class="back" tappable></ion-icon> <ion-icon name="arrow-round-back" color="#2b94d1" class="back" tappable></ion-icon>
......
src/app/pages/documenti/documenti.page.html
<ion-header class="header" no-border *ngIf="!platform.is('desktop')"> <!--<ion-header class="header" no-border *ngIf="!platform.is('desktop')">
<ion-grid class="header-subpage"> <ion-grid class="header-subpage">
<ion-row justify-content-center> <ion-row justify-content-center>
<ion-col align-self-center size-lg="7"> <ion-col align-self-center size-lg="7">
...@@ -14,130 +14,84 @@ ...@@ -14,130 +14,84 @@
</ion-col> </ion-col>
</ion-row> </ion-row>
</ion-grid> </ion-grid>
</ion-header> </ion-header>-->
<ion-content *ngIf="!platform.is('desktop')"> <ion-content *ngIf="!platform.is('desktop')">
<div class="contenitore-home"> <ion-row>
<div class="central-doc grigio"> <div class="search-date-smart">
<ion-grid> <ion-row>
<ion-row class="search-date"> <span class="riga">
<div class="search-date" *ngIf="platform.is('desktop')"> <span class="float-date">
<span class="riga"><strong>{{ 'cerca' | translate }}</strong> {{ 'da' | translate }} <input type="date" name="calendar" [(ngModel)]="date1" title="{{ 'seleziona_data' | translate }}"> {{ 'a' | translate }} <input type="date" name="calendar" [(ngModel)]="date2" title="{{ 'seleziona_data' | translate }}"> <span class="date-text"><strong>{{ 'cerca' | translate }}</strong> {{ 'da' | translate }} </span>
<ion-button (click)="resetDate()" class="search-arrow-red" title="{{ 'reset_documenti' | translate }}"><ion-icon class="button-icon" slot="icon-only" name="close" title="{{ 'cerca_documenti' | translate }}"></ion-icon></ion-button></span> <ion-icon class="element-date date-icon" name="calendar" (click)="setDateDa()"></ion-icon>
</div> <div class="element-date item-no-border date-text">
<ion-row class="search-date" *ngIf="!platform.is('desktop')"> {{date1}}
<span class="riga"> </div>
<span class="float-date"> <span class="date-text">{{ 'a' | translate }}</span>
<span class="date-text"><strong>{{ 'cerca' | translate }}</strong> {{ 'da' | translate }} </span> <ion-icon floating class="element-date date-icon" name="calendar" (click)="setDateA()"></ion-icon>
<ion-icon class="element-date date-icon" name="calendar" (click)="setDateDa()"></ion-icon> <div floating class="element-date item-no-border date-text">
<div class="element-date item-no-border date-text"> {{date2}}
{{date1}}
</div>
<span class="date-text">{{ 'a' | translate }}</span>
<ion-icon floating class="element-date date-icon" name="calendar" (click)="setDateA()"></ion-icon>
<div floating class="element-date item-no-border date-text">
{{date2}}
</div>
</span>
<ion-button (click)="resetDate()" class="search-arrow-red search-arrow-dev" title="{{ 'reset_documenti' | translate }}"><ion-icon class="button-icon" slot="icon-only" name="close" title="{{ 'cerca_documenti' | translate }}"></ion-icon></ion-button></span>
</ion-row>
</ion-row>
<ion-row class="search-date">
<span class="riga"><strong>{{ 'cerca' | translate }}</strong> {{ 'titolo' | translate }} <input type="text" name="calendar" [(ngModel)]="titolo" title="{{ 'ricerca_titolo' | translate }}" class="cerca-titolo-doc">
<ion-button (click)="cercaDocumenti()" class="search-arrow" title="{{ 'cerca_documenti' | translate }}"><ion-icon class="button-icon" slot="icon-only" name="arrow-round-forward" title="{{ 'cerca_documenti' | translate }}"></ion-icon></ion-button></span>
</ion-row>
<!--<ion-row class="search-date" id="buttonsDoc" style="display:none">
<div><span class="condividi-text">{{ 'condividi' | translate }}</span>
<ion-button (click)="condividiDocumenti()" class="search-arrow" title="{{ 'condividi_doc' | translate }}"><ion-icon class="button-icon" slot="icon-only" name="share" title="{{ 'condividi_doc' | translate }}"></ion-icon></ion-button></div>
</ion-row>-->
<ion-row class="search-date-border">
</ion-row>
<!--<ion-row class="search-date" *ngIf="!platform.is('desktop')">
<ion-col>
<ion-grid>
<ion-row text-center center>
<ion-label floating class="element-date"><strong>Cerca</strong> da</ion-label>
<ion-icon floating class="element-date" name="calendar" (click)="setDateDa()"></ion-icon>
<ion-item floating class="element-date">
{{date1}}
</ion-item>
<ion-label floating class="element-date">a</ion-label>
<ion-icon floating class="element-date" name="calendar" (click)="setDateA()"></ion-icon>
<ion-item floating class="element-date">
{{date2}}
</ion-item>
<ion-button floating fill="clear" class="search-arrow" (click)="cercaDocumenti()">
<ion-icon class="button-icon" slot="icon-only" name="arrow-round-forward"></ion-icon>
</ion-button>
</ion-row>
</ion-grid>
</ion-col>
<ion-col></ion-col>
</ion-row>-->
<!--<ion-row>
<ion-col>
<ion-grid>
<ion-row text-center center>
<ion-col>
<ion-label floating>Da:</ion-label>
</ion-col>
<ion-col>
<ion-datetime displayFormat="DD-MM-YYYY" [(ngModel)]="date1"></ion-datetime>
</ion-col>
<ion-col>
<ion-label floating>A:</ion-label>
</ion-col>
<ion-col>
<ion-datetime displayFormat="DD-MM-YYYY" [(ngModel)]="date2"></ion-datetime>
</ion-col>
<ion-col>
<ion-button color="light" (click)="cercaDocumenti()">Cerca</ion-button>
</ion-col>
</ion-row>
</ion-grid>
</ion-col>
<ion-col></ion-col>
</ion-row>-->
<span *ngIf="platform.is('desktop')">
<ion-list *ngFor="let documento of documenti.documenti; trackBy: trackByDoc" class="row-results">
<div class="table-row">
<div class="row-text">
<strong>{{documento.titolo}}</strong>
<div class="detail">
{{documento.data}}
</div>
</div>
<div class="row-download item-no-border">
<a href="{{documento.url}}" target="_blank" download tappable title="{{ 'scarica_doc' | translate }}">
<ion-icon name="cloud-download" title="{{ 'scarica_doc' | translate }}"></ion-icon>
</a>
</div>
</div> </div>
<div class="clr"></div> </span>
</ion-list> <ion-button (click)="resetDate()" class="search-arrow-red-desktop" title="{{ 'reset_documenti' | translate }}">
<ion-icon class="button-icon" slot="icon-only" name="close" title="{{ 'reset_documenti' | translate }}"></ion-icon>
</ion-button>
</span> </span>
<ion-button (click)="cercaDocumenti()" class="search-arrow" title="{{ 'cerca_documenti' | translate }}">
<span *ngIf="!platform.is('desktop')"> <ion-icon class="button-icon-documenti-smart ios-icon" slot="icon-only" name="ios-arrow-dropright-circle" title="{{ 'cerca_documenti' | translate }}"></ion-icon>
<ion-list *ngFor="let documento of documenti.documenti; trackBy: trackByDoc" tappable text-wrap (click)="selection?toggleGroup(documento.idDocumento):selectItem(documento.idDocumento)" </ion-button>
(press)="selectItem(documento.idDocumento)" [ngStyle]="{'background-color': documento.checked ? '#c3ddec' : '#ffffff'}" class="row-results"> </ion-row>
<ion-checkbox name="privacy" [(ngModel)]="documento.checked" class="check" (click)="checkSelected(documento.idDocumento)"> </ion-checkbox> </div>
<div class="table-row"> </ion-row>
<div class="row-text"> <ion-row>
<strong>{{documento.titolo}}</strong> <div class="search-date-smart">
<div class="detail"> <ion-row>
{{documento.data}} <span class="riga"><strong>{{ 'cerca' | translate }}</strong> {{ 'titolo' | translate }} <input type="text" name="calendar" [(ngModel)]="titolo" title="{{ 'ricerca_titolo' | translate }}" class="cerca-titolo-doc">
</div>
</div>
<div class="row-download item-no-border">
<ion-icon name="eye" (click)="getDocumento(documento.idDocumento, documento.nomeFile);" target="_blank" download tappable title="{{ 'vedi_documento' | translate }}"></ion-icon>
</div>
</div>
<div class="clr"></div>
</ion-list>
</span> </span>
</ion-grid> <ion-button (click)="cercaDocumenti()" class="search-arrow" title="{{ 'cerca_documenti' | translate }}">
<ion-icon class="button-icon-documenti-smart ios-icon" slot="icon-only" name="ios-arrow-dropright-circle" title="{{ 'cerca_documenti' | translate }}"></ion-icon>
</ion-button>
</ion-row>
</div> </div>
</div> </ion-row>
<ion-row id="buttonsDoc" style="display: none;">
<div class="search-date-smart">
<ion-row>
<span class="riga">
<ion-label>{{ 'condividi_doc' | translate }}</ion-label>
</span>
<ion-button (click)="condividiDocumenti()" class="search-arrow" title="{{'condividi_doc' | translate}}">
<ion-icon class="button-icon-documenti-smart share-button" name="share" title="{{'condividi_doc' | translate}}" tappable></ion-icon>
</ion-button>
</ion-row>
</div>
<!--<ion-buttons (click)="condividiDocumenti()" title="{{'condividi_doc' | translate}}">
<ion-icon name="share" class="button-icon-documenti-smart share-button" tappable></ion-icon>
</ion-buttons>-->
</ion-row>
<ion-row class="search-date-border-smart">
</ion-row>
<span>
<ion-list *ngFor="let documento of documenti.documenti; trackBy: trackByDoc" tappable text-wrap (click)="selection?toggleGroup(documento.idDocumento):selectItem(documento.idDocumento)"
(press)="selectItem(documento.idDocumento)" [ngStyle]="{'background-color': documento.checked ? '#c3ddec' : '#ffffff'}" class="row-results-smart">
<ion-checkbox name="privacy" [(ngModel)]="documento.checked" class="check" (click)="checkSelected(documento.idDocumento)"> </ion-checkbox>
<div class="table-row">
<div class="row-text">
<strong>{{documento.titolo}}</strong>
<div class="detail">
{{documento.data}}
</div>
</div>
<div class="row-download item-no-border">
<ion-icon name="eye" (click)="getDocumento(documento.idDocumento, documento.nomeFile);" target="_blank" download tappable title="{{ 'vedi_documento' | translate }}"></ion-icon>
</div>
</div>
<div class="clr"></div>
</ion-list>
</span>
</ion-content> </ion-content>
<ion-content *ngIf="platform.is('desktop')"> <ion-content *ngIf="platform.is('desktop')">
......
src/app/pages/documenti/documenti.page.ts
...@@ -161,13 +161,13 @@ export class DocumentiPage implements OnInit { ...@@ -161,13 +161,13 @@ export class DocumentiPage implements OnInit {
showButtons() showButtons()
{ {
var buttons = document.getElementById('buttonsDoc'); var buttons = document.getElementById('buttonsDoc');
buttons.setAttribute("style", "visibility: visible"); buttons.setAttribute("style", "display: block");
} }
hideButtons() hideButtons()
{ {
var buttons = document.getElementById('buttonsDoc'); var buttons = document.getElementById('buttonsDoc');
buttons.setAttribute("style", "visibility: hidden"); buttons.setAttribute("style", "display: none");
} }
docSel: Array<Pair>; docSel: Array<Pair>;
...@@ -238,6 +238,9 @@ export class DocumentiPage implements OnInit { ...@@ -238,6 +238,9 @@ export class DocumentiPage implements OnInit {
back() back()
{ {
UtilService.titoloPagina = '';
this.events.publish('functionCall:cambiaTitolo', null);
this.router.navigateByUrl('home/index'); this.router.navigateByUrl('home/index');
} }
......
src/app/pages/home/home.page.html
<ion-header class="header-home" no-border *ngIf="!platform.is('desktop')"> <ion-header [ngClass]="
{
'home-height': !isTitolo(),
'subpage-height': isTitolo(),
'header-home': true,
'background-blu': true
}" no-border *ngIf="!platform.is('desktop')">
<ion-grid class="header-grid"> <ion-grid class="header-grid">
<ion-row justify-content-center> <ion-row justify-content-center>
<ion-col align-self-center size-lg="7"> <ion-col align-self-center size-lg="7">
<ion-toolbar class="header" color="#2b94d1"> <ion-toolbar class="business-toolbar" color="#2b94d1">
<ion-buttons (click)="openSideBar()" slot="start" title="{{'apri_menu' | translate}}"> <ion-buttons (click)="openSideBar()" slot="start" title="{{'apri_menu' | translate}}">
<ion-icon name="menu" color="light" class="menu-show" tappable></ion-icon> <ion-icon name="menu" color="light" class="menu-show" tappable></ion-icon>
</ion-buttons> </ion-buttons>
<ion-title class="logo-piccolo"> <ion-title class="logo-piccolo titolo-home" (click)="gotoPreview()">
<img src="assets/icon/2p2-logo-medium.svg"> <img src="assets/icon/2p2-logo-medium.svg">
</ion-title> </ion-title>
<ion-buttons (click)="logout()" slot="end" title="{{'uscita' | translate}}"> <ion-buttons (click)="logout()" slot="end" title="{{'uscita' | translate}}">
...@@ -15,6 +21,11 @@ ...@@ -15,6 +21,11 @@
</ion-toolbar> </ion-toolbar>
</ion-col> </ion-col>
</ion-row> </ion-row>
<ion-row *ngIf="isTitolo()">
<ion-col align-self-center>
<ion-title class="titolo-sezione-head-smart">{{titoloPagina}}</ion-title>
</ion-col>
</ion-row>
</ion-grid> </ion-grid>
<!--<ion-grid> <!--<ion-grid>
<ion-row justify-content-center> <ion-row justify-content-center>
...@@ -89,7 +100,80 @@ ...@@ -89,7 +100,80 @@
<ion-select-option *ngFor="let lingua of lingue; let i=index;" value="{{lingua.key}}">{{lingua.value}}</ion-select-option> <ion-select-option *ngFor="let lingua of lingue; let i=index;" value="{{lingua.key}}">{{lingua.value}}</ion-select-option>
</ion-select> </ion-select>
</ion-item> </ion-item>
<ion-list> <ion-item (click)="apriPagina('change-password')" tappable class="menu-item">{{ 'menu_change' | translate }}</ion-item>
<div class="menu-buttons">
<div *ngIf="showMenuButton">
<ion-row class="row-content" *ngIf="consultingService != null && idStrutturaSel == consultingService.id" tappable>
<div class="div-Consulting background-white" tappable>
<div tappable class="icon" (click)="selectStruttura('servizi')">
<img src="assets/img/MenuServizi.png" tappable/>
</div>
<div tappable class="section-title title-rossa" (click)="selectStruttura('servizi')">
{{ 'servizi' | translate }}
</div>
</div>
</ion-row>
<ion-row class="row-content"
*ngIf="consultingService == null || idStrutturaSel != consultingService.id"
tappable>
<div class="div-Consulting background-transparent" tappable>
<div tappable class="icon" (click)="selectStruttura('servizi')">
<img src="assets/img/ServiziBianca.svg" tappable/>
</div>
<div tappable class="section-title title-bianca" (click)="selectStruttura('servizi')">
{{ 'servizi' | translate }}
</div>
</div>
</ion-row>
<ion-row class="row-content" *ngIf="realEstateBrokerage != null && idStrutturaSel == realEstateBrokerage.id" tappable>
<div class="div-Consulting background-white" tappable>
<div tappable class="icon" (click)="selectStruttura('immobiliare')">
<img src="assets/img/MenuImmobiliare.png" tappable/>
</div>
<div tappable class="section-title title-gialla" (click)="selectStruttura('immobiliare')">
{{ 'immobiliare' | translate }}
</div>
</div>
</ion-row>
<ion-row class="row-content"
*ngIf="realEstateBrokerage == null || idStrutturaSel != realEstateBrokerage.id"
tappable>
<div class="div-Consulting background-transparent" tappable>
<div tappable class="icon" (click)="selectStruttura('immobiliare')">
<img src="assets/img/ImmobiliareBianca.svg" tappable/>
</div>
<div tappable class="section-title title-bianca" (click)="selectStruttura('immobiliare')">
{{ 'immobiliare' | translate }}
</div>
</div>
</ion-row>
<ion-row class="row-content" *ngIf="mediatoreCreditizio != null && idStrutturaSel == mediatoreCreditizio.id" tappable>
<div class="div-Consulting background-white" tappable>
<div tappable class="icon" (click)="selectStruttura('creditizia')">
<img src="assets/img/MenuCreditizia.png" tappable/>
</div>
<div tappable class="section-title title-verde" (click)="selectStruttura('creditizia')">
{{ 'creditizia' | translate }}
</div>
</div>
</ion-row>
<ion-row class="row-content"
*ngIf="mediatoreCreditizio == null || idStrutturaSel != mediatoreCreditizio.id"
tappable>
<div class="div-Consulting background-transparent" tappable>
<div tappable class="icon" (click)="selectStruttura('creditizia')">
<img src="assets/img/CreditiziaBianca.svg" tappable/>
</div>
<div tappable class="section-title title-bianca" (click)="selectStruttura('creditizia')">
{{ 'creditizia' | translate }}
</div>
</div>
</ion-row>
</div>
</div>
<!--<ion-list>
<div> <div>
<ion-item (click)="apriPagina('home')" tappable class="menu-item">{{ 'main_page' | translate }}</ion-item> <ion-item (click)="apriPagina('home')" tappable class="menu-item">{{ 'main_page' | translate }}</ion-item>
</div> </div>
...@@ -108,7 +192,7 @@ ...@@ -108,7 +192,7 @@
<div> <div>
<ion-item (click)="apriPagina('change-password')" tappable class="menu-item">{{ 'menu_change' | translate }}</ion-item> <ion-item (click)="apriPagina('change-password')" tappable class="menu-item">{{ 'menu_change' | translate }}</ion-item>
</div> </div>
</ion-list> </ion-list>-->
</ion-content> </ion-content>
</ion-menu> </ion-menu>
...@@ -116,7 +200,7 @@ ...@@ -116,7 +200,7 @@
<ion-grid> <ion-grid>
<ion-row class="layout-row"> <ion-row class="layout-row">
<ion-col class="menu menu-desktop" size-md="2" size-lg="2" size-xs="2" align-self-center> <ion-col class="menu menu-desktop" size-md="2" size-lg="2" size-xs="2" align-self-center>
<div class="logo-grande2"> <div class="logo-grande2" (click)="gotoPreview()" tappable>
<img src="assets/icon/2p2-logo-medium.svg" /> <img src="assets/icon/2p2-logo-medium.svg" />
</div> </div>
<div class="menu-content label-border"> <div class="menu-content label-border">
...@@ -141,7 +225,7 @@ ...@@ -141,7 +225,7 @@
<ion-row class="row-content" *ngIf="consultingService != null && idStrutturaSel == consultingService.id" tappable> <ion-row class="row-content" *ngIf="consultingService != null && idStrutturaSel == consultingService.id" tappable>
<div class="div-Consulting background-white" tappable> <div class="div-Consulting background-white" tappable>
<div tappable class="icon" (click)="selectStruttura('servizi')"> <div tappable class="icon" (click)="selectStruttura('servizi')">
<img src="assets/img/MenuServizi.png" (click)="selectStruttura('servizi')" tappable/> <img src="assets/img/MenuServizi.png" tappable/>
</div> </div>
<div tappable class="section-title title-rossa" (click)="selectStruttura('servizi')"> <div tappable class="section-title title-rossa" (click)="selectStruttura('servizi')">
{{ 'servizi' | translate }} {{ 'servizi' | translate }}
...@@ -149,11 +233,11 @@ ...@@ -149,11 +233,11 @@
</div> </div>
</ion-row> </ion-row>
<ion-row class="row-content" <ion-row class="row-content"
*ngIf="consultingService != null && idStrutturaSel != consultingService.id" *ngIf="consultingService == null || idStrutturaSel != consultingService.id"
tappable> tappable>
<div class="div-Consulting background-transparent" tappable> <div class="div-Consulting background-transparent" tappable>
<div tappable class="icon" (click)="selectStruttura('servizi')"> <div tappable class="icon" (click)="selectStruttura('servizi')">
<img src="assets/img/ServiziBianca.svg" (click)="selectStruttura('servizi')" tappable/> <img src="assets/img/ServiziBianca.svg" tappable/>
</div> </div>
<div tappable class="section-title title-bianca" (click)="selectStruttura('servizi')"> <div tappable class="section-title title-bianca" (click)="selectStruttura('servizi')">
{{ 'servizi' | translate }} {{ 'servizi' | translate }}
...@@ -164,7 +248,7 @@ ...@@ -164,7 +248,7 @@
<ion-row class="row-content" *ngIf="realEstateBrokerage != null && idStrutturaSel == realEstateBrokerage.id" tappable> <ion-row class="row-content" *ngIf="realEstateBrokerage != null && idStrutturaSel == realEstateBrokerage.id" tappable>
<div class="div-Consulting background-white" tappable> <div class="div-Consulting background-white" tappable>
<div tappable class="icon" (click)="selectStruttura('immobiliare')"> <div tappable class="icon" (click)="selectStruttura('immobiliare')">
<img src="assets/img/MenuImmobiliare.png" (click)="selectStruttura('immobiliare')" tappable/> <img src="assets/img/MenuImmobiliare.png" tappable/>
</div> </div>
<div tappable class="section-title title-gialla" (click)="selectStruttura('immobiliare')"> <div tappable class="section-title title-gialla" (click)="selectStruttura('immobiliare')">
{{ 'immobiliare' | translate }} {{ 'immobiliare' | translate }}
...@@ -172,11 +256,11 @@ ...@@ -172,11 +256,11 @@
</div> </div>
</ion-row> </ion-row>
<ion-row class="row-content" <ion-row class="row-content"
*ngIf="realEstateBrokerage != null && idStrutturaSel != realEstateBrokerage.id" *ngIf="realEstateBrokerage == null || idStrutturaSel != realEstateBrokerage.id"
tappable> tappable>
<div class="div-Consulting background-transparent" tappable> <div class="div-Consulting background-transparent" tappable>
<div tappable class="icon" (click)="selectStruttura('immobiliare')"> <div tappable class="icon" (click)="selectStruttura('immobiliare')">
<img src="assets/img/ImmobiliareBianca.svg" (click)="selectStruttura('immobiliare')" tappable/> <img src="assets/img/ImmobiliareBianca.svg" tappable/>
</div> </div>
<div tappable class="section-title title-bianca" (click)="selectStruttura('immobiliare')"> <div tappable class="section-title title-bianca" (click)="selectStruttura('immobiliare')">
{{ 'immobiliare' | translate }} {{ 'immobiliare' | translate }}
...@@ -187,7 +271,7 @@ ...@@ -187,7 +271,7 @@
<ion-row class="row-content" *ngIf="mediatoreCreditizio != null && idStrutturaSel == mediatoreCreditizio.id" tappable> <ion-row class="row-content" *ngIf="mediatoreCreditizio != null && idStrutturaSel == mediatoreCreditizio.id" tappable>
<div class="div-Consulting background-white" tappable> <div class="div-Consulting background-white" tappable>
<div tappable class="icon" (click)="selectStruttura('creditizia')"> <div tappable class="icon" (click)="selectStruttura('creditizia')">
<img src="assets/img/MenuCreditizia.png" (click)="selectStruttura('creditizia')" tappable/> <img src="assets/img/MenuCreditizia.png" tappable/>
</div> </div>
<div tappable class="section-title title-verde" (click)="selectStruttura('creditizia')"> <div tappable class="section-title title-verde" (click)="selectStruttura('creditizia')">
{{ 'creditizia' | translate }} {{ 'creditizia' | translate }}
...@@ -195,11 +279,11 @@ ...@@ -195,11 +279,11 @@
</div> </div>
</ion-row> </ion-row>
<ion-row class="row-content" <ion-row class="row-content"
*ngIf="mediatoreCreditizio != null && idStrutturaSel != mediatoreCreditizio.id" *ngIf="mediatoreCreditizio == null || idStrutturaSel != mediatoreCreditizio.id"
tappable> tappable>
<div class="div-Consulting background-transparent" tappable> <div class="div-Consulting background-transparent" tappable>
<div tappable class="icon" (click)="selectStruttura('creditizia')"> <div tappable class="icon" (click)="selectStruttura('creditizia')">
<img src="assets/img/CreditiziaBianca.svg" (click)="selectStruttura('creditizia')" tappable/> <img src="assets/img/CreditiziaBianca.svg" tappable/>
</div> </div>
<div tappable class="section-title title-bianca" (click)="selectStruttura('creditizia')"> <div tappable class="section-title title-bianca" (click)="selectStruttura('creditizia')">
{{ 'creditizia' | translate }} {{ 'creditizia' | translate }}
......
src/app/pages/home/home.page.ts
...@@ -29,6 +29,7 @@ export class HomePage { ...@@ -29,6 +29,7 @@ export class HomePage {
public platform: Platform public platform: Platform
) { ) {
this.clienti = []; this.clienti = [];
this.titoloPagina = "";
this.clienteSelezionato = { this.clienteSelezionato = {
denominazione: null, denominazione: null,
id: null id: null
...@@ -62,6 +63,9 @@ export class HomePage { ...@@ -62,6 +63,9 @@ export class HomePage {
this.events.subscribe('functionCall:strutturaSelected', eventData => { this.events.subscribe('functionCall:strutturaSelected', eventData => {
this.strutturaSelected(); this.strutturaSelected();
}); });
this.events.subscribe('functionCall:cambiaTitolo', eventData => {
this.titoloPagina = UtilService.titoloPagina;
});
this.lingue = utilService.getLanguageList(); this.lingue = utilService.getLanguageList();
if(utilService.getLingua() == "") { if(utilService.getLingua() == "") {
this.linguaSel = this.lingue[0].key; this.linguaSel = this.lingue[0].key;
...@@ -120,6 +124,11 @@ export class HomePage { ...@@ -120,6 +124,11 @@ export class HomePage {
}); });
} }
isTitolo()
{
return this.titoloPagina != '';
}
loadStrutture() loadStrutture()
{ {
//this.utilService.showLoading(); //this.utilService.showLoading();
...@@ -149,29 +158,49 @@ export class HomePage { ...@@ -149,29 +158,49 @@ export class HomePage {
mediatoreCreditizio: Struttura; mediatoreCreditizio: Struttura;
realEstateBrokerage: Struttura; realEstateBrokerage: Struttura;
idStrutturaSel: number; idStrutturaSel: number;
titoloPagina: string;
selectStruttura(struttura:String) selectStruttura(struttura:String)
{ {
let ok = false;
switch(struttura) switch(struttura)
{ {
case "servizi": case "servizi":
{ {
this.utilService.setStrutturaSel(this.consultingService); if(this.consultingService != null)
{
this.utilService.setStrutturaSel(this.consultingService);
ok = true;
}
break; break;
} }
case "immobiliare": case "immobiliare":
{ {
this.utilService.setStrutturaSel(this.realEstateBrokerage); if(this.realEstateBrokerage != null)
{
this.utilService.setStrutturaSel(this.realEstateBrokerage);
ok = true;
}
break; break;
} }
case "creditizia": case "creditizia":
{ {
this.utilService.setStrutturaSel(this.mediatoreCreditizio); if(this.mediatoreCreditizio != null)
{
this.utilService.setStrutturaSel(this.mediatoreCreditizio);
ok = true;
}
break; break;
} }
} }
this.strutturaSelected(); if(ok)
this.events.publish('functionCall:strutturaSelectedHome', null); {
this.strutturaSelected();
this.events.publish('functionCall:strutturaSelectedHome', null);
}
else{
this.utilService.stampaAvviso("Struttura non presente in questo profilo");
}
} }
strutturaSelected() strutturaSelected()
...@@ -179,9 +208,15 @@ export class HomePage { ...@@ -179,9 +208,15 @@ export class HomePage {
var struttutaSel = this.utilService.getStrutturaSel(); var struttutaSel = this.utilService.getStrutturaSel();
this.idStrutturaSel = struttutaSel.id; this.idStrutturaSel = struttutaSel.id;
this.showMenuButton = true; this.showMenuButton = true;
if(!this.platform.is("desktop")) this.closeSideMenu();
this.router.navigateByUrl('home/index'); this.router.navigateByUrl('home/index');
} }
gotoPreview()
{
this.router.navigateByUrl('home/preview-home');
}
setStrutture() setStrutture()
{ {
this.utilService.getStruttura(environment.ConsultingServiceId).then(struttura => this.utilService.getStruttura(environment.ConsultingServiceId).then(struttura =>
......
src/app/pages/index/index.page.html
<ion-content class="nothing" *ngIf="!platform.is('desktop')"> <ion-content class="nothing" *ngIf="!platform.is('desktop')">
<div class="contenitore-home"> <!--<div class="contenitore-home">
<div class="central-home"> <div class="central-home">
<div tappable class="box tre-box"> <div tappable class="box tre-box">
<div tappable class="icon" (click)="apriPagina('documenti')"> <div tappable class="icon" (click)="apriPagina('documenti')">
...@@ -51,6 +51,86 @@ ...@@ -51,6 +51,86 @@
I miei risultati I miei risultati
</div> </div>
</div>--> </div>-->
<!--</div>
</div>-->
<div class="content-index-smart">
<div
[ngClass]="{'struttura-servizio-smart': isServizioSelected(),
'struttura-immobiliare-smart': isImmobiliareSelected(),
'struttura-creditizia-smart': isCreditiziaSelected() }" class="struttura-sel" tappable *ngIf="consultingService != null">
<div tappable class="icon">
<img src="assets/img/documentiRosso.png" (click)="apriPagina('documenti')" tappable *ngIf="isServizioSelected()"/>
<img src="assets/img/documentiGiallo.png" (click)="apriPagina('documenti')" tappable *ngIf="isImmobiliareSelected()"/>
<img src="assets/img/documentiVerde.png" (click)="apriPagina('documenti')" tappable *ngIf="isCreditiziaSelected()"/>
</div>
<div tappable class="section-title" (click)="apriPagina('documenti')">
{{ 'documenti' | translate }}
</div>
</div>
<div
[ngClass]="{'struttura-servizio-smart': isServizioSelected(),
'struttura-immobiliare-smart': isImmobiliareSelected(),
'struttura-creditizia-smart': isCreditiziaSelected() }" class="struttura-sel" tappable *ngIf="consultingService != null">
<div tappable class="icon">
<img src="assets/img/segreteriaRosso.png" (click)="apriPagina('segreteria')" tappable *ngIf="isServizioSelected()"/>
<img src="assets/img/segreteriaGiallo.png" (click)="apriPagina('segreteria')" tappable *ngIf="isImmobiliareSelected()"/>
<img src="assets/img/segreteriaVerde.png" (click)="apriPagina('segreteria')" tappable *ngIf="isCreditiziaSelected()"/>
</div>
<div tappable class="section-title" (click)="apriPagina('segreteria')">
{{ 'segreteria' | translate }}
</div>
</div>
<div
[ngClass]="{'struttura-servizio-smart': isServizioSelected(),
'struttura-immobiliare-smart': isImmobiliareSelected(),
'struttura-creditizia-smart': isCreditiziaSelected() }" class="struttura-sel" tappable *ngIf="consultingService != null">
<div tappable class="icon">
<img src="assets/img/notificheRosso.png" tappable *ngIf="isServizioSelected()"/>
<img src="assets/img/notificheGiallo.png" tappable *ngIf="isImmobiliareSelected()"/>
<img src="assets/img/notificheVerde.png" tappable *ngIf="isCreditiziaSelected()"/>
</div>
<div tappable class="section-title">
{{ 'notifiche' | translate }}
</div>
</div>
<div
[ngClass]="{'struttura-servizio-smart': isServizioSelected(),
'struttura-immobiliare-smart': isImmobiliareSelected(),
'struttura-creditizia-smart': isCreditiziaSelected() }" class="struttura-sel" tappable *ngIf="consultingService != null">
<div tappable class="icon">
<img src="assets/img/businessRosso.png" tappable *ngIf="isServizioSelected()"/>
<img src="assets/img/businessGiallo.png" tappable *ngIf="isImmobiliareSelected()"/>
<img src="assets/img/businessVerde.png" tappable *ngIf="isCreditiziaSelected()"/>
</div>
<div tappable class="section-title">
{{ 'business' | translate }}
</div>
</div>
<div
[ngClass]="{'struttura-servizio-smart': isServizioSelected(),
'struttura-immobiliare-smart': isImmobiliareSelected(),
'struttura-creditizia-smart': isCreditiziaSelected() }" class="struttura-sel" tappable *ngIf="consultingService != null">
<div tappable class="icon">
<img src="assets/img/parereRosso.png" (click)="apriPagina('pareri')" tappable *ngIf="isServizioSelected()"/>
<img src="assets/img/parereGiallo.png" (click)="apriPagina('pareri')" tappable *ngIf="isImmobiliareSelected()"/>
<img src="assets/img/parereVerde.png" (click)="apriPagina('pareri')" tappable *ngIf="isCreditiziaSelected()"/>
</div>
<div tappable class="section-title" (click)="apriPagina('pareri')">
{{ 'pareri' | translate }}
</div>
</div>
<div
[ngClass]="{'struttura-servizio-smart': isServizioSelected(),
'struttura-immobiliare-smart': isImmobiliareSelected(),
'struttura-creditizia-smart': isCreditiziaSelected() }" class="struttura-sel" tappable *ngIf="consultingService != null">
<div tappable class="icon">
<img src="assets/img/domandeRosso.png" (click)="apriPagina('interviste')" tappable *ngIf="isServizioSelected()"/>
<img src="assets/img/domandeGiallo.png" (click)="apriPagina('interviste')" tappable *ngIf="isImmobiliareSelected()"/>
<img src="assets/img/domandeVerde.png" (click)="apriPagina('interviste')" tappable *ngIf="isCreditiziaSelected()"/>
</div>
<div tappable class="section-title" (click)="apriPagina('interviste')">
{{ 'interviste' | translate }}
</div>
</div> </div>
</div> </div>
</ion-content> </ion-content>
...@@ -66,7 +146,7 @@ ...@@ -66,7 +146,7 @@
[ngClass]="{'struttura-servizio': isServizioSelected(), [ngClass]="{'struttura-servizio': isServizioSelected(),
'struttura-immobiliare': isImmobiliareSelected(), 'struttura-immobiliare': isImmobiliareSelected(),
'struttura-creditizia': isCreditiziaSelected() }" class="struttura-sel" tappable *ngIf="consultingService != null"> 'struttura-creditizia': isCreditiziaSelected() }" class="struttura-sel" tappable *ngIf="consultingService != null">
<div tappable class="icon" (click)="selectStruttura('servizi')"> <div tappable class="icon">
<img src="assets/img/documentiRosso.png" (click)="apriPagina('documenti')" tappable *ngIf="isServizioSelected()"/> <img src="assets/img/documentiRosso.png" (click)="apriPagina('documenti')" tappable *ngIf="isServizioSelected()"/>
<img src="assets/img/documentiGiallo.png" (click)="apriPagina('documenti')" tappable *ngIf="isImmobiliareSelected()"/> <img src="assets/img/documentiGiallo.png" (click)="apriPagina('documenti')" tappable *ngIf="isImmobiliareSelected()"/>
<img src="assets/img/documentiVerde.png" (click)="apriPagina('documenti')" tappable *ngIf="isCreditiziaSelected()"/> <img src="assets/img/documentiVerde.png" (click)="apriPagina('documenti')" tappable *ngIf="isCreditiziaSelected()"/>
...@@ -79,7 +159,7 @@ ...@@ -79,7 +159,7 @@
[ngClass]="{'struttura-servizio': isServizioSelected(), [ngClass]="{'struttura-servizio': isServizioSelected(),
'struttura-immobiliare': isImmobiliareSelected(), 'struttura-immobiliare': isImmobiliareSelected(),
'struttura-creditizia': isCreditiziaSelected() }" class="struttura-sel" tappable *ngIf="consultingService != null"> 'struttura-creditizia': isCreditiziaSelected() }" class="struttura-sel" tappable *ngIf="consultingService != null">
<div tappable class="icon" (click)="selectStruttura('servizi')"> <div tappable class="icon">
<img src="assets/img/segreteriaRosso.png" (click)="apriPagina('segreteria')" tappable *ngIf="isServizioSelected()"/> <img src="assets/img/segreteriaRosso.png" (click)="apriPagina('segreteria')" tappable *ngIf="isServizioSelected()"/>
<img src="assets/img/segreteriaGiallo.png" (click)="apriPagina('segreteria')" tappable *ngIf="isImmobiliareSelected()"/> <img src="assets/img/segreteriaGiallo.png" (click)="apriPagina('segreteria')" tappable *ngIf="isImmobiliareSelected()"/>
<img src="assets/img/segreteriaVerde.png" (click)="apriPagina('segreteria')" tappable *ngIf="isCreditiziaSelected()"/> <img src="assets/img/segreteriaVerde.png" (click)="apriPagina('segreteria')" tappable *ngIf="isCreditiziaSelected()"/>
...@@ -92,7 +172,7 @@ ...@@ -92,7 +172,7 @@
[ngClass]="{'struttura-servizio': isServizioSelected(), [ngClass]="{'struttura-servizio': isServizioSelected(),
'struttura-immobiliare': isImmobiliareSelected(), 'struttura-immobiliare': isImmobiliareSelected(),
'struttura-creditizia': isCreditiziaSelected() }" class="struttura-sel" tappable *ngIf="consultingService != null"> 'struttura-creditizia': isCreditiziaSelected() }" class="struttura-sel" tappable *ngIf="consultingService != null">
<div tappable class="icon" (click)="selectStruttura('servizi')"> <div tappable class="icon">
<img src="assets/img/notificheRosso.png" tappable *ngIf="isServizioSelected()"/> <img src="assets/img/notificheRosso.png" tappable *ngIf="isServizioSelected()"/>
<img src="assets/img/notificheGiallo.png" tappable *ngIf="isImmobiliareSelected()"/> <img src="assets/img/notificheGiallo.png" tappable *ngIf="isImmobiliareSelected()"/>
<img src="assets/img/notificheVerde.png" tappable *ngIf="isCreditiziaSelected()"/> <img src="assets/img/notificheVerde.png" tappable *ngIf="isCreditiziaSelected()"/>
...@@ -105,7 +185,7 @@ ...@@ -105,7 +185,7 @@
[ngClass]="{'struttura-servizio': isServizioSelected(), [ngClass]="{'struttura-servizio': isServizioSelected(),
'struttura-immobiliare': isImmobiliareSelected(), 'struttura-immobiliare': isImmobiliareSelected(),
'struttura-creditizia': isCreditiziaSelected() }" class="struttura-sel" tappable *ngIf="consultingService != null"> 'struttura-creditizia': isCreditiziaSelected() }" class="struttura-sel" tappable *ngIf="consultingService != null">
<div tappable class="icon" (click)="selectStruttura('servizi')"> <div tappable class="icon">
<img src="assets/img/businessRosso.png" tappable *ngIf="isServizioSelected()"/> <img src="assets/img/businessRosso.png" tappable *ngIf="isServizioSelected()"/>
<img src="assets/img/businessGiallo.png" tappable *ngIf="isImmobiliareSelected()"/> <img src="assets/img/businessGiallo.png" tappable *ngIf="isImmobiliareSelected()"/>
<img src="assets/img/businessVerde.png" tappable *ngIf="isCreditiziaSelected()"/> <img src="assets/img/businessVerde.png" tappable *ngIf="isCreditiziaSelected()"/>
...@@ -118,7 +198,7 @@ ...@@ -118,7 +198,7 @@
[ngClass]="{'struttura-servizio': isServizioSelected(), [ngClass]="{'struttura-servizio': isServizioSelected(),
'struttura-immobiliare': isImmobiliareSelected(), 'struttura-immobiliare': isImmobiliareSelected(),
'struttura-creditizia': isCreditiziaSelected() }" class="struttura-sel" tappable *ngIf="consultingService != null"> 'struttura-creditizia': isCreditiziaSelected() }" class="struttura-sel" tappable *ngIf="consultingService != null">
<div tappable class="icon" (click)="selectStruttura('servizi')"> <div tappable class="icon">
<img src="assets/img/parereRosso.png" (click)="apriPagina('pareri')" tappable *ngIf="isServizioSelected()"/> <img src="assets/img/parereRosso.png" (click)="apriPagina('pareri')" tappable *ngIf="isServizioSelected()"/>
<img src="assets/img/parereGiallo.png" (click)="apriPagina('pareri')" tappable *ngIf="isImmobiliareSelected()"/> <img src="assets/img/parereGiallo.png" (click)="apriPagina('pareri')" tappable *ngIf="isImmobiliareSelected()"/>
<img src="assets/img/parereVerde.png" (click)="apriPagina('pareri')" tappable *ngIf="isCreditiziaSelected()"/> <img src="assets/img/parereVerde.png" (click)="apriPagina('pareri')" tappable *ngIf="isCreditiziaSelected()"/>
...@@ -131,7 +211,7 @@ ...@@ -131,7 +211,7 @@
[ngClass]="{'struttura-servizio': isServizioSelected(), [ngClass]="{'struttura-servizio': isServizioSelected(),
'struttura-immobiliare': isImmobiliareSelected(), 'struttura-immobiliare': isImmobiliareSelected(),
'struttura-creditizia': isCreditiziaSelected() }" class="struttura-sel" tappable *ngIf="consultingService != null"> 'struttura-creditizia': isCreditiziaSelected() }" class="struttura-sel" tappable *ngIf="consultingService != null">
<div tappable class="icon" (click)="selectStruttura('servizi')"> <div tappable class="icon">
<img src="assets/img/domandeRosso.png" (click)="apriPagina('interviste')" tappable *ngIf="isServizioSelected()"/> <img src="assets/img/domandeRosso.png" (click)="apriPagina('interviste')" tappable *ngIf="isServizioSelected()"/>
<img src="assets/img/domandeGiallo.png" (click)="apriPagina('interviste')" tappable *ngIf="isImmobiliareSelected()"/> <img src="assets/img/domandeGiallo.png" (click)="apriPagina('interviste')" tappable *ngIf="isImmobiliareSelected()"/>
<img src="assets/img/domandeVerde.png" (click)="apriPagina('interviste')" tappable *ngIf="isCreditiziaSelected()"/> <img src="assets/img/domandeVerde.png" (click)="apriPagina('interviste')" tappable *ngIf="isCreditiziaSelected()"/>
......
src/app/pages/interviste/interviste.page.html
<ion-header class="header-subpage" no-border *ngIf="!platform.is('desktop')"> <!--<ion-header class="header-subpage" no-border *ngIf="!platform.is('desktop')">
<ion-toolbar color="#2b94d1"> <ion-toolbar color="#2b94d1">
<ion-title class="titolo-sezione-head">{{ 'interviste_titolo' | translate }}</ion-title> <ion-title class="titolo-sezione-head">{{ 'interviste_titolo' | translate }}</ion-title>
</ion-toolbar> </ion-toolbar>
</ion-header> </ion-header>-->
<ion-content class="chats"> <ion-content class="chats">
...@@ -25,122 +25,130 @@ ...@@ -25,122 +25,130 @@
<div [ngSwitch]="intervista" ngDefaultControl> <div [ngSwitch]="intervista" ngDefaultControl>
<span *ngIf="!platform.is('desktop')"> <span *ngIf="!platform.is('desktop')">
<div *ngSwitchCase="'lista'"> <div *ngSwitchCase="'lista'">
<ion-grid>
<ion-row class="search-date"> <ion-row>
<div *ngIf="platform.is('desktop')" class="grigio all-row"> <div class="search-date-smart">
<strong>{{ 'cerca' | translate }}</strong> {{ 'da' | translate }} <input type="date" name="calendar" [(ngModel)]="date1" title="{{ 'seleziona_data' | translate }}"> {{ 'a' | translate }} <input type="date" name="calendar" [(ngModel)]="date2" title="{{ 'seleziona_data' | translate }}"> <ion-row>
<input type="text" name="calendar" [(ngModel)]="titolo" placeholder="Cerca titolo" title="{{ 'cerca' | translate }}" class="cerca-titolo"> <span class="riga">
<ion-button (click)="resetDate()" class="search-arrow-red" title="{{ 'reset_documenti' | translate }}"><ion-icon class="button-icon" slot="icon-only" name="close" title="{{ 'cerca_documenti' | translate }}"></ion-icon></ion-button> <span class="float-date">
</div> <span class="date-text"><strong>{{ 'cerca' | translate }}</strong> {{ 'da' | translate }} </span>
<ion-row class="search-date" *ngIf="!platform.is('desktop')"> <ion-icon class="element-date date-icon" name="calendar" (click)="setDateDa()"></ion-icon>
<div class="element-date item-no-border date-text">
{{date1}}
</div>
<span class="date-text">{{ 'a' | translate }}</span>
<ion-icon floating class="element-date date-icon" name="calendar" (click)="setDateA()"></ion-icon>
<div floating class="element-date item-no-border date-text">
{{date2}}
</div>
</span>
<ion-button (click)="resetDate()" class="search-arrow-red-desktop" title="{{ 'reset_documenti' | translate }}">
<ion-icon class="button-icon" slot="icon-only" name="close" title="{{ 'reset_documenti' | translate }}"></ion-icon>
</ion-button>
</span>
<ion-button (click)="caricaRichieste()" class="search-arrow" title="{{ 'cerca' | translate }}">
<ion-icon class="button-icon-documenti-smart ios-icon" slot="icon-only" name="ios-arrow-dropright-circle" title="{{ 'cerca_documenti' | translate }}"></ion-icon>
</ion-button>
</ion-row>
</div>
</ion-row>
<ion-row>
<div class="search-date-smart">
<ion-row>
<span class="riga"><strong>{{ 'cerca' | translate }}</strong> {{ 'titolo' | translate }} <input type="text" name="calendar" [(ngModel)]="titolo" title="{{ 'ricerca_titolo' | translate }}" class="cerca-titolo-doc">
</span>
<ion-button (click)="caricaRichieste()" class="search-arrow" title="{{ 'cerca' | translate }}">
<ion-icon class="button-icon-documenti-smart ios-icon" slot="icon-only" name="ios-arrow-dropright-circle" title="{{ 'cerca' | translate }}"></ion-icon>
</ion-button>
</ion-row>
</div>
</ion-row>
<ion-row>
<div class="search-date-smart">
<ion-row>
<span class="riga">
<ion-checkbox name="privacy" [(ngModel)]="archiviati" class="check2"> </ion-checkbox>
<ion-label>{{ 'visualizza_archiviati' | translate }}</ion-label>
</span>
<ion-button (click)="caricaRichieste()" class="search-arrow" title="{{ 'cerca' | translate }}">
<ion-icon class="button-icon-documenti-smart ios-icon" slot="icon-only" name="ios-arrow-dropright-circle" title="{{ 'cerca' | translate }}"></ion-icon>
</ion-button>
</ion-row>
</div>
</ion-row>
<span id="buttonsInterviste" style="display:none">
<ion-row>
<div class="search-date-smart" *ngIf="!archiviati">
<ion-row>
<span class="riga"> <span class="riga">
<span class="float-date"> <ion-label>{{ 'archivia_interviste' | translate }}</ion-label>
<span class="date-text"><strong>{{ 'cerca' | translate }}</strong> {{ 'da' | translate }} </span> </span>
<ion-icon class="element-date date-icon" name="calendar" (click)="setDateDa()"></ion-icon> <ion-button (click)="archiviaInterviste(true)" class="search-arrow" title="{{ 'archivia_interviste' | translate }}">
<div class="element-date item-no-border date-text"> <ion-icon class="button-icon-documenti-smart ios-icon" slot="icon-only" name="archive" title="{{ 'archivia_interviste' | translate }}"></ion-icon>
{{date1}} </ion-button>
</div>
<span class="date-text">{{ 'a' | translate }}</span>
<ion-icon floating class="element-date date-icon" name="calendar" (click)="setDateA()"></ion-icon>
<div floating class="element-date item-no-border date-text">
{{date2}}
</div>
</span>
<ion-button (click)="resetDate()" class="search-arrow-red search-arrow-dev" title="{{ 'reset_documenti' | translate }}"><ion-icon class="button-icon" slot="icon-only" name="close" title="{{ 'cerca_documenti' | translate }}"></ion-icon></ion-button></span>
</ion-row> </ion-row>
</div>
</ion-row> </ion-row>
<div *ngIf="!platform.is('desktop')"> <ion-row>
<input type="text" name="calendar" [(ngModel)]="titolo" placeholder="Cerca titolo" title="{{ 'cerca' | translate }}" class="cerca-titolo-cel"> <div class="search-date-smart" *ngIf="archiviati">
</div> <ion-row>
<ion-row class="date-div"> <span class="riga">
<div class="search-date float-date riga"> <ion-label>{{ 'undo_archivio_interviste' | translate }}</ion-label>
<ion-checkbox name="privacy" [(ngModel)]="archiviati" class="check"> </ion-checkbox> </span>
<ion-label class="archivio-text"><span class="text">{{ 'visualizza_archiviati' | translate }}</span></ion-label> <ion-button (click)="archiviaInterviste(false)" class="search-arrow" title="{{ 'riattiva_pareri' | translate }}">
<ion-button (click)="caricaRichieste()" class="search-arrow" title="{{ 'cerca' | translate }}"><ion-icon class="button-icon" slot="icon-only" name="arrow-round-forward" title="{{ 'cerca' | translate }}"></ion-icon></ion-button> <ion-icon class="button-icon-documenti-smart ios-icon" slot="icon-only" name="undo" title="{{ 'riattiva_pareri' | translate }}"></ion-icon>
<div class="clr"></div> </ion-button>
</ion-row>
<span class="item-no-border riga" id="buttonsInterviste" style="display:none">
<div *ngIf="!archiviati" class="text">
{{ 'archivia_interviste' | translate }}
<ion-button (click)="archiviaInterviste(true)" class="search-arrow" title="{{ 'archivia_interviste' | translate }}"><ion-icon class="button-icon-archivia" slot="icon-only" name="archive" title="{{ 'archivia_interviste' | translate }}"></ion-icon></ion-button>
</div>
<div *ngIf="archiviati" class="text">
{{ 'undo_archivio_interviste' | translate }}
<ion-button (click)="archiviaInterviste(false)" class="search-arrow" title="{{ 'riattiva_interviste' | translate }}"><ion-icon class="button-icon-archivia" slot="icon-only" name="undo" title="{{ 'riattiva_interviste' | translate }}"></ion-icon></ion-button>
</div>
</span>
</div> </div>
</ion-row> </ion-row>
<span class="row-results"> </span>
<ion-list *ngFor="let topic of topics; trackBy: trackByDoc" class="row-results" (click)="selection?toggleGroup(topic.idRichiesta):selectItem(topic.idRichiesta)" <!--<ion-row class="date-div">
(press)="selectItem(topic.idRichiesta)" [ngStyle]="{'background-color': topic.checked ? '#c3ddec' : '#ffffff'}"> <div class="search-date float-date riga">
<ion-checkbox name="privacy" [(ngModel)]="topic.checked" class="check" (click)="checkSelected(topic.idRichiesta)"> </ion-checkbox> <ion-checkbox name="privacy" [(ngModel)]="archiviati" class="check"> </ion-checkbox>
<div class="table-row"> <ion-label class="archivio-text"><span class="text">{{ 'visualizza_archiviati' | translate }}</span></ion-label>
<ion-button (click)="caricaRichieste()" class="search-arrow" title="{{ 'cerca' | translate }}"><ion-icon class="button-icon" slot="icon-only" name="arrow-round-forward" title="{{ 'cerca' | translate }}"></ion-icon></ion-button>
<div class="row-download-special"> <div class="clr"></div>
<div class="group-icon3" >
<ion-icon name="refresh-circle" (click)="loadTopics('after')" tappable title="{{ 'aggiorna' | translate }}"></ion-icon> <span class="item-no-border riga" id="buttonsInterviste" style="display:none">
<ion-label>{{ 'refresh' | translate }}</ion-label> <div *ngIf="!archiviati" class="text">
</div> {{ 'archivia_interviste' | translate }}
<div class="group-icon3"> <ion-button (click)="archiviaInterviste(true)" class="search-arrow" title="{{ 'archivia_interviste' | translate }}"><ion-icon class="button-icon-archivia" slot="icon-only" name="archive" title="{{ 'archivia_interviste' | translate }}"></ion-icon></ion-button>
<ion-icon name="arrow-round-forward" (click)="apriTopic(topic.idRichiesta)" tappable title="{{ 'visualizza_dettagli' | translate }}"></ion-icon> </div>
<ion-label>{{ 'apri' | translate }}</ion-label> <div *ngIf="archiviati" class="text">
</div> {{ 'undo_archivio_interviste' | translate }}
</div> <ion-button (click)="archiviaInterviste(false)" class="search-arrow" title="{{ 'riattiva_interviste' | translate }}"><ion-icon class="button-icon-archivia" slot="icon-only" name="undo" title="{{ 'riattiva_interviste' | translate }}"></ion-icon></ion-button>
</div>
</span>
</div>
</ion-row>-->
<ion-row class="search-date-border-smart">
</ion-row>
<ion-list *ngFor="let topic of topics; trackBy: trackByDoc" class="row-results-smart" (click)="selection?toggleGroup(topic.idRichiesta):selectItem(topic.idRichiesta)"
(press)="selectItem(topic.idRichiesta)" [ngStyle]="{'background-color': topic.checked ? '#c3ddec' : '#ffffff'}">
<ion-checkbox name="privacy" [(ngModel)]="topic.checked" class="check" (click)="checkSelected(topic.idRichiesta)"> </ion-checkbox>
<div class="table-row">
<div class="row-text data" text-wrap> <!--<div class="row-download-special">
{{topic.data}} <div class="group-icon3" >
<div text-wrap>{{topic.titolo}}</div> <ion-icon name="refresh-circle" (click)="loadTopics('after')" tappable title="{{ 'aggiorna' | translate }}"></ion-icon>
<ion-label>{{ 'refresh' | translate }}</ion-label>
</div> </div>
<div class="group-icon3">
<ion-icon name="arrow-round-forward" (click)="apriTopic(topic.idRichiesta)" tappable title="{{ 'visualizza_dettagli' | translate }}"></ion-icon>
</div> <ion-label>{{ 'apri' | translate }}</ion-label>
</ion-list> </div>
<!--<ion-list *ngFor="let topic of topics; trackBy: trackByDoc" class="chat-list table-row">--> </div>-->
<!--<ion-checkbox name="privacy" [(ngModel)]="topic.checked" class="check" (click)="checkSelected(topic.idRichiesta)"> </ion-checkbox>
<div class="row-chat-list"> <div class="row-text data" text-wrap>
<div class="data" text-wrap> <div text-wrap>{{topic.titolo}}</div>
{{topic.data}} {{topic.data}}
<a class="select" (click)="apriTopic(topic.idRichiesta)" tappable title="{{ 'visualizza_dettagli' | translate }}">
<ion-icon name="arrow-round-forward"></ion-icon>
</a>
<a class="select" (click)="loadTopics('after')" tappable title="{{ 'aggiorna' | translate }}">
<ion-icon name="refresh-circle"></ion-icon>
</a>
<div text-wrap>{{topic.titolo}}</div>
</div>
</div>-->
<!--<div class="row-download-special">
<div class="richieste-button group-icon3">
<a class="select" (click)="loadTopics('after')" tappable title="{{ 'aggiorna' | translate }}">
<ion-icon name="refresh-circle"></ion-icon>
</a>
<ion-label>{{ 'refresh' | translate }}</ion-label>
</div>
<div class="richieste-button group-icon2">
<a class="select" (click)="apriTopic(topic.idRichiesta)" tappable title="{{ 'visualizza_dettagli' | translate }}">
<ion-icon name="arrow-round-forward"></ion-icon>
</a>
<ion-label>{{ 'apri' | translate }}</ion-label>
</div>
</div>
<ion-checkbox name="privacy" [(ngModel)]="topic.checked" class="check" (click)="checkSelected(topic.idRichiesta)"> </ion-checkbox>
<div class="row-chat-list">
<div class="data" text-wrap>
{{topic.data}}
<div text-wrap>{{topic.titolo}}</div>
</div>
</div> </div>
</ion-list>--> <div class="row-download item-no-border">
</span> <ion-icon class="button-icon-documenti-smart ios-icon" name="ios-arrow-dropright-circle" (click)="apriTopic(topic.idRichiesta)" tappable title="{{ 'visualizza_dettagli' | translate }}"></ion-icon>
<!--<div class="foo-button" center>
<div class="round-btn">
<a (click)="createNuovoParere()" tappable>
<ion-icon name="add" [style.color]="'#FFFFFF'"></ion-icon>
</a>
</div> </div>
</div>-->
</ion-grid> </div>
</ion-list>
</div> </div>
</span> </span>
...@@ -221,7 +229,7 @@ ...@@ -221,7 +229,7 @@
<ion-col (click)="apriTopic(topic.idRichiesta)"> <ion-col (click)="apriTopic(topic.idRichiesta)">
<div tappable class="icon2"> <div tappable class="icon2">
<img src="assets/img/domandeNero.png" tappable/> <img src="assets/img/domandeNero.png" tappable/>
<ion-icon *ngIf="lock.isHover" class="button-icon-download" slot="icon-only" name="download" title="{{ 'scarica_doc' | translate }}"></ion-icon> <!--<ion-icon *ngIf="lock.isHover" class="button-icon-download" slot="icon-only" name="download" title="{{ 'scarica_doc' | translate }}"></ion-icon>-->
</div> </div>
</ion-col> </ion-col>
</ion-row> </ion-row>
...@@ -314,12 +322,14 @@ ...@@ -314,12 +322,14 @@
<ion-textarea name="question" placeholder="{{ 'inserire_domanda' | translate }}" ngModel required></ion-textarea> <ion-textarea name="question" placeholder="{{ 'inserire_domanda' | translate }}" ngModel required></ion-textarea>
</ion-item> </ion-item>
</div> </div>
<div class="send"> <ion-row>
<ion-button type="submit" size="large" [disabled]="form.invalid" expand="block" color="#fcc73d" class="form-button">{{ 'invia' | translate }}</ion-button> <div class="send">
</div> <ion-button type="submit" size="large" [disabled]="form.invalid" expand="block" color="#fcc73d" class="form-button">{{ 'invia' | translate }}</ion-button>
<div class="undo"> </div>
<ion-button color="#515151" size="large" expand="block" (click)="apriLista()" class="form-button">{{ 'annulla' | translate }}</ion-button> <div class="undo">
</div> <ion-button color="#515151" size="large" expand="block" (click)="apriLista()" class="form-button">{{ 'annulla' | translate }}</ion-button>
</div>
</ion-row>
</form> </form>
</div> </div>
...@@ -337,7 +347,7 @@ ...@@ -337,7 +347,7 @@
<ion-input class="input-intervento" id= "message" type="text" placeholder="{{ 'digita_msg' | translate }}" name="message" [(ngModel)]="message"></ion-input> <ion-input class="input-intervento" id= "message" type="text" placeholder="{{ 'digita_msg' | translate }}" name="message" [(ngModel)]="message"></ion-input>
</ion-col> </ion-col>
<ion-col size="2"> <ion-col size="2">
<ion-icon class="button-icon-documenti" name="paper-plane" (click)="aggiungiIntervento(form)" tappable title="{{ 'inserisci_intervento' | translate }}" [style.color]="'#EEA248'"></ion-icon> <ion-icon class="button-icon-documenti" name="ios-arrow-dropright-circle" (click)="aggiungiIntervento(form)" tappable title="{{ 'inserisci_intervento' | translate }}" [style.color]="'#EEA248'"></ion-icon>
</ion-col> </ion-col>
</ion-row> </ion-row>
......
src/app/pages/interviste/interviste.page.ts
...@@ -50,7 +50,13 @@ export class IntervistePage implements OnInit { ...@@ -50,7 +50,13 @@ export class IntervistePage implements OnInit {
this.events.subscribe('functionCall:manageBackButton', eventData => { this.events.subscribe('functionCall:manageBackButton', eventData => {
if(this.router.url == "/home/interviste") if(this.router.url == "/home/interviste")
{ {
if(this.intervista == "lista") this.router.navigateByUrl('home/index'); if(this.intervista == "lista")
{
UtilService.titoloPagina = '';
this.events.publish('functionCall:cambiaTitolo', null);
this.router.navigateByUrl('home/index');
}
else else
{ {
this.apriLista(); this.apriLista();
...@@ -550,6 +556,9 @@ export class IntervistePage implements OnInit { ...@@ -550,6 +556,9 @@ export class IntervistePage implements OnInit {
back() back()
{ {
UtilService.titoloPagina = '';
this.events.publish('functionCall:cambiaTitolo', null);
this.router.navigateByUrl('home/index'); this.router.navigateByUrl('home/index');
} }
......
src/app/pages/notifiche/notifiche.module.ts 0 → 100644
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { FormsModule } from '@angular/forms';
import { Routes, RouterModule } from '@angular/router';
import { IonicModule } from '@ionic/angular';
import { NotifichePage } from './notifiche.page';
const routes: Routes = [
{
path: '',
component: NotifichePage
}
];
@NgModule({
imports: [
CommonModule,
FormsModule,
IonicModule,
RouterModule.forChild(routes)
],
declarations: [NotifichePage]
})
export class NotifichePageModule {}
src/app/pages/notifiche/notifiche.page.html 0 → 100644
<ion-header>
<ion-toolbar>
<ion-title>notifiche</ion-title>
</ion-toolbar>
</ion-header>
<ion-content>
</ion-content>
src/app/pages/notifiche/notifiche.page.spec.ts 0 → 100644
import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { NotifichePage } from './notifiche.page';
describe('NotifichePage', () => {
let component: NotifichePage;
let fixture: ComponentFixture<NotifichePage>;
beforeEach(async(() => {
TestBed.configureTestingModule({
declarations: [ NotifichePage ],
schemas: [CUSTOM_ELEMENTS_SCHEMA],
})
.compileComponents();
}));
beforeEach(() => {
fixture = TestBed.createComponent(NotifichePage);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});
src/app/pages/notifiche/notifiche.page.ts 0 → 100644
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-notifiche',
templateUrl: './notifiche.page.html',
styleUrls: ['./notifiche.page.scss'],
})
export class NotifichePage implements OnInit {
constructor() { }
ngOnInit() {
}
}
src/app/pages/parere/parere.page.html
<ion-header class="header-subpage" no-border *ngIf="!platform.is('desktop')"> <!--<ion-header class="header-subpage" no-border *ngIf="!platform.is('desktop')">
<ion-toolbar color="#2b94d1"> <ion-toolbar color="#2b94d1">
<ion-title class="titolo-sezione-head">{{ 'parere_titolo' | translate }}</ion-title> <ion-title class="titolo-sezione-head">{{ 'parere_titolo' | translate }}</ion-title>
</ion-toolbar> </ion-toolbar>
</ion-header> </ion-header>-->
<ion-content class="chats"> <ion-content class="chats">
<ion-row class="title-row" *ngIf="!platform.is('desktop')"> <!--<ion-row class="title-row" *ngIf="!platform.is('desktop')">
<ion-buttons class="back-button-desktop" (click)="back()" title="{{ 'back_login' | translate }}"> <ion-buttons class="back-button-desktop" (click)="back()" title="{{ 'back_login' | translate }}">
<ion-icon name="arrow-round-back" color="#2b94d1" class="back" tappable></ion-icon> <ion-icon name="arrow-round-back" color="#2b94d1" class="back" tappable></ion-icon>
</ion-buttons> </ion-buttons>
<div class="pareri-title"> <div class="pareri-title">
<ion-title>{{ 'parere_titolo' | translate }}</ion-title> <ion-title>{{ 'parere_titolo' | translate }}</ion-title>
</div> </div>
</ion-row> </ion-row>-->
<div> <div>
<div> <div>
<div [ngSwitch]="parere" ngDefaultControl> <div [ngSwitch]="parere" ngDefaultControl>
<span *ngIf="!platform.is('desktop')"> <span *ngIf="!platform.is('desktop')">
<div *ngSwitchCase="'lista'"> <div *ngSwitchCase="'lista'">
<div class="search-date date-div"> <ion-row>
<div class="search-date-smart">
<ion-row>
<span class="riga"><strong>{{ 'cerca' | translate }}</strong> {{ 'titolo' | translate }} <input type="text" name="calendar" [(ngModel)]="titolo" title="{{ 'ricerca_titolo' | translate }}" class="cerca-titolo-doc">
</span>
<ion-button (click)="cercaPareri()" class="search-arrow" title="{{ 'cerca' | translate }}">
<ion-icon class="button-icon-documenti-smart ios-icon" slot="icon-only" name="ios-arrow-dropright-circle" title="{{ 'cerca' | translate }}"></ion-icon>
</ion-button>
</ion-row>
</div>
</ion-row>
<ion-row>
<div class="search-date-smart">
<ion-row>
<span class="riga">
<ion-checkbox name="privacy" [(ngModel)]="archiviati" class="check2"> </ion-checkbox>
<ion-label>{{ 'visualizza_archiviati' | translate }}</ion-label>
</span>
<ion-button (click)="cercaPareri()" class="search-arrow" title="{{ 'cerca' | translate }}">
<ion-icon class="button-icon-documenti-smart ios-icon" slot="icon-only" name="ios-arrow-dropright-circle" title="{{ 'cerca' | translate }}"></ion-icon>
</ion-button>
</ion-row>
</div>
</ion-row>
<span id="buttonsPareri" style="display:none">
<ion-row>
<div class="search-date-smart" *ngIf="!archiviati">
<ion-row>
<span class="riga">
<ion-label>{{ 'archivia_pareri' | translate }}</ion-label>
</span>
<ion-button (click)="archiviaPareri(true)" class="search-arrow" title="{{ 'archivia_pareri' | translate }}">
<ion-icon class="button-icon-documenti-smart ios-icon" slot="icon-only" name="archive" title="{{ 'archivia_pareri' | translate }}"></ion-icon>
</ion-button>
</ion-row>
</div>
</ion-row>
<ion-row>
<div class="search-date-smart" *ngIf="archiviati">
<ion-row>
<span class="riga">
<ion-label>{{ 'undo_archivio_pareri' | translate }}</ion-label>
</span>
<ion-button (click)="archiviaPareri(false)" class="search-arrow" title="{{ 'riattiva_pareri' | translate }}">
<ion-icon class="button-icon-documenti-smart ios-icon" slot="icon-only" name="undo" title="{{ 'riattiva_pareri' | translate }}"></ion-icon>
</ion-button>
</ion-row>
</div>
</ion-row>
</span>
<ion-row class="search-date-border-smart">
</ion-row>
<!--<div class="search-date date-div">
<div class="float-date"> <div class="float-date">
<span class="search-date item-no-border grigio"> <span class="search-date item-no-border grigio">
<div><strong>{{ 'cerca' | translate }}</strong> {{ 'titolo' | translate }} <input type="text" name="calendar" [(ngModel)]="titolo" title="{{ 'ricerca_titolo' | translate }}"></div> <div><strong>{{ 'cerca' | translate }}</strong> {{ 'titolo' | translate }} <input type="text" name="calendar" [(ngModel)]="titolo" title="{{ 'ricerca_titolo' | translate }}"></div>
...@@ -27,7 +79,8 @@ ...@@ -27,7 +79,8 @@
<span class="search-date float-date riga item-no-border"> <span class="search-date float-date riga item-no-border">
<ion-checkbox name="privacy" [(ngModel)]="archiviati" class="check"> </ion-checkbox> <ion-checkbox name="privacy" [(ngModel)]="archiviati" class="check"> </ion-checkbox>
<ion-label class="archivio-text"><span class="text">{{ 'visualizza_archiviati' | translate }}</span></ion-label> <ion-label class="archivio-text"><span class="text">{{ 'visualizza_archiviati' | translate }}</span></ion-label>
<ion-button (click)="cercaPareri()" class="search-arrow" title="{{ 'cerca' | translate }}"><ion-icon class="button-icon" slot="icon-only" name="arrow-round-forward" title="{{ 'cerca' | translate }}"></ion-icon></ion-button> <ion-button (click)="cercaPareri()" class="search-arrow" title="{{ 'cerca' | translate }}">
<ion-icon class="button-icon" slot="icon-only" name="arrow-round-forward" title="{{ 'cerca' | translate }}"></ion-icon></ion-button>
</span> </span>
</div> </div>
<div class="clr"></div> <div class="clr"></div>
...@@ -42,7 +95,7 @@ ...@@ -42,7 +95,7 @@
<ion-button (click)="archiviaPareri(false)" class="search-arrow" title="{{ 'riattiva_pareri' | translate }}"><ion-icon class="button-icon-archivia" slot="icon-only" name="undo" title="{{ 'riattiva_pareri' | translate }}"></ion-icon></ion-button> <ion-button (click)="archiviaPareri(false)" class="search-arrow" title="{{ 'riattiva_pareri' | translate }}"><ion-icon class="button-icon-archivia" slot="icon-only" name="undo" title="{{ 'riattiva_pareri' | translate }}"></ion-icon></ion-button>
</div> </div>
</span> </span>
</div> </div>-->
<!--<div *ngFor="let parere of pareri; trackBy: trackByDoc" class="chat-list"> <!--<div *ngFor="let parere of pareri; trackBy: trackByDoc" class="chat-list">
<ion-checkbox name="privacy" [(ngModel)]="parere.checked" class="check" (click)="checkSelected(parere.idRichiesta)"> </ion-checkbox> <ion-checkbox name="privacy" [(ngModel)]="parere.checked" class="check" (click)="checkSelected(parere.idRichiesta)"> </ion-checkbox>
<div class="row-chat-list"> <div class="row-chat-list">
...@@ -58,7 +111,7 @@ ...@@ -58,7 +111,7 @@
</div> </div>
</div> </div>
</div>--> </div>-->
<span class="row-results"> <span>
<!--<ion-list *ngFor="let parere of pareri; trackBy: trackByDoc" class="chat-list table-row"> <!--<ion-list *ngFor="let parere of pareri; trackBy: trackByDoc" class="chat-list table-row">
<div class="row-download-special"> <div class="row-download-special">
...@@ -84,12 +137,12 @@ ...@@ -84,12 +137,12 @@
</div> </div>
</ion-list>--> </ion-list>-->
<ion-list *ngFor="let parere of pareri; trackBy: trackByDoc" class="row-results" (click)="selection?toggleGroup(parere.idRichiesta):selectItem(parere.idRichiesta)" <ion-list *ngFor="let parere of pareri; trackBy: trackByDoc" class="row-results-smart" (click)="selection?toggleGroup(parere.idRichiesta):selectItem(parere.idRichiesta)"
(press)="selectItem(parere.idRichiesta)" [ngStyle]="{'background-color': parere.checked ? '#c3ddec' : '#ffffff'}"> (press)="selectItem(parere.idRichiesta)" [ngStyle]="{'background-color': parere.checked ? '#c3ddec' : '#ffffff'}">
<ion-checkbox name="privacy" [(ngModel)]="parere.checked" class="check" (click)="checkSelected(parere.idRichiesta)"> </ion-checkbox> <ion-checkbox name="privacy" [(ngModel)]="parere.checked" class="check" (click)="checkSelected(parere.idRichiesta)"> </ion-checkbox>
<div class="table-row"> <div class="table-row">
<div class="row-download-special"> <!--<div class="row-download-special">
<div class="group-icon3" > <div class="group-icon3" >
<ion-icon name="refresh-circle" (click)="loadPareri('initial')" tappable title="{{ 'aggiorna' | translate }}"></ion-icon> <ion-icon name="refresh-circle" (click)="loadPareri('initial')" tappable title="{{ 'aggiorna' | translate }}"></ion-icon>
<ion-label>{{ 'refresh' | translate }}</ion-label> <ion-label>{{ 'refresh' | translate }}</ion-label>
...@@ -98,11 +151,14 @@ ...@@ -98,11 +151,14 @@
<ion-icon name="arrow-round-forward" (click)="apriParere(parere.idRichiesta)" tappable title="{{ 'visualizza_dettagli' | translate }}"></ion-icon> <ion-icon name="arrow-round-forward" (click)="apriParere(parere.idRichiesta)" tappable title="{{ 'visualizza_dettagli' | translate }}"></ion-icon>
<ion-label>{{ 'apri' | translate }}</ion-label> <ion-label>{{ 'apri' | translate }}</ion-label>
</div> </div>
</div> </div>-->
<div class="row-text data" text-wrap> <div class="row-text data" text-wrap>
{{parere.data}}
<div text-wrap>{{parere.titolo}}</div> <div text-wrap>{{parere.titolo}}</div>
{{parere.data}}
</div>
<div class="row-download item-no-border">
<ion-icon class="button-icon-documenti-smart ios-icon" name="ios-arrow-dropright-circle" (click)="apriParere(parere.idRichiesta)" tappable title="{{ 'visualizza_dettagli' | translate }}"></ion-icon>
</div> </div>
</div> </div>
...@@ -201,9 +257,9 @@ ...@@ -201,9 +257,9 @@
</div> </div>
</ion-col> </ion-col>
<ion-col (click)="apriParere(parere.idRichiesta)"> <ion-col (click)="apriParere(parere.idRichiesta)">
<div tappable class="icon2"> <div tappable class="icon3">
<img src="assets/img/parereNero.png" tappable/> <img src="assets/img/parereNero.png" tappable/>
<ion-icon *ngIf="lock.isHover" class="button-icon-download" slot="icon-only" name="download" title="{{ 'scarica_doc' | translate }}"></ion-icon> <!--<ion-icon *ngIf="lock.isHover" class="button-icon-download" slot="icon-only" name="download" title="{{ 'scarica_doc' | translate }}"></ion-icon>-->
</div> </div>
</ion-col> </ion-col>
</ion-row> </ion-row>
...@@ -273,12 +329,14 @@ ...@@ -273,12 +329,14 @@
<ion-item class="item-no-border"> <ion-item class="item-no-border">
<ion-input id="file" type="file" name="file" ngModel (change)="loadFile();" class="font"></ion-input> <ion-input id="file" type="file" name="file" ngModel (change)="loadFile();" class="font"></ion-input>
</ion-item> </ion-item>
<div class="send"> <ion-row>
<ion-button type="submit" size="large" [disabled]="form.invalid" expand="block" color="#fcc73d" class="form-button">{{ 'invia' | translate }}</ion-button> <div class="send">
</div> <ion-button type="submit" size="large" [disabled]="form.invalid" expand="block" color="#fcc73d" class="form-button">{{ 'invia' | translate }}</ion-button>
<div class="undo"> </div>
<ion-button color="#515151" size="large" expand="block" (click)="apriLista()" class="form-button">{{ 'annulla' | translate }}</ion-button> <div class="undo">
</div> <ion-button color="#515151" size="large" expand="block" (click)="apriLista()" class="form-button">{{ 'annulla' | translate }}</ion-button>
</div>
</ion-row>
</form> </form>
</div> </div>
......
src/app/pages/parere/parere.page.ts
...@@ -46,7 +46,13 @@ export class ParerePage implements OnInit { ...@@ -46,7 +46,13 @@ export class ParerePage implements OnInit {
this.events.subscribe('functionCall:manageBackButton', eventData => { this.events.subscribe('functionCall:manageBackButton', eventData => {
if(this.router.url == "/home/parere") if(this.router.url == "/home/parere")
{ {
if(this.parere == "lista") this.router.navigateByUrl('home/index'); if(this.parere == "lista")
{
UtilService.titoloPagina = '';
this.events.publish('functionCall:cambiaTitolo', null);
this.router.navigateByUrl('home/index');
}
else else
{ {
this.apriLista(); this.apriLista();
...@@ -446,6 +452,9 @@ upload(str:any) ...@@ -446,6 +452,9 @@ upload(str:any)
back() back()
{ {
UtilService.titoloPagina = '';
this.events.publish('functionCall:cambiaTitolo', null);
this.router.navigateByUrl('home/index'); this.router.navigateByUrl('home/index');
} }
......
src/app/pages/preview-home/preview-home.page.html
<ion-content> <ion-content *ngIf="platform.is('desktop')" class="content-smart">
<div class="preview-title" *ngIf="pageReady"> <div class="preview-title" *ngIf="pageReady">
<ion-title>{{ 'hello' | translate }} {{name}}! {{ 'titolo_preview' | translate }}</ion-title> <ion-title>{{ 'hello' | translate }} {{name}}! {{ 'titolo_preview' | translate }}</ion-title>
</div> </div>
<div class="content-preview"> <div class="content-preview" *ngIf="pageReady">
<div class="struttura-sel struttura-servizio" tappable *ngIf="consultingService != null"> <div class="struttura-sel struttura-servizio" tappable>
<div tappable class="icon" (click)="selectStruttura('servizi')"> <div tappable class="icon" (click)="selectStruttura('servizi')">
<img src="assets/img/MenuServizi.png" (click)="selectStruttura('servizi')" tappable/> <img src="assets/img/MenuServizi.png" tappable/>
</div> </div>
<div tappable class="section-title" (click)="selectStruttura('servizi')"> <div tappable class="section-title" (click)="selectStruttura('servizi')">
{{ 'servizi' | translate }} {{ 'servizi' | translate }}
</div> </div>
</div> </div>
<div class="struttura-sel struttura-immobiliare" tappable *ngIf="realEstateBrokerage != null"> <div class="struttura-sel struttura-immobiliare" tappable>
<div tappable class="icon" (click)="selectStruttura('immobiliare')"> <div tappable class="icon" (click)="selectStruttura('immobiliare')">
<img src="assets/img/MenuImmobiliare.png" (click)="selectStruttura('immobiliare')" tappable/> <img src="assets/img/MenuImmobiliare.png" tappable/>
</div> </div>
<div tappable class="section-title" (click)="selectStruttura('immobiliare')"> <div tappable class="section-title" (click)="selectStruttura('immobiliare')">
{{ 'immobiliare' | translate }} {{ 'immobiliare' | translate }}
</div> </div>
</div> </div>
<div class="struttura-sel struttura-creditizia" tappable *ngIf="mediatoreCreditizio != null"> <div class="struttura-sel struttura-creditizia" tappable>
<div tappable class="icon" (click)="selectStruttura('creditizia')"> <div tappable class="icon" (click)="selectStruttura('creditizia')">
<img src="assets/img/MenuCreditizia.png" (click)="selectStruttura('creditizia')" tappable/> <img src="assets/img/MenuCreditizia.png" tappable/>
</div> </div>
<div tappable class="section-title" (click)="selectStruttura('creditizia')"> <div tappable class="section-title" (click)="selectStruttura('creditizia')">
{{ 'creditizia' | translate }} {{ 'creditizia' | translate }}
...@@ -29,3 +29,32 @@ ...@@ -29,3 +29,32 @@
</div> </div>
</div> </div>
</ion-content> </ion-content>
<ion-content *ngIf="!platform.is('desktop')">
<div class="content-preview-smart" *ngIf="pageReady">
<ion-row class="struttura-sel-smart struttura-servizio-smart" tappable>
<div tappable class="icon" (click)="selectStruttura('servizi')">
<img src="assets/img/MenuServizi.png" tappable/>
</div>
<div tappable class="section-title-smart" (click)="selectStruttura('servizi')">
{{ 'servizi' | translate }}
</div>
</ion-row>
<ion-row class="struttura-sel-smart struttura-immobiliare-smart" tappable>
<div tappable class="icon" (click)="selectStruttura('immobiliare')">
<img src="assets/img/MenuImmobiliare.png" tappable/>
</div>
<div tappable class="section-title-smart" (click)="selectStruttura('immobiliare')">
{{ 'immobiliare' | translate }}
</div>
</ion-row>
<ion-row class="struttura-sel-smart struttura-creditizia-smart" tappable>
<div tappable class="icon" (click)="selectStruttura('creditizia')">
<img src="assets/img/MenuCreditizia.png" tappable/>
</div>
<div tappable class="section-title-smart" (click)="selectStruttura('creditizia')">
{{ 'creditizia' | translate }}
</div>
</ion-row>
</div>
</ion-content>
\ No newline at end of file
src/app/pages/preview-home/preview-home.page.ts
...@@ -65,25 +65,41 @@ export class PreviewHomePage implements OnInit { ...@@ -65,25 +65,41 @@ export class PreviewHomePage implements OnInit {
selectStruttura(struttura:String) selectStruttura(struttura:String)
{ {
let ok = false;
switch(struttura) switch(struttura)
{ {
case "servizi": case "servizi":
{ {
this.utilService.setStrutturaSel(this.consultingService); if(this.consultingService != null)
{
this.utilService.setStrutturaSel(this.consultingService);
ok = true;
}
break; break;
} }
case "immobiliare": case "immobiliare":
{ {
this.utilService.setStrutturaSel(this.realEstateBrokerage); if(this.realEstateBrokerage != null)
{
this.utilService.setStrutturaSel(this.realEstateBrokerage);
ok = true;
}
break; break;
} }
case "creditizia": case "creditizia":
{ {
this.utilService.setStrutturaSel(this.mediatoreCreditizio); if(this.mediatoreCreditizio != null)
{
this.utilService.setStrutturaSel(this.mediatoreCreditizio);
ok = true;
}
break; break;
} }
} }
this.events.publish('functionCall:strutturaSelected', null); if(ok) this.events.publish('functionCall:strutturaSelected', null);
else{
this.utilService.stampaAvviso("Struttura non presente in questo profilo");
}
} }
} }
src/app/pages/segreteria/segreteria.page.html
<ion-header class="header" no-border *ngIf="!platform.is('desktop')"> <!--<ion-header class="header" no-border *ngIf="!platform.is('desktop')">
<ion-grid class="header-subpage"> <ion-grid class="header-subpage">
<ion-row justify-content-center> <ion-row justify-content-center>
<ion-col align-self-center size-lg="7"> <ion-col align-self-center size-lg="7">
...@@ -14,12 +14,12 @@ ...@@ -14,12 +14,12 @@
</ion-col> </ion-col>
</ion-row> </ion-row>
</ion-grid> </ion-grid>
</ion-header> </ion-header>-->
<ion-content overflow-scroll="true" *ngIf="!platform.is('desktop')"> <ion-content overflow-scroll="true" *ngIf="!platform.is('desktop')">
<div class="contenitore-home"> <!--<div class="contenitore-home">
<div class="central-doc"> <div class="central-doc">
<!--<div padding> <div padding>
<ion-segment [(ngModel)]="segreteria"> <ion-segment [(ngModel)]="segreteria">
<ion-segment-button value="preventivi" (click)="redirectTo2p2()"> <ion-segment-button value="preventivi" (click)="redirectTo2p2()">
Preventivi e Pagamenti Preventivi e Pagamenti
...@@ -38,7 +38,7 @@ ...@@ -38,7 +38,7 @@
</div>--> </div>-->
<div [ngSwitch]="segreteria" ngDefaultControl> <div [ngSwitch]="segreteria" ngDefaultControl>
<ion-row class="selection item-no-border" no-margin> <!--<ion-row class="selection item-no-border" no-margin>
<ion-label>{{ 'seleziona_struttura' | translate }}</ion-label> <ion-label>{{ 'seleziona_struttura' | translate }}</ion-label>
<ion-select value="clienteSel" [(ngModel)]="idStrutturaSel" (ionChange)="cambiaStruttura()" no-scroll title="{{ 'seleziona_struttura' | translate }}"> <ion-select value="clienteSel" [(ngModel)]="idStrutturaSel" (ionChange)="cambiaStruttura()" no-scroll title="{{ 'seleziona_struttura' | translate }}">
<ion-icon name="arrow-forward"></ion-icon> <ion-icon name="arrow-forward"></ion-icon>
...@@ -49,10 +49,10 @@ ...@@ -49,10 +49,10 @@
{{ 'struttura_sel' | translate }} </ion-text> {{ 'struttura_sel' | translate }} </ion-text>
<div class="clr"></div> <div class="clr"></div>
<p class="grigio selection-done" style="padding-left: 5px;"><strong>{{strutturaSel.denominazione}}</strong> <p class="grigio selection-done" style="padding-left: 5px;"><strong>{{strutturaSel.denominazione}}</strong>
</p> </p> -->
<ion-list *ngSwitchCase="'fatture'" ngDefaultControl> <ion-list *ngSwitchCase="'fatture'" ngDefaultControl>
<ion-grid> <!--<ion-grid>
<ion-row class="search-date"> <ion-row class="search-date">
<div class="riga"> <div class="riga">
<ion-checkbox name="privacy" [(ngModel)]="visualizzaProgetti" class="check2"> </ion-checkbox> <ion-checkbox name="privacy" [(ngModel)]="visualizzaProgetti" class="check2"> </ion-checkbox>
...@@ -87,76 +87,110 @@ ...@@ -87,76 +87,110 @@
<input *ngIf="!visualizzaProgetti" placeholder="{{ 'cerca_notula' | translate }}" type="text" name="calendar" [(ngModel)]="nNotula" title="{{ 'cerca_notula' | translate }}" class="cerca-notula"> <input *ngIf="!visualizzaProgetti" placeholder="{{ 'cerca_notula' | translate }}" type="text" name="calendar" [(ngModel)]="nNotula" title="{{ 'cerca_notula' | translate }}" class="cerca-notula">
<ion-button (click)="cercaFatture()" class="search-arrow" title="{{ 'cerca' | translate }}"><ion-icon class="button-icon" slot="icon-only" name="arrow-round-forward" title="{{ 'cerca' | translate }}"></ion-icon></ion-button> <ion-button (click)="cercaFatture()" class="search-arrow" title="{{ 'cerca' | translate }}"><ion-icon class="button-icon" slot="icon-only" name="arrow-round-forward" title="{{ 'cerca' | translate }}"></ion-icon></ion-button>
</div> </div>
</ion-row> </ion-row>-->
<!--<ion-row class="search-date" id="buttons" style="display:none"> <!--<ion-row class="search-date" id="buttons" style="display:none">
<div><span class="condividi-text">{{ 'condividi' | translate }}</span> <div><span class="condividi-text">{{ 'condividi' | translate }}</span>
<ion-button (click)="condividiFatture()" class="search-arrow" title="{{ 'condividi_fatture' | translate }}"><ion-icon class="button-icon" slot="icon-only" name="share" title="{{ 'condividi_fatture' | translate }}"></ion-icon></ion-button></div> <ion-button (click)="condividiFatture()" class="search-arrow" title="{{ 'condividi_fatture' | translate }}"><ion-icon class="button-icon" slot="icon-only" name="share" title="{{ 'condividi_fatture' | translate }}"></ion-icon></ion-button></div>
</ion-row>--> </ion-row>-->
<ion-row class="search-date-border"> <!--<ion-row class="search-date-border">
</ion-row>-->
<ion-row>
<div class="search-date-smart">
<ion-row>
<span class="riga">
<ion-checkbox name="privacy" [(ngModel)]="visualizzaProgetti" class="check2"> </ion-checkbox>
<ion-label>{{ 'visualizza_progetti' | translate }}</ion-label>
</span>
</ion-row>
</div>
</ion-row> </ion-row>
<span *ngIf="platform.is('desktop')"> <ion-row>
<ion-list *ngFor="let fattura of fatture; trackBy: trackByDoc" class="row-results"> <div class="search-date-smart">
<div class="table-row"> <ion-row>
<div class="row-download-special"> <span class="riga">
<div class="group-icon" *ngIf="visualizzaProgetti"> <span class="float-date">
<a *ngIf="platform.is('desktop')" href="{{fattura.urlProgNotula}}" target="_blank" download tappable> <span class="date-text"><strong>{{ 'cerca' | translate }}</strong> {{ 'da' | translate }} </span>
<ion-icon name="cloud-download"></ion-icon> <ion-icon class="element-date date-icon" name="calendar" (click)="setDateDa()"></ion-icon>
</a> <div class="element-date item-no-border date-text">
<ion-label>{{ 'progetto' | translate }}</ion-label> {{date1}}
</div> </div>
<div class="group-icon" *ngIf="!visualizzaProgetti"> <span class="date-text">{{ 'a' | translate }}</span>
<a *ngIf="platform.is('desktop') && fattura.nrNotula != null" href="{{fattura.urlNotula}}" target="_blank" download tappable> <ion-icon floating class="element-date date-icon" name="calendar" (click)="setDateA()"></ion-icon>
<ion-icon name="cloud-download"></ion-icon> <div floating class="element-date item-no-border date-text">
</a> {{date2}}
<ion-label *ngIf="fattura.nrNotula != null">{{ 'notula' | translate }}</ion-label> </div>
</div> </span>
</div> <ion-button (click)="resetDate()" class="search-arrow-red-desktop" title="{{ 'reset_documenti' | translate }}">
<div class="row-text-special" *ngIf="visualizzaProgetti"> <ion-icon class="button-icon" slot="icon-only" name="close" title="{{ 'cerca_documenti' | translate }}"></ion-icon>
{{ 'text_progetto' | translate }} {{fattura.nrProgNotula}} </ion-button>
<div class="detail"> </span>
{{ 'text_data_progetto_notula' | translate }} {{fattura.dataProgNotula}} <ion-button (click)="cercaFatture()" class="search-arrow" title="{{ 'cerca' | translate }}">
</div> <ion-icon class="button-icon-documenti-smart ios-icon" slot="icon-only" name="ios-arrow-dropright-circle" title="{{ 'cerca_documenti' | translate }}"></ion-icon>
<!--<div *ngIf="!platform.is('desktop')" class="detail detail-margin"> </ion-button>
{{ 'text_notula' | translate }} {{fattura.nrNotula}} </ion-row>
</div> </div>
<div *ngIf="platform.is('desktop')" class="detail"> </ion-row>
{{ 'text_notula' | translate }} {{fattura.nrNotula}} <ion-row>
</div>--> <div class="search-date-smart">
</div> <ion-row>
<div class="row-text-special" *ngIf="!visualizzaProgetti && fattura.nrNotula != null"> <span class="riga"><strong>{{ 'cerca' | translate }}</strong> {{ 'titolo' | translate }} <input type="text" name="calendar" [(ngModel)]="titolo" title="{{ 'ricerca_titolo' | translate }}" class="cerca-titolo-doc">
{{ 'text_notula' | translate }} {{fattura.nrNotula}} </span>
<div class="detail"> <ion-button (click)="cercaFatture()" class="search-arrow" title="{{ 'cerca' | translate }}">
{{ 'text_data_notula' | translate }} {{fattura.dataNotula}} <ion-icon class="button-icon-documenti-smart ios-icon" slot="icon-only" name="ios-arrow-dropright-circle" title="{{ 'cerca_documenti' | translate }}"></ion-icon>
</div> </ion-button>
<!--<div *ngIf="!platform.is('desktop')" class="detail detail-margin"> </ion-row>
{{ 'text_notula' | translate }} {{fattura.nrNotula}} </div>
</div> </ion-row>
<div *ngIf="platform.is('desktop')" class="detail"> <ion-row>
{{ 'text_notula' | translate }} {{fattura.nrNotula}} <div class="search-date-smart">
</div>--> <ion-row>
</div> <span class="riga">
</div> <input *ngIf="visualizzaProgetti" placeholder="{{ 'cerca_progetto' | translate }}" type="text" name="calendar" [(ngModel)]="nProgNotula" title="{{ 'cerca_progetto' | translate }}" class="cerca-notula">
</ion-list> <input *ngIf="!visualizzaProgetti" placeholder="{{ 'cerca_notula' | translate }}" type="text" name="calendar" [(ngModel)]="nNotula" title="{{ 'cerca_notula' | translate }}" class="cerca-notula">
</span> </span>
<span *ngIf="!platform.is('desktop')"> <ion-button (click)="cercaFatture()" class="search-arrow" title="{{ 'cerca' | translate }}">
<ion-list *ngFor="let fattura of fatture; trackBy: trackByDoc" class="row-results" (click)="selection?toggleGroup(fattura.id):selectItem(fattura.id)" <ion-icon class="button-icon-documenti-smart ios-icon" slot="icon-only" name="ios-arrow-dropright-circle" title="{{ 'cerca' | translate }}"></ion-icon>
</ion-button>
</ion-row>
</div>
</ion-row>
<ion-row id="buttons" style="display: none;">
<div class="search-date-smart">
<ion-row>
<span class="riga">
<ion-label>{{ 'condividi_fatture' | translate }}</ion-label>
</span>
<ion-button (click)="condividiFatture()" class="search-arrow" title="{{'condividi_fatture' | translate}}">
<ion-icon class="button-icon-documenti-smart share-button" name="share" title="{{'condividi_fatture' | translate}}" tappable></ion-icon>
</ion-button>
</ion-row>
</div>
<!--<ion-buttons (click)="condividiFatture()" title="{{'condividi_fatture' | translate}}">
<ion-icon name="share" class="button-icon-documenti-smart share-button" tappable></ion-icon>
</ion-buttons>-->
</ion-row>
<ion-row class="search-date-border-smart">
</ion-row>
<span>
<ion-list *ngFor="let fattura of fatture; trackBy: trackByDoc" class="list-smart" (click)="selection?toggleGroup(fattura.id):selectItem(fattura.id)"
(press)="selectItem(fattura.id)" [ngStyle]="{'background-color': fattura.checked ? '#c3ddec' : '#ffffff'}"> (press)="selectItem(fattura.id)" [ngStyle]="{'background-color': fattura.checked ? '#c3ddec' : '#ffffff'}">
<div class="table-row"> <div class="row-results-smart" *ngIf="(!visualizzaProgetti && fattura.nrNotula != null) || visualizzaProgetti">
<div class="row-download-special"> <ion-checkbox name="privacy" [(ngModel)]="fattura.checked" class="check" (click)="checkSelected(fattura.id)" *ngIf="(!visualizzaProgetti && fattura.nrNotula != null) || visualizzaProgetti"> </ion-checkbox>
<div class="table-row" *ngIf="(!visualizzaProgetti && fattura.nrNotula != null) || visualizzaProgetti">
<!--<div class="row-download-special">
<div class="group-icon" *ngIf="visualizzaProgetti"> <div class="group-icon" *ngIf="visualizzaProgetti">
<ion-icon name="eye" *ngIf="!platform.is('desktop')" (click)="getNotula(fattura.id, fattura.nrProgNotula, true);" target="_blank" download tappable></ion-icon> <ion-icon name="eye" (click)="getNotula(fattura.id, fattura.nrProgNotula, true);" target="_blank" download tappable></ion-icon>
<ion-label>{{ 'progetto' | translate }}</ion-label>
</div> </div>
<div class="group-icon" *ngIf="!visualizzaProgetti"> <div class="group-icon">
<ion-icon name="eye" *ngIf="!platform.is('desktop') && fattura.nrNotula != null" (click)="getNotula(fattura.id, fattura.nrNotula, false);" target="_blank" download tappable></ion-icon> <ion-icon name="eye" *ngIf="!platform.is('desktop') && fattura.nrNotula != null" (click)="getNotula(fattura.id, fattura.nrNotula, false);" target="_blank" download tappable></ion-icon>
<ion-label *ngIf="fattura.nrNotula != null">{{ 'notula' | translate }}</ion-label>
</div> </div>
</div> </div>-->
<ion-checkbox name="privacy" [(ngModel)]="fattura.checked" class="check" (click)="checkSelected(fattura.id)"> </ion-checkbox> <div class="row-text" *ngIf="visualizzaProgetti">
<div class="row-text-special" *ngIf="visualizzaProgetti">
{{ 'text_progetto' | translate }} {{fattura.nrProgNotula}} {{ 'text_progetto' | translate }} {{fattura.nrProgNotula}}
<div class="detail"> <div class="detail">
{{ 'text_data_progetto_notula' | translate }} {{fattura.dataProgNotula}} <!--{{ 'text_data_progetto_notula' | translate }}--> {{fattura.dataProgNotula}}
</div> </div>
<!--<div *ngIf="!platform.is('desktop')" class="detail detail-margin"> <!--<div *ngIf="!platform.is('desktop')" class="detail detail-margin">
{{ 'text_notula' | translate }} {{fattura.nrNotula}} {{ 'text_notula' | translate }} {{fattura.nrNotula}}
...@@ -165,10 +199,13 @@ ...@@ -165,10 +199,13 @@
{{ 'text_notula' | translate }} {{fattura.nrNotula}} {{ 'text_notula' | translate }} {{fattura.nrNotula}}
</div>--> </div>-->
</div> </div>
<div class="row-text-special" *ngIf="!visualizzaProgetti && fattura.nrNotula != null"> <div class="row-download item-no-border" *ngIf="visualizzaProgetti">
<ion-icon name="eye" (click)="getNotula(fattura.id, fattura.nrProgNotula, true);" target="_blank" download tappable title="{{ 'vedi_progettonotula' | translate }}"></ion-icon>
</div>
<div class="row-text" *ngIf="!visualizzaProgetti && fattura.nrNotula != null">
{{ 'text_notula' | translate }} {{fattura.nrNotula}} {{ 'text_notula' | translate }} {{fattura.nrNotula}}
<div class="detail"> <div class="detail">
{{ 'text_data_notula' | translate }} {{fattura.dataNotula}} <!--{{ 'text_data_notula' | translate }}--> {{fattura.dataNotula}}
</div> </div>
<!--<div *ngIf="!platform.is('desktop')" class="detail detail-margin"> <!--<div *ngIf="!platform.is('desktop')" class="detail detail-margin">
{{ 'text_notula' | translate }} {{fattura.nrNotula}} {{ 'text_notula' | translate }} {{fattura.nrNotula}}
...@@ -177,10 +214,14 @@ ...@@ -177,10 +214,14 @@
{{ 'text_notula' | translate }} {{fattura.nrNotula}} {{ 'text_notula' | translate }} {{fattura.nrNotula}}
</div>--> </div>-->
</div> </div>
<div class="row-download item-no-border" *ngIf="!visualizzaProgetti && fattura.nrNotula != null">
<ion-icon name="eye" (click)="getNotula(fattura.id, fattura.nrNotula, false);" target="_blank" download tappable title="{{ 'vedi_notula' | translate }}"></ion-icon>
</div>
</div> </div>
</div>
</ion-list> </ion-list>
</span> </span>
</ion-grid>
</ion-list> </ion-list>
<ion-list *ngSwitchCase="'estratto'" ngDefaultControl> <ion-list *ngSwitchCase="'estratto'" ngDefaultControl>
...@@ -196,15 +237,15 @@ ...@@ -196,15 +237,15 @@
</ion-list> </ion-list>
</div> </div>
</div> <!--</div>
</div> </div>-->
</ion-content> </ion-content>
<ion-footer class="footer-tabs" no-border *ngIf="!platform.is('desktop')"> <ion-footer class="footer-tabs-smart" no-border *ngIf="!platform.is('desktop')">
<div class="contenitore-home footer"> <div class="contenitore-home footer">
<div class="box-footer"> <div class="box-footer">
<ion-tabs class="footer-toolbar"> <ion-tabs class="footer-toolbar">
<ion-tab-bar class="footer-tabbar" [(ngModel)]="segreteria" ngDefaultControl> <ion-tab-bar class="footer-tabbar-smart" [(ngModel)]="segreteria" ngDefaultControl>
<ion-tab-button value="preventivi" (click)="redirectTo2p2()"> <ion-tab-button value="preventivi" (click)="redirectTo2p2()">
<img src="assets/icon/prev-pagam-grigio.svg" class="icon-footer"> <img src="assets/icon/prev-pagam-grigio.svg" class="icon-footer">
<ion-label>{{ 'preventivi' | translate }}</ion-label> <ion-label>{{ 'preventivi' | translate }}</ion-label>
...@@ -302,50 +343,52 @@ ...@@ -302,50 +343,52 @@
</ion-row> </ion-row>
</div> </div>
</ion-row> </ion-row>
<div class="content-index" *ngFor="let fattura of fatture; trackBy: trackByDoc"> <div *ngFor="let fattura of fatture; trackBy: trackByDoc">
<a *ngIf="visualizzaProgetti" href="{{fattura.urlProgNotula}}" target="_blank" download tappable title="{{ 'scarica_pnotula' | translate }}"> <div class="content-index" *ngIf="(!visualizzaProgetti && fattura.nrNotula != null) || visualizzaProgetti">
<div class="struttura-sel documento-box" tappable #lock (mouseover)="lock.isHover = true" (mouseout)="lock.isHover = false"> <a *ngIf="visualizzaProgetti" href="{{fattura.urlProgNotula}}" target="_blank" download tappable title="{{ 'scarica_pnotula' | translate }}">
<ion-row class="row-box"> <div class="struttura-sel documento-box" tappable #lock (mouseover)="lock.isHover = true" (mouseout)="lock.isHover = false">
<ion-col> <ion-row class="row-box">
<div class="documento-text"> <ion-col>
<div class="title"> <div class="documento-text">
<strong>{{ 'text_progetto' | translate }} {{fattura.nrProgNotula}}</strong> <div class="title">
</div> <strong>{{ 'text_progetto' | translate }} {{fattura.nrProgNotula}}</strong>
<div class="data"> </div>
{{fattura.dataProgNotula}} <div class="data">
</div> {{fattura.dataProgNotula}}
</div> </div>
</ion-col>
<ion-col>
<div tappable class="icon2">
<img src="assets/img/documenti.png" tappable/>
<ion-icon *ngIf="lock.isHover" class="button-icon-download" slot="icon-only" name="download" title="{{ 'scarica_doc' | translate }}"></ion-icon>
</div>
</ion-col>
</ion-row>
</div>
</a>
<a *ngIf="!visualizzaProgetti" href="{{fattura.urlNotula}}" target="_blank" download tappable title="{{ 'scarica_notula' | translate }}">
<div class="struttura-sel documento-box" tappable #lock (mouseover)="lock.isHover = true" (mouseout)="lock.isHover = false">
<ion-row class="row-box">
<ion-col>
<div class="documento-text">
<div class="title">
<strong>{{ 'text_notula' | translate }} {{fattura.nrNotula}}</strong>
</div>
<div class="data">
{{fattura.dataNotula}}
</div> </div>
</div> </ion-col>
</ion-col> <ion-col>
<ion-col> <div tappable class="icon2">
<div tappable class="icon2"> <img src="assets/img/documenti.png" tappable/>
<img src="assets/img/documenti.png" tappable/> <ion-icon *ngIf="lock.isHover" class="button-icon-download" slot="icon-only" name="download" title="{{ 'scarica_doc' | translate }}"></ion-icon>
<ion-icon *ngIf="lock.isHover" class="button-icon-download" slot="icon-only" name="download" title="{{ 'scarica_doc' | translate }}"></ion-icon> </div>
</ion-col>
</ion-row>
</div>
</a>
<a *ngIf="!visualizzaProgetti" href="{{fattura.urlNotula}}" target="_blank" download tappable title="{{ 'scarica_notula' | translate }}">
<div class="struttura-sel documento-box" tappable #lock (mouseover)="lock.isHover = true" (mouseout)="lock.isHover = false">
<ion-row class="row-box">
<ion-col>
<div class="documento-text">
<div class="title">
<strong>{{ 'text_notula' | translate }} {{fattura.nrNotula}}</strong>
</div>
<div class="data">
{{fattura.dataNotula}}
</div>
</div> </div>
</ion-col> </ion-col>
</ion-row> <ion-col>
</div> <div tappable class="icon2">
</a> <img src="assets/img/documenti.png" tappable/>
<ion-icon *ngIf="lock.isHover" class="button-icon-download" slot="icon-only" name="download" title="{{ 'scarica_doc' | translate }}"></ion-icon>
</div>
</ion-col>
</ion-row>
</div>
</a>
</div>
</div> </div>
</ion-content> </ion-content>
\ No newline at end of file
src/app/pages/segreteria/segreteria.page.ts
...@@ -46,6 +46,9 @@ export class SegreteriaPage implements OnInit { ...@@ -46,6 +46,9 @@ export class SegreteriaPage implements OnInit {
this.events.subscribe('functionCall:clienteCambiato', eventData => { this.events.subscribe('functionCall:clienteCambiato', eventData => {
this.loadData(); this.loadData();
}); });
this.events.subscribe('functionCall:strutturaSelected', eventData => {
this.loadStrutture();
});
this.events.subscribe('functionCall:linguaCambiata', eventData => { this.events.subscribe('functionCall:linguaCambiata', eventData => {
translate = utilService.translate; translate = utilService.translate;
}); });
...@@ -211,13 +214,13 @@ export class SegreteriaPage implements OnInit { ...@@ -211,13 +214,13 @@ export class SegreteriaPage implements OnInit {
showButtons() showButtons()
{ {
var buttons = document.getElementById('buttons'); var buttons = document.getElementById('buttons');
buttons.setAttribute("style", "visibility: visible"); buttons.setAttribute("style", "display: block");
} }
hideButtons() hideButtons()
{ {
var buttons = document.getElementById('buttons'); var buttons = document.getElementById('buttons');
buttons.setAttribute("style", "visibility: hidden"); buttons.setAttribute("style", "display: none");
} }
changeSel(sel) changeSel(sel)
...@@ -332,8 +335,8 @@ export class SegreteriaPage implements OnInit { ...@@ -332,8 +335,8 @@ export class SegreteriaPage implements OnInit {
id = 1100; id = 1100;
this.segreteriaService.getP2pToken(id).subscribe((res)=>{ this.segreteriaService.getP2pToken(id).subscribe((res)=>{
var token = res.token; var token = res.token;
//window.open(this.httpClientDataService.P2PSingleSignOnUrl+token, "_system"); if(this.platform.is("desktop")) window.open(this.httpClientDataService.P2PSingleSignOnUrl+token, "_system");
const browser = this.iab.create(this.httpClientDataService.P2PSingleSignOnUrl+token, "_blank", this.options); else this.iab.create(this.httpClientDataService.P2PSingleSignOnUrl+token, "_blank", this.options);
}, },
(error: ErrorResponse) => { (error: ErrorResponse) => {
var text = "Errore durante l'sso verso 2P2"; var text = "Errore durante l'sso verso 2P2";
...@@ -355,7 +358,7 @@ export class SegreteriaPage implements OnInit { ...@@ -355,7 +358,7 @@ export class SegreteriaPage implements OnInit {
loadStrutture() loadStrutture()
{ {
//this.utilService.showLoading(); //this.utilService.showLoading();
this.segreteriaService.getStrutture(AuthService.clienteSelezionato.id, this.tipoStruttura).subscribe((res: StruttureResponse)=>{ /*this.segreteriaService.getStrutture(AuthService.clienteSelezionato.id, this.tipoStruttura).subscribe((res: StruttureResponse)=>{
//this.utilService.closeLoading(); //this.utilService.closeLoading();
this.strutture = res.strutture; this.strutture = res.strutture;
if(this.strutture.length > 0) if(this.strutture.length > 0)
...@@ -369,7 +372,9 @@ export class SegreteriaPage implements OnInit { ...@@ -369,7 +372,9 @@ export class SegreteriaPage implements OnInit {
//this.utilService.closeLoading(); //this.utilService.closeLoading();
var text = "Errore durante la richiesta lista strutture"; var text = "Errore durante la richiesta lista strutture";
this.utilService.stampaErrore(text, error); this.utilService.stampaErrore(text, error);
}); });*/
this.strutturaSel = this.utilService.getStrutturaSel();
this.loadFatture('initial');
} }
cercaFatture() cercaFatture()
...@@ -414,6 +419,9 @@ export class SegreteriaPage implements OnInit { ...@@ -414,6 +419,9 @@ export class SegreteriaPage implements OnInit {
back() back()
{ {
UtilService.titoloPagina = '';
this.events.publish('functionCall:cambiaTitolo', null);
this.router.navigateByUrl('home/index'); this.router.navigateByUrl('home/index');
} }
......
src/app/service/util.service.ts
...@@ -93,6 +93,7 @@ export class UtilService { ...@@ -93,6 +93,7 @@ export class UtilService {
private languageSelected:string; private languageSelected:string;
private static strutturaSel:Struttura; private static strutturaSel:Struttura;
public static strutture: Struttura[]; public static strutture: Struttura[];
public static titoloPagina:string = "";
static setStruttura(id:number) static setStruttura(id:number)
{ {
...@@ -401,44 +402,71 @@ export class UtilService { ...@@ -401,44 +402,71 @@ export class UtilService {
stampaErrore(text: string, error) stampaErrore(text: string, error)
{ {
var text = "Errore durante richiesta delle fatture";
if(error != null && error.errorMsg != null) console.log(text+": "+error.errorMsg); if(error != null && error.errorMsg != null) console.log(text+": "+error.errorMsg);
else if(error!=null) console.log(text+": "+error); else if(error!=null) console.log(text+": "+error);
else console.log(text); else console.log(text);
this.presentAlert("Errore", "", text, ["OK"]); this.presentAlert("Errore", "", text, ["OK"]);
} }
stampaAvviso(text: string)
{
this.presentAlert("Avviso", "", text, ["OK"]);
}
download(url) download(url)
{ {
return this.httpClient.get(url, {responseType: "blob"}); return this.httpClient.get(url, {responseType: "blob"});
} }
apriPagina(pagina:string) async apriPagina(pagina:string)
{ {
switch(pagina) switch(pagina)
{ {
case "home": case "home":
{ {
UtilService.titoloPagina = '';
this.events.publish('functionCall:cambiaTitolo', null);
this.router.navigateByUrl('home/index'); this.router.navigateByUrl('home/index');
break; break;
} }
case "documenti": case "documenti":
{ {
this.translate.get('titolo_documenti').subscribe(
value => {
UtilService.titoloPagina = value;
this.events.publish('functionCall:cambiaTitolo', null);
});
this.router.navigateByUrl('home/documenti'); this.router.navigateByUrl('home/documenti');
break; break;
} }
case "interviste": case "interviste":
{ {
this.translate.get('interviste_titolo').subscribe(
value => {
UtilService.titoloPagina = value;
this.events.publish('functionCall:cambiaTitolo', null);
});
this.router.navigateByUrl('home/interviste'); this.router.navigateByUrl('home/interviste');
break; break;
} }
case "pareri": case "pareri":
{ {
this.translate.get('parere_titolo').subscribe(
value => {
UtilService.titoloPagina = value;
this.events.publish('functionCall:cambiaTitolo', null);
});
this.router.navigateByUrl('home/parere'); this.router.navigateByUrl('home/parere');
break; break;
} }
case "segreteria": case "segreteria":
{ {
this.translate.get('segreteria_titolo').subscribe(
value => {
UtilService.titoloPagina = value;
this.events.publish('functionCall:cambiaTitolo', null);
});
this.router.navigateByUrl('home/segreteria'); this.router.navigateByUrl('home/segreteria');
break; break;
} }
...@@ -449,6 +477,11 @@ export class UtilService { ...@@ -449,6 +477,11 @@ export class UtilService {
} }
case "change-password": case "change-password":
{ {
this.translate.get('change_password').subscribe(
value => {
UtilService.titoloPagina = value;
this.events.publish('functionCall:cambiaTitolo', null);
});
this.router.navigateByUrl('home/change-pwd'); this.router.navigateByUrl('home/change-pwd');
break; break;
} }
......
src/assets/i18n/it.json
...@@ -8,7 +8,8 @@ ...@@ -8,7 +8,8 @@
"menu_interviste":"DOMANDA / RISPOSTA", "menu_interviste":"DOMANDA / RISPOSTA",
"menu_pareri":"VOGLIO UN PARERE", "menu_pareri":"VOGLIO UN PARERE",
"menu_segreteria":"LA SEGRETERIA", "menu_segreteria":"LA SEGRETERIA",
"menu_change":"CAMBIO PASSWORD", "menu_change":"Cambio Password",
"menu_home":"Home",
"documenti":"I miei documenti", "documenti":"I miei documenti",
"pareri":"Chiedo un parere", "pareri":"Chiedo un parere",
"interviste":"Domande - risposte", "interviste":"Domande - risposte",
...@@ -93,7 +94,7 @@ ...@@ -93,7 +94,7 @@
"username":"Username *", "username":"Username *",
"password":"Password *", "password":"Password *",
"accedi":"ACCEDI", "accedi":"ACCEDI",
"lost_password":"Hai perso la password?", "lost_password":"Password dimenticata?",
"hai_account":"Non hai ancora un account?", "hai_account":"Non hai ancora un account?",
"prenota_subito":"Prenota subito", "prenota_subito":"Prenota subito",
"tua":"la tua", "tua":"la tua",
...@@ -104,6 +105,8 @@ ...@@ -104,6 +105,8 @@
"refresh":"Aggiorna", "refresh":"Aggiorna",
"apri":"Apri", "apri":"Apri",
"vedi_documento":"Visualizza Documento", "vedi_documento":"Visualizza Documento",
"vedi_notula":"Visualizza Notula",
"vedi_progettonotula":"Visualizza Progetto Notula",
"visualizza_progetti":"Visualizza Progetti", "visualizza_progetti":"Visualizza Progetti",
"text_data_progetto_notula":"Data Progetto Notula:", "text_data_progetto_notula":"Data Progetto Notula:",
"reset_documenti":"Pulisci le date", "reset_documenti":"Pulisci le date",
......
src/assets/img/LogoBianco.svg 0 → 100644
<svg xmlns="http://www.w3.org/2000/svg" width="122" height="119.264" viewBox="0 0 122 119.264"><defs><style>.a{fill:#f8c33c;}.b{fill:#fff;}</style></defs><path class="a" d="M128.027,47.128,90.705,86.122h51.156v5.245H82.8V86.122l41.123-42.491c6.081-6.309,9.654-13.3,9.654-20.371,0-11.706-8.893-18.167-22.12-18.167-14.29,0-22.652,7.069-22.652,20.6v4.1H82.876v-4.1C82.8,8.741,93.518,0,111.381,0c16.723,0,28.049,8.133,28.049,23.184.076,8.893-4.713,17.255-11.4,23.944" transform="translate(-19.862)"/><path class="b" d="M2.28,23.184C2.28,8.133,13.682,0,30.4,0,48.344,0,58.986,8.741,58.986,25.768v4.1H53.057v-4.1c0-13.53-8.361-20.6-22.652-20.6-13.3,0-22.12,6.461-22.12,18.167,0,7.069,3.573,14.062,9.654,20.371L59.062,86.2v5.245H0V86.2H51.156l-37.4-39.07C7.069,40.439,2.28,32.077,2.28,23.184"/><path class="b" d="M75.234,52.1h1.9V62.438h10.11v1.9H77.134V74.6h-1.9V64.338H65.2v-1.9H75.234Z" transform="translate(-15.64 -12.498)"/><path class="b" d="M1,142.338c0-2.812.228-4.029,1.064-4.561a1.99,1.99,0,0,1,1.292-.38,1.642,1.642,0,0,1,1.672,1.064V132h1.14v15.355H5.333l-.152-.912a1.965,1.965,0,0,1-1.824,1.064,2.174,2.174,0,0,1-1.292-.38C1.3,146.518,1,145.606,1,142.338m2.508,3.953a1.424,1.424,0,0,0,1.368-.912,10.6,10.6,0,0,0,.228-3.04,10.316,10.316,0,0,0-.228-3.04,1.265,1.265,0,0,0-1.292-.836c-.76,0-1.14.456-1.292,1.292a43.973,43.973,0,0,0,0,5.169c.076.912.38,1.368,1.216,1.368" transform="translate(-0.24 -31.664)"/><path class="b" d="M17.8,145.737V139.2h1.14v6.385c0,1.9.228,2.356,1.14,2.356s1.52-.532,1.52-2.2V139.2h1.14v9.806h-.912l-.228-1.064a1.669,1.669,0,0,1-1.748,1.216c-1.292,0-2.052-.836-2.052-3.421" transform="translate(-4.27 -33.391)"/><path class="b" d="M34.1,144.017c0-2.736.228-3.725.912-4.409A2.352,2.352,0,0,1,36.76,139a2.466,2.466,0,0,1,1.748.608c.684.608.912,1.6.912,4.637H35.24c0,1.064.076,1.9.076,2.432q.114,1.368,1.368,1.368c1.064,0,1.444-.608,1.444-2.2l1.14.228c-.076,1.748-.608,3.117-2.66,3.117a2.352,2.352,0,0,1-1.748-.608c-.532-.684-.76-1.52-.76-4.561m1.216-.912h2.964c0-.76-.076-1.292-.076-1.6-.076-.608-.3-1.368-1.368-1.368q-1.254,0-1.368,1.368a8.734,8.734,0,0,0-.152,1.6" transform="translate(-8.18 -33.343)"/><path class="b" d="M63.94,148.374v4.257H62.8V139.252h1.14v.988a1.729,1.729,0,0,1,1.748-1.14,1.99,1.99,0,0,1,1.292.38c.836.608,1.064,1.824,1.064,4.561,0,3.345-.38,4.257-1.064,4.713a2.431,2.431,0,0,1-1.368.38,2.065,2.065,0,0,1-1.672-.76m1.52-.38c.76,0,1.14-.456,1.216-1.368a23.031,23.031,0,0,0,.076-2.584,23.768,23.768,0,0,0-.076-2.584c-.076-.836-.456-1.292-1.292-1.292a1.366,1.366,0,0,0-1.292.836,10.6,10.6,0,0,0-.228,3.04,10.315,10.315,0,0,0,.228,3.04,1.357,1.357,0,0,0,1.368.912" transform="translate(-15.064 -33.367)"/><path class="b" d="M79.3,134.3h1.444v1.672H79.3Zm.152,3.725h1.14v9.806h-1.14Z" transform="translate(-19.022 -32.215)"/><path class="b" d="M91.1,144.418v-6.537h1.14v6.385c0,1.9.228,2.356,1.14,2.356s1.52-.532,1.52-2.2v-6.537h1.14v9.806h-.912l-.228-1.064a1.669,1.669,0,0,1-1.748,1.216c-1.368,0-2.052-.836-2.052-3.421m.456-10.718h1.52l.988,2.964H93Z" transform="translate(-21.853 -32.071)"/><path class="b" d="M119.3,142.338c0-2.812.228-4.029,1.064-4.561a1.99,1.99,0,0,1,1.292-.38,1.642,1.642,0,0,1,1.672,1.064V132h1.14v15.355h-.836l-.152-.912a1.965,1.965,0,0,1-1.824,1.064,2.174,2.174,0,0,1-1.292-.38c-.76-.608-1.064-1.52-1.064-4.789m2.508,3.953a1.424,1.424,0,0,0,1.368-.912,10.6,10.6,0,0,0,.228-3.04,10.315,10.315,0,0,0-.228-3.04,1.265,1.265,0,0,0-1.292-.836c-.76,0-1.14.456-1.292,1.292a43.974,43.974,0,0,0,0,5.169c.076.912.38,1.368,1.216,1.368" transform="translate(-28.617 -31.664)"/><path class="b" d="M136.1,145.737V139.2h1.14v6.385c0,1.9.228,2.356,1.14,2.356s1.52-.532,1.52-2.2V139.2h1.14v9.806h-.912l-.228-1.064a1.669,1.669,0,0,1-1.748,1.216c-1.292,0-2.052-.836-2.052-3.421" transform="translate(-32.647 -33.391)"/><path class="b" d="M152.4,144.017c0-2.736.228-3.725.912-4.409A2.352,2.352,0,0,1,155.06,139a2.466,2.466,0,0,1,1.748.608c.684.608.912,1.6.912,4.637h-4.1c0,1.064.076,1.9.076,2.432q.114,1.368,1.368,1.368c1.064,0,1.444-.608,1.444-2.2l1.14.228c-.076,1.748-.608,3.117-2.66,3.117a2.352,2.352,0,0,1-1.748-.608c-.608-.684-.836-1.52-.836-4.561m1.216-.912h2.964c0-.76-.076-1.292-.076-1.6-.076-.608-.3-1.368-1.368-1.368q-1.254,0-1.368,1.368a8.736,8.736,0,0,0-.152,1.6" transform="translate(-36.557 -33.343)"/></svg>
\ No newline at end of file
src/desktop.scss
...@@ -143,6 +143,10 @@ ion-tab-bar{ ...@@ -143,6 +143,10 @@ ion-tab-bar{
color: #2A93D0; color: #2A93D0;
} }
.change-title{
margin-top:30px;
}
.row-content .row-content
{ {
height: 20%; height: 20%;
...@@ -274,6 +278,21 @@ ion-tab-bar{ ...@@ -274,6 +278,21 @@ ion-tab-bar{
background-image:url('assets/img/upImmobiliare.png'); background-image:url('assets/img/upImmobiliare.png');
} }
.struttura-servizio-smart
{
background-image:url('assets/img/cerchioservizi.png');
}
.struttura-creditizia-smart
{
background-image:url('assets/img/cerchiocreditizia.png');
}
.struttura-immobiliare-smart
{
background-image:url('assets/img/cerchioimmobiliare.png');
}
.documento-box .documento-box
{ {
height: 180px; height: 180px;
...@@ -351,6 +370,23 @@ ion-tab-bar{ ...@@ -351,6 +370,23 @@ ion-tab-bar{
bottom: 0; bottom: 0;
} }
} }
.icon3 {
margin:auto;
background: transparent;
min-height: 80px;
padding-top: 25px;
img {
height: 100px;
margin: auto;
display: block;
padding-top: 10px;
background: transparent !important;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
}
.section-title { .section-title {
font-weight: bold; font-weight: bold;
text-align: center; text-align: center;
...@@ -449,6 +485,17 @@ ion-tab-bar{ ...@@ -449,6 +485,17 @@ ion-tab-bar{
font-family: Avenir, sans-serif; font-family: Avenir, sans-serif;
color: $grigio; color: $grigio;
} }
.section-title-smart {
font-weight: bold;
text-align: center;
font-size: 16px;
padding-top: 50px;
min-height: 42px;
height: 120px;
font-family: Avenir, sans-serif;
color: $grigio;
width: 40%;
}
} }
} }
...@@ -543,6 +590,16 @@ strong { ...@@ -543,6 +590,16 @@ strong {
width: 100%; width: 100%;
} }
.pareri-title
{
@media (min-width: 600px) {
width:90%;
}
@media (max-width: 600px) {
width:80%;
}
}
.pareri-title > *, .pareri-title > *,
.documenti-title > * .documenti-title > *
{ {
...@@ -552,6 +609,10 @@ strong { ...@@ -552,6 +609,10 @@ strong {
text-align: left; text-align: left;
margin-top: 20px; margin-top: 20px;
font-weight: bold; font-weight: bold;
padding: 0px;
padding-left: 10px;
text-align: center;
width:100%;
} }
.preview-title > * .preview-title > *
...@@ -1024,6 +1085,12 @@ strong { ...@@ -1024,6 +1085,12 @@ strong {
{ {
margin-top: 38px; margin-top: 38px;
color: $celeste; color: $celeste;
margin-left: 25px;
}
.back-button-desktop-reset
{
margin-bottom: 60px;
} }
.back { .back {
...@@ -1195,13 +1262,14 @@ strong { ...@@ -1195,13 +1262,14 @@ strong {
.menu-toolbar .menu-toolbar
{ {
--border-color: transparent!important; --border-color: transparent!important;
--ion-background-color: $celeste!important; --ion-background-color: #2b94d1!important;
color: $bianco; color: $bianco;
} }
.menu{ .menu{
--ion-background-color: $celeste!important; --ion-background-color: #2b94d1!important;
background-color: $celeste!important; background-color: $celeste!important;
--ion-backdrop-color:#2b94d1!important;
} }
.ios{ .ios{
...@@ -1680,36 +1748,46 @@ ion-menu{ ...@@ -1680,36 +1748,46 @@ ion-menu{
min-height: 80px; min-height: 80px;
} }
} }
ion-row {
.send { .send {
ion-button { @media (min-width: 600px) {
margin-top: 10px; width: 20%;
background-color: $giallo; }
--backgroud: $giallo; @media (max-width: 600px) {
color: $grigio; width: 45%;
//padding: 10px 0px; }
width: 20%; ion-button {
margin-left: 40%; margin-top: 10px;
border-radius: 15px; background-color: $giallo;
font-size: 18px; --backgroud: $giallo;
font-weight: bold; color: $grigio;
border:none; //padding: 10px 0px;
//margin: 15px 0px; border-radius: 15px;
font-size: 18px;
font-weight: bold;
border:none;
//margin: 15px 0px;
}
} }
} .undo {
.undo { @media (min-width: 600px) {
ion-button { width: 20%;
margin-top: 10px; }
--background: #e5e5ea; @media (max-width: 600px) {
background-color: #e5e5ea; width: 45%;
color: $grigio; }
//padding: 10px 0px; margin-left: 5%;
width: 20%; ion-button {
margin-left: 40%; margin-top: 10px;
border-radius: 15px; --background: #e5e5ea;
font-size: 18px; background-color: #e5e5ea;
font-weight: bold; color: $grigio;
border:none; //padding: 10px 0px;
border-radius: 15px;
font-size: 18px;
font-weight: bold;
border:none;
}
} }
} }
} }
......
src/environments/environment.ts
...@@ -4,7 +4,8 @@ ...@@ -4,7 +4,8 @@
export const environment = { export const environment = {
production: false, production: false,
BASE_ADDRESS: 'http://aimsviluppo.aimconsulting.it:8085/stman', BASE_ADDRESS: 'https://gestionale2.2p2.it/stman',
//BASE_ADDRESS: 'http://aimsviluppo.aimconsulting.it:8085/stman',
//BASE_ADDRESS: "http://localhost:8080/stman", //BASE_ADDRESS: "http://localhost:8080/stman",
P2PTokenUrl: "https://www.2p2.it/auth-request", P2PTokenUrl: "https://www.2p2.it/auth-request",
P2PSingleSignOnUrl: "https://www.2p2.it/?token=", P2PSingleSignOnUrl: "https://www.2p2.it/?token=",
......
src/smartphone.scss 0 → 100644
$giallo-scuro:#EEA248;
$bianco: #fff;
$celeste: #2b94d1;
$giallo: #fcc73d;
$grigio: #515151;
$nero: #000000;
$grigio-lite: #aeaeae;
$grigio-superlite: #e5e5ea;
.standard-padding
{
padding-top: 20px;
}
.smartphone-bcall
{
background:url('assets/img/Rectangle3.png') no-repeat;
background-size: cover;
border-top-left-radius: 64px;
border-top-right-radius: 64px;
//border-radius: 64px;
opacity: 1;
height: 100%;
align-content: center;
.bcall-title
{
text-align: center;
font-size: 20px;
letter-spacing: 0;
color: $celeste;
padding-top: 40px;
}
.bcall-content
{
text-align: center;
font-size: 20px;
letter-spacing: 0;
color: $celeste;
font-weight: bold;
margin-bottom: 10px;
}
ion-img
{
width: 30px;
height: 30px;
margin-left: 48%;
margin-top: 10px;
}
}
.footer-smartphone
{
height: 20%;
}
.footer-smartphone > *
{
height: 100%!important;
padding: 0px!important;
}
.content-login-smartphone
{
height:80%;
}
.back-white {
position:absolute;
@media (min-width: 1024px) {
top:48 px;
}
/*@media (max-width: 1024px) {
top:20 px;
}*/
width: 30px;
height: 30px;
color:$bianco;
--ion-color-base:#fff;
}
.bold
{
font-weight: bold;
}
.background-blu
{
//background-color: $celeste;
background:url('assets/img/toolbarimage.png') no-repeat ;
//margin-left: 220px;
//border-radius: 64px;
opacity: 1;
width: 100%;
border-end-end-radius: 64px;
align-content: center;
}
.bc-height
{
height: 201px;
background-size: 100% 201px;
}
.home-height
{
height: 80px;
background-size: 100% 80px;
}
.subpage-height
{
height: 150px;
background-size: 100% 150px;
}
.background-blu > * {
background-color: transparent!important;
--ion-background-color: transparent!important;
}
.messaggio-bianco
{
color:$bianco;
text-transform: uppercase;
margin-bottom: 20px;
font-size: 24px;
}
.content-preview-smart
{
margin-left: 10%;
margin-right: 10%;
margin-top: 10%;
.struttura-sel-smart {
width: 100%;
margin-top:20px;
margin-bottom: 5px;
border: 1px solid $grigio-lite;
-webkit-box-shadow: 0px 3px 4px 0px rgba(184,184,184,1);
-moz-box-shadow: 0px 3px 4px 0px rgba(184,184,184,1);
box-shadow: 0px 3px 4px 0px rgba(184,184,184,1);
float:left;
border-radius: 20px;
background-repeat: no-repeat;
background-position: left bottom;
background-size: 50% 85%;
height:140px;
.icon {
margin-left: 10%;
margin-right:20%;
background: transparent;
min-height: 70px;
padding-top: 40px;
img {
max-width: 180px;
width: 70px;
margin:auto;
display: block;
padding-top: 10px;
background: transparent !important;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
}
.section-title-smart {
font-weight: bold;
text-align: center;
font-size: 16px;
padding-top: 45px;
min-height: 42px;
height: 120px;
font-family: Avenir, sans-serif;
color: $grigio;
width: 40%;
}
}
.struttura-servizio-smart
{
background-image:url('assets/img/MenuServiziSmart.png');
}
.struttura-creditizia-smart
{
background-image:url('assets/img/MenuCreditiziaSmart.png');
}
.struttura-immobiliare-smart
{
background-image:url('assets/img/MenuImmobiliareSmart.png');
}
}
.content-login-smartphone{
width: 100%;
}
.titolo-home
{
position: static!important;
}
.menu-show{
@media (min-width: 1024px) {
top:48 px;
}
width: 34px;
height: 34px;
margin-left: 10px;
padding-bottom: 5px;
}
.exit {
@media (min-width: 1024px) {
top:48 px;
}
width: 34px;
height: 34px;
margin-right: 10px;
}
.titolo-sezione-head-smart {
text-align: center;
font-weight: bold;
font-size: 20px;
font-family: 'futura-pt', sans-serif;
padding-left: 15px!important;
padding-right: 15px!important;
color: $bianco;
}
.back-button-smart
{
color: $bianco;
margin-left: 25px;
}
.content-index-smart
{
margin-left: 5%;
margin-top: 5%;
.struttura-servizio-smart
{
background-image:url('assets/img/cerchioservizi.png');
}
.struttura-creditizia-smart
{
background-image:url('assets/img/cerchiocreditizia.png');
}
.struttura-immobiliare-smart
{
background-image:url('assets/img/cerchioimmobiliare.png');
}
.documento-box
{
height: 180px;
.row-box
{
height: 100%;
}
}
.documento-box:hover {
--ion-background-color: $celeste!important;
background-color: $celeste!important;
background-image: url('assets/img/RectangleBianco.png');
background-repeat: no-repeat;
background-position: center bottom;
background-size: 80% 5%;
.documento-text{
color: white;
}
}
.struttura-sel {
width: 150px;
margin: 5px 10px 30px 5px;
border: 1px solid $grigio-lite;
-webkit-box-shadow: 0px 3px 4px 0px rgba(184,184,184,1);
-moz-box-shadow: 0px 3px 4px 0px rgba(184,184,184,1);
box-shadow: 0px 3px 4px 0px rgba(184,184,184,1);
float:left;
border-radius: 20px;
background-repeat: no-repeat;
background-position: center 20%;
background-size: 80px 80px;
.icon {
margin:auto;
background: transparent;
min-height: 50px;
padding-top: 25px;
margin-bottom: 15px;
img {
max-width: 180px;
height: 50px;
margin: auto;
display: block;
padding-top: 10px;
background: transparent !important;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
}
.icon2 {
margin:auto;
background: transparent;
min-height: 80px;
padding-top: 25px;
img {
max-width: 64px;
height: 100px;
margin: auto;
display: block;
padding-top: 10px;
background: transparent !important;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
}
.icon3 {
margin:auto;
background: transparent;
min-height: 80px;
padding-top: 25px;
img {
height: 100px;
margin: auto;
display: block;
padding-top: 10px;
background: transparent !important;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
}
.section-title {
font-weight: bold;
text-align: center;
font-size: 16px;
padding: 15px 10px;
min-height: 42px;
height: 80px;
font-family: Avenir, sans-serif;
color: $grigio;
}
.documento-text {
color:$nero;
margin-top: 20px;
height: 100%;
margin-left: 20px;
font-family: Avenir, sans-serif;
.checkbox-desktop
{
margin-right: 5px;
}
.title
{
height: 70%;
}
.data{
height: 30%;
}
}
}
}
.row-results-smart {
padding: 10px 0px;
margin: 5px 10px;
border-bottom: 1px solid $grigio-lite;
font-family: 'futura-pt', sans-serif;
//overflow: hidden;
.check {
float: left;
margin-top: 12px;
margin-right: 15px;
}
.table-row {
.group-icon2
{
text-align: center;
display: inline-block;
ion-label {
font-size: 14px;
min-width: 52px;
}
ion-icon {
height: 25px;
color:#515151;
--color: #515151;
width: 50px;
//margin-right: 10px;
//margin-left: 15px;
display: block;
}
}
.group-icon3
{
text-align: center;
display: inline-block;
margin-right: 5px;
ion-label {
font-size: 14px;
min-width: 52px;
}
ion-icon {
//margin-right: 10px;
//margin-left: 15px;
height: 25px;
color:#515151;
--color: #515151;
width: 100%;
display: block;
}
}
.select{
float:right;
text-align: center;
ion-icon {
color:#515151;
--color: #515151;
width: 40px;
height: 25px;
}
}
.data {
div {
font-size: 18px;
font-weight: bold;
border-bottom: $grigio-superlite;
}
font-size: 14px;
font-weight: 400;
}
.row-text {
font-size: 15px;
display:inline-block;
text-align: left;
.detail {
font-size: 16px;
color:$grigio-lite;
}
}
.row-download {
float: right;
ion-icon {
color: $celeste;
width: 40px;
height: 40px;
}
}
.row-download-special {
float: right;
overflow: hidden;
font-family: 'futura-pt', sans-serif;
.group-icon2
{
text-align: center;
display: inline-block;
ion-label {
font-size: 14px;
}
ion-icon {
height: 25px;
color:#515151;
--color: #515151;
width: 45px;
display: block;
}
}
.group-icon3
{
text-align: center;
display: inline-block;
margin-right: 5px;
ion-label {
font-size: 14px;
}
ion-icon {
height: 25px;
color:#515151;
--color: #515151;
width: 45px;
display: block;
margin:auto;
}
}
.group-icon {
text-align: center;
display: inline-block;
margin-right: 5px;
ion-label {
font-size: 12px;
}
ion-icon {
width: 45px;
display: block;
margin:auto;
color: $celeste;
}
}
}
.row-text-special {
font-size: 18px;
.detail {
font-size: 12px;
}
.detail-margin {
margin-left: 33px;
}
}
}
}
.search-date-border-smart
{
border-bottom: 1px solid $grigio-superlite;
margin: 5px 10px;
}
.search-date-smart {
font-size: 13px;
padding-bottom: 5px;
padding-left:10px;
margin-bottom: 5px;
width: 100%;
font-family: 'futura-pt', sans-serif;
.riga2
{
margin-top: 15px;
}
.riga{
width: 83%;
border: 1px solid black;
border-radius: 45px;
margin-right: 10px;
padding-left: 5px;
padding-top: 5px;
padding-right: 5px;
color: $grigio-lite;
margin-top: 10px;
min-height: 34px;
input{
color: $celeste;
}
}
.riga > *
{
border: 0px;
}
ion-button
{
border-radius: 90px;
}
.text{
font-size: 15px;
}
.check {
float: left;
margin-right: 10px;
margin-top: 4px;
}
.check2 {
float: left;
margin-right: 10px;
}
.cerca-notula
{
margin-right: 10px;
width: 135px;
}
.cerca-titolo
{
margin-left: 10px;
width: 150px;
@media (max-width: 500px)
{
margin-left: 0px;
}
}
.cerca-titolo-cel
{
margin-left: 10px;
width: 150px;
margin-top: 5px;
@media (max-width: 500px)
{
margin-left: 0px;
}
}
input[type=input] {
font-size: 15px;
display: inline-block;
border: none;
border-bottom: 1px solid $grigio-superlite;
width: 50px;
}
.search-arrow-red-desktop
{
background: red;
--background: red;
border: 0px;
height: 24px;
width: 24px;
font-size: 0px;
float: right;
}
.search-arrow-dev
{
margin-top: 5px;
}
.search-arrow {
margin-left: 5px;
//margin-top: 20px;
background: white;
--background: white;
border: 0px;
height: 40px;
width: 40px;
float: right;
font-size: 0px;
--border-radius:0px;
--box-shadow: 0;
padding-top: 7px;
margin-bottom: 0px;
}
.condividi-text{
font-size: 18px;
}
.date-icon
{
font-size: 30px;
margin-bottom: 5px;
}
.date-text
{
margin-block-start: 7px;
}
.float-date
{
margin-bottom: 5px;
}
}
.button-icon-documenti-smart
{
color:$giallo-scuro;
width: 40px;
height: 40px;
}
.share-button
{
margin-left: 10px;
}
.list-smart
{
padding: 0px;
}
.footer-tabs-smart
{
max-width: 100%;
border-top-right-radius: 64px;
border-top-left-radius: 64px;
height: 60px;
background-color: $giallo;
}
.footer-tabbar-smart {
display: flex;
min-height: 60px;
ion-tab-button {
display: inline-block !important;
//min-width: 80px !important;
width: auto !important;
--padding-start: 0px;
ion-label {
font-size: 10px;
}
}
--color-selected: $bianco;
color: rgb(81, 81, 81);
background-repeat: no-repeat;
background-position: center -150px;
background-size: 500px;
border:0px;
height:100%;
}
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