Joel Vitelli / foca-crear-nota-pedido

Download as
Browse Code »

Commit f9d0c9aad78207b64057cb57773f1a98ea3e85ee

Authored by Nicolás Guarnieri
1 parent 5cb1b704e7
Exists in master and in 1 other branch develop

editar en mobile

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