Marcelo Puebla / autoservicio-axion

Download as
Browse Code »

Commit 924d1d4f5d4e4ca23b603639d4cf0e3bffdc3db9

Authored by Marcelo Puebla
1 parent 158a2e33ff
Exists in develop

Fix 

Modales
Showing 7 changed files with 69 additions and 73 deletions   Show diff stats
src/app/modules/info-formas-pago/info-formas-pago.component.ts
Diff comments   View file @ 924d1d4
... ... @@ -22,7 +22,7 @@ export class InfoFormasPagoComponent implements OnInit, OnDestroy {
22 22 }
23 23  
24 24 openGoCaja(templateRef: TemplateRef<any>) {
25   - const modalRef = this.modalService.show(templateRef, { class: 'modal-promo modal-dialog-centered' });
  25 + const modalRef = this.modalService.show(templateRef, { class: 'modal-dialog-centered' });
26 26 this.timer = setTimeout(() => {
27 27 modalRef.hide();
28 28 }, 3000);
src/app/modules/seleccion-articulos/seleccion-articulos.component.ts
Diff comments   View file @ 924d1d4
... ... @@ -131,7 +131,7 @@ export class SeleccionArticulosComponent implements OnInit, AfterViewInit, OnDes
131 131 openModalPromos(articulo: IArticulo) {
132 132 this.modalRef = this.modalService.show(PromocionComponent, {
133 133 initialState: { articulosPromo: [articulo] },
134   - class: 'modal-promo modal-dialog-centered'
  134 + class: 'modal-dialog-centered'
135 135 });
136 136 this.mediaPantalla();
137 137 }
... ... @@ -142,7 +142,7 @@ export class SeleccionArticulosComponent implements OnInit, AfterViewInit, OnDes
142 142 sinonimos: sinonimosData,
143 143 articulo
144 144 },
145   - class: 'modal-promo modal-dialog-centered'
  145 + class: 'modal-dialog-centered'
146 146 });
147 147  
148 148 this.modalRef.content.onClose
src/app/shared/footer/footer.component.ts
Diff comments   View file @ 924d1d4
... ... @@ -30,7 +30,6 @@ export class FooterComponent implements OnInit {
30 30 .carrito-articulo,
31 31 .carrito-content,
32 32 .pago-tarjeta,
33   - .modal-promo,
34 33 .modal-content,
35 34 .qr-mt`)
36 35 .toggleClass('media-pantalla');
src/app/shared/header-publicidad/header-publicidad.component.ts
Diff comments   View file @ 924d1d4
... ... @@ -64,7 +64,7 @@ export class HeaderPublicidadComponent implements OnInit {
64 64 initialState: {
65 65 idArticulo: articulo.id
66 66 },
67   - class: 'modal-promo modal-dialog-centered'
  67 + class: 'modal-dialog-centered'
68 68 });
69 69 }
70 70  
... ... @@ -79,7 +79,7 @@ export class HeaderPublicidadComponent implements OnInit {
79 79 footerConfirmation: articulo.PreVen,
80 80 footerClose: `volver`
81 81 },
82   - class: 'modal-promo modal-dialog-centered'
  82 + class: 'modal-dialog-centered'
83 83 });
84 84 this.modalRef.content.onClose.subscribe(() => {
85 85 this.sinonimoService.getSinonimos(articulo.CodSec, articulo.CodArt)
... ... @@ -107,7 +107,7 @@ export class HeaderPublicidadComponent implements OnInit {
107 107 sinonimos: sinonimosData,
108 108 articulo
109 109 },
110   - class: 'modal-promo modal-dialog-centered'
  110 + class: 'modal-dialog-centered'
111 111 });
112 112 modalSinonimo.content.onClose
113 113 .subscribe((res: any) => {
src/app/shared/promocion/promocion.component.html
Diff comments   View file @ 924d1d4
... ... @@ -4,75 +4,78 @@
4 4 <span class="sr-only">Loading...</span>
5 5 </div>
6 6 </div> -->
7   -<div class="modal-header bg-primary rounded-top pt-4 px-2" *ngIf="articulosPromo.length">
8   - <img
9   - draggable="false"
10   - ondragstart="return false;"
11   - (contextmenu)="false"
12   - (click)="selectPromo(articulosPromo[0])"
13   - class="btn-effect mt-n3 icon-30 mr-2 position-absolute right-0 z-index"
14   - src="assets/img/icono-cancelar-blanco.svg">
15   - <div class="row mx-0 w-100 justify-content-between mt-3">
16   - <div class="col-8">
17   - <p class="h3 mt-n2 text-white">{{articulosPromo[0].DetArt}}</p>
18   - </div>
19   - <div class="col-4 align-self-center">
20   - <div
21   - class="row mx-0 justify-content-between bg-white badge-pill btn-effect"
22   - (click)="selectPromo(articulosPromo[0])">
23   - <div class="col px-0 align-self-center text-primary">
24   - <p class="font-weight-bold">{{articulosPromo[0].PreVen | currency}}</p>
25   - </div>
26   - <div class="col-3 px-0">
27   - <img
28   - draggable="false"
29   - ondragstart="return false;"
30   - (contextmenu)="false"
31   - class="d-block ml-auto py-1 icon-30 mr-2 pt-2"
32   - src="assets/img/ir-color.svg">
33   - </div>
  7 +<div class="bg-primary rounded">
  8 + <div class="modal-header" *ngIf="articulosPromo.length">
  9 + <img
  10 + draggable="false"
  11 + ondragstart="return false;"
  12 + (contextmenu)="false"
  13 + (click)="selectPromo(articulosPromo[0])"
  14 + class="btn-effect icon-30 mt-2 mr-2 position-absolute top-0 right-0 z-index"
  15 + src="assets/img/icono-cancelar-blanco.svg">
  16 + <div class="row w-100 no-gutters justify-content-between">
  17 + <div class="col align-self-center">
  18 + <p class="h3 text-white">{{articulosPromo[0].DetArt}}</p>
34 19 </div>
35   - </div>
36   - </div>
37   -</div>
38   -<div class="modal-body bg-primary rounded-bottom pb-3 px-2" *ngIf="articulosPromo.length">
39   - <div class="row mx-0 w-100">
40   - <div class="col-9">
41   - <p class="text-white"><small>¿TE GUSTARÍA LLEVAR ESTE ARTÍCULO</small></p>
42   - <h1 class="text-white mb-4">en un combo?</h1>
43   - </div>
44   - <div class="col-3">
45   - <img
46   - draggable="false"
47   - ondragstart="return false;"
48   - (contextmenu)="false"
49   - src="{{urlImagenes}}{{articulosPromo[0].imagenes[0].imagen}}"
50   - onerror="this.src='assets/img/imagen-no-encontrada.jpg'"
51   - class="card-img-top img-fluid rounded-circle">
52   - </div>
53   - </div>
54   - <div
55   - class="row mx-0 lista-promociones scroll-y-visible"
56   - (scroll)="scrollEvent($event)">
57   - <div class="col-12">
58   - <div *ngFor="let promo of promociones">
  20 + <div class="col-auto align-self-center mt-4 pl-2">
59 21 <div
60   - class="mx-0 mb-2 btn-effect bg-white badge-pill text-primary"
61   - (click)="selectPromo(promo)">
62   - <div class="d-flex">
63   - <p class="text-truncate mr-auto my-auto"><small>{{promo.DetArt}}</small></p>
64   - <p class="font-weight-bold my-auto pr-2">
65   - <span>{{promo.PreVen | currency}}</span>
66   - </p>
  22 + class="row mx-0 justify-content-between bg-white badge-pill btn-effect"
  23 + (click)="selectPromo(articulosPromo[0])">
  24 + <div class="col-auto align-self-center text-primary">
  25 + <p class="font-weight-bold">{{articulosPromo[0].PreVen | currency}}</p>
  26 + </div>
  27 + <div class="col-auto px-0">
67 28 <img
68 29 draggable="false"
69 30 ondragstart="return false;"
70 31 (contextmenu)="false"
71   - class="d-block ml-auto py-1 icon-30 mr-2 pt-2"
  32 + class="d-block ml-auto my-1 icon-20"
72 33 src="assets/img/ir-color.svg">
73 34 </div>
74 35 </div>
75 36 </div>
76 37 </div>
77 38 </div>
  39 + <div class="modal-body" *ngIf="articulosPromo.length">
  40 + <div class="row no-gutters w-100">
  41 + <div class="col-9">
  42 + <p class="text-white"><small>¿TE GUSTARÍA LLEVAR ESTE ARTÍCULO</small></p>
  43 + <p class="h1 text-white">en un combo?</p>
  44 + </div>
  45 + <div class="col-3">
  46 + <img
  47 + draggable="false"
  48 + ondragstart="return false;"
  49 + (contextmenu)="false"
  50 + src="{{urlImagenes}}{{articulosPromo[0].imagenes[0].imagen}}"
  51 + onerror="this.src='assets/img/imagen-no-encontrada.jpg'"
  52 + class="card-img-top img-fluid rounded-circle">
  53 + </div>
  54 + </div>
  55 + <div
  56 + class="row mt-3 no-gutters lista-promociones scroll-y-visible"
  57 + (scroll)="scrollEvent($event)">
  58 + <div class="col-12">
  59 + <div *ngFor="let promo of promociones; let i = index">
  60 + <div
  61 + [ngClass]="{ 'mt-2': i !== 0 }"
  62 + class="btn-effect bg-white badge-pill text-primary"
  63 + (click)="selectPromo(promo)">
  64 + <div class="d-flex">
  65 + <p class="text-truncate mr-auto my-auto"><small>{{promo.DetArt}}</small></p>
  66 + <p class="font-weight-bold ml-auto my-auto pr-2">
  67 + <span>{{promo.PreVen | currency}}</span>
  68 + </p>
  69 + <img
  70 + draggable="false"
  71 + ondragstart="return false;"
  72 + (contextmenu)="false"
  73 + class="d-block py-1 icon-30"
  74 + src="assets/img/ir-color.svg">
  75 + </div>
  76 + </div>
  77 + </div>
  78 + </div>
  79 + </div>
  80 + </div>
78 81 </div>
src/app/shared/promocion/promocion.component.ts
Diff comments   View file @ 924d1d4
... ... @@ -63,7 +63,7 @@ export class PromocionComponent implements OnInit {
63 63 sinonimos: sinonimosData,
64 64 articulo
65 65 },
66   - class: 'modal-promo modal-dialog-centered'
  66 + class: 'modal-dialog-centered'
67 67 });
68 68  
69 69 modalSinonimo.content.onClose
src/scss/styles-bootstrap.scss
Diff comments   View file @ 924d1d4
... ... @@ -69,12 +69,6 @@ $border-radius-sm: 0.5rem;
69 69 background-color: #0000004d;
70 70 }
71 71  
72   -.modal-promo > div {
73   - border: none !important;
74   - border-radius: $border-radius;
75   - margin-left: 10px !important;
76   -}
77   -
78 72 .modal-content.media-pantalla {
79 73 margin-top: auto !important;
80 74 margin-bottom: 50px !important;