diff --git a/src/app/modules/seleccion-articulos/no-stock/no-stock.component.html b/src/app/modules/seleccion-articulos/no-stock/no-stock.component.html new file mode 100644 index 0000000..2ec260c --- /dev/null +++ b/src/app/modules/seleccion-articulos/no-stock/no-stock.component.html @@ -0,0 +1,24 @@ +
+ +
diff --git a/src/app/modules/seleccion-articulos/no-stock/no-stock.component.scss b/src/app/modules/seleccion-articulos/no-stock/no-stock.component.scss new file mode 100644 index 0000000..e69de29 diff --git a/src/app/modules/seleccion-articulos/no-stock/no-stock.component.spec.ts b/src/app/modules/seleccion-articulos/no-stock/no-stock.component.spec.ts new file mode 100644 index 0000000..7e0d161 --- /dev/null +++ b/src/app/modules/seleccion-articulos/no-stock/no-stock.component.spec.ts @@ -0,0 +1,25 @@ +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; + +import { NoStockComponent } from './no-stock.component'; + +describe('NoStockComponent', () => { + let component: NoStockComponent; + let fixture: ComponentFixture; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [ NoStockComponent ] + }) + .compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(NoStockComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/modules/seleccion-articulos/no-stock/no-stock.component.ts b/src/app/modules/seleccion-articulos/no-stock/no-stock.component.ts new file mode 100644 index 0000000..c43c37a --- /dev/null +++ b/src/app/modules/seleccion-articulos/no-stock/no-stock.component.ts @@ -0,0 +1,27 @@ +import { Component, OnInit } from '@angular/core'; +import { BsModalRef } from 'ngx-bootstrap/modal'; +import { Subject } from 'rxjs'; + +@Component({ + selector: 'app-no-stock', + templateUrl: './no-stock.component.html', + styleUrls: ['./no-stock.component.scss'] +}) +export class NoStockComponent implements OnInit { + onClose: Subject; + + constructor( + private modalRef: BsModalRef, + ) { + this.onClose = new Subject(); + } + + ngOnInit() { + } + + close() { + this.onClose.next(); + this.modalRef.hide(); + } + +} diff --git a/src/app/modules/seleccion-articulos/seleccion-articulos.component.ts b/src/app/modules/seleccion-articulos/seleccion-articulos.component.ts index 74a80fc..56694c7 100644 --- a/src/app/modules/seleccion-articulos/seleccion-articulos.component.ts +++ b/src/app/modules/seleccion-articulos/seleccion-articulos.component.ts @@ -12,6 +12,7 @@ import { SinonimoComponent } from 'src/app/shared/sinonimo/sinonimo.component'; import { FiltroCategoriasComponent } from './filtro-categorias/filtro-categorias.component'; import * as _ from 'lodash'; import { ANIMATIONS } from 'src/app/utils/animations'; +import { NoStockComponent } from './no-stock/no-stock.component'; @Component({ selector: 'app-seleccion-articulos', @@ -97,6 +98,16 @@ export class SeleccionArticulosComponent implements OnInit, AfterViewInit, OnDes } selectArticulo(articulo: IArticulo) { + if (articulo.ExiVta < 1) { + if (this.modalRef) return; + this.modalRef = this.modalService.show(NoStockComponent, { + class: 'modal-dialog-centered', + backdrop: false, + ignoreBackdropClick: true, + }); + this.modalRef.content.onClose + .subscribe(() => this.modalRef = null); + } this.getByID(articulo.id); } diff --git a/src/app/modules/seleccion-articulos/seleccion-articulos.module.ts b/src/app/modules/seleccion-articulos/seleccion-articulos.module.ts index f6139ed..ac1e1c8 100644 --- a/src/app/modules/seleccion-articulos/seleccion-articulos.module.ts +++ b/src/app/modules/seleccion-articulos/seleccion-articulos.module.ts @@ -12,6 +12,7 @@ import { FormsModule } from '@angular/forms'; import { ConfirmacionComponent } from 'src/app/shared/confirmacion/confirmacion.component'; import { ArticuloCantidadComponent } from 'src/app/shared/articulo-cantidad/articulo-cantidad.component'; import { FiltroCategoriasComponent } from './filtro-categorias/filtro-categorias.component'; +import { NoStockComponent } from './no-stock/no-stock.component'; @NgModule({ declarations: [ @@ -22,6 +23,7 @@ import { FiltroCategoriasComponent } from './filtro-categorias/filtro-categorias ConfirmacionComponent, ArticuloCantidadComponent, FiltroCategoriasComponent, + NoStockComponent, ], imports: [ CommonModule, @@ -32,6 +34,6 @@ import { FiltroCategoriasComponent } from './filtro-categorias/filtro-categorias SharedModule ], exports: [HeaderPublicidadComponent, ArticuloCantidadComponent], - entryComponents: [PromocionComponent, ConfirmacionComponent, SinonimoComponent] + entryComponents: [PromocionComponent, ConfirmacionComponent, SinonimoComponent, NoStockComponent] }) export class SeleccionArticulosModule { } diff --git a/src/assets/img/sin-stock-2.svg b/src/assets/img/sin-stock-2.svg new file mode 100644 index 0000000..b353f97 --- /dev/null +++ b/src/assets/img/sin-stock-2.svg @@ -0,0 +1,18 @@ + + + + + + + + + + + +