Eric Fernandez / foca-crear-cobranza

Download as
Browse Code »

Commit 8634e0d569421c45a605fa18d0623954a22379e1

Authored by Jose Pinto
1 parent 0d01c9d6c8
Exists in master

correccion texto y margen DF

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