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 @@
+
+
+

+
+

+
+
+ Disculpá, este articulo no está disponible por el momento
+
+
+
+
+
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 @@
+
+
+
+