Luigi / foca-crear-nota-pedido

Download as
Browse Code »

Commit 4b38a4f5ff6d68e2ca817664e7fd36521da2ea79

Authored by Jose Pinto
1 parent 973c0baf3b
Exists in master

Nuevo diseño en mobile, color icons

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