Marcelo Puebla / foca-crear-factura

Download as
Browse Code »

Commit a328865de5efec8721e6a3a62ffba226620ab371

Authored by Marcelo Puebla
1 parent 41e1241210
Exists in master

Arreglo en la vista.

Showing 1 changed file with 2 additions and 2 deletions   Show diff stats
src/views/factura.html
Diff comments   View file @ a328865
1 <div class="crear-nota-remito foca-crear row"> 1 <div class="crear-nota-remito foca-crear row">
2 <foca-cabecera-facturador 2 <foca-cabecera-facturador
3 titulo="'Factura'" 3 titulo="'Factura'"
4 numero="puntoVenta + '-' + comprobante" 4 numero="puntoVenta + '-' + comprobante"
5 fecha="now" 5 fecha="now"
6 class="mb-0 col-lg-12" 6 class="mb-0 col-lg-12"
7 busqueda="seleccionarRemito" 7 busqueda="seleccionarRemito"
8 ></foca-cabecera-facturador> 8 ></foca-cabecera-facturador>
9 <marquee 9 <marquee
10 bgcolor="#FF9900" 10 bgcolor="#FF9900"
11 behavior="scroll" 11 behavior="scroll"
12 direction="left" 12 direction="left"
13 ng-bind="factura.observaciones" 13 ng-bind="factura.observaciones"
14 ></marquee> 14 ></marquee>
15 <div class="col-lg-12 p-2"> 15 <div class="col-12 col-lg-10 p-2">
16 <div class="row border border-light rounded m-0"> 16 <div class="row border border-light rounded m-0">
17 <div class="col-12 col-md-10 col-lg-10"> 17 <div class="col-12 col-sm-12">
18 <div class="row p-1 botonera-secundaria px-3 py-2"> 18 <div class="row p-1 botonera-secundaria px-3 py-2">
19 <div class="col-12"> 19 <div class="col-12">
20 <foca-botonera-facturador 20 <foca-botonera-facturador
21 botones="botonera" 21 botones="botonera"
22 max="botonera.length" 22 max="botonera.length"
23 class="row"> 23 class="row">
24 </foca-botonera-facturador> 24 </foca-botonera-facturador>
25 </div> 25 </div>
26 </div> 26 </div>
27 <div ng-show="botoneraProductos.length > 0" class="row botonera-secundaria pb-3 px-3"> 27 <div ng-show="botoneraProductos.length > 0" class="row botonera-secundaria pb-3 px-3">
28 <div class="col-12"> 28 <div class="col-12">
29 <foca-botonera-productos 29 <foca-botonera-productos
30 botones="botoneraProductos" 30 botones="botoneraProductos"
31 max="1" 31 max="1"
32 class="row" 32 class="row"
33 > 33 >
34 </foca-botonera-productos> 34 </foca-botonera-productos>
35 </div> 35 </div>
36 </div> 36 </div>
37 <!-- PC --> 37 <!-- PC -->
38 <div class="row grilla-articulo align-items-end d-none d-sm-flex"> 38 <div class="row grilla-articulo align-items-end d-none d-sm-flex">
39 <table class="table tabla-articulo table-striped table-sm mb-0 rounded-bottom"> 39 <table class="table tabla-articulo table-striped table-sm mb-0 rounded-bottom">
40 <thead> 40 <thead>
41 <tr class="d-flex"> 41 <tr class="d-flex">
42 <th class="">#</th> 42 <th class="">#</th>
43 <th class="col">Código</th> 43 <th class="col">Código</th>
44 <th class="col-4">Descripción</th> 44 <th class="col-4">Descripción</th>
45 <th class="col text-right">Cantidad</th> 45 <th class="col text-right">Cantidad</th>
46 <th class="col text-right">Precio Unitario</th> 46 <th class="col text-right">Precio Unitario</th>
47 <th class="col text-right">SubTotal</th> 47 <th class="col text-right">SubTotal</th>
48 <th class="text-right"> 48 <th class="text-right">
49 <button 49 <button
50 class="btn btn-outline-light selectable" 50 class="btn btn-outline-light selectable"
51 ng-click="show = !show; masMenos()" 51 ng-click="show = !show; masMenos()"
52 > 52 >
53 <i 53 <i
54 class="fa fa-chevron-down" 54 class="fa fa-chevron-down"
55 ng-show="show" 55 ng-show="show"
56 aria-hidden="true" 56 aria-hidden="true"
57 > 57 >
58 </i> 58 </i>
59 <i 59 <i
60 class="fa fa-chevron-up" 60 class="fa fa-chevron-up"
61 ng-hide="show" 61 ng-hide="show"
62 aria-hidden="true"> 62 aria-hidden="true">
63 </i> 63 </i>
64 </button> 64 </button>
65 </th> 65 </th>
66 </tr> 66 </tr>
67 </thead> 67 </thead>
68 <tbody class="tabla-articulo-body"> 68 <tbody class="tabla-articulo-body">
69 <tr 69 <tr
70 ng-repeat="(key, articulo) in articulosFiltro()" 70 ng-repeat="(key, articulo) in articulosFiltro()"
71 ng-show="show || key == (articulosFiltro().length - 1)" 71 ng-show="show || key == (articulosFiltro().length - 1)"
72 class="d-flex" 72 class="d-flex"
73 > 73 >
74 <td ng-bind="key + 1"></td> 74 <td ng-bind="key + 1"></td>
75 <td 75 <td
76 class="col" 76 class="col"
77 ng-bind="articulo.SEC + '-' + articulo.ART" 77 ng-bind="articulo.SEC + '-' + articulo.ART"
78 ></td> 78 ></td>
79 <td 79 <td
80 class="col-4" 80 class="col-4"
81 ng-bind="articulo.DES" 81 ng-bind="articulo.DES"
82 ></td> 82 ></td>
83 <td class="col text-right"> 83 <td class="col text-right">
84 <input 84 <input
85 ng-show="articulo.editCantidad" 85 ng-show="articulo.editCantidad"
86 ng-model="tmpCantidad" 86 ng-model="tmpCantidad"
87 class="form-control" 87 class="form-control"
88 foca-tipo-input 88 foca-tipo-input
89 min="1" 89 min="1"
90 foca-focus="articulo.editCantidad" 90 foca-focus="articulo.editCantidad"
91 ng-keypress="editarArticulo($event.keyCode, articulo, tmpCantidad);" 91 ng-keypress="editarArticulo($event.keyCode, articulo, tmpCantidad);"
92 esc-key="cancelarEditar(articulo)" 92 esc-key="cancelarEditar(articulo)"
93 ng-focus="selectFocus($event); tmpCantidad = articulo.CAN;" 93 ng-focus="selectFocus($event); tmpCantidad = articulo.CAN;"
94 teclado-virtual 94 teclado-virtual
95 > 95 >
96 <i 96 <i
97 class="selectable" 97 class="selectable"
98 ng-click="cambioEdit(articulo, 'cantidad')" 98 ng-click="cambioEdit(articulo, 'cantidad')"
99 ng-hide="articulo.editCantidad" 99 ng-hide="articulo.editCantidad"
100 ng-bind="articulo.CAN"> 100 ng-bind="articulo.CAN">
101 </i> 101 </i>
102 </td> 102 </td>
103 <td class="col text-right"> 103 <td class="col text-right">
104 <i 104 <i
105 class="selectable" 105 class="selectable"
106 ng-bind="articulo.PUN | number: 4"> 106 ng-bind="articulo.PUN | number: 4">
107 </i> 107 </i>
108 </td> 108 </td>
109 <td 109 <td
110 class="col text-right" 110 class="col text-right"
111 ng-bind="(articulo.PUN * articulo.CAN) | number: 2"> 111 ng-bind="(articulo.PUN * articulo.CAN) | number: 2">
112 </td> 112 </td>
113 <td class="text-center"> 113 <td class="text-center">
114 <button 114 <button
115 class="btn btn-outline-light" 115 class="btn btn-outline-light"
116 ng-click="quitarDespacho(articulo, key)" 116 ng-click="quitarDespacho(articulo, key)"
117 > 117 >
118 <i class="fa fa-trash"></i> 118 <i class="fa fa-trash"></i>
119 </button> 119 </button>
120 <button 120 <button
121 class="btn btn-outline-light" 121 class="btn btn-outline-light"
122 ng-click="editarArticulo(13, articulo, tmpCantidad, tmpPrecio);" 122 ng-click="editarArticulo(13, articulo, tmpCantidad, tmpPrecio);"
123 ng-show="articulo.editCantidad || articulo.editPrecio" 123 ng-show="articulo.editCantidad || articulo.editPrecio"
124 > 124 >
125 <i class="fa fa-save"></i> 125 <i class="fa fa-save"></i>
126 </button> 126 </button>
127 </td> 127 </td>
128 </tr> 128 </tr>
129 </tbody> 129 </tbody>
130 <tfoot> 130 <tfoot>
131 <tr class="d-flex"> 131 <tr class="d-flex">
132 <td colspan="4" class="no-border-top"> 132 <td colspan="4" class="no-border-top">
133 <strong>Items:</strong> 133 <strong>Items:</strong>
134 <a ng-bind="articulosFiltro().length"></a> 134 <a ng-bind="articulosFiltro().length"></a>
135 </td> 135 </td>
136 <td class="text-right ml-auto table-celda-total no-border-top"> 136 <td class="text-right ml-auto table-celda-total no-border-top">
137 <h3>Total:</h3> 137 <h3>Total:</h3>
138 </td> 138 </td>
139 <td class="table-celda-total text-right no-border-top" colspan="1"> 139 <td class="table-celda-total text-right no-border-top" colspan="1">
140 <h3>{{getTotal() | currency: factura.cotizacion.moneda.SIMBOLO}}</h3> 140 <h3>{{getTotal() | currency: factura.cotizacion.moneda.SIMBOLO}}</h3>
141 </td> 141 </td>
142 <td class="text-right no-border-top"> 142 <td class="text-right no-border-top">
143 <button 143 <button
144 type="button" 144 type="button"
145 class="btn btn-sm" 145 class="btn btn-sm"
146 > 146 >
147 Totales 147 Totales
148 </button> 148 </button>
149 </td> 149 </td>
150 </tr> 150 </tr>
151 </tfoot> 151 </tfoot>
152 </table> 152 </table>
153 </div> 153 </div>
154 <!-- MOBILE --> 154 <!-- MOBILE -->
155 <div class="row d-sm-none"> 155 <div class="row d-sm-none">
156 <div class="col p-0 m-2 mb-5"> 156 <div class="col p-0 m-2 mb-5">
157 <table class="table table-sm table-striped tabla-articulo"> 157 <table class="table table-sm table-striped tabla-articulo">
158 <thead> 158 <thead>
159 <tr class="d-flex"> 159 <tr class="d-flex">
160 <th class="">#</th> 160 <th class="">#</th>
161 <th class="col px-0"> 161 <th class="col px-0">
162 <div class="d-flex"> 162 <div class="d-flex">
163 <div class="col-4 px-1">Código</div> 163 <div class="col-4 px-1">Código</div>
164 <div class="col-8 px-1">Descripción</div> 164 <div class="col-8 px-1">Descripción</div>
165 </div> 165 </div>
166 <div class="d-flex"> 166 <div class="d-flex">
167 <div class="col-3 px-1">Cantidad</div> 167 <div class="col-3 px-1">Cantidad</div>
168 <div class="col px-1 text-right">P. Uni.</div> 168 <div class="col px-1 text-right">P. Uni.</div>
169 <div class="col px-1 text-right">Subtotal</div> 169 <div class="col px-1 text-right">Subtotal</div>
170 </div> 170 </div>
171 </th> 171 </th>
172 <th class="text-center tamaño-boton"> 172 <th class="text-center tamaño-boton">
173 &nbsp; 173 &nbsp;
174 </th> 174 </th>
175 </tr> 175 </tr>
176 </thead> 176 </thead>
177 <tbody> 177 <tbody>
178 <tr 178 <tr
179 ng-repeat="(key, articulo) in articulosFiltro()" 179 ng-repeat="(key, articulo) in articulosFiltro()"
180 ng-show="show || key == articulosFiltro().length - 1" 180 ng-show="show || key == articulosFiltro().length - 1"
181 > 181 >
182 <td class="w-100 d-flex p-0"> 182 <td class="w-100 d-flex p-0">
183 <div class="p-1 m-auto"> 183 <div class="p-1 m-auto">
184 <span ng-bind="key + 1"></span> 184 <span ng-bind="key + 1"></span>
185 </div> 185 </div>
186 <div class="col px-0"> 186 <div class="col px-0">
187 <div class="d-flex"> 187 <div class="d-flex">
188 <div class="col-4 px-1"> 188 <div class="col-4 px-1">
189 <span 189 <span
190 ng-bind="articulo.SEC + '-' + articulo.ART" 190 ng-bind="articulo.SEC + '-' + articulo.ART"
191 ></span> 191 ></span>
192 </div> 192 </div>
193 <div class="col-8 px-1"> 193 <div class="col-8 px-1">
194 <span ng-bind="articulo.DES"></span> 194 <span ng-bind="articulo.DES"></span>
195 </div> 195 </div>
196 </div> 196 </div>
197 <div class="d-flex"> 197 <div class="d-flex">
198 <div class="col-4 px-1"> 198 <div class="col-4 px-1">
199 <span 199 <span
200 ng-bind="'x' + articulo.CAN" 200 ng-bind="'x' + articulo.CAN"
201 ng-hide="articulo.editCantidad" 201 ng-hide="articulo.editCantidad"
202 ></span> 202 ></span>
203 <i 203 <i
204 class="fa fa-pencil text-white-50" 204 class="fa fa-pencil text-white-50"
205 aria-hidden="true" 205 aria-hidden="true"
206 ng-hide="articulo.editCantidad" 206 ng-hide="articulo.editCantidad"
207 ng-click="articulo.editCantidad = true" 207 ng-click="articulo.editCantidad = true"
208 ></i> 208 ></i>
209 <input 209 <input
210 ng-show="articulo.editCantidad" 210 ng-show="articulo.editCantidad"
211 ng-model="articulo.CAN" 211 ng-model="articulo.CAN"
212 class="form-control" 212 class="form-control"
213 foca-tipo-input 213 foca-tipo-input
214 min="1" 214 min="1"
215 step="0.001" 215 step="0.001"
216 foca-focus="articulo.editCantidad" 216 foca-focus="articulo.editCantidad"
217 ng-keypress="editarArticulo($event.keyCode, articulo, tmpCantidad, tmpPrecio)" 217 ng-keypress="editarArticulo($event.keyCode, articulo, tmpCantidad, tmpPrecio)"
218 ng-focus="selectFocus($event)" 218 ng-focus="selectFocus($event)"
219 > 219 >
220 </div> 220 </div>
221 <div class="col px-1 text-right"> 221 <div class="col px-1 text-right">
222 <span ng-bind="articulo.PUN | 222 <span ng-bind="articulo.PUN |
223 currency: factura.cotizacion.moneda.SIMBOLO : 4"></span> 223 currency: factura.cotizacion.moneda.SIMBOLO : 4"></span>
224 ></span> 224 ></span>
225 </div> 225 </div>
226 <div class="col px-1 text-right"> 226 <div class="col px-1 text-right">
227 <span 227 <span
228 ng-bind="(articulo.PUN * articulo.CAN) | 228 ng-bind="(articulo.PUN * articulo.CAN) |
229 currency: factura.cotizacion.moneda.SIMBOLO" 229 currency: factura.cotizacion.moneda.SIMBOLO"
230 > 230 >
231 </span> 231 </span>
232 </div> 232 </div>
233 </div> 233 </div>
234 </div> 234 </div>
235 <div class="m-auto p-1"> 235 <div class="m-auto p-1">
236 <button 236 <button
237 class="btn btn-outline-light" 237 class="btn btn-outline-light"
238 ng-click="quitarDespacho(key)" 238 ng-click="quitarDespacho(key)"
239 > 239 >
240 <i class="fa fa-trash"></i> 240 <i class="fa fa-trash"></i>
241 </button> 241 </button>
242 </div> 242 </div>
243 </td> 243 </td>
244 </tr> 244 </tr>
245 </tbody> 245 </tbody>
246 <tfoot> 246 <tfoot>
247 <!-- TOOGLE EXPANDIR --> 247 <!-- TOOGLE EXPANDIR -->
248 <tr> 248 <tr>
249 <td class="col"> 249 <td class="col">
250 <button 250 <button
251 class="btn btn-outline-light selectable w-100" 251 class="btn btn-outline-light selectable w-100"
252 ng-click="show = !show; masMenos()" 252 ng-click="show = !show; masMenos()"
253 ng-show="articulosFiltro().length > 0" 253 ng-show="articulosFiltro().length > 0"
254 > 254 >
255 <i 255 <i
256 class="fa fa-chevron-down" 256 class="fa fa-chevron-down"
257 ng-hide="show" 257 ng-hide="show"
258 aria-hidden="true" 258 aria-hidden="true"
259 > 259 >
260 </i> 260 </i>
261 <i 261 <i
262 class="fa fa-chevron-up" 262 class="fa fa-chevron-up"
263 ng-show="show" 263 ng-show="show"
264 aria-hidden="true"> 264 aria-hidden="true">
265 </i> 265 </i>
266 </button> 266 </button>
267 </td> 267 </td>
268 </tr> 268 </tr>
269 <!-- FOOTER --> 269 <!-- FOOTER -->
270 <tr class="d-flex"> 270 <tr class="d-flex">
271 <td class="m-auto no-border-top" colspan="2"> 271 <td class="m-auto no-border-top" colspan="2">
272 <strong>Cantidad Items:</strong> 272 <strong>Cantidad Items:</strong>
273 <a ng-bind="articulosFiltro().length"></a> 273 <a ng-bind="articulosFiltro().length"></a>
274 </td> 274 </td>
275 <td class="text-right ml-auto table-celda-total no-border-top"> 275 <td class="text-right ml-auto table-celda-total no-border-top">
276 <h3>Total:</h3> 276 <h3>Total:</h3>
277 </td> 277 </td>
278 <td class="table-celda-total text-right no-border-top"> 278 <td class="table-celda-total text-right no-border-top">
279 <h3>{{getTotal() | currency: factura.cotizacion.moneda.SIMBOLO}}</h3> 279 <h3>{{getTotal() | currency: factura.cotizacion.moneda.SIMBOLO}}</h3>
280 </td> 280 </td>
281 </tr> 281 </tr>
282 </tfoot> 282 </tfoot>
283 </table> 283 </table>
284 </div> 284 </div>
285 </div> 285 </div>
286 </div> 286 </div>
287 </div> 287 </div>
288 </div> 288 </div>
289 <div class="row d-md-none fixed-bottom disable-selection"> 289 <div class="row d-md-none fixed-bottom disable-selection">
290 <div class="w-100 bg-dark d-flex px-3 acciones-mobile"> 290 <div class="w-100 bg-dark d-flex px-3 acciones-mobile">
291 <span class="ml-3 text-muted" ng-click="salir()">Salir</span> 291 <span class="ml-3 text-muted" ng-click="salir()">Salir</span>
292 <span 292 <span
293 class="mr-3 ml-auto" 293 class="mr-3 ml-auto"
294 ng-class="saveLoading ? 'text-muted' : ''" 294 ng-class="saveLoading ? 'text-muted' : ''"
295 ng-click="seleccionarFormaDePago()" 295 ng-click="seleccionarFormaDePago()"
296 ladda="saveLoading" 296 ladda="saveLoading"
297 data-style="expand-left" 297 data-style="expand-left"
298 >Pago</span> 298 >Pago</span>
299 </div> 299 </div>
300 </div> 300 </div>
301 </div> 301 </div>
302 302