Eric Fernandez / foca-crear-nota-pedido

Download as
Browse Code »

Commit 645391768284b2972c8c60d623e36242725ea8fa

Authored by Eric Fernandez
1 parent f2852db987
Exists in master

lada para mobile

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