Eric Fernandez / foca-crear-cobranza

Download as
Browse Code »

Commit 180d9b86093de2232c54d1aca4cd5d02f3cd2035

Authored by Jose Pinto
1 parent e728e2db08
Exists in master

Nuevo diseño

Showing 2 changed files with 460 additions and 443 deletions   Show diff stats
src/js/controller.js
Diff comments   View file @ 180d9b8
... ... @@ -12,14 +12,17 @@ angular.module('focaCrearCobranza') .controller('cobranzaController',
12 12 $cookies, focaSeguimientoService)
13 13 {
14 14 $scope.botonera = [
15   - {texto: 'Cliente', accion: function() {$scope.seleccionarCliente();}},
16   - {texto: 'Cobrador', accion: function() {$scope.seleccionarCobrador();}},
17   - {texto: 'Comprobantes', accion: function() {$scope.swichDeuda();}},
18   - {texto: 'Cobros', accion: function() {$scope.swichCobro();}},
19   - {texto: 'Moneda', accion: function() {$scope.seleccionarMoneda();}},
  15 + {texto: 'Cliente', imagen: '../img/abmPrecios.png',
  16 + accion: function() {$scope.seleccionarCliente();}},
  17 + {texto: 'Cobrador', imagen: '../img/abmPrecios.png',
  18 + accion: function() {$scope.seleccionarCobrador();}},
  19 + {texto: 'Comprobantes', imagen: '../img/abmPrecios.png',
  20 + accion: function() {$scope.swichDeuda();}},
  21 + {texto: 'Cobros', imagen: '../img/abmPrecios.png',
  22 + accion: function() {$scope.swichCobro();}},
  23 + {texto: 'Moneda', imagen: '../img/abmPrecios.png',
  24 + accion: function() {$scope.seleccionarMoneda();}},
20 25 {texto: '', accion: function() {}},
21   - {texto: '', accion: function() {}},
22   - {texto: '', accion: function() {}}
23 26 ];
24 27 $scope.datepickerAbierto = false;
25 28 $scope.cobroDeuda = true;
src/views/cobranza.html
Diff comments   View file @ 180d9b8
1   -<div class="crear-nota-pedido">
2   - <form name="formCrearNota" ng-submit="crearNotaPedido()" class="mb-0">
  1 +<div class="crear-nota-pedido foca-crear one-row row">
  2 + <form name="formCrearNota" ng-submit="crearNotaPedido()" class="mb-0 col-lg-12">
3 3 <div class="row">
4   - <div class="col-md-10 offset-md-1 col-lg-8 offset-lg-2">
5   - <div class="row p-1 panel-informativo">
  4 + <div class="col-md-10 col-lg-12">
  5 + <div class="row panel-informativo">
6 6 <div class="col-12">
7   - <div class="row">
8   - <div class="col-12 col-sm-4 nota-pedido">
9   - <strong>RECIBO DE COBRANZA</strong>
  7 + <div class="row titulares">
  8 + <div class="col-12 col-sm-3 nota-pedido border border-left-0 border-white align-middle">
  9 + <h5 class="mb-0">RECIBO DE COBRANZA</h5>
10 10 </div>
11   - <div class="col-5 col-sm-4 numero-pedido"
  11 + <div class="col-12 col-sm-3 numero-pedido text-center text-md-left border border-white align-middle"
12 12 >Nº {{puntoVenta}}-{{comprobante}}
13 13 <button
14   - class="btn btn-xs btn-outline-dark"
  14 + class="btn btn-xs btn-outline-light float-right"
15 15 type="button"
16 16 ng-click="seleccionarCobranza()"
17 17 >
18 18 <i class="fa fa-search"></i>
19 19 </button>
20 20 </div>
21   - <div class="col-7 col-sm-4 text-right">
  21 + <div class="col-7 col-sm-3 border border-white align-middle">
22 22 Fecha:
23 23 <span
24 24 ng-show="!datepickerAbierto"
25   - ng-bind="fecha | date:'dd/MM/yyyy HH:mm'"
  25 + ng-bind="fecha | date:'dd/MM/yyyy'"
26 26 ng-click="datepickerAbierto = true"
27 27 >
28 28 </span>
... ... @@ -37,8 +37,17 @@
37 37 hasta-hoy
38 38 />
39 39 </div>
  40 + <div class="col-5 col-sm-3 border border-white border-right-0 align-middle">
  41 + Hora:
  42 + <span
  43 + ng-show="!datepickerAbierto"
  44 + ng-bind="fecha | date:'HH:mm'"
  45 + ng-click="datepickerAbierto = true"
  46 + >
  47 + </span>
  48 + </div>
40 49 </div>
41   - <div class="row">
  50 + <div class="row py-2">
42 51 <div class="col-auto" ng-repeat="cab in cabecera" ng-show="showCabecera">
43 52 <span class="label" ng-bind="cab.label"></span>
44 53 <span class="valor" ng-bind="cab.valor"></span>
... ... @@ -63,470 +72,475 @@
63 72 </div>
64 73 </div>
65 74 </div>
66   - <div class="row p-1 botonera-secundaria">
  75 + </div>
  76 + </div>
  77 + </form>
  78 + <div class="col-lg-12">
  79 + <div class="row mt-4">
  80 + <div class="col-12 col-md-10 border border-light rounded">
  81 + <div class="row px-5 py-2 botonera-secundaria">
67 82 <div class="col-12">
68 83 <div class="row">
69   - <div class="col-6 col-sm-3 px-0 py-0" ng-repeat="boton in botonera">
  84 + <div
  85 + class="col-6 col-sm-2 px-1 py-1 m-auto m-md-0"
  86 + ng-repeat="boton in botonera"
  87 + ng-class="{'d-none d-md-grid': boton.texto == ''}">
70 88 <button
71 89 type="button"
72   - class="btn btn-default btn-block btn-xs text-left py-2"
  90 + class="btn btn-default btn-block btn-xs text-center py-1 rounded border border-light"
73 91 ng-click="boton.accion()"
74   - ng-class="{'d-none d-sm-block': boton.texto == ''}"
  92 + ng-class="{'d-sm-block h-100': boton.texto == ''}"
75 93 >
76   - <i
77   - class="fa fa-arrow-circle-right"
78   - ng-show="boton.texto != ''"
79   - ></i>
80   - &nbsp;
81   - {{boton.texto}}
  94 + <img src="{{boton.imagen}}" alt="" ng-if="boton.imagen">
  95 + <span>{{boton.texto}}</span>
82 96 </button>
83 97 </div>
84 98 </div>
85 99 </div>
86 100 </div>
87   - </div>
88   - </div>
89   - </form>
90   - <div class="row">
91   - <div class="col-12 col-md-10 col-lg-8 offset-md-1 offset-lg-2">
92   - <!-- PC -->
93   - <div class="row grilla-articulo align-items-end d-none d-sm-flex" ng-show="cobroDeuda">
94   - <table class="table tabla-articulo table-striped table-sm table-dark">
95   - <thead>
96   - <tr class="d-flex">
97   - <th class="col-auto">#</th>
98   - <th class="col">Comprobante</th>
99   - <th class="col">Fecha</th>
100   - <th class="col">Importe</th>
101   - <th class="col-auto">
102   - <button
103   - class="btn btn-outline-secondary selectable"
104   - ng-click="show = !show; masMenos()"
105   - >
106   - <i
107   - class="fa fa-chevron-down"
108   - ng-show="show"
109   - aria-hidden="true"
110   - >
111   - </i>
112   - <i
113   - class="fa fa-chevron-up"
114   - ng-hide="show"
115   - aria-hidden="true">
116   - </i>
117   - </button>
118   - </th>
119   - </th>
120   - </tr>
121   - </thead>
122   - <tbody class="tabla-articulo-body">
123   - <tr
124   - ng-repeat="(key, factura) in facturaTabla"
125   - class="d-flex"
126   - ng-show="show || key == facturaTabla.length - 1"
127   - >
128   - <td ng-bind="key + 1" class="col-auto"></td>
129   - <td class="col" ng-bind="factura.numeroFactura"
130   - ></td>
131   - <td class="col" ng-bind="factura.FEP | date : 'dd/MM/yyyy'"></td>
132   - <td
133   - class="col"
134   - ng-bind="(factura.IPA / cobranza.cotizacion.VENDEDOR) |
135   - currency: cobranza.moneda.SIMBOLO : 4"></td>
136   - <td class="text-center col-auto">
137   - <button
138   - class="btn btn-outline-secondary"
139   - ng-click="quitarFactura(key)"
140   - >
141   - <i class="fa fa-trash"></i>
142   - </button>
143   - </td>
144   - </tr>
145   - </tbody>
146   - <tfoot>
147   - <tr ng-show="cargando" class="d-flex">
148   - <td class="col-2">
149   - <a
150   - class="form-control form-control-sm btn btn-secondary"
151   - ng-click="seleccionarFactura()"
152   - >Pendientes</a>
153   - </td>
154   - </tr>
155   - <tr class="d-flex">
156   - <td class="col-auto px-1">
157   - <strong>Comprobantes:</strong>
158   - <a ng-bind="facturaTabla.length"></a>
159   - </td>
160   - <td class="text-right ml-auto table-celda-total no-border-top">
161   - <strong>Cancela:</strong>
162   - </td>
163   - <td class="table-celda-total text-right no-border-top">
164   - <strong>{{(getTotalDeuda() / cobranza.cotizacion.VENDEDOR) |
165   - currency: cobranza.moneda.SIMBOLO}}</strong>
166   - </td>
167   - <td class="text-right ml-auto table-celda-total no-border-top">
168   - <strong>Total Cobrado:</strong>
169   - </td>
170   - <td class="table-celda-total text-right no-border-top">
171   - <strong>{{(getTotalCobrado() / cobranza.cotizacion.VENDEDOR) |
172   - currency: cobranza.moneda.SIMBOLO}}</strong>
173   - </td>
174   - <td class="text-right ml-auto table-celda-total no-border-top">
175   - <strong>DF:</strong>
176   - </td>
177   - <td class="table-celda-total text-right no-border-top mr-1">
178   - <strong>{{((getTotalCobrado() + getTotalDeuda()) /
179   - cobranza.cotizacion.VENDEDOR) | currency: cobranza.moneda.SIMBOLO}}
180   - </strong>
181   - </td>
182   - </tr>
183   - </tfoot>
184   - </table>
185   - </div>
186   - <div class="row grilla-articulo align-items-end d-none d-sm-flex" ng-show="!cobroDeuda">
187   - <table class="table tabla-articulo table-striped table-sm table-dark">
188   - <thead>
189   - <tr class="d-flex">
190   - <th class="col-auto">#</th>
191   - <th class="col">Cobro</th>
192   - <th class="col">Fecha</th>
193   - <th class="col">Importe</th>
194   - <th class="col-auto">
195   - <button
196   - class="btn btn-outline-secondary selectable"
197   - ng-click="show = !show; masMenos()"
198   - >
199   - <i
200   - class="fa fa-chevron-down"
201   - ng-show="show"
202   - aria-hidden="true"
  101 + <!-- PC -->
  102 + <div class="row grilla-articulo align-items-end d-none d-sm-flex" ng-show="cobroDeuda">
  103 + <table class="table tabla-articulo table-striped table-sm mb-0 rounded-bottom">
  104 + <thead>
  105 + <tr class="d-flex">
  106 + <th class="col-auto">#</th>
  107 + <th class="col">Comprobante</th>
  108 + <th class="col">Fecha</th>
  109 + <th class="col">Importe</th>
  110 + <th class="col-auto">
  111 + <button
  112 + class="btn btn-outline-secondary selectable"
  113 + ng-click="show = !show; masMenos()"
203 114 >
204   - </i>
205   - <i
206   - class="fa fa-chevron-up"
207   - ng-hide="show"
208   - aria-hidden="true">
209   - </i>
210   - </button>
211   - </th>
212   - </th>
213   - </tr>
214   - </thead>
215   - <tbody class="tabla-articulo-body">
216   - <tr
217   - ng-repeat="(key, cobro) in cobrosTabla"
218   - class="d-flex"
219   - ng-show="show || key == cobrosTabla.length - 1"
220   - >
221   - <td ng-bind="key + 1" class="col-auto"></td>
222   - <td class="col" ng-bind="cobro.tipo"></td>
223   - <td class="col" ng-bind="cobro.fecha | date : 'dd/MM/yyyy'"></td>
224   - <td
225   - class="col"
226   - ng-bind="(cobro.importe / cobranza.cotizacion.VENDEDOR) |
227   - currency: cobranza.moneda.SIMBOLO : 4"></td>
228   - <td class="text-center col-auto">
229   - <button
230   - class="btn btn-outline-secondary"
231   - ng-click="quitarCobro(key)"
232   - >
233   - <i class="fa fa-trash"></i>
234   - </button>
235   - </td>
236   - </tr>
237   - </tbody>
238   - <tfoot>
239   - <tr ng-show="cargando" class="d-flex">
240   - <td class="col-2">
241   - <a
242   - class="form-control form-control-sm btn btn-secondary"
243   - ng-click="seleccionarCheque()"
244   - >Cheque</a>
245   - </td>
246   - <td class="col-2">
247   - <a
248   - class="form-control form-control-sm btn btn-secondary"
249   - ng-click="seleccionarEfectivo()"
250   - >Efectivo</a>
251   - </td>
252   - </tr>
253   - <tr class="d-flex">
254   - <td class="col-auto px-1">
255   - <strong>Cobros:</strong>
256   - <a ng-bind="cobrosTabla.length"></a>
257   - </td>
258   - <td class="text-right ml-auto table-celda-total no-border-top">
259   - <strong>Cancela:</strong>
260   - </td>
261   - <td class="table-celda-total text-right no-border-top">
262   - <strong>{{(getTotalDeuda() / cobranza.cotizacion.VENDEDOR) |
263   - currency: cobranza.moneda.SIMBOLO}}</strong>
264   - </td>
265   - <td class="text-right ml-auto table-celda-total no-border-top">
266   - <strong>Total Cobrado:</strong>
267   - </td>
268   - <td class="table-celda-total text-right no-border-top">
269   - <strong>{{(getTotalCobrado() / cobranza.cotizacion.VENDEDOR) |
270   - currency: cobranza.moneda.SIMBOLO}}</strong>
271   - </td>
272   - <td class="text-right ml-auto table-celda-total no-border-top">
273   - <strong>DF:</strong>
274   - </td>
275   - <td class="table-celda-total text-right no-border-top mr-1">
276   - <strong>{{((getTotalCobrado() + getTotalDeuda()) /
277   - cobranza.cotizacion.VENDEDOR) | currency: cobranza.moneda.SIMBOLO}}
278   - </strong>
279   - </td>
280   - </tr>
281   - </tfoot>
282   - </table>
283   - </div>
284   - <!-- MOBILE -->
285   - <div class="row d-sm-none mb-5">
286   - <!-- FACTURAS -->
287   - <table class="table table-sm table-striped table-dark mb-5" ng-show="cobroDeuda">
288   - <thead>
289   - <tr class="d-flex">
290   - <th class="">#</th>
291   - <th class="col px-0">
292   - <div class="d-flex">
293   - <div class="col-4 px-1">Factura</div>
294   - <div class="col-4 px-1">Fecha</div>
295   - <div class="col-4 px-1">Importe</div>
296   - </div>
297   - </th>
298   - <th class="text-center tamaño-boton">
299   - &nbsp;
300   - </th>
301   - </tr>
302   - </thead>
303   - <tbody>
304   - <tr
305   - ng-repeat="(key, factura) in facturaTabla"
306   - ng-show="show || key == facturaTabla.length - 1"
307   - >
308   - <td class="w-100 align-middle d-flex p-0">
309   - <div class="align-middle p-1">
310   - <span ng-bind="key+1" class="align-middle"></span>
311   - </div>
312   - <div class="col px-0">
313   - <div class="d-flex">
314   - <div class="col-4 px-1">
315   - <span ng-bind="factura.numeroFactura"
316   - ></span>
317   - </div>
318   - <div class="col-4 px-1">
319   - <span ng-bind="factura.FEP | date : 'dd/MM/yyyy'"></span>
320   - </div>
321   - <div class="col-4 px-1">
322   - <span
323   - ng-bind="(factura.IPA / cobranza.cotizacion.VENDEDOR) |
324   - currency:cobranza.moneda.SIMBOLO : 4"></span>
325   - </div>
326   - </div>
327   - </div>
328   - <div class="align-middle p-1">
  115 + <i
  116 + class="fa fa-chevron-down"
  117 + ng-show="show"
  118 + aria-hidden="true"
  119 + >
  120 + </i>
  121 + <i
  122 + class="fa fa-chevron-up"
  123 + ng-hide="show"
  124 + aria-hidden="true">
  125 + </i>
  126 + </button>
  127 + </th>
  128 + </th>
  129 + </tr>
  130 + </thead>
  131 + <tbody class="tabla-articulo-body">
  132 + <tr
  133 + ng-repeat="(key, factura) in facturaTabla"
  134 + class="d-flex"
  135 + ng-show="show || key == facturaTabla.length - 1"
  136 + >
  137 + <td ng-bind="key + 1" class="col-auto"></td>
  138 + <td class="col" ng-bind="factura.numeroFactura"
  139 + ></td>
  140 + <td class="col" ng-bind="factura.FEP | date : 'dd/MM/yyyy'"></td>
  141 + <td
  142 + class="col"
  143 + ng-bind="(factura.IPA / cobranza.cotizacion.VENDEDOR) |
  144 + currency: cobranza.moneda.SIMBOLO : 4"></td>
  145 + <td class="text-center col-auto">
329 146 <button
330 147 class="btn btn-outline-secondary"
331 148 ng-click="quitarFactura(key)"
332 149 >
333 150 <i class="fa fa-trash"></i>
334 151 </button>
335   - </div>
336   - </td>
337   - </tr>
338   - </tbody>
339   - <tfoot>
340   - <!-- SELECCIONAR PRODUCTO -->
341   - <tr ng-show="cargando" class="d-flex">
342   - <td class="col-12">
343   - <input
344   - placeholder="Seleccione Factura"
345   - class="form-control form-control-sm"
346   - readonly
347   - ng-click="seleccionarFactura()"
348   - />
349   - </td>
350   - </tr>
351   - <!-- TOOGLE EXPANDIR -->
352   - <tr>
353   - <td class="col">
354   - <button
355   - class="btn btn-outline-secondary selectable w-100"
356   - ng-click="show = !show; masMenos()"
357   - ng-show="facturaTabla.length > 0"
358   - >
359   - <i
360   - class="fa fa-chevron-down"
361   - ng-hide="show"
362   - aria-hidden="true"
  152 + </td>
  153 + </tr>
  154 + </tbody>
  155 + <tfoot>
  156 + <tr ng-show="cargando" class="d-flex">
  157 + <td class="col-2 border-top-0">
  158 + <a
  159 + class="form-control form-control-sm btn btn-secondary"
  160 + ng-click="seleccionarFactura()"
  161 + >Pendientes</a>
  162 + </td>
  163 + </tr>
  164 + <tr class="d-flex">
  165 + <td class="col-auto px-1 border-top-0">
  166 + <strong>Comprobantes:</strong>
  167 + <a ng-bind="facturaTabla.length"></a>
  168 + </td>
  169 + <td class="text-right ml-auto table-celda-total no-border-top">
  170 + <strong>Cancela:</strong>
  171 + </td>
  172 + <td class="table-celda-total text-right no-border-top">
  173 + <strong>{{(getTotalDeuda() / cobranza.cotizacion.VENDEDOR) |
  174 + currency: cobranza.moneda.SIMBOLO}}</strong>
  175 + </td>
  176 + <td class="text-right ml-auto table-celda-total no-border-top">
  177 + <strong>Total Cobrado:</strong>
  178 + </td>
  179 + <td class="table-celda-total text-right no-border-top">
  180 + <strong>{{(getTotalCobrado() / cobranza.cotizacion.VENDEDOR) |
  181 + currency: cobranza.moneda.SIMBOLO}}</strong>
  182 + </td>
  183 + <td class="text-right ml-auto table-celda-total no-border-top">
  184 + <strong>DF:</strong>
  185 + </td>
  186 + <td class="table-celda-total text-right no-border-top mr-1">
  187 + <strong>{{((getTotalCobrado() + getTotalDeuda()) /
  188 + cobranza.cotizacion.VENDEDOR) | currency: cobranza.moneda.SIMBOLO}}
  189 + </strong>
  190 + </td>
  191 + </tr>
  192 + </tfoot>
  193 + </table>
  194 + </div>
  195 + <div class="row grilla-articulo align-items-end d-none d-sm-flex" ng-show="!cobroDeuda">
  196 + <table class="table tabla-articulo table-striped table-sm mb-0 rounded-bottom">
  197 + <thead>
  198 + <tr class="d-flex">
  199 + <th class="col-auto">#</th>
  200 + <th class="col">Cobro</th>
  201 + <th class="col">Fecha</th>
  202 + <th class="col">Importe</th>
  203 + <th class="col-auto">
  204 + <button
  205 + class="btn btn-outline-secondary selectable"
  206 + ng-click="show = !show; masMenos()"
363 207 >
364   - </i>
365   - <i
366   - class="fa fa-chevron-up"
367   - ng-show="show"
368   - aria-hidden="true">
369   - </i>
370   - </button>
371   - </td>
372   - </tr>
373   - <!-- FOOTER -->
374   - <tr class="d-flex">
375   - <td class="align-middle no-border-top" colspan="2">
376   - <strong>Cantidad Items:</strong>
377   - <a ng-bind="facturaTabla.length"></a>
378   - </td>
379   - </tr>
380   - </tfoot>
381   - </table>
382   - <!-- COBROS -->
383   - <table class="table table-sm table-striped table-dark mb-5" ng-show="!cobroDeuda">
384   - <thead>
385   - <tr class="d-flex">
386   - <th class="">#</th>
387   - <th class="col px-0">
388   - <div class="d-flex">
389   - <div class="col-4 px-1">Cobro</div>
390   - <div class="col-4 px-1">Fecha</div>
391   - <div class="col-4 px-1">Importe</div>
392   - </div>
393   - </th>
394   - <th class="text-center tamaño-boton">
395   - &nbsp;
396   - </th>
397   - </tr>
398   - </thead>
399   - <tbody>
400   - <tr
401   - ng-repeat="(key, cobro) in cobrosTabla"
402   - ng-show="show || key == cobrosTabla.length - 1"
403   - >
404   - <td class="w-100 align-middle d-flex p-0">
405   - <div class="align-middle p-1">
406   - <span ng-bind="key+1" class="align-middle"></span>
407   - </div>
408   - <div class="col px-0">
409   - <div class="d-flex">
410   - <div class="col-4 px-1">
411   - <span ng-bind="cobro.tipo"
412   - ></span>
413   - </div>
414   - <div class="col-4 px-1">
415   - <span ng-bind="cobro.fecha | date : 'dd/MM/yyyy'"></span>
416   - </div>
417   - <div class="col-4 px-1">
418   - <span
419   - ng-bind="(cobro.importe / cobranza.cotizacion.VENDEDOR) |
420   - currency: cobranza.moneda.SIMBOLO : 4"></span>
421   - </div>
422   - </div>
423   - </div>
424   - <div class="align-middle p-1">
  208 + <i
  209 + class="fa fa-chevron-down"
  210 + ng-show="show"
  211 + aria-hidden="true"
  212 + >
  213 + </i>
  214 + <i
  215 + class="fa fa-chevron-up"
  216 + ng-hide="show"
  217 + aria-hidden="true">
  218 + </i>
  219 + </button>
  220 + </th>
  221 + </th>
  222 + </tr>
  223 + </thead>
  224 + <tbody class="tabla-articulo-body">
  225 + <tr
  226 + ng-repeat="(key, cobro) in cobrosTabla"
  227 + class="d-flex"
  228 + ng-show="show || key == cobrosTabla.length - 1"
  229 + >
  230 + <td ng-bind="key + 1" class="col-auto"></td>
  231 + <td class="col" ng-bind="cobro.tipo"></td>
  232 + <td class="col" ng-bind="cobro.fecha | date : 'dd/MM/yyyy'"></td>
  233 + <td
  234 + class="col"
  235 + ng-bind="(cobro.importe / cobranza.cotizacion.VENDEDOR) |
  236 + currency: cobranza.moneda.SIMBOLO : 4"></td>
  237 + <td class="text-center col-auto">
425 238 <button
426 239 class="btn btn-outline-secondary"
427 240 ng-click="quitarCobro(key)"
428 241 >
429 242 <i class="fa fa-trash"></i>
430 243 </button>
431   - </div>
432   - </td>
433   - </tr>
434   - </tbody>
435   - <tfoot>
436   - <!-- SELECCIONAR PRODUCTO -->
437   - <tr ng-show="cargando" class="d-flex">
438   - <td class="col-6">
439   - <input
440   - placeholder="Cheque"
441   - class="form-control form-control-sm"
442   - readonly
443   - ng-click="seleccionarCheque()"
444   - />
445   - </td>
446   - <td class="col-6">
447   - <input
448   - placeholder="Efectivo"
449   - class="form-control form-control-sm"
450   - readonly
451   - ng-click="seleccionarEfectivo()"
452   - />
453   - </td>
454   - </tr>
455   - <!-- TOOGLE EXPANDIR -->
456   - <tr>
457   - <td class="col">
458   - <button
459   - class="btn btn-outline-secondary selectable w-100"
460   - ng-click="show = !show; masMenos()"
461   - ng-show="cobrosTabla.length > 0"
462   - >
463   - <i
464   - class="fa fa-chevron-down"
465   - ng-hide="show"
466   - aria-hidden="true"
  244 + </td>
  245 + </tr>
  246 + </tbody>
  247 + <tfoot>
  248 + <tr ng-show="cargando" class="d-flex">
  249 + <td class="col-2 border-top-0">
  250 + <a
  251 + class="form-control form-control-sm btn btn-secondary"
  252 + ng-click="seleccionarCheque()"
  253 + >Cheque</a>
  254 + </td>
  255 + <td class="col-2 border-top-0">
  256 + <a
  257 + class="form-control form-control-sm btn btn-secondary"
  258 + ng-click="seleccionarEfectivo()"
  259 + >Efectivo</a>
  260 + </td>
  261 + </tr>
  262 + <tr class="d-flex">
  263 + <td class="col-auto px-1 border-top-0">
  264 + <strong>Cobros:</strong>
  265 + <a ng-bind="cobrosTabla.length"></a>
  266 + </td>
  267 + <td class="text-right ml-auto table-celda-total no-border-top">
  268 + <strong>Cancela:</strong>
  269 + </td>
  270 + <td class="table-celda-total text-right no-border-top">
  271 + <strong>{{(getTotalDeuda() / cobranza.cotizacion.VENDEDOR) |
  272 + currency: cobranza.moneda.SIMBOLO}}</strong>
  273 + </td>
  274 + <td class="text-right ml-auto table-celda-total no-border-top">
  275 + <strong>Total Cobrado:</strong>
  276 + </td>
  277 + <td class="table-celda-total text-right no-border-top">
  278 + <strong>{{(getTotalCobrado() / cobranza.cotizacion.VENDEDOR) |
  279 + currency: cobranza.moneda.SIMBOLO}}</strong>
  280 + </td>
  281 + <td class="text-right ml-auto table-celda-total no-border-top">
  282 + <strong>DF:</strong>
  283 + </td>
  284 + <td class="table-celda-total text-right no-border-top mr-1">
  285 + <strong>{{((getTotalCobrado() + getTotalDeuda()) /
  286 + cobranza.cotizacion.VENDEDOR) | currency: cobranza.moneda.SIMBOLO}}
  287 + </strong>
  288 + </td>
  289 + </tr>
  290 + </tfoot>
  291 + </table>
  292 + </div>
  293 + <!-- MOBILE -->
  294 + <div class="row d-sm-none mb-5">
  295 + <!-- FACTURAS -->
  296 + <table class="table table-sm table-striped table-dark mb-5" ng-show="cobroDeuda">
  297 + <thead>
  298 + <tr class="d-flex">
  299 + <th class="">#</th>
  300 + <th class="col px-0">
  301 + <div class="d-flex">
  302 + <div class="col-4 px-1">Factura</div>
  303 + <div class="col-4 px-1">Fecha</div>
  304 + <div class="col-4 px-1">Importe</div>
  305 + </div>
  306 + </th>
  307 + <th class="text-center tamaño-boton">
  308 + &nbsp;
  309 + </th>
  310 + </tr>
  311 + </thead>
  312 + <tbody>
  313 + <tr
  314 + ng-repeat="(key, factura) in facturaTabla"
  315 + ng-show="show || key == facturaTabla.length - 1"
  316 + >
  317 + <td class="w-100 align-middle d-flex p-0">
  318 + <div class="align-middle p-1">
  319 + <span ng-bind="key+1" class="align-middle"></span>
  320 + </div>
  321 + <div class="col px-0">
  322 + <div class="d-flex">
  323 + <div class="col-4 px-1">
  324 + <span ng-bind="factura.numeroFactura"
  325 + ></span>
  326 + </div>
  327 + <div class="col-4 px-1">
  328 + <span ng-bind="factura.FEP | date : 'dd/MM/yyyy'"></span>
  329 + </div>
  330 + <div class="col-4 px-1">
  331 + <span
  332 + ng-bind="(factura.IPA / cobranza.cotizacion.VENDEDOR) |
  333 + currency:cobranza.moneda.SIMBOLO : 4"></span>
  334 + </div>
  335 + </div>
  336 + </div>
  337 + <div class="align-middle p-1">
  338 + <button
  339 + class="btn btn-outline-secondary"
  340 + ng-click="quitarFactura(key)"
  341 + >
  342 + <i class="fa fa-trash"></i>
  343 + </button>
  344 + </div>
  345 + </td>
  346 + </tr>
  347 + </tbody>
  348 + <tfoot>
  349 + <!-- SELECCIONAR PRODUCTO -->
  350 + <tr ng-show="cargando" class="d-flex">
  351 + <td class="col-12">
  352 + <input
  353 + placeholder="Seleccione Factura"
  354 + class="form-control form-control-sm"
  355 + readonly
  356 + ng-click="seleccionarFactura()"
  357 + />
  358 + </td>
  359 + </tr>
  360 + <!-- TOOGLE EXPANDIR -->
  361 + <tr>
  362 + <td class="col">
  363 + <button
  364 + class="btn btn-outline-secondary selectable w-100"
  365 + ng-click="show = !show; masMenos()"
  366 + ng-show="facturaTabla.length > 0"
467 367 >
468   - </i>
469   - <i
470   - class="fa fa-chevron-up"
471   - ng-show="show"
472   - aria-hidden="true">
473   - </i>
474   - </button>
475   - </td>
476   - </tr>
477   - <!-- FOOTER -->
478   - <tr class="d-flex">
479   - <td class="align-middle no-border-top col-6">
480   - <strong>Cantidad Items:</strong>
481   - <a ng-bind="cobrosTabla.length"></a>
482   - </td>
483   - </tfoot>
484   - </table>
485   - </tr>
486   - <!-- DEUDA, COBRADO, DIFERENCIA -->
487   - <table class="table-responsive fixed-bottom mb-5">
488   - <tr class="d-flex row">
489   - <td class="text-center ml-auto table-celda-total no-border-top col-4">
490   - <strong>Cancela:</strong>
491   - </td>
492   - <td class="text-center ml-auto table-celda-total no-border-top col-4">
493   - <strong>Cobrado:</strong>
494   - </td>
495   - <td class="text-center ml-auto table-celda-total no-border-top col-4">
496   - <strong>Diferencia:</strong>
497   - </td>
498   - <td class="table-celda-total text-center no-border-top col-4">
499   - <strong>{{(getTotalDeuda() / cobranza.cotizacion.VENDEDOR) | currency: cobranza.moneda.SIMBOLO}}</strong>
500   - </td>
501   - <td class="table-celda-total text-center no-border-top col-4">
502   - <strong>{{(getTotalCobrado() / cobranza.cotizacion.VENDEDOR) | currency: cobranza.moneda.SIMBOLO}}</strong>
503   - </td>
504   - <td class="table-celda-total text-center no-border-top col-4">
505   - <strong>{{((getTotalCobrado() + getTotalDeuda()) / cobranza.cotizacion.VENDEDOR) | currency: cobranza.moneda.SIMBOLO}}</strong>
506   - </td>
  368 + <i
  369 + class="fa fa-chevron-down"
  370 + ng-hide="show"
  371 + aria-hidden="true"
  372 + >
  373 + </i>
  374 + <i
  375 + class="fa fa-chevron-up"
  376 + ng-show="show"
  377 + aria-hidden="true">
  378 + </i>
  379 + </button>
  380 + </td>
  381 + </tr>
  382 + <!-- FOOTER -->
  383 + <tr class="d-flex">
  384 + <td class="align-middle no-border-top" colspan="2">
  385 + <strong>Cantidad Items:</strong>
  386 + <a ng-bind="facturaTabla.length"></a>
  387 + </td>
  388 + </tr>
  389 + </tfoot>
  390 + </table>
  391 + <!-- COBROS -->
  392 + <table class="table table-sm table-striped table-dark mb-5" ng-show="!cobroDeuda">
  393 + <thead>
  394 + <tr class="d-flex">
  395 + <th class="">#</th>
  396 + <th class="col px-0">
  397 + <div class="d-flex">
  398 + <div class="col-4 px-1">Cobro</div>
  399 + <div class="col-4 px-1">Fecha</div>
  400 + <div class="col-4 px-1">Importe</div>
  401 + </div>
  402 + </th>
  403 + <th class="text-center tamaño-boton">
  404 + &nbsp;
  405 + </th>
  406 + </tr>
  407 + </thead>
  408 + <tbody>
  409 + <tr
  410 + ng-repeat="(key, cobro) in cobrosTabla"
  411 + ng-show="show || key == cobrosTabla.length - 1"
  412 + >
  413 + <td class="w-100 align-middle d-flex p-0">
  414 + <div class="align-middle p-1">
  415 + <span ng-bind="key+1" class="align-middle"></span>
  416 + </div>
  417 + <div class="col px-0">
  418 + <div class="d-flex">
  419 + <div class="col-4 px-1">
  420 + <span ng-bind="cobro.tipo"
  421 + ></span>
  422 + </div>
  423 + <div class="col-4 px-1">
  424 + <span ng-bind="cobro.fecha | date : 'dd/MM/yyyy'"></span>
  425 + </div>
  426 + <div class="col-4 px-1">
  427 + <span
  428 + ng-bind="(cobro.importe / cobranza.cotizacion.VENDEDOR) |
  429 + currency: cobranza.moneda.SIMBOLO : 4"></span>
  430 + </div>
  431 + </div>
  432 + </div>
  433 + <div class="align-middle p-1">
  434 + <button
  435 + class="btn btn-outline-secondary"
  436 + ng-click="quitarCobro(key)"
  437 + >
  438 + <i class="fa fa-trash"></i>
  439 + </button>
  440 + </div>
  441 + </td>
  442 + </tr>
  443 + </tbody>
  444 + <tfoot>
  445 + <!-- SELECCIONAR PRODUCTO -->
  446 + <tr ng-show="cargando" class="d-flex">
  447 + <td class="col-6">
  448 + <input
  449 + placeholder="Cheque"
  450 + class="form-control form-control-sm"
  451 + readonly
  452 + ng-click="seleccionarCheque()"
  453 + />
  454 + </td>
  455 + <td class="col-6">
  456 + <input
  457 + placeholder="Efectivo"
  458 + class="form-control form-control-sm"
  459 + readonly
  460 + ng-click="seleccionarEfectivo()"
  461 + />
  462 + </td>
  463 + </tr>
  464 + <!-- TOOGLE EXPANDIR -->
  465 + <tr>
  466 + <td class="col">
  467 + <button
  468 + class="btn btn-outline-secondary selectable w-100"
  469 + ng-click="show = !show; masMenos()"
  470 + ng-show="cobrosTabla.length > 0"
  471 + >
  472 + <i
  473 + class="fa fa-chevron-down"
  474 + ng-hide="show"
  475 + aria-hidden="true"
  476 + >
  477 + </i>
  478 + <i
  479 + class="fa fa-chevron-up"
  480 + ng-show="show"
  481 + aria-hidden="true">
  482 + </i>
  483 + </button>
  484 + </td>
  485 + </tr>
  486 + <!-- FOOTER -->
  487 + <tr class="d-flex">
  488 + <td class="align-middle no-border-top col-6">
  489 + <strong>Cantidad Items:</strong>
  490 + <a ng-bind="cobrosTabla.length"></a>
  491 + </td>
  492 + </tfoot>
  493 + </table>
507 494 </tr>
508   - </table>
  495 + <!-- DEUDA, COBRADO, DIFERENCIA -->
  496 + <table class="table-responsive fixed-bottom mb-5">
  497 + <tr class="d-flex row">
  498 + <td class="text-center ml-auto table-celda-total no-border-top col-4">
  499 + <strong>Cancela:</strong>
  500 + </td>
  501 + <td class="text-center ml-auto table-celda-total no-border-top col-4">
  502 + <strong>Cobrado:</strong>
  503 + </td>
  504 + <td class="text-center ml-auto table-celda-total no-border-top col-4">
  505 + <strong>Diferencia:</strong>
  506 + </td>
  507 + <td class="table-celda-total text-center no-border-top col-4">
  508 + <strong>{{(getTotalDeuda() / cobranza.cotizacion.VENDEDOR) | currency: cobranza.moneda.SIMBOLO}}</strong>
  509 + </td>
  510 + <td class="table-celda-total text-center no-border-top col-4">
  511 + <strong>{{(getTotalCobrado() / cobranza.cotizacion.VENDEDOR) | currency: cobranza.moneda.SIMBOLO}}</strong>
  512 + </td>
  513 + <td class="table-celda-total text-center no-border-top col-4">
  514 + <strong>{{((getTotalCobrado() + getTotalDeuda()) / cobranza.cotizacion.VENDEDOR) | currency: cobranza.moneda.SIMBOLO}}</strong>
  515 + </td>
  516 + </tr>
  517 + </table>
  518 + </div>
509 519 </div>
510   - </div>
511   - <div class="col-auto my-2 col-lg-2 botonera-lateral d-none d-md-block">
512   - <div class="row align-items-end">
513   - <div class="col-12">
  520 + <div class="col-auto my-2 col-lg-2 botonera-lateral d-none d-md-block">
  521 + <div class="col-12 mt-auto">
514 522 <button
515 523 ladda="saveLoading"
516 524 data-spinner-color="#FF0000"
517 525 ng-click="crearCobranza()"
518 526 title="Crear nota pedido"
519   - class="btn btn-default btn-block mb-2"
  527 + class="btn btn-default btn-block mb-2 border border-dark"
520 528 ng-disabled="editando"
521 529 >
522   - Guardar
  530 + <strong>GUARDAR</strong>
  531 + </button>
  532 + <button
  533 + type="button"
  534 + title="Salir"
  535 + class="btn btn-default btn-block border border-dark">
  536 + <strong>PAUSAR</strong>
523 537 </button>
524 538 <button
525 539 ng-click="salir()"
526 540 type="button"
527 541 title="Salir"
528   - class="btn btn-default btn-block">
529   - Salir
  542 + class="btn btn-default btn-block border border-dark">
  543 + <strong>SALIR</strong>
530 544 </button>
531 545 </div>
532 546 </div>