From 4f1f6f3d58ca5076d3aa1139c2c12b00d67c7960 Mon Sep 17 00:00:00 2001
From: mpuebla <mpuebla@focasoftware.com>
Date: Mon, 30 Dec 2019 10:30:15 -0300
Subject: [PATCH] Cambio nombre de modulo

---
 src/app/app-routing.module.ts                      |   4 +-
 .../opcion-pedido/opcion-pedido.component.html     |   4 +-
 .../seleccion-articulos-routing.module.ts          |  13 ++
 .../seleccion-articulos.component.html             | 138 +++++++++++++++++++++
 .../seleccion-articulos.component.scss             |  36 ++++++
 .../seleccion-articulos.component.spec.ts          |  25 ++++
 .../seleccion-articulos.component.ts               |  44 +++++++
 .../seleccion-articulos.module.ts                  |  15 +++
 .../seleccion-productos-routing.module.ts          |  13 --
 .../seleccion-productos.component.html             | 138 ---------------------
 .../seleccion-productos.component.scss             |  36 ------
 .../seleccion-productos.component.spec.ts          |  25 ----
 .../seleccion-productos.component.ts               |  44 -------
 .../seleccion-productos.module.ts                  |  15 ---
 14 files changed, 275 insertions(+), 275 deletions(-)
 create mode 100644 src/app/modules/seleccion-articulos/seleccion-articulos-routing.module.ts
 create mode 100644 src/app/modules/seleccion-articulos/seleccion-articulos.component.html
 create mode 100644 src/app/modules/seleccion-articulos/seleccion-articulos.component.scss
 create mode 100644 src/app/modules/seleccion-articulos/seleccion-articulos.component.spec.ts
 create mode 100644 src/app/modules/seleccion-articulos/seleccion-articulos.component.ts
 create mode 100644 src/app/modules/seleccion-articulos/seleccion-articulos.module.ts
 delete mode 100644 src/app/modules/seleccion-productos/seleccion-productos-routing.module.ts
 delete mode 100644 src/app/modules/seleccion-productos/seleccion-productos.component.html
 delete mode 100644 src/app/modules/seleccion-productos/seleccion-productos.component.scss
 delete mode 100644 src/app/modules/seleccion-productos/seleccion-productos.component.spec.ts
 delete mode 100644 src/app/modules/seleccion-productos/seleccion-productos.component.ts
 delete mode 100644 src/app/modules/seleccion-productos/seleccion-productos.module.ts

diff --git a/src/app/app-routing.module.ts b/src/app/app-routing.module.ts
index 23b2729..92f21a0 100644
--- a/src/app/app-routing.module.ts
+++ b/src/app/app-routing.module.ts
@@ -18,8 +18,8 @@ const routes: Routes = [
         loadChildren: () => import('./modules/opcion-pedido/opcion-pedido.module').then(m => m.OpcionPedidoModule)
       },
       {
-        path: 'seleccion-productos',
-        loadChildren: () => import('./modules/seleccion-productos/seleccion-productos.module').then(m => m.SeleccionProductosModule)
+        path: 'seleccion-articulos',
+        loadChildren: () => import('./modules/seleccion-articulos/seleccion-articulos.module').then(m => m.SeleccionArticulosModule)
       },
     ]
   },
diff --git a/src/app/modules/opcion-pedido/opcion-pedido.component.html b/src/app/modules/opcion-pedido/opcion-pedido.component.html
index 1f21f07..55f2819 100644
--- a/src/app/modules/opcion-pedido/opcion-pedido.component.html
+++ b/src/app/modules/opcion-pedido/opcion-pedido.component.html
@@ -14,7 +14,7 @@
       <div class="col-auto px-0 h-auto align-self-start">
         <div
           class="btn-effect col-auto align-self-center px-0 bg-white"
-          (click)="goTo('/seleccion-productos')">
+          (click)="goTo('/seleccion-articulos')">
           <div class="row mx-0 bg-primary badge-pill">
             <div class="col-auto p-0">
               <img class="p-1 img-plato" src="assets/img/icono-plato.svg">
@@ -31,7 +31,7 @@
       <div class="col-auto px-0 h-auto align-self-start">
         <div
           class="btn-effect col-auto align-self-center px-0 bg-white"
-          (click)="goTo('/seleccion-productos')">
+          (click)="goTo('/seleccion-articulos')">
           <div class="row mx-0 bg-primary badge-pill">
             <div class="col-auto p-0">
               <img class="p-1 img-plato" src="assets/img/icono-take-away.svg">
diff --git a/src/app/modules/seleccion-articulos/seleccion-articulos-routing.module.ts b/src/app/modules/seleccion-articulos/seleccion-articulos-routing.module.ts
new file mode 100644
index 0000000..a84c8e7
--- /dev/null
+++ b/src/app/modules/seleccion-articulos/seleccion-articulos-routing.module.ts
@@ -0,0 +1,13 @@
+import { NgModule } from '@angular/core';
+import { Routes, RouterModule } from '@angular/router';
+import { SeleccionArticulosComponent } from './seleccion-articulos.component';
+
+const routes: Routes = [
+  { path: '', component: SeleccionArticulosComponent }
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule]
+})
+export class SeleccionArticulosRoutingModule { }
diff --git a/src/app/modules/seleccion-articulos/seleccion-articulos.component.html b/src/app/modules/seleccion-articulos/seleccion-articulos.component.html
new file mode 100644
index 0000000..db0e108
--- /dev/null
+++ b/src/app/modules/seleccion-articulos/seleccion-articulos.component.html
@@ -0,0 +1,138 @@
+<div class="h-92 bg-white">
+  <!-- PUBLICIDADES -->
+  <div class="row mx-0 h-10">
+    <div class="col-12 p-3 h-100">
+      <div class="bg-dark h-100"></div>
+    </div>
+  </div>
+  <div class="h-90">
+    <!-- CABECERA -->
+    <div class="row mx-4 h-auto border border-primary rounded-sm">
+      <div class="col-12 p-2 align-self-center">
+        <div class="px-3">
+          <p class="h6 text-truncate">SELECCIONÁ TÚ COMIDA Y/O BEBIDA</p>
+        </div>
+      </div>
+    </div>
+    <!-- CUERPO -->
+    <div class="row mr-4 h-70">
+      <div class="col-12 h-100 px-0 py-3">
+        <div class="row mx-0 h-100">
+          <!-- FILTRO CATEGORIAS -->
+          <div class="col-5 col-sm-3 col-xl-2 h-100">
+            <p class="h6 h-6 m-0 text-center"><small>CATEGORÍAS</small></p>
+            <div class="row mx-0 h-94 align-items-center">
+              <div class="col-12 h-5">
+                <img
+                  draggable="false"
+                  ondragstart="return false;"
+                  (contextmenu)="false"
+                  class="h-100 d-block mx-auto rotate-90-neg"
+                  src="assets/img/ir-color.svg"
+                  (mousedown)="scrollY(templateCategorias, -80)"
+                  (mouseup)="mouseup()"
+                  (mouseleave)="mouseup()">
+              </div>
+              <!-- CATEGORIAS -->
+              <div
+                #templateCategorias
+                class="col-12 px-0 box-categorias border border-primary border-left-0 rounded-right scroll-y">
+                <div
+                  class="row mx-4 mb-2 h-32 justify-content-center tab"
+                  [ngClass]="{ 'active': categoria.selected, 'border-bottom-effect': !categoria.selected }"
+                  (click)="selectCategoria(i)"
+                  *ngFor="let categoria of categorias; let i = index;">
+                  <img
+                    class="col-12 h-50 align-self-end d-none d-sm-block"
+                    src="assets/img/ir-color.svg">
+                  <small class="col-10 my-1 h-25 align-self-end text-center">{{categoria.id}}</small>
+                </div>
+              </div>
+              <div class="col-12 h-5">
+                <img
+                  draggable="false"
+                  ondragstart="return false;"
+                  (contextmenu)="false"
+                  class="h-100 d-block mx-auto rotate-90"
+                  src="assets/img/ir-color.svg"
+                  (mousedown)="scrollY(templateCategorias, 80)"
+                  (mouseup)="mouseup()"
+                  (mouseleave)="mouseup()">
+              </div>
+            </div>
+          </div>
+          <!-- LISTA DE ARTICULOS -->
+          <div class="col-7 col-sm-9 col-xl-10 pb-3 h-80 align-self-center scroll-y">
+            <div class="row row-cols-1 row-cols-sm-3 row-cols-xl-6 h-100">
+              <!-- ARTICULO -->
+              <div class="col px-2 my-1 my-md-3 h-auto" *ngFor="let lala of [{},{},{},{},{},{},{},{},{},{},{},{},{},{},{},{}]">
+                <div class="card h-100">
+                  <img src="assets/img/ir-color.svg" class="card-img-top h-55">
+                  <div class="row mx-0 py-1 h-auto justify-content-center">
+                    <p class="col-12 px-1 h6 h-auto text-primary text-center">{{'CORTADO'}}</p>
+                    <p class="col-12 px-1 h-auto text-center"><small>{{'Café con un poco de leche'}}</small></p>
+                    <div class="col-12 px-1 align-self-end btn-effect h-auto">
+                      <div class="row mx-0 justify-content-between bg-primary badge-pill">
+                        <div class="col px-0 align-self-center text-white text-right">
+                          {{55 | currency}}
+                        </div>
+                        <div class="col-5 px-0">
+                          <img class="d-block ml-auto py-1 img-ir" src="assets/img/ir.svg">
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="row mx-0 h-20 justify-content-center">
+      <div class="col-11 h-100 px-0 border border-primary rounded">
+        <div class="row mx-0 h-15 border-bottom border-primary">
+          <p class="col align-self-center text-truncate"><small>ARTÍCULOS EN TÚ CARRITO DE COMPRAS</small></p>
+        </div>
+        <div class="row h-85 mx-0 justify-content-between">
+          <div class="col-auto h-20 align-self-center">
+            <img
+              draggable="false"
+              ondragstart="return false;"
+              (contextmenu)="false"
+              class="img-ir rotate-180-neg"
+              src="assets/img/ir-fondo-color.svg"
+              (mousedown)="scrollX(templateCarrito, -100)"
+              (mouseup)="mouseup()"
+              (mouseleave)="mouseup()">
+          </div>
+          <div class="col-6 col-sm-8 col-md-9 col-lg-10 h-100">
+            <div #templateCarrito class="row flex-row flex-nowrap h-100 mx-0 scroll-x">
+              <div
+                class="col-10 col-sm-4 col-lg-2 col-xl-auto px-2 px-xl-4 h-auto align-self-center border-right border-primary"
+                (click)="selectCategoria(i)"
+                *ngFor="let categoria of [{},{},{},{},{},{},{},{},{},{},{},{},{},{}]; let i = index;">
+                <img
+                  class="d-block h-55 mx-auto"
+                  src="assets/img/ir-color.svg">
+                <p class="d-block mt-auto text-center text-primary"><small>{{'lala'}}</small></p>
+              </div>
+            </div>
+          </div>
+          <div class="col-auto h-20 align-self-center">
+            <img
+              draggable="false"
+              ondragstart="return false;"
+              (contextmenu)="false"
+              class="img-ir"
+              src="assets/img/ir-fondo-color.svg"
+              (mousedown)="scrollX(templateCarrito, 100)"
+              (mouseup)="mouseup()"
+              (mouseleave)="mouseup()">
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+
+</div>
diff --git a/src/app/modules/seleccion-articulos/seleccion-articulos.component.scss b/src/app/modules/seleccion-articulos/seleccion-articulos.component.scss
new file mode 100644
index 0000000..9f85166
--- /dev/null
+++ b/src/app/modules/seleccion-articulos/seleccion-articulos.component.scss
@@ -0,0 +1,36 @@
+$primary: #aa006b;
+
+.box-categorias {
+  height: calc(100% - 100px) !important;
+}
+
+.active {
+  background-color: white;
+  border-bottom: 3px solid $primary !important;
+}
+
+.border-bottom-effect {
+  border: none;
+  position: relative;
+  &:hover {
+    border: none;
+  }
+  &::after {
+    content: "";
+    position: absolute;
+    width: 0px;
+    height: 3px;
+    left: 50%;
+    bottom: 0;
+    background-color: $primary;
+    transition: all ease-in-out 0.2s;
+  }
+  &:hover::after {
+    width: 100%;
+    left: 0;
+  }
+}
+
+.card {
+  border: none;
+}
diff --git a/src/app/modules/seleccion-articulos/seleccion-articulos.component.spec.ts b/src/app/modules/seleccion-articulos/seleccion-articulos.component.spec.ts
new file mode 100644
index 0000000..6db773a
--- /dev/null
+++ b/src/app/modules/seleccion-articulos/seleccion-articulos.component.spec.ts
@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { SeleccionArticulosComponent } from './seleccion-articulos.component';
+
+describe('SeleccionArticulosComponent', () => {
+  let component: SeleccionArticulosComponent;
+  let fixture: ComponentFixture<SeleccionArticulosComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ SeleccionArticulosComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(SeleccionArticulosComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/modules/seleccion-articulos/seleccion-articulos.component.ts b/src/app/modules/seleccion-articulos/seleccion-articulos.component.ts
new file mode 100644
index 0000000..7210283
--- /dev/null
+++ b/src/app/modules/seleccion-articulos/seleccion-articulos.component.ts
@@ -0,0 +1,44 @@
+import { Component, OnInit } from "@angular/core";
+
+@Component({
+  selector: "app-seleccion-articulos",
+  templateUrl: "./seleccion-articulos.component.html",
+  styleUrls: ["./seleccion-articulos.component.scss"]
+})
+export class SeleccionArticulosComponent implements OnInit {
+  timeoutHandler: any;
+  categorias = [
+    { id: 1, selected: false },
+    { id: 2, selected: false },
+    { id: 3, selected: false }
+  ];
+
+  constructor() {}
+
+  ngOnInit() {}
+
+  selectCategoria(index: number) {
+    this.categorias.forEach((categoria, i) => {
+      categoria.selected = index === i ? true : false;
+    });
+  }
+
+  mouseup() {
+    if (!this.timeoutHandler) return;
+    clearInterval(this.timeoutHandler);
+  }
+
+  scrollY(el: HTMLElement, value) {
+    el.scroll({ behavior: "smooth", top: value + el.scrollTop });
+    this.timeoutHandler = setInterval(() => {
+      el.scroll({ behavior: "smooth", top: value + el.scrollTop });
+    }, 500);
+  }
+
+  scrollX(el: HTMLElement, value) {
+    el.scroll({ behavior: "smooth", left: value + el.scrollLeft });
+    this.timeoutHandler = setInterval(() => {
+      el.scroll({ behavior: "smooth", left: value + el.scrollLeft });
+    }, 500);
+  }
+}
diff --git a/src/app/modules/seleccion-articulos/seleccion-articulos.module.ts b/src/app/modules/seleccion-articulos/seleccion-articulos.module.ts
new file mode 100644
index 0000000..4e04819
--- /dev/null
+++ b/src/app/modules/seleccion-articulos/seleccion-articulos.module.ts
@@ -0,0 +1,15 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+import { SeleccionArticulosRoutingModule } from './seleccion-articulos-routing.module';
+import { SeleccionArticulosComponent } from './seleccion-articulos.component';
+
+
+@NgModule({
+  declarations: [SeleccionArticulosComponent],
+  imports: [
+    CommonModule,
+    SeleccionArticulosRoutingModule
+  ]
+})
+export class SeleccionArticulosModule { }
diff --git a/src/app/modules/seleccion-productos/seleccion-productos-routing.module.ts b/src/app/modules/seleccion-productos/seleccion-productos-routing.module.ts
deleted file mode 100644
index 07ba1d8..0000000
--- a/src/app/modules/seleccion-productos/seleccion-productos-routing.module.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import { NgModule } from '@angular/core';
-import { Routes, RouterModule } from '@angular/router';
-import { SeleccionProductosComponent } from './seleccion-productos.component';
-
-const routes: Routes = [
-  { path: '', component: SeleccionProductosComponent }
-];
-
-@NgModule({
-  imports: [RouterModule.forChild(routes)],
-  exports: [RouterModule]
-})
-export class SeleccionProductosRoutingModule { }
diff --git a/src/app/modules/seleccion-productos/seleccion-productos.component.html b/src/app/modules/seleccion-productos/seleccion-productos.component.html
deleted file mode 100644
index 228977b..0000000
--- a/src/app/modules/seleccion-productos/seleccion-productos.component.html
+++ /dev/null
@@ -1,138 +0,0 @@
-<div class="h-92 bg-white">
-  <!-- PUBLICIDADES -->
-  <div class="row mx-0 h-10">
-    <div class="col-12 p-3 h-100">
-      <div class="bg-dark h-100"></div>
-    </div>
-  </div>
-  <div class="h-90">
-    <!-- CABECERA -->
-    <div class="row mx-4 h-auto border border-primary rounded-sm">
-      <div class="col-12 p-2 align-self-center">
-        <div class="px-3">
-          <p class="h6 text-truncate">SELECCIONÁ TÚ COMIDA Y/O BEBIDA</p>
-        </div>
-      </div>
-    </div>
-    <!-- CUERPO -->
-    <div class="row mr-4 h-70">
-      <div class="col-12 h-100 px-0 py-3">
-        <div class="row mx-0 h-100">
-          <!-- FILTRO CATEGORIAS -->
-          <div class="col-5 col-sm-3 col-xl-2 h-100">
-            <p class="h6 h-6 m-0 text-center"><small>CATEGORÍAS</small></p>
-            <div class="row mx-0 h-94 align-items-center">
-              <div class="col-12 h-5">
-                <img
-                  draggable="false"
-                  ondragstart="return false;"
-                  (contextmenu)="false"
-                  class="h-100 d-block mx-auto rotate-90-neg"
-                  src="assets/img/ir-color.svg"
-                  (mousedown)="scrollY(templateCategorias, -80)"
-                  (mouseup)="mouseup()"
-                  (mouseleave)="mouseup()">
-              </div>
-              <!-- CATEGORIAS -->
-              <div
-                #templateCategorias
-                class="col-12 px-0 box-categorias border border-primary border-left-0 rounded-right scroll-y">
-                <div
-                  class="row mx-4 mb-2 h-32 justify-content-center tab"
-                  [ngClass]="{ 'active': categoria.selected, 'border-bottom-effect': !categoria.selected }"
-                  (click)="selectCategoria(i)"
-                  *ngFor="let categoria of categorias; let i = index;">
-                  <img
-                    class="col-12 h-50 align-self-end d-none d-sm-block"
-                    src="assets/img/ir-color.svg">
-                  <small class="col-10 my-1 h-25 align-self-end text-center">{{categoria.id}}</small>
-                </div>
-              </div>
-              <div class="col-12 h-5">
-                <img
-                  draggable="false"
-                  ondragstart="return false;"
-                  (contextmenu)="false"
-                  class="h-100 d-block mx-auto rotate-90"
-                  src="assets/img/ir-color.svg"
-                  (mousedown)="scrollY(templateCategorias, 80)"
-                  (mouseup)="mouseup()"
-                  (mouseleave)="mouseup()">
-              </div>
-            </div>
-          </div>
-          <!-- LISTA DE ARTICULOS -->
-          <div class="col-7 col-sm-9 col-xl-10 pb-3 h-80 align-self-center scroll-y">
-            <div class="row row-cols-1 row-cols-sm-3 row-cols-xl-6 h-100">
-              <!-- ARTICULO -->
-              <div class="col px-2 my-1 my-md-3 h-auto" *ngFor="let lala of [{},{},{},{},{},{},{},{},{},{},{},{},{},{},{},{}]">
-                <div class="card h-100">
-                  <img src="assets/img/ir-color.svg" class="card-img-top h-55">
-                  <div class="row mx-0 py-1 h-auto justify-content-center">
-                    <p class="col-12 px-1 h6 h-auto text-primary text-center">{{'CORTADO'}}</p>
-                    <p class="col-12 px-1 h-auto text-center"><small>{{'Café con un poco de leche'}}</small></p>
-                    <div class="col-12 px-1 align-self-end btn-effect h-auto">
-                      <div class="row mx-0 justify-content-between bg-primary badge-pill">
-                        <div class="col px-0 align-self-center text-white text-right">
-                          {{55 | currency}}
-                        </div>
-                        <div class="col-5 px-0">
-                          <img class="d-block ml-auto py-1 img-ir" src="assets/img/ir.svg">
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div class="row mx-0 h-20 justify-content-center">
-      <div class="col-11 h-100 px-0 border border-primary rounded">
-        <div class="row mx-0 h-15 border-bottom border-primary">
-          <p class="col align-self-center text-truncate"><small>PRODUCTOS EN TÚ CARRITO DE COMPRAS</small></p>
-        </div>
-        <div class="row h-85 mx-0 justify-content-between">
-          <div class="col-auto h-20 align-self-center">
-            <img
-              draggable="false"
-              ondragstart="return false;"
-              (contextmenu)="false"
-              class="img-ir rotate-180-neg"
-              src="assets/img/ir-fondo-color.svg"
-              (mousedown)="scrollX(templateCarrito, -100)"
-              (mouseup)="mouseup()"
-              (mouseleave)="mouseup()">
-          </div>
-          <div class="col-6 col-sm-8 col-md-9 col-lg-10 h-100">
-            <div #templateCarrito class="row flex-row flex-nowrap h-100 mx-0 scroll-x">
-              <div
-                class="col-10 col-sm-4 col-lg-2 col-xl-auto px-2 px-xl-4 h-auto align-self-center border-right border-primary"
-                (click)="selectCategoria(i)"
-                *ngFor="let categoria of [{},{},{},{},{},{},{},{},{},{},{},{},{},{}]; let i = index;">
-                <img
-                  class="d-block h-55 mx-auto"
-                  src="assets/img/ir-color.svg">
-                <p class="d-block mt-auto text-center text-primary"><small>{{'lala'}}</small></p>
-              </div>
-            </div>
-          </div>
-          <div class="col-auto h-20 align-self-center">
-            <img
-              draggable="false"
-              ondragstart="return false;"
-              (contextmenu)="false"
-              class="img-ir"
-              src="assets/img/ir-fondo-color.svg"
-              (mousedown)="scrollX(templateCarrito, 100)"
-              (mouseup)="mouseup()"
-              (mouseleave)="mouseup()">
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-
-</div>
diff --git a/src/app/modules/seleccion-productos/seleccion-productos.component.scss b/src/app/modules/seleccion-productos/seleccion-productos.component.scss
deleted file mode 100644
index 9f85166..0000000
--- a/src/app/modules/seleccion-productos/seleccion-productos.component.scss
+++ /dev/null
@@ -1,36 +0,0 @@
-$primary: #aa006b;
-
-.box-categorias {
-  height: calc(100% - 100px) !important;
-}
-
-.active {
-  background-color: white;
-  border-bottom: 3px solid $primary !important;
-}
-
-.border-bottom-effect {
-  border: none;
-  position: relative;
-  &:hover {
-    border: none;
-  }
-  &::after {
-    content: "";
-    position: absolute;
-    width: 0px;
-    height: 3px;
-    left: 50%;
-    bottom: 0;
-    background-color: $primary;
-    transition: all ease-in-out 0.2s;
-  }
-  &:hover::after {
-    width: 100%;
-    left: 0;
-  }
-}
-
-.card {
-  border: none;
-}
diff --git a/src/app/modules/seleccion-productos/seleccion-productos.component.spec.ts b/src/app/modules/seleccion-productos/seleccion-productos.component.spec.ts
deleted file mode 100644
index ec32b40..0000000
--- a/src/app/modules/seleccion-productos/seleccion-productos.component.spec.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { SeleccionProductosComponent } from './seleccion-productos.component';
-
-describe('SeleccionProductosComponent', () => {
-  let component: SeleccionProductosComponent;
-  let fixture: ComponentFixture<SeleccionProductosComponent>;
-
-  beforeEach(async(() => {
-    TestBed.configureTestingModule({
-      declarations: [ SeleccionProductosComponent ]
-    })
-    .compileComponents();
-  }));
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(SeleccionProductosComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
diff --git a/src/app/modules/seleccion-productos/seleccion-productos.component.ts b/src/app/modules/seleccion-productos/seleccion-productos.component.ts
deleted file mode 100644
index 5cb27d7..0000000
--- a/src/app/modules/seleccion-productos/seleccion-productos.component.ts
+++ /dev/null
@@ -1,44 +0,0 @@
-import { Component, OnInit } from "@angular/core";
-
-@Component({
-  selector: "app-seleccion-productos",
-  templateUrl: "./seleccion-productos.component.html",
-  styleUrls: ["./seleccion-productos.component.scss"]
-})
-export class SeleccionProductosComponent implements OnInit {
-  timeoutHandler: any;
-  categorias = [
-    { id: 1, selected: false },
-    { id: 2, selected: false },
-    { id: 3, selected: false }
-  ];
-
-  constructor() {}
-
-  ngOnInit() {}
-
-  selectCategoria(index: number) {
-    this.categorias.forEach((categoria, i) => {
-      categoria.selected = index === i ? true : false;
-    });
-  }
-
-  mouseup() {
-    if (!this.timeoutHandler) return;
-    clearInterval(this.timeoutHandler);
-  }
-
-  scrollY(el: HTMLElement, value) {
-    el.scroll({ behavior: "smooth", top: value + el.scrollTop });
-    this.timeoutHandler = setInterval(() => {
-      el.scroll({ behavior: "smooth", top: value + el.scrollTop });
-    }, 500);
-  }
-
-  scrollX(el: HTMLElement, value) {
-    el.scroll({ behavior: "smooth", left: value + el.scrollLeft });
-    this.timeoutHandler = setInterval(() => {
-      el.scroll({ behavior: "smooth", left: value + el.scrollLeft });
-    }, 500);
-  }
-}
diff --git a/src/app/modules/seleccion-productos/seleccion-productos.module.ts b/src/app/modules/seleccion-productos/seleccion-productos.module.ts
deleted file mode 100644
index 0f01462..0000000
--- a/src/app/modules/seleccion-productos/seleccion-productos.module.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-
-import { SeleccionProductosRoutingModule } from './seleccion-productos-routing.module';
-import { SeleccionProductosComponent } from './seleccion-productos.component';
-
-
-@NgModule({
-  declarations: [SeleccionProductosComponent],
-  imports: [
-    CommonModule,
-    SeleccionProductosRoutingModule
-  ]
-})
-export class SeleccionProductosModule { }
-- 
1.9.1