Marcelo Puebla / autoservicio-axion

Download as
Browse Code »

Commit c5c1df3b3c69fcfcefb681d3a98b48ba1f90697d

Authored by Marcelo Puebla
2 parents f612ee2741 282e37b43f
Exists in develop

Merge branch 'develop' into 'develop' 

Develop

See merge request !24
Showing 21 changed files   Show diff stats
src/app/app.component.html
Diff comments   View file @ c5c1df3
1 1 -<router-outlet></router-outlet>
  2 +<router-outlet></router-outlet>
2 3 \ No newline at end of file
src/app/interfaces/ICategoria.ts
Diff comments   View file @ c5c1df3
... ... @@ -6,4 +6,5 @@ export interface ICategoria {
6 6 vigencia_hasta: Date;
7 7 ES_PEDIDO: boolean;
8 8 selected?: boolean;
  9 + path_imagen?: string;
9 10 }
src/app/interfaces/IPublicidad.ts
Diff comments   View file @ c5c1df3
... ... @@ -0,0 +1,31 @@
  1 +export interface IPublicidad {
  2 + imagen?: string;
  3 + relaciona_producto?: boolean;
  4 + CodSec?: number;
  5 + CodArt?: number;
  6 + DET_LAR?: string;
  7 + id?: number;
  8 + base64?: any;
  9 + id_articulo?: number;
  10 +}
  11 +
  12 +export class Publicidad {
  13 + imagen?: string;
  14 + relaciona_producto?: boolean;
  15 + CodSec?: number;
  16 + CodArt?: number;
  17 + DET_LAR?: string;
  18 + id?: number;
  19 + base64?: any;
  20 + id_articulo?: number;
  21 +
  22 + constructor(publicidad?: Partial<Publicidad>) {
  23 + if (publicidad) {
  24 + Object.assign(this, publicidad);
  25 + return;
  26 + }
  27 + this.imagen = '';
  28 + this.DET_LAR = '';
  29 + this.relaciona_producto = false;
  30 + }
  31 +}
src/app/modules/admin/admin.component.ts
Diff comments   View file @ c5c1df3
1 1 import { Component, OnInit, HostListener } from '@angular/core';
2 2 import { Router } from '@angular/router';
3   -import { BsModalRef } from 'ngx-bootstrap/modal';
4 3  
5 4 @Component({
6 5 selector: 'app-admin',
... ... @@ -13,9 +12,8 @@ export class AdminComponent implements OnInit {
13 12  
14 13 constructor(
15 14 private router: Router,
16   - // private modalRef: BsModalRef
17   - ) { }
18   -
  15 + ) { }
  16 +
19 17 ngOnInit() {
20 18 this.startTimeOutInactividad();
21 19 }
... ... @@ -35,7 +33,6 @@ export class AdminComponent implements OnInit {
35 33  
36 34 startTimeOutInactividad() {
37 35 this.timerReposo = setTimeout(() => {
38   - // this.modalRef.hide();
39 36 this.router.navigate(['cancelar-compra']);
40 37 }, 90000);
41 38 }
src/app/modules/carrito/carrito.component.ts
Diff comments   View file @ c5c1df3
1   -import { Component, OnInit } from '@angular/core';
  1 +import { Component, OnInit, OnDestroy } from '@angular/core';
2 2 import { Location } from '@angular/common';
3 3 import { ArticuloService } from 'src/app/services/articulo/articulo.service';
4 4 import { APP_SETTINGS } from 'src/etc/AppSettings';
5 5 import { trigger, state, style, transition, animate } from '@angular/animations';
6 6 import { IArticulo } from 'src/app/interfaces/IArticulo';
7 7 import { Router } from '@angular/router';
  8 +import { BsModalRef } from 'ngx-bootstrap/modal/public_api';
8 9  
9 10 @Component({
10 11 selector: 'app-carrito',
... ... @@ -23,9 +24,10 @@ import { Router } from &#39;@angular/router&#39;;
23 24 ])
24 25 ]
25 26 })
26   -export class CarritoComponent implements OnInit {
  27 +export class CarritoComponent implements OnInit, OnDestroy {
27 28 urlImagenes = `${APP_SETTINGS.apiDeboSuite}/imagenes/`;
28 29 maxCantidad = 50;
  30 + modalRef: BsModalRef;
29 31  
30 32 constructor(
31 33 public articuloService: ArticuloService,
... ... @@ -40,6 +42,10 @@ export class CarritoComponent implements OnInit {
40 42 }
41 43 }
42 44  
  45 + ngOnDestroy() {
  46 + if (this.modalRef) this.modalRef.hide();
  47 + }
  48 +
43 49 deleteArticulo(index: number) {
44 50 this.articuloService.carrito.splice(index, 1);
45 51 this.articuloService.calcularTotal();
src/app/modules/comanda/comanda.component.ts
Diff comments   View file @ c5c1df3
... ... @@ -21,7 +21,7 @@ export class ComandaComponent implements OnInit {
21 21 this.timerGetComandas();
22 22 }
23 23  
24   - ngOnDestroy() {
  24 + OnDestroy() {
25 25 clearInterval(this.cicloTime);
26 26 }
27 27  
... ... @@ -40,8 +40,8 @@ export class ComandaComponent implements OnInit {
40 40  
41 41 addNewComandas(resComandas: IComanda[]) {
42 42 for (let j = 0; j < resComandas.length; j++) {
43   - for (let i = 0; i < this.comandas.length; i++) {
44   - if (this.comandas[i].id === resComandas[j].id) {
  43 + for (const comanda of this.comandas) {
  44 + if (comanda.id === resComandas[j].id) {
45 45 resComandas.splice(j, 1);
46 46 }
47 47 }
... ... @@ -60,7 +60,7 @@ export class ComandaComponent implements OnInit {
60 60 tiempoElaboracion: `${comanda.hoursElaboracion}:${comanda.secondsElaboracion}:${comanda.secondsElaboracion}`,
61 61 };
62 62 if (data.estado === 3) {
63   - this.comandaService.imprimirComandaCocina(parseInt(data.idComanda))
  63 + this.comandaService.imprimirComandaCocina(parseInt(data.idComanda, 10))
64 64 .subscribe(res => { }, err => console.error(err)
65 65 );
66 66 }
src/app/modules/mensaje-final/mensaje-final.component.ts
Diff comments   View file @ c5c1df3
... ... @@ -21,7 +21,7 @@ export class MensajeFinalComponent implements OnInit {
21 21 }, 10000);
22 22 }
23 23  
24   - ngOnDestroy() {
  24 + OnDestroy() {
25 25 clearTimeout(this.timer);
26 26 }
27 27  
src/app/modules/seleccion-articulos/seleccion-articulos.component.html
Diff comments   View file @ c5c1df3
... ... @@ -43,7 +43,7 @@
43 43 ondragstart="return false;"
44 44 (contextmenu)="false"
45 45 class="col-12 h-50 align-self-end d-none d-sm-block rounded-circle"
46   - src="assets/img/ir-color.svg">
  46 + src="assets/img/logo-spot.svg">
47 47 <small class="col-12 px-0 my-1 h-25 align-self-end text-center text-truncate">Todos</small>
48 48 </div>
49 49 <div
... ... @@ -56,7 +56,7 @@
56 56 ondragstart="return false;"
57 57 (contextmenu)="false"
58 58 class="col-12 h-50 align-self-end d-none d-sm-block rounded-circle"
59   - src="assets/img/ir-color.svg">
  59 + src="{{urlImagenes}}{{categoria.path_imagen}}">
60 60 <small class="col-12 px-0 my-1 h-25 align-self-end text-center text-truncate">{{categoria.detalle}}</small>
61 61 </div>
62 62 </div>
... ... @@ -100,7 +100,7 @@
100 100 <div
101 101 [ngClass]="{'bg-secondary': articulo.promo}"
102 102 class="row mx-0 justify-content-between bg-primary badge-pill"
103   - (click)="!articulo.FPP ? elegirArticulo(articulo) : openModalPromos(articulo, templatePromos)">
  103 + (click)="elegirArticulo(articulo)">
104 104 <div class="col px-0 align-self-center text-white text-right">
105 105 {{articulo.PreVen | currency}}
106 106 </div>
... ... @@ -224,57 +224,3 @@
224 224 </div>
225 225  
226 226 </div>
227   -
228   -<ng-template #templatePromos>
229   - <div class="modal-header bg-primary">
230   - <div class="col-12">
231   - <div class="row justify-content-between" *ngIf="articuloPromo.length">
232   - <div>
233   - <h3 class="ml-2 text-white mt-2">{{articuloPromo[0].DetArt}}</h3>
234   - </div>
235   - <div class="row"(click)="elegirArticulo(articuloPromo[0]); modalRef.hide()">
236   - <div
237   - class="row mr-3 justify-content-between bg-white badge-pill">
238   - <div class="col px-0 align-self-center text-primary">
239   - <p class="font-weight-bold">{{articuloPromo[0].PreVen | currency}}</p>
240   - </div>
241   - <div class="col-3 px-0">
242   - <img
243   - draggable="false"
244   - ondragstart="return false;"
245   - (contextmenu)="false"
246   - class="d-block ml-auto py-1 icon-30 mr-2 pt-2"
247   - src="assets/img/ir-color.svg">
248   - </div>
249   - </div>
250   - </div>
251   - </div>
252   - <div class="col-12 border-bottom mt-3 mx-n3"></div>
253   - </div>
254   - </div>
255   - <div class="modal-body bg-primary" *ngIf="articuloPromo.length">
256   - <div class="row">
257   - <div class="col-9">
258   - <p class="text-white"><small>¿TE GUSTARIA LLEVAR ESTE ARTÍCULO</small></p>
259   - <h1 class="text-white mb-4">en un combo?</h1>
260   - <div *ngFor="let promo of promociones">
261   - <div class="mx-0 bg-white badge-pill text-primary" (click)="elegirArticulo(promo); modalRef.hide()">
262   - <div class="row justify-content-between">
263   - <p class="ml-4 text-truncate">{{promo.DetArt}}</p>
264   - <p class="mr-4 font-weight-bold">{{promo.PreVen | currency}}</p>
265   - </div>
266   - </div>
267   - </div>
268   - </div>
269   - <div class="col-3 rounded-circle">
270   - <img
271   - draggable="false"
272   - ondragstart="return false;"
273   - (contextmenu)="false"
274   - src="{{urlImagenes}}{{articuloPromo[0].imagenes[0].imagen}}"
275   - onerror="this.src='assets/img/image-not-found.jpg'"
276   - class="card-img-top h-90 w-90 rounded-circle">
277   - </div>
278   - </div>
279   - </div>
280   - </ng-template>
281 227 \ No newline at end of file
src/app/modules/seleccion-articulos/seleccion-articulos.component.ts
Diff comments   View file @ c5c1df3
1   -import { Component, OnInit, TemplateRef } from '@angular/core';
  1 +import { Component, OnInit, TemplateRef, OnDestroy } from '@angular/core';
2 2 import { BsModalRef, BsModalService } from 'ngx-bootstrap/modal';
3 3 import { ArticuloService } from 'src/app/services/articulo/articulo.service';
4 4 import { IArticulo } from 'src/app/interfaces/IArticulo';
... ... @@ -6,13 +6,14 @@ import { APP_SETTINGS } from &#39;src/etc/AppSettings&#39;;
6 6 import { ICategoria } from 'src/app/interfaces/ICategoria';
7 7 import { CategoriaService } from 'src/app/services/categoria/categoria.service';
8 8 import { PromocionService } from 'src/app/services/promocion/promocion.service';
  9 +import { PromocionComponent } from 'src/app/shared/promocion/promocion.component';
9 10  
10 11 @Component({
11 12 selector: 'app-seleccion-articulos',
12 13 templateUrl: './seleccion-articulos.component.html',
13 14 styleUrls: ['./seleccion-articulos.component.scss']
14 15 })
15   -export class SeleccionArticulosComponent implements OnInit {
  16 +export class SeleccionArticulosComponent implements OnInit, OnDestroy {
16 17 showSpinner = true;
17 18 timeoutHandler: any;
18 19 urlImagenes = `${APP_SETTINGS.apiDeboSuite}/imagenes/`;
... ... @@ -20,29 +21,30 @@ export class SeleccionArticulosComponent implements OnInit {
20 21 auxArticulos: IArticulo[] = [];
21 22 showQuantity = 100;
22 23 queMostrar = 'todos';
23   - categoriaActive: number = null;
  24 + categoriaActive = null;
24 25 categorias: ICategoria[] = [];
25 26 searchTerm = '';
26 27 ordenandoByVendidos = true;
27 28 allActive = true;
28 29 modalRef: BsModalRef;
29   - total: number = 0;
30   - articuloPromo: IArticulo[] = [];
31   - promociones: IArticulo[] = [];
  30 + total = 0;
32 31  
33 32 constructor(
34 33 public articuloService: ArticuloService,
35 34 private categoriaService: CategoriaService,
36 35 private modalService: BsModalService,
37   - private promocionService: PromocionService
38 36 ) { }
39 37  
40 38 ngOnInit() {
41 39 this.getCategorias();
42 40 }
43 41  
  42 + ngOnDestroy() {
  43 + if (this.modalRef) this.modalRef.hide();
  44 + }
  45 +
44 46 getCategorias() {
45   - this.categoriaService.getCategorias()
  47 + this.categoriaService.getAll()
46 48 .subscribe((categorias: ICategoria[]) => {
47 49 switch (this.queMostrar) {
48 50 case 'todos':
... ... @@ -125,32 +127,29 @@ export class SeleccionArticulosComponent implements OnInit {
125 127 }
126 128  
127 129 elegirArticulo(articulo: IArticulo) {
128   - this.articuloService.getById(articulo.id)
  130 + if (!articulo.FPP) {
  131 + this.getByID(articulo.id);
  132 + } else {
  133 + this.openModalPromos(articulo);
  134 + }
  135 + }
  136 +
  137 + getByID(id: number) {
  138 + this.articuloService.getById(id)
129 139 .subscribe((res: IArticulo) => {
130 140 res.cantidad = 1;
131 141 this.articuloService.setArticulo(res);
132 142 }, err => console.error(err));
133 143 }
134 144  
135   - openModalPromos(articulo: IArticulo, templatePromos: TemplateRef<any>) {
136   - this.articuloService.getById(articulo.id)
137   - .subscribe((res: IArticulo) => {
138   - this.articuloPromo[0] = res;
139   - this.getPromociones();
140   - }, err => console.error(err));
141   - this.modalRef = this.modalService.show(templatePromos, { class: 'custom-modal modal-dialog-centered', backdrop: 'static' });
142   - setTimeout(() => {
143   - this.modalRef.hide();
144   - }, 80000);
145   - }
146   -
147   - getPromociones() {
148   - var sector = this.articuloPromo[0].CodSec;
149   - var codigo = this.articuloPromo[0].CodArt;
150   - this.promocionService.getPromociones(sector, codigo)
151   - .subscribe((res: IArticulo[]) => {
152   - this.promociones = res;
153   - }, error => { console.error(error); })
  145 + openModalPromos(articulo: IArticulo) {
  146 + this.modalRef = this.modalService.show(PromocionComponent,
  147 + {
  148 + initialState: {
  149 + idArticulo: articulo.id
  150 + },
  151 + class: 'modal-promo modal-dialog-centered'
  152 + });
154 153 }
155 154  
156 155 increaseShow() {
src/app/services/articulo/articulo.service.ts
Diff comments   View file @ c5c1df3
... ... @@ -15,7 +15,7 @@ export class ArticuloService {
15 15 urlDeboSuite = APP_SETTINGS.apiDeboSuite;
16 16 medioPago: number;
17 17 idComanda: number;
18   - subTotal: number = 0;
  18 + subTotal = 0;
19 19  
20 20 constructor(
21 21 private http: HttpClient,
src/app/services/categoria/categoria.service.ts
Diff comments   View file @ c5c1df3
... ... @@ -12,7 +12,7 @@ export class CategoriaService {
12 12 private http: HttpClient,
13 13 ) { }
14 14  
15   - getCategorias() {
  15 + getAll() {
16 16 return this.http.get(`${this.urlDeboSuite}/categorias`);
17 17 }
18 18 }
src/app/services/comanda/comanda.service.ts
Diff comments   View file @ c5c1df3
... ... @@ -17,8 +17,8 @@ export class ComandaService {
17 17 return this.http.get(`${this.urlDeboSuite}/comandas/pendientes-entrega`);
18 18 }
19 19  
20   - update(data: object) {
21   - return this.http.post(`${this.urlDeboSuite}/comandas/update`, { data: data });
  20 + update(object: object) {
  21 + return this.http.post(`${this.urlDeboSuite}/comandas/update`, { data: object });
22 22 }
23 23  
24 24 getAll() {
src/app/services/publicidad/publicidad.service.spec.ts
Diff comments   View file @ c5c1df3
... ... @@ -0,0 +1,12 @@
  1 +import { TestBed } from '@angular/core/testing';
  2 +
  3 +import { PublicidadService } from './publicidad.service';
  4 +
  5 +describe('PublicidadService', () => {
  6 + beforeEach(() => TestBed.configureTestingModule({}));
  7 +
  8 + it('should be created', () => {
  9 + const service: PublicidadService = TestBed.get(PublicidadService);
  10 + expect(service).toBeTruthy();
  11 + });
  12 +});
src/app/services/publicidad/publicidad.service.ts
Diff comments   View file @ c5c1df3
... ... @@ -0,0 +1,34 @@
  1 +import { Injectable } from '@angular/core';
  2 +import { HttpClient } from '@angular/common/http';
  3 +import { APP_SETTINGS } from 'src/etc/AppSettings';
  4 +import { IPublicidad } from 'src/app/interfaces/IPublicidad';
  5 +
  6 +@Injectable({
  7 + providedIn: 'root'
  8 +})
  9 +export class PublicidadService {
  10 + urlDeboSuite = APP_SETTINGS.apiDeboSuite;
  11 + imagenes: any[] = [];
  12 +
  13 + constructor(
  14 + private http: HttpClient,
  15 + ) { }
  16 +
  17 + getAll() {
  18 + return this.http.get(`${this.urlDeboSuite}/publicidad`);
  19 + }
  20 +
  21 + update(publicidad: IPublicidad) {
  22 + delete publicidad.DET_LAR;
  23 + return this.http.put(`${this.urlDeboSuite}/publicidad`, publicidad);
  24 + }
  25 +
  26 + create(publicidad: IPublicidad) {
  27 + delete publicidad.DET_LAR;
  28 + return this.http.post(`${this.urlDeboSuite}/publicidad`, publicidad);
  29 + }
  30 +
  31 + delete(id: any) {
  32 + return this.http.delete(`${this.urlDeboSuite}/publicidad/${id}`);
  33 + }
  34 +}
src/app/shared/header-publicidad/header-publicidad.component.html
Diff comments   View file @ c5c1df3
... ... @@ -2,37 +2,14 @@
2 2 <div class="col-12 p-3 h-100">
3 3 <div class="h-100">
4 4 <carousel [showIndicators]="false" [interval]="4000">
5   - <slide>
  5 + <slide *ngFor="let p of publicidades">
6 6 <img
7 7 class="d-block h-100 w-auto mx-auto"
8 8 draggable="false"
9 9 ondragstart="return false;"
10 10 (contextmenu)="false"
11   - src="{{urlImagenes}}spot-promos-combos-02.png">
12   - </slide>
13   - <slide>
14   - <img
15   - class="d-block h-100 w-auto mx-auto"
16   - draggable="false"
17   - ondragstart="return false;"
18   - (contextmenu)="false"
19   - src="{{urlImagenes}}spot-promos-combos-03.png">
20   - </slide>
21   - <slide>
22   - <img
23   - class="d-block h-100 w-auto mx-auto"
24   - draggable="false"
25   - ondragstart="return false;"
26   - (contextmenu)="false"
27   - src="{{urlImagenes}}spot-promos-combos-04.png">
28   - </slide>
29   - <slide>
30   - <img
31   - class="d-block h-100 w-auto mx-auto"
32   - draggable="false"
33   - ondragstart="return false;"
34   - (contextmenu)="false"
35   - src="{{urlImagenes}}spot-promos-combos-05.png">
  11 + src="{{urlImagenes}}{{p.imagen}}"
  12 + (click)="elegirArticulo(p)">
36 13 </slide>
37 14 </carousel>
38 15 </div>
src/app/shared/header-publicidad/header-publicidad.component.ts
Diff comments   View file @ c5c1df3
1 1 import { Component, OnInit } from '@angular/core';
2 2 import { APP_SETTINGS } from 'src/etc/AppSettings';
  3 +import { IPublicidad } from 'src/app/interfaces/IPublicidad';
  4 +import { PublicidadService } from 'src/app/services/publicidad/publicidad.service';
  5 +import { IArticulo } from 'src/app/interfaces/IArticulo';
  6 +import { PromocionComponent } from '../promocion/promocion.component';
  7 +import { BsModalService, BsModalRef } from 'ngx-bootstrap/modal';
  8 +import { ArticuloService } from 'src/app/services/articulo/articulo.service';
3 9  
4 10 @Component({
5 11 selector: 'app-header-publicidad',
... ... @@ -8,10 +14,51 @@ import { APP_SETTINGS } from &#39;src/etc/AppSettings&#39;;
8 14 })
9 15 export class HeaderPublicidadComponent implements OnInit {
10 16 urlImagenes = `${APP_SETTINGS.apiDeboSuite}/imagenes/`;
  17 + publicidades: IPublicidad[] = [];
  18 + modalRef: BsModalRef;
11 19  
12   - constructor() { }
  20 + constructor(
  21 + private publicidadService: PublicidadService,
  22 + private articuloService: ArticuloService,
  23 + private modalService: BsModalService,
  24 + ) { }
13 25  
14 26 ngOnInit() {
  27 + this.getPublicidades();
  28 + }
  29 +
  30 + getPublicidades() {
  31 + this.publicidadService.getAll()
  32 + .subscribe((res: IPublicidad[]) => {
  33 + this.publicidades = res;
  34 + }, err => console.error(err));
  35 + }
  36 +
  37 + elegirArticulo(publicidad: IPublicidad) {
  38 + if (publicidad.id_articulo) this.getByID(publicidad.id_articulo);
  39 + }
  40 +
  41 +
  42 + getByID(id: number) {
  43 + this.articuloService.getById(id)
  44 + .subscribe((res: IArticulo) => {
  45 + if (res.FPP) {
  46 + this.openModalPromos(res);
  47 + return;
  48 + }
  49 + res.cantidad = 1;
  50 + this.articuloService.setArticulo(res);
  51 + }, err => console.error(err));
  52 + }
  53 +
  54 + openModalPromos(articulo: IArticulo) {
  55 + this.modalRef = this.modalService.show(PromocionComponent,
  56 + {
  57 + initialState: {
  58 + idArticulo: articulo.id
  59 + },
  60 + class: 'modal-promo modal-dialog-centered'
  61 + });
15 62 }
16 63  
17 64 }
src/app/shared/promocion/promocion.component.html
Diff comments   View file @ c5c1df3
1   -<div class="p-3">
2   - <div class="row mx-0 justify-content-end">
3   - <div
4   - class="col-auto px-0 btn-effect"
5   - (click)="modalRef.hide()">
6   - <img
7   - draggable="false"
8   - ondragstart="return false;"
9   - (contextmenu)="false"
10   - class="icon-30 rotate-45"
11   - src="assets/img/mas-blanco.svg">
12   - </div>
13   - </div>
14   - <div class="row mb-4 mx-0 text-center">
15   - <div class="col-7 align-self-center">
16   - <p class="h6 text-muted mb-2"><small>{{'ENSALADA CAESAR'}}</small></p>
17   - <p class="h6"><small>¿QUERÉS LLEVAR ESTA ENSALADA</small></p>
18   - <p class="h4 mb-2 font-weight-bold">en combo con 1 bebida?</p>
19   - <div class="row">
20   - <div class="col-6 pl-0">
21   - <div
22   - class="row mx-0 justify-content-between bg-light badge-pill btn-effect">
23   - <div class="col px-0 align-self-center text-primary">
24   - <p class="d-block">
25   - <small class="pr-2">{{'Sola'}} {{155 | currency}}</small>
26   - <img
27   - draggable="false"
28   - ondragstart="return false;"
29   - (contextmenu)="false"
30   - class="icon-20"
31   - src="assets/img/ir-color.svg">
32   - </p>
33   - </div>
  1 +<div class="modal-header bg-primary">
  2 + <div class="col-12">
  3 + <div class="row justify-content-between" *ngIf="articulosPromo.length">
  4 + <div>
  5 + <h3 class="ml-2 text-white mt-2">{{articulosPromo[0].DetArt}}</h3>
  6 + </div>
  7 + <div>
  8 + <div
  9 + class="row mr-3 justify-content-between bg-white badge-pill"
  10 + (click)="elegirPromo(articulosPromo[0])">
  11 + <div class="col px-0 align-self-center text-primary">
  12 + <p class="font-weight-bold">{{articulosPromo[0].PreVen | currency}}</p>
  13 + </div>
  14 + <div class="col-3 px-0">
  15 + <img
  16 + draggable="false"
  17 + ondragstart="return false;"
  18 + (contextmenu)="false"
  19 + class="d-block ml-auto py-1 icon-30 mr-2 pt-2"
  20 + src="assets/img/ir-color.svg">
34 21 </div>
35 22 </div>
36   - <div class="col-6 px-0">
37   - <div
38   - class="row mx-0 justify-content-between bg-light badge-pill btn-effect">
39   - <div class="col px-0 align-self-center text-primary">
40   - <p class="d-block">
41   - <small class="pr-2">{{'Con bebida'}} {{155 | currency}}</small>
42   - <img
43   - draggable="false"
44   - ondragstart="return false;"
45   - (contextmenu)="false"
46   - class="icon-20"
47   - src="assets/img/ir-color.svg">
48   - </p>
49   - </div>
  23 + </div>
  24 + </div>
  25 + </div>
  26 +</div>
  27 +<div class="modal-body bg-primary" *ngIf="articulosPromo.length">
  28 + <div class="row">
  29 + <div class="col-9">
  30 + <p class="text-white"><small>¿TE GUSTARÍA LLEVAR ESTE ARTÍCULO</small></p>
  31 + <h1 class="text-white mb-4">en un combo?</h1>
  32 + <div *ngFor="let promo of promociones">
  33 + <div class="mx-0 mb-2 bg-white badge-pill text-primary" (click)="elegirPromo(promo)">
  34 + <div class="row mx-0 justify-content-between">
  35 + <p class="ml-4 text-truncate">{{promo.DetArt}}</p>
  36 + <p class="mr-4 font-weight-bold">{{promo.PreVen | currency}}</p>
50 37 </div>
51 38 </div>
52 39 </div>
53 40 </div>
54   - <div class="col-5 align-self-center">
  41 + <div class="col-3 rounded-circle">
55 42 <img
56   - draggable="false"
57   - ondragstart="return false;"
58   - (contextmenu)="false"
59   - class="icon-150 rounded-circle"
60   - src="assets/img/icono-volver.svg">
  43 + draggable="false"
  44 + ondragstart="return false;"
  45 + (contextmenu)="false"
  46 + src="{{urlImagenes}}{{articulosPromo[0].imagenes[0].imagen}}"
  47 + onerror="this.src='assets/img/image-not-found.jpg'"
  48 + class="card-img-top img-fluid rounded-circle">
61 49 </div>
62 50 </div>
63   -</div>
64 51 \ No newline at end of file
  52 +</div>
src/app/shared/promocion/promocion.component.ts
Diff comments   View file @ c5c1df3
1 1 import { Component, OnInit } from '@angular/core';
2 2 import { BsModalRef } from 'ngx-bootstrap/modal';
  3 +import { IArticulo } from 'src/app/interfaces/IArticulo';
  4 +import { ArticuloService } from 'src/app/services/articulo/articulo.service';
  5 +import { PromocionService } from 'src/app/services/promocion/promocion.service';
  6 +import { Subject } from 'rxjs';
  7 +import { APP_SETTINGS } from 'src/etc/AppSettings';
3 8  
4 9 @Component({
5 10 selector: 'app-promocion',
... ... @@ -7,12 +12,41 @@ import { BsModalRef } from &#39;ngx-bootstrap/modal&#39;;
7 12 styleUrls: ['./promocion.component.scss']
8 13 })
9 14 export class PromocionComponent implements OnInit {
  15 + idArticulo: number;
  16 + articulosPromo: IArticulo[] = [];
  17 + promociones: IArticulo[] = [];
  18 + onClose: Subject<any>;
  19 + urlImagenes = `${APP_SETTINGS.apiDeboSuite}/imagenes/`;
10 20  
11 21 constructor(
12 22 public modalRef: BsModalRef,
13   - ) { }
  23 + private articuloService: ArticuloService,
  24 + private promocionService: PromocionService,
  25 + ) {
  26 + this.onClose = new Subject();
  27 + }
14 28  
15 29 ngOnInit() {
  30 + this.articuloService.getById(this.idArticulo)
  31 + .subscribe((res: IArticulo) => {
  32 + this.articulosPromo[0] = res;
  33 + this.getPromociones();
  34 + }, err => console.error(err));
  35 + }
  36 +
  37 + elegirPromo(promo: IArticulo) {
  38 + promo.cantidad = 1;
  39 + this.articuloService.setArticulo(promo);
  40 + this.modalRef.hide();
  41 + }
  42 +
  43 + getPromociones() {
  44 + const sector = this.articulosPromo[0].CodSec;
  45 + const codigo = this.articulosPromo[0].CodArt;
  46 + this.promocionService.getPromociones(sector, codigo)
  47 + .subscribe((res: IArticulo[]) => {
  48 + this.promociones = res;
  49 + }, error => { console.error(error); });
16 50 }
17 51  
18 52 }
src/scss/height-width.scss
Diff comments   View file @ c5c1df3
... ... @@ -11,3 +11,11 @@
11 11 width: $widthValue !important;
12 12 }
13 13 }
  14 +
  15 +.min-h-50 {
  16 + min-height: 50px;
  17 +}
  18 +
  19 +.min-h-60 {
  20 + min-height: 60px;
  21 +}
src/scss/styles-bootstrap.scss
Diff comments   View file @ c5c1df3
... ... @@ -40,19 +40,11 @@ $border-radius-sm: 0.5rem;
40 40 height: 100% !important;
41 41 }
42 42  
43   -@import "node_modules/bootstrap/scss/bootstrap";
44   -
45   -.min-h-50 {
46   - min-height: 50px;
47   -}
48   -
49   -.min-h-60 {
50   - min-height: 60px;
51   -}
52   -
53   -.custom-modal > div > div {
  43 +.modal-promo > div {
54 44 background-color: $primary !important;
55 45 border: none !important;
56 46 border-radius: 10rem;
57 47 margin-left: 10px !important;
58 48 }
  49 +
  50 +@import "node_modules/bootstrap/scss/bootstrap";
... ... @@ -70,6 +70,16 @@
70 70 true,
71 71 "as-needed"
72 72 ],
  73 + "variable-name": {
  74 + "options": [
  75 + "require-const-for-all-caps",
  76 + "ban-keywords",
  77 + "check-format",
  78 + "allow-leading-underscore",
  79 + "allow-snake-case",
  80 + "allow-pascal-case"
  81 + ]
  82 + },
73 83 "object-literal-sort-keys": false,
74 84 "ordered-imports": false,
75 85 "quotemark": [