Commit b92ec64d6ca9a2314c265b94075be8694240c510

Authored by Marcelo Puebla
1 parent eaa6200612
Exists in master and in 1 other branch validar_pve

Cambio de evento al hacer click en la pantalla home.

src/app/components/home/home.component.html
1 <div class="container-fluid background-image"> 1 <div class="container-fluid p-0 background-image">
2 <div class="row"> 2 <div class="row m-0">
3 <div class="col p-0"> 3 <div class="col p-0">
4 <div class="vh-100 d-flex align-content-between flex-wrap disable-user-select"> 4 <div
5 class="vh-100 fade-in d-flex align-content-between flex-wrap disable-user-select"
6 [routerLink]="['/inicio']">
5 7
6 <!-- HEADER --> 8 <!-- HEADER -->
7 <div class="row m-0 w-100 bg-primary-gradient-horizontal"> 9 <div class="row m-0 w-100 bg-primary-gradient-horizontal">
8 <div class="col-6 bg-white p-5 rounded-bottom-right"> 10 <div class="col-6 bg-white p-5 rounded-bottom-right">
9 <img class="w-25 mx-auto d-block" src="{{apiUrl}}/imagenes/logoaxion.png"> 11 <img class="w-25 mx-auto d-block" src="{{apiUrl}}/imagenes/logoaxion.png">
10 </div> 12 </div>
11 </div> 13 </div>
12 14
13 <!-- INFO DE BIENVENIDA --> 15 <!-- INFO DE BIENVENIDA -->
14 <div class="row w-100"> 16 <div class="row w-100">
15 <div class="col-4 offset-2"> 17 <div class="col-4 offset-2">
16 <img src="{{apiUrl}}/imagenes/accesoPLAYA.png" class="w-100"> 18 <img src="{{apiUrl}}/imagenes/accesoPLAYA.png" class="w-100">
17 </div> 19 </div>
18 <div class="col-6 text-center text-white my-auto"> 20 <div class="col-6 text-center text-white my-auto">
19 <p class="display-2 font-weight-bold mb-5">¡BIENVENIDO!</p> 21 <p class="display-2 font-weight-bold mb-5">¡BIENVENIDO!</p>
20 <p class="display-3 m-0">Toque la pantalla<br>para comenzar</p> 22 <p class="display-3 m-0">Toque la pantalla<br>para comenzar</p>
21 </div> 23 </div>
22 </div> 24 </div>
23 25
24 <!-- FOOTER --> 26 <!-- FOOTER -->
25 <div class="row m-0 w-100 bg-gray"> 27 <div class="row m-0 w-100 bg-gray">
26 <div class="col-6 bg-white offset-6 p-5 rounded-top-left"> 28 <div class="col-6 bg-white offset-6 p-5 rounded-top-left">
27 <img class="w-25 mx-auto d-block" src="{{apiUrl}}/imagenes/logodebo.png"> 29 <img class="w-25 mx-auto d-block" src="{{apiUrl}}/imagenes/logodebo.png">
28 </div> 30 </div>
29 </div> 31 </div>
30 32
31 </div> 33 </div>
32 </div> 34 </div>
33 </div> 35 </div>
34 </div> 36 </div>
35 37
src/app/components/home/home.component.ts
1 import { Component, OnInit, HostListener } from '@angular/core'; 1 import { Component, OnInit, HostListener } from '@angular/core';
2 import { Router } from '@angular/router'; 2 import { Router } from '@angular/router';
3 import { appSettings } from 'src/etc/AppSettings'; 3 import { appSettings } from 'src/etc/AppSettings';
4 4
5 @Component({ 5 @Component({
6 selector: 'app-home', 6 selector: 'app-home',
7 templateUrl: './home.component.html', 7 templateUrl: './home.component.html',
8 styleUrls: ['./home.component.scss'] 8 styleUrls: ['./home.component.scss']
9 }) 9 })
10 export class HomeComponent implements OnInit { 10 export class HomeComponent implements OnInit {
11 11
12 private apiUrl: string = appSettings.apiUrl; 12 private apiUrl: string = appSettings.apiUrl;
13 13
14 constructor(private router: Router) { } 14 constructor() { }
15 15
16 ngOnInit() { 16 ngOnInit() {
17 } 17 }
18 18
19 @HostListener('document:click', ['$event'])
20 documentClick(event: MouseEvent) {
21 this.router.navigate(['/inicio']);
22 }
23
24 } 19 }
25 20