Eric Fernandez / foca-crear-cobranza

Download as
Browse Code »

Commit f9bf8cd3fb2f2b11989d2d7393b170a3a68ce4f7

Authored by Jose Pinto
1 parent 796e22f6b3
Exists in master

Nuevo diseño en mobile, color icons

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