Commit b92ec64d6ca9a2314c265b94075be8694240c510
1 parent
eaa6200612
Exists in
master
Cambio de evento al hacer click en la pantalla home.
Showing
2 changed files
with
6 additions
and
9 deletions
Show diff stats
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 |