From b849869dca31bf78386b1be17a2f8d04c35eadfb Mon Sep 17 00:00:00 2001
From: Luigi <fluigipanettieri@gmail.com>
Date: Wed, 10 Apr 2019 17:02:11 -0300
Subject: [PATCH] Mostrar los productos al seleccionar Remito

---
 src/js/controller.js             |  4 ++-
 src/views/foca-modal-remito.html | 55 +++++++++++++++++++++++++++++++++-------
 2 files changed, 49 insertions(+), 10 deletions(-)

diff --git a/src/js/controller.js b/src/js/controller.js
index cb4adad..a1f4c55 100644
--- a/src/js/controller.js
+++ b/src/js/controller.js
@@ -16,6 +16,8 @@ angular.module('focaModalRemito')
                 $scope.fechaDesde = new Date(fecha.setMonth(fecha.getMonth() - 1));
                 $scope.filters = '';
                 $scope.remitos = [];
+                $scope.isCollapsed = false;
+                $scope.verProductos = {};
                 $scope.primerBusqueda = false;
                 $scope.searchLoading = false;
                 // pagination
@@ -24,7 +26,7 @@ angular.module('focaModalRemito')
                 $scope.filteredRemitos = [];
                 $scope.currentPageRemitos = [];
                 $scope.selectedRemito = -1;
-
+                
                 //METODOS
                 $scope.busquedaPress = function(key) {
                     if (key === 13) {
diff --git a/src/views/foca-modal-remito.html b/src/views/foca-modal-remito.html
index 9c8ed0f..830f307 100644
--- a/src/views/foca-modal-remito.html
+++ b/src/views/foca-modal-remito.html
@@ -44,11 +44,15 @@
 <div class="modal-body" id="modal-body">
     <div class="input-group row">
         <small class="col-md-2 col-4 text-left my-1">Fecha Desde</small>
-        <div class="col-md-4 col-8 input-group mb-2">
+        <div class="col-md-4 col-8 input-group mb-3">
             <div class="input-group-prepend">
-                <div class="input-group-text">
+                <button
+                    class="input-group-text"
+                    type="button"
+                    ng-click="datepickerOpen = true"
+                    >
                     <i class="fa fa-calendar"></i>
-                </div>
+                </button>
             </div>
             <input
                 class="form-control form-control-sm"
@@ -65,11 +69,15 @@
             />
         </div>
         <small class="col-md-2 col-4 text-left my-1">Fecha Hasta</small>
-        <div class="col-md-4 col-8 input-group mb-2">
+        <div class="col-md-4 col-8 input-group mb-3">
             <div class="input-group-prepend">
-                <div class="input-group-text">
+                <button
+                    class="input-group-text"
+                    type="button"
+                    ng-click="datepicker2Open = true"
+                >
                     <i class="fa fa-calendar"></i>
-                </div>
+                </button>
             </div>
             <input
                 class="form-control form-control-sm"
@@ -86,7 +94,7 @@
             />
         </div>
     </div>
-    <table ng-show="primerBusqueda" class="table table-striped table-sm">
+    <table ng-show="primerBusqueda" class="table table-hover table-sm">
         <thead>
             <tr>
                 <th>Fecha</th>
@@ -94,6 +102,7 @@
                 <th>Comprobante</th>
                 <th>Importe</th>
                 <th></th>
+                <th></th>
             </tr>
         </thead>
         <tbody>
@@ -103,8 +112,8 @@
                 </td>
             </tr>
             <tr class="selectable"
-                ng-repeat="(key, remito) in currentPageRemitos"
-                ng-click="select(remito)">
+                ng-repeat-start="(key, remito) in currentPageRemitos"
+                >
                 <td ng-bind="remito.fechaRemito | date : 'dd/MM/yyyy'"></td>
                 <td ng-bind="remito.nombreCliente"></td>
                 <td ng-bind="[remito.sucursal, remito.numeroRemito] | comprobante"></td>
@@ -112,6 +121,14 @@
                 <td>
                     <button
                         type="button"
+                        class="fa fa-eye btn-secondary"
+                        ng-click="isCollapsed = !isCollapsed ; verProductos = remito.articulosRemito"
+                    >
+                    </button>
+                </td>
+                <td>
+                    <button ng-click="select(remito);"
+                        type="button"
                         class="btn btn-xs p-1 float-right"
                         ng-class="{
                             'btn-secondary': selectedRemito != key,
@@ -124,6 +141,26 @@
                     </button>
                 </td>
             </tr>
+            <tr ng-repeat-end uib-collapse="!isCollapsed">
+                <td colspan="6">
+                    <table class="table table-sm">
+                        <thead>
+                            <tr>
+                                <th>Código</th>
+                                <th>Descripción</th>
+                                <th>Cantidad</th>
+                            </tr>
+                        </thead>    
+                        <tbody>
+                            <tr ng-repeat="(key, articulo) in verProductos">
+                                <td>{{articulo.codigo}}</td>
+                                <td>{{articulo.descripcion}}</td>
+                                <td>{{articulo.cantidad}}</td>
+                            </tr>
+                        </tbody>    
+                    </table>
+                </td>
+            </tr>
         </tbody>
     </table>
 </div>
-- 
1.9.1