Eric Fernandez / foca-crear-cobranza

Download as
Browse Code »

Commit 0b6dca6ac3c28dc9586fc251186c954aacfb94fb

Authored by Eric Fernandez
1 parent cec5cabc6e
Exists in master

fix diseño, barra totales fixed-bottom

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