Eric Fernandez / gestion-comprobantes

Download as
Browse Code »

Commit 7a4c13c468cfe6c9399f4e287f9d6e373cf21ef2

Authored by Eric Fernandez
1 parent ab8c78d831
Exists in master

agrego estructura modales

Showing 3 changed files with 26 additions and 18 deletions   Show diff stats
src/app/app.module.ts
Diff comments   View file @ 7a4c13c
... ... @@ -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
Diff comments   View file @ 7a4c13c
... ... @@ -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
Diff comments   View file @ 7a4c13c
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() {