Luigi / foca-crear-nota-pedido

Download as
Browse Code »

Commit c4d6844a192d257e0b313fd7328b345754fb7677

Authored by Nicolás Guarnieri
2 parents ef5adc2a28 194aeb9992
Exists in master

Merge branch 'master' into 'master' 

arreglos para tablet

See merge request modulos-npm/foca-crear-nota-pedido!44
Showing 1 changed file   Show diff stats
src/views/nota-pedido.html
Diff comments   View file @ c4d6844
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-block"> 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 type="number" 136 type="number"
137 min="1" 137 min="1"
138 foca-focus="articulo.editCantidad" 138 foca-focus="articulo.editCantidad"
139 ng-keypress="editarArticulo($event.keyCode, articulo)" 139 ng-keypress="editarArticulo($event.keyCode, articulo)"
140 ng-focus="selectFocus($event)" 140 ng-focus="selectFocus($event)"
141 > 141 >
142 <i 142 <i
143 class="selectable" 143 class="selectable"
144 ng-click="cambioEdit(articulo, 'cantidad')" 144 ng-click="cambioEdit(articulo, 'cantidad')"
145 ng-hide="articulo.editCantidad" 145 ng-hide="articulo.editCantidad"
146 ng-bind="articulo.cantidad"> 146 ng-bind="articulo.cantidad">
147 </i> 147 </i>
148 </td> 148 </td>
149 <td class="col text-right"> 149 <td class="col text-right">
150 <input 150 <input
151 ng-show="articulo.editPrecio" 151 ng-show="articulo.editPrecio"
152 ng-model="articulo.precio" 152 ng-model="articulo.precio"
153 class="form-control" 153 class="form-control"
154 type="number" 154 type="number"
155 min="1" 155 min="1"
156 step="0.01" 156 step="0.01"
157 foca-focus="articulo.editPrecio" 157 foca-focus="articulo.editPrecio"
158 ng-keypress="editarArticulo($event.keyCode, articulo)" 158 ng-keypress="editarArticulo($event.keyCode, articulo)"
159 ng-focus="selectFocus($event)" 159 ng-focus="selectFocus($event)"
160 > 160 >
161 <i 161 <i
162 class="selectable" 162 class="selectable"
163 ng-click="idLista == -1 && cambioEdit(articulo, 'precio')" 163 ng-click="idLista == -1 && cambioEdit(articulo, 'precio')"
164 ng-hide="articulo.editPrecio" 164 ng-hide="articulo.editPrecio"
165 ng-bind="articulo.precio"> 165 ng-bind="articulo.precio">
166 </i> 166 </i>
167 </td> 167 </td>
168 <td 168 <td
169 class="col text-right" 169 class="col text-right"
170 ng-bind="(articulo.precio * articulo.cantidad) | currency: '$'"> 170 ng-bind="(articulo.precio * articulo.cantidad) | currency: '$'">
171 </td> 171 </td>
172 <td class="text-center"> 172 <td class="text-center">
173 <button 173 <button
174 class="btn btn-outline-secondary" 174 class="btn btn-outline-secondary"
175 ng-click="quitarArticulo(key)" 175 ng-click="quitarArticulo(key)"
176 > 176 >
177 <i class="fa fa-trash"></i> 177 <i class="fa fa-trash"></i>
178 </button> 178 </button>
179 </td> 179 </td>
180 </tr> 180 </tr>
181 </tbody> 181 </tbody>
182 <tfoot> 182 <tfoot>
183 <tr ng-show="!cargando" class="d-flex"> 183 <tr ng-show="!cargando" class="d-flex">
184 <td 184 <td
185 class="align-middle" 185 class="align-middle"
186 ng-bind="articulosTabla.length + 1" 186 ng-bind="articulosTabla.length + 1"
187 ></td> 187 ></td>
188 <td class="col"> 188 <td class="col">
189 <input 189 <input
190 class="form-control" 190 class="form-control"
191 ng-model="articuloACargar.sectorCodigo" 191 ng-model="articuloACargar.sectorCodigo"
192 readonly 192 readonly
193 > 193 >
194 </td> 194 </td>
195 <td class="col-4 tabla-articulo-descripcion"> 195 <td class="col-4 tabla-articulo-descripcion">
196 <input 196 <input
197 class="form-control" 197 class="form-control"
198 ng-model="articuloACargar.descripcion" 198 ng-model="articuloACargar.descripcion"
199 readonly 199 readonly
200 > 200 >
201 </td> 201 </td>
202 <td class="col text-right"> 202 <td class="col text-right">
203 <input 203 <input
204 class="form-control" 204 class="form-control"
205 type="number" 205 type="number"
206 min="1" 206 min="1"
207 ng-model="articuloACargar.cantidad" 207 ng-model="articuloACargar.cantidad"
208 foca-focus="!cargando" 208 foca-focus="!cargando"
209 esc-key="resetFilter()" 209 esc-key="resetFilter()"
210 ng-keypress="agregarATabla($event.keyCode)" 210 ng-keypress="agregarATabla($event.keyCode)"
211 > 211 >
212 </td> 212 </td>
213 <td class="col text-right"> 213 <td class="col text-right">
214 <input 214 <input
215 class="form-control" 215 class="form-control"
216 ng-value="articuloACargar.precio | currency: '$'" 216 ng-value="articuloACargar.precio | currency: '$'"
217 ng-show="idLista != -1" 217 ng-show="idLista != -1"
218 readonly 218 readonly
219 > 219 >
220 <input 220 <input
221 class="form-control" 221 class="form-control"
222 type="number" 222 type="number"
223 step="0.01" 223 step="0.01"
224 ng-model="articuloACargar.precio" 224 ng-model="articuloACargar.precio"
225 esc-key="resetFilter()" 225 esc-key="resetFilter()"
226 ng-keypress="agregarATabla($event.keyCode)" 226 ng-keypress="agregarATabla($event.keyCode)"
227 ng-show="idLista == -1" 227 ng-show="idLista == -1"
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="getSubTotal() | currency: '$'" 233 ng-value="getSubTotal() | currency: '$'"
234 readonly 234 readonly
235 ></td> 235 ></td>
236 <td class="text-center align-middle"> 236 <td class="text-center align-middle">
237 <button 237 <button
238 class="btn btn-outline-secondary" 238 class="btn btn-outline-secondary"
239 ng-click="agregarATabla(13)" 239 ng-click="agregarATabla(13)"
240 > 240 >
241 <i class="fa fa-save"></i> 241 <i class="fa fa-save"></i>
242 </button> 242 </button>
243 </td> 243 </td>
244 </tr> 244 </tr>
245 <tr ng-show="cargando" class="d-flex"> 245 <tr ng-show="cargando" class="d-flex">
246 <td colspan="7" class="col-12"> 246 <td colspan="7" class="col-12">
247 <input 247 <input
248 placeholder="Seleccione Articulo" 248 placeholder="Seleccione Articulo"
249 class="form-control form-control-sm" 249 class="form-control form-control-sm"
250 readonly 250 readonly
251 ng-click="seleccionarArticulo()" 251 ng-click="seleccionarArticulo()"
252 /> 252 />
253 </td> 253 </td>
254 </tr> 254 </tr>
255 <tr class="d-flex"> 255 <tr class="d-flex">
256 <td colspan="4" class="no-border-top"> 256 <td colspan="4" class="no-border-top">
257 <strong>Cantidad Items:</strong> 257 <strong>Cantidad Items:</strong>
258 <a ng-bind="articulosTabla.length"></a> 258 <a ng-bind="articulosTabla.length"></a>
259 </td> 259 </td>
260 <td class="text-right ml-auto table-celda-total no-border-top"> 260 <td class="text-right ml-auto table-celda-total no-border-top">
261 <h3>Total:</h3> 261 <h3>Total:</h3>
262 </td> 262 </td>
263 <td class="table-celda-total text-right no-border-top" colspan="1"> 263 <td class="table-celda-total text-right no-border-top" colspan="1">
264 <h3>{{getTotal() | currency: '$'}}</h3> 264 <h3>{{getTotal() | currency: '$'}}</h3>
265 </td> 265 </td>
266 <td class="text-right no-border-top"> 266 <td class="text-right no-border-top">
267 <button 267 <button
268 type="button" 268 type="button"
269 class="btn btn-default btn-sm" 269 class="btn btn-default btn-sm"
270 > 270 >
271 Totales 271 Totales
272 </button> 272 </button>
273 </td> 273 </td>
274 </tr> 274 </tr>
275 </tfoot> 275 </tfoot>
276 </table> 276 </table>
277 </div> 277 </div>
278 278
279 <!-- MOBILE --> 279 <!-- MOBILE -->
280 <div class="row d-sm-none"> 280 <div class="row d-sm-none">
281 <table class="table table-sm table-striped table-dark margin-bottom-mobile"> 281 <table class="table table-sm table-striped table-dark margin-bottom-mobile">
282 <thead> 282 <thead>
283 <tr class="d-flex"> 283 <tr class="d-flex">
284 <th class="">#</th> 284 <th class="">#</th>
285 <th class="col px-0"> 285 <th class="col px-0">
286 <div class="d-flex"> 286 <div class="d-flex">
287 <div class="col-4 px-1">Código</div> 287 <div class="col-4 px-1">Código</div>
288 <div class="col-8 px-1">Descripción</div> 288 <div class="col-8 px-1">Descripción</div>
289 </div> 289 </div>
290 <div class="d-flex"> 290 <div class="d-flex">
291 <div class="col-3 px-1">Cantidad</div> 291 <div class="col-3 px-1">Cantidad</div>
292 <div class="col px-1 text-right">P. Uni.</div> 292 <div class="col px-1 text-right">P. Uni.</div>
293 <div class="col px-1 text-right">Subtotal</div> 293 <div class="col px-1 text-right">Subtotal</div>
294 </div> 294 </div>
295 </th> 295 </th>
296 <th class="text-center tamaño-boton"> 296 <th class="text-center tamaño-boton">
297 &nbsp; 297 &nbsp;
298 </th> 298 </th>
299 </tr> 299 </tr>
300 </thead> 300 </thead>
301 <tbody> 301 <tbody>
302 <tr 302 <tr
303 ng-repeat="(key, articulo) in articulosTabla" 303 ng-repeat="(key, articulo) in articulosTabla"
304 ng-show="show || key == articulosTabla.length - 1" 304 ng-show="show || key == articulosTabla.length - 1"
305 > 305 >
306 <td class="w-100 align-middle d-flex p-0"> 306 <td class="w-100 align-middle d-flex p-0">
307 <div class="align-middle p-1"> 307 <div class="align-middle p-1">
308 <span ng-bind="key+1" class="align-middle"></span> 308 <span ng-bind="key+1" class="align-middle"></span>
309 </div> 309 </div>
310 <div class="col px-0"> 310 <div class="col px-0">
311 <div class="d-flex"> 311 <div class="d-flex">
312 <div class="col-4 px-1"> 312 <div class="col-4 px-1">
313 <span 313 <span
314 ng-bind="articulo.sector + '-' + articulo.codigo" 314 ng-bind="articulo.sector + '-' + articulo.codigo"
315 ></span> 315 ></span>
316 </div> 316 </div>
317 <div class="col-8 px-1"> 317 <div class="col-8 px-1">
318 <span ng-bind="articulo.descripcion"></span> 318 <span ng-bind="articulo.descripcion"></span>
319 </div> 319 </div>
320 </div> 320 </div>
321 <div class="d-flex"> 321 <div class="d-flex">
322 <div class="col-3 px-1"> 322 <div class="col-3 px-1">
323 <span ng-bind="'x' + articulo.cantidad"></span> 323 <span ng-bind="'x' + articulo.cantidad"></span>
324 </div> 324 </div>
325 <div class="col-3 px-1 text-right"> 325 <div class="col-3 px-1 text-right">
326 <span ng-bind="articulo.precio | currency: '$'"></span> 326 <span ng-bind="articulo.precio | currency: '$'"></span>
327 </div> 327 </div>
328 <div class="col px-1 text-right"> 328 <div class="col px-1 text-right">
329 <span 329 <span
330 ng-bind="(articulo.precio * articulo.cantidad) | currency: '$'" 330 ng-bind="(articulo.precio * articulo.cantidad) | currency: '$'"
331 > 331 >
332 </span> 332 </span>
333 </div> 333 </div>
334 </div> 334 </div>
335 </div> 335 </div>
336 <div class="align-middle p-1"> 336 <div class="align-middle p-1">
337 <button 337 <button
338 class="btn btn-outline-secondary" 338 class="btn btn-outline-secondary"
339 ng-click="quitarArticulo(key)" 339 ng-click="quitarArticulo(key)"
340 > 340 >
341 <i class="fa fa-trash"></i> 341 <i class="fa fa-trash"></i>
342 </button> 342 </button>
343 </div> 343 </div>
344 </td> 344 </td>
345 </tr> 345 </tr>
346 </tbody> 346 </tbody>
347 <tfoot> 347 <tfoot>
348 <!-- CARGANDO ITEM --> 348 <!-- CARGANDO ITEM -->
349 <tr ng-show="!cargando" class="d-flex"> 349 <tr ng-show="!cargando" class="d-flex">
350 <td 350 <td
351 class="align-middle p-1" 351 class="align-middle p-1"
352 ng-bind="articulosTabla.length + 1" 352 ng-bind="articulosTabla.length + 1"
353 ></td> 353 ></td>
354 <td class="col p-0"> 354 <td class="col p-0">
355 <div class="d-flex"> 355 <div class="d-flex">
356 <div class="col-4 px-1"> 356 <div class="col-4 px-1">
357 <span 357 <span
358 ng-bind="articuloACargar.sectorCodigo" 358 ng-bind="articuloACargar.sectorCodigo"
359 ></span> 359 ></span>
360 </div> 360 </div>
361 <div class="col-8 px-1"> 361 <div class="col-8 px-1">
362 <span ng-bind="articuloACargar.descripcion"></span> 362 <span ng-bind="articuloACargar.descripcion"></span>
363 </div> 363 </div>
364 </div> 364 </div>
365 <div class="d-flex"> 365 <div class="d-flex">
366 <div class="col-3 px-1 m-1"> 366 <div class="col-3 px-1 m-1">
367 <input 367 <input
368 class="form-control p-1" 368 class="form-control p-1"
369 type="number" 369 type="number"
370 min="1" 370 min="1"
371 ng-model="articuloACargar.cantidad" 371 ng-model="articuloACargar.cantidad"
372 foca-focus="!cargando" 372 foca-focus="!cargando"
373 ng-keypress="agregarATabla($event.keyCode)" 373 ng-keypress="agregarATabla($event.keyCode)"
374 style="height: auto; line-height: 1.1em" 374 style="height: auto; line-height: 1.1em"
375 > 375 >
376 </div> 376 </div>
377 <div class="col-3 px-1 text-right"> 377 <div class="col-3 px-1 text-right">
378 <span ng-bind="articuloACargar.precio | currency: '$'"></span> 378 <span ng-bind="articuloACargar.precio | currency: '$'"></span>
379 </div> 379 </div>
380 <div class="col px-1 text-right"> 380 <div class="col px-1 text-right">
381 <span 381 <span
382 ng-bind="getSubTotal() | currency: '$'" 382 ng-bind="getSubTotal() | currency: '$'"
383 > 383 >
384 </span> 384 </span>
385 </div> 385 </div>
386 </div> 386 </div>
387 </td> 387 </td>
388 <td class="text-center align-middle"> 388 <td class="text-center align-middle">
389 <button 389 <button
390 class="btn btn-outline-secondary" 390 class="btn btn-outline-secondary"
391 ng-click="agregarATabla(13)" 391 ng-click="agregarATabla(13)"
392 > 392 >
393 <i class="fa fa-save"></i> 393 <i class="fa fa-save"></i>
394 </button> 394 </button>
395 </td> 395 </td>
396 </tr> 396 </tr>
397 <!-- SELECCIONAR PRODUCTO --> 397 <!-- SELECCIONAR PRODUCTO -->
398 <tr ng-show="cargando" class="d-flex"> 398 <tr ng-show="cargando" class="d-flex">
399 <td class="col-12"> 399 <td class="col-12">
400 <input 400 <input
401 placeholder="Seleccione Articulo" 401 placeholder="Seleccione Articulo"
402 class="form-control form-control-sm" 402 class="form-control form-control-sm"
403 readonly 403 readonly
404 ng-click="seleccionarArticulo()" 404 ng-click="seleccionarArticulo()"
405 /> 405 />
406 </td> 406 </td>
407 </tr> 407 </tr>
408 <!-- TOOGLE EXPANDIR --> 408 <!-- TOOGLE EXPANDIR -->
409 <tr> 409 <tr>
410 <td class="col"> 410 <td class="col">
411 <button 411 <button
412 class="btn btn-outline-secondary selectable w-100" 412 class="btn btn-outline-secondary selectable w-100"
413 ng-click="show = !show; masMenos()" 413 ng-click="show = !show; masMenos()"
414 ng-show="articulosTabla.length > 0" 414 ng-show="articulosTabla.length > 0"
415 > 415 >
416 <i 416 <i
417 class="fa fa-chevron-down" 417 class="fa fa-chevron-down"
418 ng-hide="show" 418 ng-hide="show"
419 aria-hidden="true" 419 aria-hidden="true"
420 > 420 >
421 </i> 421 </i>
422 <i 422 <i
423 class="fa fa-chevron-up" 423 class="fa fa-chevron-up"
424 ng-show="show" 424 ng-show="show"
425 aria-hidden="true"> 425 aria-hidden="true">
426 </i> 426 </i>
427 </button> 427 </button>
428 </td> 428 </td>
429 </tr> 429 </tr>
430 <!-- FOOTER --> 430 <!-- FOOTER -->
431 <tr class="d-flex"> 431 <tr class="d-flex">
432 <td class="align-middle no-border-top" colspan="2"> 432 <td class="align-middle no-border-top" colspan="2">
433 <strong>Cantidad Items:</strong> 433 <strong>Cantidad Items:</strong>
434 <a ng-bind="articulosTabla.length"></a> 434 <a ng-bind="articulosTabla.length"></a>
435 </td> 435 </td>
436 <td class="text-right ml-auto table-celda-total no-border-top"> 436 <td class="text-right ml-auto table-celda-total no-border-top">
437 <h3>Total:</h3> 437 <h3>Total:</h3>
438 </td> 438 </td>
439 <td class="table-celda-total text-right no-border-top"> 439 <td class="table-celda-total text-right no-border-top">
440 <h3>{{getTotal() | currency: '$'}}</h3> 440 <h3>{{getTotal() | currency: '$'}}</h3>
441 </td> 441 </td>
442 </tr> 442 </tr>
443 </tfoot> 443 </tfoot>
444 </table> 444 </table>
445 </div> 445 </div>
446 </div> 446 </div>
447 <div class="col-auto my-2 col-lg-2 botonera-lateral d-none d-sm-block"> 447 <div class="col-auto my-2 col-lg-2 botonera-lateral d-none d-md-block">
448 <div class="row align-items-end"> 448 <div class="row align-items-end">
449 <div class="col-12"> 449 <div class="col-12">
450 <button 450 <button
451 ng-click="crearNotaPedido()" 451 ng-click="crearNotaPedido()"
452 type="submit" 452 type="submit"
453 title="Crear nota pedido" 453 title="Crear nota pedido"
454 class="btn btn-default btn-block mb-2"> 454 class="btn btn-default btn-block mb-2">
455 Guardar 455 Guardar
456 </button> 456 </button>
457 <button 457 <button
458 ng-click="salir()" 458 ng-click="salir()"
459 type="button" 459 type="button"
460 title="Salir" 460 title="Salir"
461 class="btn btn-default btn-block"> 461 class="btn btn-default btn-block">
462 Salir 462 Salir
463 </button> 463 </button>
464 </div> 464 </div>
465 </div> 465 </div>
466 </div> 466 </div>
467 </div> 467 </div>
468 <div class="row d-sm-none fixed-bottom"> 468 <div class="row d-md-none fixed-bottom">
469 <div class="w-100 bg-dark d-flex px-3 acciones-mobile"> 469 <div class="w-100 bg-dark d-flex px-3 acciones-mobile">
470 <span class="ml-3 text-muted" ng-click="salir()">Salir</span> 470 <span class="ml-3 text-muted" ng-click="salir()">Salir</span>
471 <span class="mr-3 ml-auto" ng-click="crearNotaPedido()">Guardar</span> 471 <span class="mr-3 ml-auto" ng-click="crearNotaPedido()">Guardar</span>
472 </div> 472 </div>
473 </div> 473 </div>
474 </div> 474 </div>
475 475