Commit 7a4c13c468cfe6c9399f4e287f9d6e373cf21ef2
1 parent
ab8c78d831
Exists in
master
and in
1 other branch
agrego estructura modales
Showing
3 changed files
with
26 additions
and
18 deletions
Show diff stats
src/app/app.module.ts
... | ... | @@ -13,6 +13,7 @@ import { NombreEmpresaComponent } from './nombre-empresa/nombre-empresa.componen |
13 | 13 | import { AccionesComponent } from './acciones/acciones.component'; |
14 | 14 | import { LoginComponent } from './login/login.component'; |
15 | 15 | import { BusquedaComprobanteComponent } from './busqueda-comprobante/busqueda-comprobante.component'; |
16 | +import { ModalAlertComponent } from './modal/modal-alert/modal-alert.component'; | |
16 | 17 | |
17 | 18 | @NgModule({ |
18 | 19 | declarations: [ |
... | ... | @@ -22,7 +23,8 @@ import { BusquedaComprobanteComponent } from './busqueda-comprobante/busqueda-co |
22 | 23 | NombreEmpresaComponent, |
23 | 24 | AccionesComponent, |
24 | 25 | LoginComponent, |
25 | - BusquedaComprobanteComponent | |
26 | + BusquedaComprobanteComponent, | |
27 | + ModalAlertComponent | |
26 | 28 | ], |
27 | 29 | imports: [ |
28 | 30 | BrowserModule, |
... | ... | @@ -32,7 +34,10 @@ import { BusquedaComprobanteComponent } from './busqueda-comprobante/busqueda-co |
32 | 34 | FormsModule, |
33 | 35 | LaddaModule |
34 | 36 | ], |
35 | - entryComponents:[BusquedaComprobanteComponent], | |
37 | + entryComponents: [ | |
38 | + BusquedaComprobanteComponent, | |
39 | + ModalAlertComponent | |
40 | + ], | |
36 | 41 | providers: [], |
37 | 42 | bootstrap: [AppComponent] |
38 | 43 | }) |
src/app/botonera/botonera.component.html
... | ... | @@ -8,34 +8,32 @@ |
8 | 8 | </a> |
9 | 9 | </div> |
10 | 10 | <div class="d-none d-sm-block"> |
11 | - <a | |
12 | - class="btn btn-outline-dark mt-5 btn-lg" | |
13 | - href="javascript:void()" | |
14 | - (click)="showTerminal()" | |
11 | + <button | |
12 | + class="btn btn-outline-dark mt-5 btn-lg" | |
13 | + (click)="showTerminal()" | |
15 | 14 | > |
16 | 15 | <i class="fa fa-info-circle" aria-hidden="true"></i> |
17 | - </a> | |
16 | + </button> | |
18 | 17 | <a class="btn btn-outline-dark mt-5 btn-lg" |
19 | - href="javascript:void()" | |
20 | - routerLink="/login" | |
18 | + href="javascript:void()" | |
19 | + routerLink="/login" | |
21 | 20 | > |
22 | 21 | <i class="fa fa-power-off" aria-hidden="true"></i> |
23 | 22 | </a> |
24 | 23 | </div> |
25 | 24 | <div class="row d-md-none fixed-bottom"> |
26 | 25 | <div class="w-100 d-flex px-3 acciones-mobile"> |
27 | - <a | |
26 | + <button | |
28 | 27 | class="btn btn-outline-dark btn-lg mr-2" |
29 | - href="javascript:void()" | |
30 | 28 | (click)="showTerminal()" |
31 | 29 | > |
32 | - <i class="fa fa-info-circle" aria-hidden="true"></i> | |
33 | - </a> | |
30 | + <i class="fa fa-info-circle" aria-hidden="true"></i> | |
31 | + </button> | |
34 | 32 | <a class="btn btn-outline-dark btn-lg" |
35 | - href="javascript:void()" | |
36 | - routerLink="/login" | |
33 | + href="javascript:void()" | |
34 | + routerLink="/login" | |
37 | 35 | > |
38 | - <i class="fa fa-power-off" aria-hidden="true"></i> | |
36 | + <i class="fa fa-power-off" aria-hidden="true"></i> | |
39 | 37 | </a> |
40 | 38 | </div> |
41 | 39 | </div> |
src/app/botonera/botonera.component.ts
1 | 1 | import { Component, NgZone } from '@angular/core'; |
2 | 2 | import { BotonServiceService } from 'src/app/boton-service.service'; |
3 | 3 | import { Router } from '@angular/router'; |
4 | +import { ModalService } from '../modal/modal.service'; | |
4 | 5 | |
5 | 6 | @Component({ |
6 | 7 | selector: 'app-botonera', |
... | ... | @@ -12,10 +13,14 @@ export class AppBotonera { |
12 | 13 | botones = new BotonServiceService().getBotones(); |
13 | 14 | paginas = [1]; |
14 | 15 | |
15 | - constructor(public router: Router, private ngZone: NgZone) { } | |
16 | + constructor( | |
17 | + public router: Router, | |
18 | + private ngZone: NgZone, | |
19 | + private modalService: ModalService) { } | |
16 | 20 | |
17 | 21 | showTerminal() { |
18 | - alert('No disponible aún'); | |
22 | + | |
23 | + this.modalService.alert(`No disponible en este momento.`); | |
19 | 24 | } |
20 | 25 | |
21 | 26 | comprobantes() { |