From 2b7c3afafb102865abf064a04bb2ed6a6e9495e3 Mon Sep 17 00:00:00 2001
From: mpuebla <mpuebla@focasoftware.com>
Date: Thu, 8 Aug 2019 10:01:02 -0300
Subject: [PATCH] Pantalla de buscar productos.

---
 .../busqueda-productos.component.html              | 82 ++++++++++++++++++----
 1 file changed, 67 insertions(+), 15 deletions(-)

diff --git a/src/app/components/busqueda-productos/busqueda-productos.component.html b/src/app/components/busqueda-productos/busqueda-productos.component.html
index c4bfacc..27e2e2b 100644
--- a/src/app/components/busqueda-productos/busqueda-productos.component.html
+++ b/src/app/components/busqueda-productos/busqueda-productos.component.html
@@ -6,22 +6,75 @@
     <!-- NOMBRE DE SECCION -->
     <div class="row m-0">
       <div class="col-12 p-0">
-        <p class="h5 py-1 bg-light text-muted text-center">Búsqueda</p>
+        <p class="h5 py-1 bg-light text-muted text-center">
+          Búsqueda
+          <i class="fa fa-search"></i>
+        </p>
       </div>
     </div>
 
-    <div class="row m-4 d-flex align-items-center">
+    <div class="row m-4 disable-user-select">
 
-      <div class="col-sm-7">
-        <!-- SEARCH INPUT -->
-        <div class="form-group search">
-          <span class="fa fa-search form-control-lg form-control-search pl-3"></span>
-          <input
-            type="text"
-            class="form-control form-control-lg rounded-pill px-5"
-            placeholder="Búsqueda productos">
+      <!-- FILTROS -->
+      <div class="col-sm-2">
+        <div class="text-center">
+          <p class="font-weight-bold text-muted border-bottom pb-2">Buscar por Categoría</p>
         </div>
+        <ul class="list-group">
+          <li class="list-group-item list-group-item-action my-1 py-2 h6">
+            Combos y Promociones
+          </li>
+          <li
+            class="list-group-item list-group-item-action my-1 p-2 h6 shadow-sm font-weight-bold">
+            Todos
+          </li>
+          <li
+            class="list-group-item list-group-item-action my-1 p-2 h6 shadow-sm">
+            Bebidas
+          </li>
+          <li
+            class="list-group-item list-group-item-action my-1 p-2 h6 shadow-sm">
+            Sandwichería
+          </li>
+          <li
+            class="list-group-item list-group-item-action my-1 p-2 h6 shadow-sm">
+            Panaderia
+          </li>
+          <li
+            class="list-group-item list-group-item-action my-1 p-2 h6 shadow-sm">
+            Golosinas
+          </li>
+          <li
+            class="list-group-item list-group-item-action my-1 p-2 h6 shadow-sm">
+            Tabaqueria
+          </li>
+        </ul>
+      </div>      
 
+      <!-- SEARCH INPUT -->
+      <div class="col-sm-10">
+
+        <div class="form-group row search">
+          <div class="col-sm-10">
+            <span class="fa fa-search form-control-lg form-control-search pl-3"></span>
+            <input
+              type="text"
+              class="form-control form-control-lg shadow-sm rounded-pill px-5"
+              placeholder="Búsqueda productos">
+          </div>
+          <!-- BOTON VOLVER -->
+          <div class="col-sm-2">
+            <button
+              type="button"
+              class="btn btn-light btn-lg shadow-sm"
+              [routerLink]="['/inicio']">
+              <span class="font-weight-normal h6">Volver&nbsp;&nbsp;</span>
+              <i class="fa fa-undo text-warning" aria-hidden="true"></i>
+            </button>
+          </div>
+        </div>
+
+        <!-- LISTA DE PRODUCTOS -->
         <div class="row pr-3 vh-50 overflow-scroll disable-user-select">
           <div
             class="col-4 p-2"
@@ -31,27 +84,26 @@
               <div class="card-body p-2">
                 <p class="h6 text-left m-0">{{producto.DetArt}}</p>
                 <div class="row justify-content-between m-0">
-                  <div class="col-auto p-0">
+                  <div class="col-12 p-0">
                     <div class="text-left">
                       <p class="m-0 h6"><small>{{producto.DetArt}}</small></p>
                       <p class="m-0 h6"><small>COD. {{producto.CodRub}}</small></p>
                     </div>
                   </div>
-                  <div class="col-auto my-auto pt-2 pr-2 p-0">
+                  <div class="col-12 my-auto pt-2 pr-2 p-0">
                       <p class="text-right m-0 h6">{{producto.PreVen | currency}}</p>
                   </div>
                 </div>
               </div>
             </div>
-
           </div>
         </div>
-
       </div>
+
     </div>
 
   </div>
 
   <!-- SIDEBAR -->
   <app-sidebar class="col-3 col-md-2 vh-100 bg-dark text-white"></app-sidebar>
-</div>
\ No newline at end of file
+</div>
-- 
1.9.1