Luis Suarez / foca-modal-remito

Download as
Browse Code »

Commit b849869dca31bf78386b1be17a2f8d04c35eadfb

Authored by Luigi
1 parent dc3c599ddd
Exists in master and in 2 other branches develop, lab

Mostrar los productos al seleccionar Remito

Showing 2 changed files with 49 additions and 10 deletions   Show diff stats
src/js/controller.js
Diff comments   View file @ b849869
... ... @@ -16,6 +16,8 @@ angular.module('focaModalRemito')
16 16 $scope.fechaDesde = new Date(fecha.setMonth(fecha.getMonth() - 1));
17 17 $scope.filters = '';
18 18 $scope.remitos = [];
  19 + $scope.isCollapsed = false;
  20 + $scope.verProductos = {};
19 21 $scope.primerBusqueda = false;
20 22 $scope.searchLoading = false;
21 23 // pagination
... ... @@ -24,7 +26,7 @@ angular.module('focaModalRemito')
24 26 $scope.filteredRemitos = [];
25 27 $scope.currentPageRemitos = [];
26 28 $scope.selectedRemito = -1;
27   -
  29 +
28 30 //METODOS
29 31 $scope.busquedaPress = function(key) {
30 32 if (key === 13) {
src/views/foca-modal-remito.html
Diff comments   View file @ b849869
... ... @@ -44,11 +44,15 @@
44 44 <div class="modal-body" id="modal-body">
45 45 <div class="input-group row">
46 46 <small class="col-md-2 col-4 text-left my-1">Fecha Desde</small>
47   - <div class="col-md-4 col-8 input-group mb-2">
  47 + <div class="col-md-4 col-8 input-group mb-3">
48 48 <div class="input-group-prepend">
49   - <div class="input-group-text">
  49 + <button
  50 + class="input-group-text"
  51 + type="button"
  52 + ng-click="datepickerOpen = true"
  53 + >
50 54 <i class="fa fa-calendar"></i>
51   - </div>
  55 + </button>
52 56 </div>
53 57 <input
54 58 class="form-control form-control-sm"
... ... @@ -65,11 +69,15 @@
65 69 />
66 70 </div>
67 71 <small class="col-md-2 col-4 text-left my-1">Fecha Hasta</small>
68   - <div class="col-md-4 col-8 input-group mb-2">
  72 + <div class="col-md-4 col-8 input-group mb-3">
69 73 <div class="input-group-prepend">
70   - <div class="input-group-text">
  74 + <button
  75 + class="input-group-text"
  76 + type="button"
  77 + ng-click="datepicker2Open = true"
  78 + >
71 79 <i class="fa fa-calendar"></i>
72   - </div>
  80 + </button>
73 81 </div>
74 82 <input
75 83 class="form-control form-control-sm"
... ... @@ -86,7 +94,7 @@
86 94 />
87 95 </div>
88 96 </div>
89   - <table ng-show="primerBusqueda" class="table table-striped table-sm">
  97 + <table ng-show="primerBusqueda" class="table table-hover table-sm">
90 98 <thead>
91 99 <tr>
92 100 <th>Fecha</th>
... ... @@ -94,6 +102,7 @@
94 102 <th>Comprobante</th>
95 103 <th>Importe</th>
96 104 <th></th>
  105 + <th></th>
97 106 </tr>
98 107 </thead>
99 108 <tbody>
... ... @@ -103,8 +112,8 @@
103 112 </td>
104 113 </tr>
105 114 <tr class="selectable"
106   - ng-repeat="(key, remito) in currentPageRemitos"
107   - ng-click="select(remito)">
  115 + ng-repeat-start="(key, remito) in currentPageRemitos"
  116 + >
108 117 <td ng-bind="remito.fechaRemito | date : 'dd/MM/yyyy'"></td>
109 118 <td ng-bind="remito.nombreCliente"></td>
110 119 <td ng-bind="[remito.sucursal, remito.numeroRemito] | comprobante"></td>
... ... @@ -112,6 +121,14 @@
112 121 <td>
113 122 <button
114 123 type="button"
  124 + class="fa fa-eye btn-secondary"
  125 + ng-click="isCollapsed = !isCollapsed ; verProductos = remito.articulosRemito"
  126 + >
  127 + </button>
  128 + </td>
  129 + <td>
  130 + <button ng-click="select(remito);"
  131 + type="button"
115 132 class="btn btn-xs p-1 float-right"
116 133 ng-class="{
117 134 'btn-secondary': selectedRemito != key,
... ... @@ -124,6 +141,26 @@
124 141 </button>
125 142 </td>
126 143 </tr>
  144 + <tr ng-repeat-end uib-collapse="!isCollapsed">
  145 + <td colspan="6">
  146 + <table class="table table-sm">
  147 + <thead>
  148 + <tr>
  149 + <th>Código</th>
  150 + <th>Descripción</th>
  151 + <th>Cantidad</th>
  152 + </tr>
  153 + </thead>
  154 + <tbody>
  155 + <tr ng-repeat="(key, articulo) in verProductos">
  156 + <td>{{articulo.codigo}}</td>
  157 + <td>{{articulo.descripcion}}</td>
  158 + <td>{{articulo.cantidad}}</td>
  159 + </tr>
  160 + </tbody>
  161 + </table>
  162 + </td>
  163 + </tr>
127 164 </tbody>
128 165 </table>
129 166 </div>