Eric Fernandez / foca-crear-cobranza

Download as
Browse Code »

Commit e466d72970c48d513a255def8dcdb5ef206fe02e

Authored by Jose Pinto
1 parent 907852292c
Exists in master

Titulo en minuscula

Showing 1 changed file with 1 additions and 1 deletions   Show diff stats
src/views/cobranza.html
Diff comments   View file @ e466d72
1 <div class="crear-nota-pedido foca-crear row"> 1 <div class="crear-nota-pedido foca-crear row">
2 <foca-cabecera-facturador 2 <foca-cabecera-facturador
3 titulo="'RECIBO DE COBRANZA'" 3 titulo="'Recibo de cobranza'"
4 numero="puntoVenta + '-' + comprobante" 4 numero="puntoVenta + '-' + comprobante"
5 fecha="fecha" 5 fecha="fecha"
6 class="mb-0 col-lg-12" 6 class="mb-0 col-lg-12"
7 busqueda="seleccionarCobranza" 7 busqueda="seleccionarCobranza"
8 ></foca-cabecera-facturador> 8 ></foca-cabecera-facturador>
9 <div class="col-lg-12"> 9 <div class="col-lg-12">
10 <div class="row mt-4"> 10 <div class="row mt-4">
11 <div class="col-12 col-md-10 border border-light rounded"> 11 <div class="col-12 col-md-10 border border-light rounded">
12 <div class="row px-5 py-2 botonera-secundaria"> 12 <div class="row px-5 py-2 botonera-secundaria">
13 <div class="col-12"> 13 <div class="col-12">
14 <foca-botonera-facturador botones="botonera" extra="7" class="row"></foca-botonera-facturador> 14 <foca-botonera-facturador botones="botonera" extra="7" class="row"></foca-botonera-facturador>
15 </div> 15 </div>
16 </div> 16 </div>
17 <!-- PC --> 17 <!-- PC -->
18 <div class="row grilla-articulo align-items-end d-none d-sm-flex" ng-show="cobroDeuda"> 18 <div class="row grilla-articulo align-items-end d-none d-sm-flex" ng-show="cobroDeuda">
19 <table class="table tabla-articulo table-striped table-sm mb-0 rounded-bottom"> 19 <table class="table tabla-articulo table-striped table-sm mb-0 rounded-bottom">
20 <thead> 20 <thead>
21 <tr class="d-flex"> 21 <tr class="d-flex">
22 <th class="col-auto">#</th> 22 <th class="col-auto">#</th>
23 <th class="col">Comprobante</th> 23 <th class="col">Comprobante</th>
24 <th class="col">Fecha</th> 24 <th class="col">Fecha</th>
25 <th class="col">Importe</th> 25 <th class="col">Importe</th>
26 <th class="col-auto"> 26 <th class="col-auto">
27 <button 27 <button
28 class="btn btn-outline-light selectable" 28 class="btn btn-outline-light selectable"
29 ng-click="show = !show; masMenos()" 29 ng-click="show = !show; masMenos()"
30 > 30 >
31 <i 31 <i
32 class="fa fa-chevron-down" 32 class="fa fa-chevron-down"
33 ng-show="show" 33 ng-show="show"
34 aria-hidden="true" 34 aria-hidden="true"
35 > 35 >
36 </i> 36 </i>
37 <i 37 <i
38 class="fa fa-chevron-up" 38 class="fa fa-chevron-up"
39 ng-hide="show" 39 ng-hide="show"
40 aria-hidden="true"> 40 aria-hidden="true">
41 </i> 41 </i>
42 </button> 42 </button>
43 </th> 43 </th>
44 </th> 44 </th>
45 </tr> 45 </tr>
46 </thead> 46 </thead>
47 <tbody class="tabla-articulo-body"> 47 <tbody class="tabla-articulo-body">
48 <tr 48 <tr
49 ng-repeat="(key, factura) in facturaTabla" 49 ng-repeat="(key, factura) in facturaTabla"
50 class="d-flex" 50 class="d-flex"
51 ng-show="show || key == facturaTabla.length - 1" 51 ng-show="show || key == facturaTabla.length - 1"
52 > 52 >
53 <td ng-bind="key + 1" class="col-auto"></td> 53 <td ng-bind="key + 1" class="col-auto"></td>
54 <td class="col" ng-bind="factura.numeroFactura" 54 <td class="col" ng-bind="factura.numeroFactura"
55 ></td> 55 ></td>
56 <td class="col" ng-bind="factura.FEP | date : 'dd/MM/yyyy'"></td> 56 <td class="col" ng-bind="factura.FEP | date : 'dd/MM/yyyy'"></td>
57 <td 57 <td
58 class="col" 58 class="col"
59 ng-bind="(factura.IPA / cobranza.cotizacion.VENDEDOR) | 59 ng-bind="(factura.IPA / cobranza.cotizacion.VENDEDOR) |
60 currency: cobranza.moneda.SIMBOLO : 4"></td> 60 currency: cobranza.moneda.SIMBOLO : 4"></td>
61 <td class="text-center col-auto"> 61 <td class="text-center col-auto">
62 <button 62 <button
63 class="btn btn-outline-light" 63 class="btn btn-outline-light"
64 ng-click="quitarFactura(key)" 64 ng-click="quitarFactura(key)"
65 > 65 >
66 <i class="fa fa-trash"></i> 66 <i class="fa fa-trash"></i>
67 </button> 67 </button>
68 </td> 68 </td>
69 </tr> 69 </tr>
70 </tbody> 70 </tbody>
71 <tfoot> 71 <tfoot>
72 <tr ng-show="cargando" class="d-flex"> 72 <tr ng-show="cargando" class="d-flex">
73 <td class="col-2 border-top-0"> 73 <td class="col-2 border-top-0">
74 <a 74 <a
75 class="form-control form-control-sm btn btn-secondary" 75 class="form-control form-control-sm btn btn-secondary"
76 ng-click="seleccionarFactura()" 76 ng-click="seleccionarFactura()"
77 >Pendientes</a> 77 >Pendientes</a>
78 </td> 78 </td>
79 </tr> 79 </tr>
80 <tr class="d-flex"> 80 <tr class="d-flex">
81 <td class="col-auto px-1 border-top-0"> 81 <td class="col-auto px-1 border-top-0">
82 <strong>Comprobantes:</strong> 82 <strong>Comprobantes:</strong>
83 <a ng-bind="facturaTabla.length"></a> 83 <a ng-bind="facturaTabla.length"></a>
84 </td> 84 </td>
85 <td class="text-right ml-auto table-celda-total no-border-top"> 85 <td class="text-right ml-auto table-celda-total no-border-top">
86 <strong>Cancela:</strong> 86 <strong>Cancela:</strong>
87 </td> 87 </td>
88 <td class="table-celda-total text-right no-border-top"> 88 <td class="table-celda-total text-right no-border-top">
89 <strong>{{(getTotalDeuda() / cobranza.cotizacion.VENDEDOR) | 89 <strong>{{(getTotalDeuda() / cobranza.cotizacion.VENDEDOR) |
90 currency: cobranza.moneda.SIMBOLO}}</strong> 90 currency: cobranza.moneda.SIMBOLO}}</strong>
91 </td> 91 </td>
92 <td class="text-right ml-auto table-celda-total no-border-top"> 92 <td class="text-right ml-auto table-celda-total no-border-top">
93 <strong>Total Cobrado:</strong> 93 <strong>Total Cobrado:</strong>
94 </td> 94 </td>
95 <td class="table-celda-total text-right no-border-top"> 95 <td class="table-celda-total text-right no-border-top">
96 <strong>{{(getTotalCobrado() / cobranza.cotizacion.VENDEDOR) | 96 <strong>{{(getTotalCobrado() / cobranza.cotizacion.VENDEDOR) |
97 currency: cobranza.moneda.SIMBOLO}}</strong> 97 currency: cobranza.moneda.SIMBOLO}}</strong>
98 </td> 98 </td>
99 <td class="text-right ml-auto table-celda-total no-border-top"> 99 <td class="text-right ml-auto table-celda-total no-border-top">
100 <strong>DF:</strong> 100 <strong>DF:</strong>
101 </td> 101 </td>
102 <td class="table-celda-total text-right no-border-top mr-1"> 102 <td class="table-celda-total text-right no-border-top mr-1">
103 <strong>{{((getTotalCobrado() + getTotalDeuda()) / 103 <strong>{{((getTotalCobrado() + getTotalDeuda()) /
104 cobranza.cotizacion.VENDEDOR) | currency: cobranza.moneda.SIMBOLO}} 104 cobranza.cotizacion.VENDEDOR) | currency: cobranza.moneda.SIMBOLO}}
105 </strong> 105 </strong>
106 </td> 106 </td>
107 </tr> 107 </tr>
108 </tfoot> 108 </tfoot>
109 </table> 109 </table>
110 </div> 110 </div>
111 <div class="row grilla-articulo align-items-end d-none d-sm-flex" ng-show="!cobroDeuda"> 111 <div class="row grilla-articulo align-items-end d-none d-sm-flex" ng-show="!cobroDeuda">
112 <table class="table tabla-articulo table-striped table-sm mb-0 rounded-bottom"> 112 <table class="table tabla-articulo table-striped table-sm mb-0 rounded-bottom">
113 <thead> 113 <thead>
114 <tr class="d-flex"> 114 <tr class="d-flex">
115 <th class="col-auto">#</th> 115 <th class="col-auto">#</th>
116 <th class="col">Cobro</th> 116 <th class="col">Cobro</th>
117 <th class="col">Fecha</th> 117 <th class="col">Fecha</th>
118 <th class="col">Importe</th> 118 <th class="col">Importe</th>
119 <th class="col-auto"> 119 <th class="col-auto">
120 <button 120 <button
121 class="btn btn-outline-light selectable" 121 class="btn btn-outline-light selectable"
122 ng-click="show = !show; masMenos()" 122 ng-click="show = !show; masMenos()"
123 > 123 >
124 <i 124 <i
125 class="fa fa-chevron-down" 125 class="fa fa-chevron-down"
126 ng-show="show" 126 ng-show="show"
127 aria-hidden="true" 127 aria-hidden="true"
128 > 128 >
129 </i> 129 </i>
130 <i 130 <i
131 class="fa fa-chevron-up" 131 class="fa fa-chevron-up"
132 ng-hide="show" 132 ng-hide="show"
133 aria-hidden="true"> 133 aria-hidden="true">
134 </i> 134 </i>
135 </button> 135 </button>
136 </th> 136 </th>
137 </th> 137 </th>
138 </tr> 138 </tr>
139 </thead> 139 </thead>
140 <tbody class="tabla-articulo-body"> 140 <tbody class="tabla-articulo-body">
141 <tr 141 <tr
142 ng-repeat="(key, cobro) in cobrosTabla" 142 ng-repeat="(key, cobro) in cobrosTabla"
143 class="d-flex" 143 class="d-flex"
144 ng-show="show || key == cobrosTabla.length - 1" 144 ng-show="show || key == cobrosTabla.length - 1"
145 > 145 >
146 <td ng-bind="key + 1" class="col-auto"></td> 146 <td ng-bind="key + 1" class="col-auto"></td>
147 <td class="col" ng-bind="cobro.tipo"></td> 147 <td class="col" ng-bind="cobro.tipo"></td>
148 <td class="col" ng-bind="cobro.fecha | date : 'dd/MM/yyyy'"></td> 148 <td class="col" ng-bind="cobro.fecha | date : 'dd/MM/yyyy'"></td>
149 <td 149 <td
150 class="col" 150 class="col"
151 ng-bind="(cobro.importe / cobranza.cotizacion.VENDEDOR) | 151 ng-bind="(cobro.importe / cobranza.cotizacion.VENDEDOR) |
152 currency: cobranza.moneda.SIMBOLO : 4"></td> 152 currency: cobranza.moneda.SIMBOLO : 4"></td>
153 <td class="text-center col-auto"> 153 <td class="text-center col-auto">
154 <button 154 <button
155 class="btn btn-outline-light" 155 class="btn btn-outline-light"
156 ng-click="quitarCobro(key)" 156 ng-click="quitarCobro(key)"
157 > 157 >
158 <i class="fa fa-trash"></i> 158 <i class="fa fa-trash"></i>
159 </button> 159 </button>
160 </td> 160 </td>
161 </tr> 161 </tr>
162 </tbody> 162 </tbody>
163 <tfoot> 163 <tfoot>
164 <tr ng-show="cargando" class="d-flex"> 164 <tr ng-show="cargando" class="d-flex">
165 <td class="col-2 border-top-0"> 165 <td class="col-2 border-top-0">
166 <a 166 <a
167 class="form-control form-control-sm btn btn-secondary" 167 class="form-control form-control-sm btn btn-secondary"
168 ng-click="seleccionarCheque()" 168 ng-click="seleccionarCheque()"
169 >Cheque</a> 169 >Cheque</a>
170 </td> 170 </td>
171 <td class="col-2 border-top-0"> 171 <td class="col-2 border-top-0">
172 <a 172 <a
173 class="form-control form-control-sm btn btn-secondary" 173 class="form-control form-control-sm btn btn-secondary"
174 ng-click="seleccionarEfectivo()" 174 ng-click="seleccionarEfectivo()"
175 >Efectivo</a> 175 >Efectivo</a>
176 </td> 176 </td>
177 </tr> 177 </tr>
178 <tr class="d-flex"> 178 <tr class="d-flex">
179 <td class="col-auto px-1 border-top-0"> 179 <td class="col-auto px-1 border-top-0">
180 <strong>Cobros:</strong> 180 <strong>Cobros:</strong>
181 <a ng-bind="cobrosTabla.length"></a> 181 <a ng-bind="cobrosTabla.length"></a>
182 </td> 182 </td>
183 <td class="text-right ml-auto table-celda-total no-border-top"> 183 <td class="text-right ml-auto table-celda-total no-border-top">
184 <strong>Cancela:</strong> 184 <strong>Cancela:</strong>
185 </td> 185 </td>
186 <td class="table-celda-total text-right no-border-top"> 186 <td class="table-celda-total text-right no-border-top">
187 <strong>{{(getTotalDeuda() / cobranza.cotizacion.VENDEDOR) | 187 <strong>{{(getTotalDeuda() / cobranza.cotizacion.VENDEDOR) |
188 currency: cobranza.moneda.SIMBOLO}}</strong> 188 currency: cobranza.moneda.SIMBOLO}}</strong>
189 </td> 189 </td>
190 <td class="text-right ml-auto table-celda-total no-border-top"> 190 <td class="text-right ml-auto table-celda-total no-border-top">
191 <strong>Total Cobrado:</strong> 191 <strong>Total Cobrado:</strong>
192 </td> 192 </td>
193 <td class="table-celda-total text-right no-border-top"> 193 <td class="table-celda-total text-right no-border-top">
194 <strong>{{(getTotalCobrado() / cobranza.cotizacion.VENDEDOR) | 194 <strong>{{(getTotalCobrado() / cobranza.cotizacion.VENDEDOR) |
195 currency: cobranza.moneda.SIMBOLO}}</strong> 195 currency: cobranza.moneda.SIMBOLO}}</strong>
196 </td> 196 </td>
197 <td class="text-right ml-auto table-celda-total no-border-top"> 197 <td class="text-right ml-auto table-celda-total no-border-top">
198 <strong>DF:</strong> 198 <strong>DF:</strong>
199 </td> 199 </td>
200 <td class="table-celda-total text-right no-border-top mr-1"> 200 <td class="table-celda-total text-right no-border-top mr-1">
201 <strong>{{((getTotalCobrado() + getTotalDeuda()) / 201 <strong>{{((getTotalCobrado() + getTotalDeuda()) /
202 cobranza.cotizacion.VENDEDOR) | currency: cobranza.moneda.SIMBOLO}} 202 cobranza.cotizacion.VENDEDOR) | currency: cobranza.moneda.SIMBOLO}}
203 </strong> 203 </strong>
204 </td> 204 </td>
205 </tr> 205 </tr>
206 </tfoot> 206 </tfoot>
207 </table> 207 </table>
208 </div> 208 </div>
209 <!-- MOBILE --> 209 <!-- MOBILE -->
210 <div class="row d-sm-none mb-5"> 210 <div class="row d-sm-none mb-5">
211 <!-- FACTURAS --> 211 <!-- FACTURAS -->
212 <table class="table table-sm table-striped tabla-articulo mb-5" ng-show="cobroDeuda"> 212 <table class="table table-sm table-striped tabla-articulo mb-5" ng-show="cobroDeuda">
213 <thead> 213 <thead>
214 <tr class="d-flex"> 214 <tr class="d-flex">
215 <th class="">#</th> 215 <th class="">#</th>
216 <th class="col px-0"> 216 <th class="col px-0">
217 <div class="d-flex"> 217 <div class="d-flex">
218 <div class="col-4 px-1">Factura</div> 218 <div class="col-4 px-1">Factura</div>
219 <div class="col-4 px-1">Fecha</div> 219 <div class="col-4 px-1">Fecha</div>
220 <div class="col-4 px-1">Importe</div> 220 <div class="col-4 px-1">Importe</div>
221 </div> 221 </div>
222 </th> 222 </th>
223 <th class="text-center tamaño-boton"> 223 <th class="text-center tamaño-boton">
224 &nbsp; 224 &nbsp;
225 </th> 225 </th>
226 </tr> 226 </tr>
227 </thead> 227 </thead>
228 <tbody> 228 <tbody>
229 <tr 229 <tr
230 ng-repeat="(key, factura) in facturaTabla" 230 ng-repeat="(key, factura) in facturaTabla"
231 ng-show="show || key == facturaTabla.length - 1" 231 ng-show="show || key == facturaTabla.length - 1"
232 > 232 >
233 <td class="w-100 align-middle d-flex p-0"> 233 <td class="w-100 align-middle d-flex p-0">
234 <div class="align-middle p-1"> 234 <div class="align-middle p-1">
235 <span ng-bind="key+1" class="align-middle"></span> 235 <span ng-bind="key+1" class="align-middle"></span>
236 </div> 236 </div>
237 <div class="col px-0"> 237 <div class="col px-0">
238 <div class="d-flex"> 238 <div class="d-flex">
239 <div class="col-4 p-1"> 239 <div class="col-4 p-1">
240 <span ng-bind="factura.numeroFactura" 240 <span ng-bind="factura.numeroFactura"
241 ></span> 241 ></span>
242 </div> 242 </div>
243 <div class="col-4 p-1"> 243 <div class="col-4 p-1">
244 <span ng-bind="factura.FEP | date : 'dd/MM/yyyy'"></span> 244 <span ng-bind="factura.FEP | date : 'dd/MM/yyyy'"></span>
245 </div> 245 </div>
246 <div class="col-4 p-1"> 246 <div class="col-4 p-1">
247 <span 247 <span
248 ng-bind="(factura.IPA / cobranza.cotizacion.VENDEDOR) | 248 ng-bind="(factura.IPA / cobranza.cotizacion.VENDEDOR) |
249 currency:cobranza.moneda.SIMBOLO : 4"></span> 249 currency:cobranza.moneda.SIMBOLO : 4"></span>
250 </div> 250 </div>
251 </div> 251 </div>
252 </div> 252 </div>
253 <div class="align-middle p-1"> 253 <div class="align-middle p-1">
254 <button 254 <button
255 class="btn btn-outline-light" 255 class="btn btn-outline-light"
256 ng-click="quitarFactura(key)" 256 ng-click="quitarFactura(key)"
257 > 257 >
258 <i class="fa fa-trash"></i> 258 <i class="fa fa-trash"></i>
259 </button> 259 </button>
260 </div> 260 </div>
261 </td> 261 </td>
262 </tr> 262 </tr>
263 </tbody> 263 </tbody>
264 <tfoot> 264 <tfoot>
265 <!-- SELECCIONAR PRODUCTO --> 265 <!-- SELECCIONAR PRODUCTO -->
266 <tr ng-show="cargando" class="d-flex"> 266 <tr ng-show="cargando" class="d-flex">
267 <td class="col-12"> 267 <td class="col-12">
268 <input 268 <input
269 placeholder="Seleccione Factura" 269 placeholder="Seleccione Factura"
270 class="form-control form-control-sm" 270 class="form-control form-control-sm"
271 readonly 271 readonly
272 ng-click="seleccionarFactura()" 272 ng-click="seleccionarFactura()"
273 /> 273 />
274 </td> 274 </td>
275 </tr> 275 </tr>
276 <!-- TOOGLE EXPANDIR --> 276 <!-- TOOGLE EXPANDIR -->
277 <tr> 277 <tr>
278 <td class="col"> 278 <td class="col">
279 <button 279 <button
280 class="btn btn-outline-light selectable w-100" 280 class="btn btn-outline-light selectable w-100"
281 ng-click="show = !show; masMenos()" 281 ng-click="show = !show; masMenos()"
282 ng-show="facturaTabla.length > 0" 282 ng-show="facturaTabla.length > 0"
283 > 283 >
284 <i 284 <i
285 class="fa fa-chevron-down" 285 class="fa fa-chevron-down"
286 ng-hide="show" 286 ng-hide="show"
287 aria-hidden="true" 287 aria-hidden="true"
288 > 288 >
289 </i> 289 </i>
290 <i 290 <i
291 class="fa fa-chevron-up" 291 class="fa fa-chevron-up"
292 ng-show="show" 292 ng-show="show"
293 aria-hidden="true"> 293 aria-hidden="true">
294 </i> 294 </i>
295 </button> 295 </button>
296 </td> 296 </td>
297 </tr> 297 </tr>
298 <!-- FOOTER --> 298 <!-- FOOTER -->
299 <tr class="d-flex"> 299 <tr class="d-flex">
300 <td class="align-middle no-border-top" colspan="2"> 300 <td class="align-middle no-border-top" colspan="2">
301 <strong>Cantidad Items:</strong> 301 <strong>Cantidad Items:</strong>
302 <a ng-bind="facturaTabla.length"></a> 302 <a ng-bind="facturaTabla.length"></a>
303 </td> 303 </td>
304 </tr> 304 </tr>
305 </tfoot> 305 </tfoot>
306 </table> 306 </table>
307 <!-- COBROS --> 307 <!-- COBROS -->
308 <table class="table table-sm table-striped tabla-articulo mb-5" ng-show="!cobroDeuda"> 308 <table class="table table-sm table-striped tabla-articulo mb-5" ng-show="!cobroDeuda">
309 <thead> 309 <thead>
310 <tr class="d-flex"> 310 <tr class="d-flex">
311 <th class="">#</th> 311 <th class="">#</th>
312 <th class="col px-0"> 312 <th class="col px-0">
313 <div class="d-flex"> 313 <div class="d-flex">
314 <div class="col-4 px-1">Cobro</div> 314 <div class="col-4 px-1">Cobro</div>
315 <div class="col-4 px-1">Fecha</div> 315 <div class="col-4 px-1">Fecha</div>
316 <div class="col-4 px-1">Importe</div> 316 <div class="col-4 px-1">Importe</div>
317 </div> 317 </div>
318 </th> 318 </th>
319 <th class="text-center tamaño-boton"> 319 <th class="text-center tamaño-boton">
320 &nbsp; 320 &nbsp;
321 </th> 321 </th>
322 </tr> 322 </tr>
323 </thead> 323 </thead>
324 <tbody> 324 <tbody>
325 <tr 325 <tr
326 ng-repeat="(key, cobro) in cobrosTabla" 326 ng-repeat="(key, cobro) in cobrosTabla"
327 ng-show="show || key == cobrosTabla.length - 1" 327 ng-show="show || key == cobrosTabla.length - 1"
328 > 328 >
329 <td class="w-100 align-middle d-flex p-0"> 329 <td class="w-100 align-middle d-flex p-0">
330 <div class="align-middle p-1"> 330 <div class="align-middle p-1">
331 <span ng-bind="key+1" class="align-middle"></span> 331 <span ng-bind="key+1" class="align-middle"></span>
332 </div> 332 </div>
333 <div class="col px-0"> 333 <div class="col px-0">
334 <div class="d-flex"> 334 <div class="d-flex">
335 <div class="col-4 p-1"> 335 <div class="col-4 p-1">
336 <span ng-bind="cobro.tipo" 336 <span ng-bind="cobro.tipo"
337 ></span> 337 ></span>
338 </div> 338 </div>
339 <div class="col-4 p-1"> 339 <div class="col-4 p-1">
340 <span ng-bind="cobro.fecha | date : 'dd/MM/yyyy'"></span> 340 <span ng-bind="cobro.fecha | date : 'dd/MM/yyyy'"></span>
341 </div> 341 </div>
342 <div class="col-4 p-1"> 342 <div class="col-4 p-1">
343 <span 343 <span
344 ng-bind="(cobro.importe / cobranza.cotizacion.VENDEDOR) | 344 ng-bind="(cobro.importe / cobranza.cotizacion.VENDEDOR) |
345 currency: cobranza.moneda.SIMBOLO : 4"></span> 345 currency: cobranza.moneda.SIMBOLO : 4"></span>
346 </div> 346 </div>
347 </div> 347 </div>
348 </div> 348 </div>
349 <div class="align-middle p-1"> 349 <div class="align-middle p-1">
350 <button 350 <button
351 class="btn btn-outline-light" 351 class="btn btn-outline-light"
352 ng-click="quitarCobro(key)" 352 ng-click="quitarCobro(key)"
353 > 353 >
354 <i class="fa fa-trash"></i> 354 <i class="fa fa-trash"></i>
355 </button> 355 </button>
356 </div> 356 </div>
357 </td> 357 </td>
358 </tr> 358 </tr>
359 </tbody> 359 </tbody>
360 <tfoot> 360 <tfoot>
361 <!-- SELECCIONAR PRODUCTO --> 361 <!-- SELECCIONAR PRODUCTO -->
362 <tr ng-show="cargando" class="d-flex"> 362 <tr ng-show="cargando" class="d-flex">
363 <td class="col-6"> 363 <td class="col-6">
364 <input 364 <input
365 placeholder="Cheque" 365 placeholder="Cheque"
366 class="form-control form-control-sm" 366 class="form-control form-control-sm"
367 readonly 367 readonly
368 ng-click="seleccionarCheque()" 368 ng-click="seleccionarCheque()"
369 /> 369 />
370 </td> 370 </td>
371 <td class="col-6"> 371 <td class="col-6">
372 <input 372 <input
373 placeholder="Efectivo" 373 placeholder="Efectivo"
374 class="form-control form-control-sm" 374 class="form-control form-control-sm"
375 readonly 375 readonly
376 ng-click="seleccionarEfectivo()" 376 ng-click="seleccionarEfectivo()"
377 /> 377 />
378 </td> 378 </td>
379 </tr> 379 </tr>
380 <!-- TOOGLE EXPANDIR --> 380 <!-- TOOGLE EXPANDIR -->
381 <tr> 381 <tr>
382 <td class="col"> 382 <td class="col">
383 <button 383 <button
384 class="btn btn-outline-light selectable w-100" 384 class="btn btn-outline-light selectable w-100"
385 ng-click="show = !show; masMenos()" 385 ng-click="show = !show; masMenos()"
386 ng-show="cobrosTabla.length > 0" 386 ng-show="cobrosTabla.length > 0"
387 > 387 >
388 <i 388 <i
389 class="fa fa-chevron-down" 389 class="fa fa-chevron-down"
390 ng-hide="show" 390 ng-hide="show"
391 aria-hidden="true" 391 aria-hidden="true"
392 > 392 >
393 </i> 393 </i>
394 <i 394 <i
395 class="fa fa-chevron-up" 395 class="fa fa-chevron-up"
396 ng-show="show" 396 ng-show="show"
397 aria-hidden="true"> 397 aria-hidden="true">
398 </i> 398 </i>
399 </button> 399 </button>
400 </td> 400 </td>
401 </tr> 401 </tr>
402 <!-- FOOTER --> 402 <!-- FOOTER -->
403 <tr class="d-flex"> 403 <tr class="d-flex">
404 <td class="align-middle no-border-top col-6"> 404 <td class="align-middle no-border-top col-6">
405 <strong>Cantidad Items:</strong> 405 <strong>Cantidad Items:</strong>
406 <a ng-bind="cobrosTabla.length"></a> 406 <a ng-bind="cobrosTabla.length"></a>
407 </td> 407 </td>
408 </tfoot> 408 </tfoot>
409 </table> 409 </table>
410 </tr> 410 </tr>
411 <!-- DEUDA, COBRADO, DIFERENCIA --> 411 <!-- DEUDA, COBRADO, DIFERENCIA -->
412 <table class="table-responsive fixed-bottom mb-5"> 412 <table class="table-responsive fixed-bottom mb-5">
413 <tr class="d-flex row"> 413 <tr class="d-flex row">
414 <td class="text-center ml-auto table-celda-total no-border-top col-4"> 414 <td class="text-center ml-auto table-celda-total no-border-top col-4">
415 <strong>Cancela:</strong> 415 <strong>Cancela:</strong>
416 </td> 416 </td>
417 <td class="text-center ml-auto table-celda-total no-border-top col-4"> 417 <td class="text-center ml-auto table-celda-total no-border-top col-4">
418 <strong>Cobrado:</strong> 418 <strong>Cobrado:</strong>
419 </td> 419 </td>
420 <td class="text-center ml-auto table-celda-total no-border-top col-4"> 420 <td class="text-center ml-auto table-celda-total no-border-top col-4">
421 <strong>Diferencia:</strong> 421 <strong>Diferencia:</strong>
422 </td> 422 </td>
423 <td class="table-celda-total text-center no-border-top col-4"> 423 <td class="table-celda-total text-center no-border-top col-4">
424 <strong>{{(getTotalDeuda() / cobranza.cotizacion.VENDEDOR) | currency: cobranza.moneda.SIMBOLO}}</strong> 424 <strong>{{(getTotalDeuda() / cobranza.cotizacion.VENDEDOR) | currency: cobranza.moneda.SIMBOLO}}</strong>
425 </td> 425 </td>
426 <td class="table-celda-total text-center no-border-top col-4"> 426 <td class="table-celda-total text-center no-border-top col-4">
427 <strong>{{(getTotalCobrado() / cobranza.cotizacion.VENDEDOR) | currency: cobranza.moneda.SIMBOLO}}</strong> 427 <strong>{{(getTotalCobrado() / cobranza.cotizacion.VENDEDOR) | currency: cobranza.moneda.SIMBOLO}}</strong>
428 </td> 428 </td>
429 <td class="table-celda-total text-center no-border-top col-4"> 429 <td class="table-celda-total text-center no-border-top col-4">
430 <strong>{{((getTotalCobrado() + getTotalDeuda()) / cobranza.cotizacion.VENDEDOR) | currency: cobranza.moneda.SIMBOLO}}</strong> 430 <strong>{{((getTotalCobrado() + getTotalDeuda()) / cobranza.cotizacion.VENDEDOR) | currency: cobranza.moneda.SIMBOLO}}</strong>
431 </td> 431 </td>
432 </tr> 432 </tr>
433 </table> 433 </table>
434 </div> 434 </div>
435 </div> 435 </div>
436 </div> 436 </div>
437 </div> 437 </div>
438 <div class="row d-md-none fixed-bottom"> 438 <div class="row d-md-none fixed-bottom">
439 <div class="w-100 bg-dark d-flex px-3 acciones-mobile"> 439 <div class="w-100 bg-dark d-flex px-3 acciones-mobile">
440 <span class="ml-3 text-muted" ng-click="salir()">Salir</span> 440 <span class="ml-3 text-muted" ng-click="salir()">Salir</span>
441 <span 441 <span
442 class="mr-3 ml-auto" 442 class="mr-3 ml-auto"
443 ng-class="saveLoading ? 'text-muted' : ''" 443 ng-class="saveLoading ? 'text-muted' : ''"
444 ng-click="crearCobranza()" 444 ng-click="crearCobranza()"
445 ng-show="!editando" 445 ng-show="!editando"
446 ladda="saveLoading" 446 ladda="saveLoading"
447 data-style="expand-left" 447 data-style="expand-left"
448 >Guardar</span> 448 >Guardar</span>
449 </div> 449 </div>
450 </div> 450 </div>
451 </div> 451 </div>
452 452