Luigi / foca-crear-nota-pedido

Download as
Browse Code »

Commit e53a1547fab4b88e0c9b06d99b58956d67bf77d3

Authored by Eric Fernandez
1 parent 455a2bc081
Exists in master

push

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