Eric Fernandez / foca-crear-remito

Download as
Browse Code »

Commit aff6290492bbecd1b3999f9dc09955a8e57a018f

Authored by Nicolás Guarnieri
1 parent f1107299d8
Exists in master

editar en mobile

Showing 1 changed file with 23 additions and 3 deletions   Show diff stats
src/views/remito.html
Diff comments   View file @ aff6290
1 <div class="crear-nota-remito"> 1 <div class="crear-nota-remito">
2 <form name="formCrearNota" ng-submit="crearRemito()" class="mb-0"> 2 <form name="formCrearNota" ng-submit="crearRemito()" 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-remito"> 8 <div class="col-12 col-sm-4 nota-remito">
9 <h5>REMITO</h5> 9 <h5>REMITO</h5>
10 </div> 10 </div>
11 <div class="col-5 col-sm-4 numero-remito" 11 <div class="col-5 col-sm-4 numero-remito"
12 > 12 >
13 Nº {{puntoVenta}}-{{comprobante}} 13 Nº {{puntoVenta}}-{{comprobante}}
14 <button 14 <button
15 class="btn btn-xs btn-outline-dark" 15 class="btn btn-xs btn-outline-dark"
16 type="button" 16 type="button"
17 ng-click="seleccionarRemito()" 17 ng-click="seleccionarRemito()"
18 > 18 >
19 <i class="fa fa-search"></i> 19 <i class="fa fa-search"></i>
20 </button> 20 </button>
21 </div> 21 </div>
22 <div class="col-7 col-sm-4 text-right"> 22 <div class="col-7 col-sm-4 text-right">
23 Fecha: 23 Fecha:
24 <span 24 <span
25 ng-show="!datepickerAbierto" 25 ng-show="!datepickerAbierto"
26 ng-bind="now | date:'dd/MM/yyyy HH:mm'" 26 ng-bind="now | date:'dd/MM/yyyy HH:mm'"
27 ng-click="datepickerAbierto = true" 27 ng-click="datepickerAbierto = true"
28 > 28 >
29 </span> 29 </span>
30 <input 30 <input
31 ng-show="datepickerAbierto" 31 ng-show="datepickerAbierto"
32 type="date" 32 type="date"
33 ng-model="now" 33 ng-model="now"
34 ng-change="datepickerAbierto = false" 34 ng-change="datepickerAbierto = false"
35 ng-blur="datepickerAbierto = false" 35 ng-blur="datepickerAbierto = false"
36 class="form-control form-control-sm col-8 float-right" 36 class="form-control form-control-sm col-8 float-right"
37 foca-focus="datepickerAbierto" 37 foca-focus="datepickerAbierto"
38 hasta-hoy 38 hasta-hoy
39 /> 39 />
40 </div> 40 </div>
41 </div> 41 </div>
42 <div class="row"> 42 <div class="row">
43 <div class="col-auto" ng-repeat="cab in cabecera" ng-show="showCabecera"> 43 <div class="col-auto" ng-repeat="cab in cabecera" ng-show="showCabecera">
44 <span class="label" ng-bind="cab.label"></span> 44 <span class="label" ng-bind="cab.label"></span>
45 <span class="valor" ng-bind="cab.valor"></span> 45 <span class="valor" ng-bind="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 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="1" 164 min="1"
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 | currency: remito.moneda.SIMBOLO : 4"> 175 ng-bind="articulo.precio | currency: remito.moneda.SIMBOLO : 4">
176 </i> 176 </i>
177 </td> 177 </td>
178 <td 178 <td
179 class="col text-right" 179 class="col text-right"
180 ng-bind="(articulo.precio * articulo.cantidad) | currency: remito.moneda.SIMBOLO"> 180 ng-bind="(articulo.precio * articulo.cantidad) | currency: remito.moneda.SIMBOLO">
181 </td> 181 </td>
182 <td class="text-center"> 182 <td class="text-center">
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 ng-model="articuloACargar.cantidad" 217 ng-model="articuloACargar.cantidad"
218 foca-focus="!cargando" 218 foca-focus="!cargando"
219 esc-key="resetFilter()" 219 esc-key="resetFilter()"
220 ng-keypress="agregarATabla($event.keyCode)" 220 ng-keypress="agregarATabla($event.keyCode)"
221 teclado-virtual 221 teclado-virtual
222 > 222 >
223 </td> 223 </td>
224 <td class="col text-right"> 224 <td class="col text-right">
225 <input 225 <input
226 class="form-control" 226 class="form-control"
227 ng-value="articuloACargar.precio | currency: remito.moneda.SIMBOLO : 4" 227 ng-value="articuloACargar.precio | currency: remito.moneda.SIMBOLO : 4"
228 ng-show="idLista != -1" 228 ng-show="idLista != -1"
229 readonly 229 readonly
230 > 230 >
231 <input 231 <input
232 class="form-control" 232 class="form-control"
233 foca-tipo-input 233 foca-tipo-input
234 step="0.0001" 234 step="0.0001"
235 ng-model="articuloACargar.precio" 235 ng-model="articuloACargar.precio"
236 esc-key="resetFilter()" 236 esc-key="resetFilter()"
237 ng-keypress="agregarATabla($event.keyCode)" 237 ng-keypress="agregarATabla($event.keyCode)"
238 ng-show="idLista == -1" 238 ng-show="idLista == -1"
239 teclado-virtual 239 teclado-virtual
240 > 240 >
241 </td> 241 </td>
242 <td class="col text-right"> 242 <td class="col text-right">
243 <input 243 <input
244 class="form-control" 244 class="form-control"
245 ng-value="getSubTotal() | currency: remito.moneda.SIMBOLO" 245 ng-value="getSubTotal() | currency: remito.moneda.SIMBOLO"
246 readonly 246 readonly
247 ></td> 247 ></td>
248 <td class="text-center align-middle"> 248 <td class="text-center align-middle">
249 <button 249 <button
250 class="btn btn-outline-secondary" 250 class="btn btn-outline-secondary"
251 ng-click="agregarATabla(13)" 251 ng-click="agregarATabla(13)"
252 > 252 >
253 <i class="fa fa-save"></i> 253 <i class="fa fa-save"></i>
254 </button> 254 </button>
255 </td> 255 </td>
256 </tr> 256 </tr>
257 <tr ng-show="cargando" class="d-flex"> 257 <tr ng-show="cargando" class="d-flex">
258 <td colspan="7" class="col-12"> 258 <td colspan="7" class="col-12">
259 <input 259 <input
260 placeholder="Seleccione Articulo" 260 placeholder="Seleccione Articulo"
261 class="form-control form-control-sm" 261 class="form-control form-control-sm"
262 readonly 262 readonly
263 ng-click="seleccionarArticulo()" 263 ng-click="seleccionarArticulo()"
264 /> 264 />
265 </td> 265 </td>
266 </tr> 266 </tr>
267 <tr class="d-flex"> 267 <tr class="d-flex">
268 <td colspan="4" class="no-border-top"> 268 <td colspan="4" class="no-border-top">
269 <strong>Items:</strong> 269 <strong>Items:</strong>
270 <a ng-bind="articulosTabla.length"></a> 270 <a ng-bind="articulosTabla.length"></a>
271 </td> 271 </td>
272 <td class="text-right ml-auto table-celda-total no-border-top"> 272 <td class="text-right ml-auto table-celda-total no-border-top">
273 <h3>Total:</h3> 273 <h3>Total:</h3>
274 </td> 274 </td>
275 <td class="table-celda-total text-right no-border-top" colspan="1"> 275 <td class="table-celda-total text-right no-border-top" colspan="1">
276 <h3>{{getTotal() | currency: remito.moneda.SIMBOLO}}</h3> 276 <h3>{{getTotal() | currency: remito.moneda.SIMBOLO}}</h3>
277 </td> 277 </td>
278 <td class="text-right no-border-top"> 278 <td class="text-right no-border-top">
279 <button 279 <button
280 type="button" 280 type="button"
281 class="btn btn-default btn-sm" 281 class="btn btn-default btn-sm"
282 > 282 >
283 Totales 283 Totales
284 </button> 284 </button>
285 </td> 285 </td>
286 </tr> 286 </tr>
287 </tfoot> 287 </tfoot>
288 </table> 288 </table>
289 </div> 289 </div>
290 290
291 <!-- MOBILE --> 291 <!-- MOBILE -->
292 <div class="row d-sm-none"> 292 <div class="row d-sm-none">
293 <table class="table table-sm table-striped table-dark margin-bottom-mobile"> 293 <table class="table table-sm table-striped table-dark margin-bottom-mobile">
294 <thead> 294 <thead>
295 <tr class="d-flex"> 295 <tr class="d-flex">
296 <th class="">#</th> 296 <th class="">#</th>
297 <th class="col px-0"> 297 <th class="col px-0">
298 <div class="d-flex"> 298 <div class="d-flex">
299 <div class="col-4 px-1">Código</div> 299 <div class="col-4 px-1">Código</div>
300 <div class="col-8 px-1">Descripción</div> 300 <div class="col-8 px-1">Descripción</div>
301 </div> 301 </div>
302 <div class="d-flex"> 302 <div class="d-flex">
303 <div class="col-3 px-1">Cantidad</div> 303 <div class="col-3 px-1">Cantidad</div>
304 <div class="col px-1 text-right">P. Uni.</div> 304 <div class="col px-1 text-right">P. Uni.</div>
305 <div class="col px-1 text-right">Subtotal</div> 305 <div class="col px-1 text-right">Subtotal</div>
306 </div> 306 </div>
307 </th> 307 </th>
308 <th class="text-center tamaño-boton"> 308 <th class="text-center tamaño-boton">
309 &nbsp; 309 &nbsp;
310 </th> 310 </th>
311 </tr> 311 </tr>
312 </thead> 312 </thead>
313 <tbody> 313 <tbody>
314 <tr 314 <tr
315 ng-repeat="(key, articulo) in articulosTabla" 315 ng-repeat="(key, articulo) in articulosTabla"
316 ng-show="show || key == articulosTabla.length - 1" 316 ng-show="show || key == articulosTabla.length - 1"
317 > 317 >
318 <td class="w-100 align-middle d-flex p-0"> 318 <td class="w-100 align-middle d-flex p-0">
319 <div class="align-middle p-1"> 319 <div class="align-middle p-1">
320 <span ng-bind="key+1" class="align-middle"></span> 320 <span ng-bind="key+1" class="align-middle"></span>
321 </div> 321 </div>
322 <div class="col px-0"> 322 <div class="col px-0">
323 <div class="d-flex"> 323 <div class="d-flex">
324 <div class="col-4 px-1"> 324 <div class="col-4 px-1">
325 <span 325 <span
326 ng-bind="articulo.sector + '-' + articulo.codigo" 326 ng-bind="articulo.sector + '-' + articulo.codigo"
327 ></span> 327 ></span>
328 </div> 328 </div>
329 <div class="col-8 px-1"> 329 <div class="col-8 px-1">
330 <span ng-bind="articulo.descripcion"></span> 330 <span
331 ng-bind="'x' + articulo.cantidad"
332 ng-hide="articulo.editCantidad"
333 ></span>
334 <i
335 class="fa fa-pencil text-white-50"
336 aria-hidden="true"
337 ng-hide="articulo.editCantidad"
338 ng-click="articulo.editCantidad = true"
339 ></i>
340 <input
341 ng-show="articulo.editCantidad"
342 ng-model="articulo.cantidad"
343 class="form-control"
344 foca-tipo-input
345 min="1"
346 step="0.001"
347 foca-focus="articulo.editCantidad"
348 ng-keypress="editarArticulo($event.keyCode, articulo)"
349 ng-focus="selectFocus($event)"
350 >
331 </div> 351 </div>
332 </div> 352 </div>
333 <div class="d-flex"> 353 <div class="d-flex">
334 <div class="col-3 px-1"> 354 <div class="col-3 px-1">
335 <span ng-bind="'x' + articulo.cantidad"></span> 355 <span ng-bind="'x' + articulo.cantidad"></span>
336 </div> 356 </div>
337 <div class="col-3 px-1 text-right"> 357 <div class="col px-1 text-right">
338 <span ng-bind="articulo.precio | currency: remito.moneda.SIMBOLO : 4"></span> 358 <span ng-bind="articulo.precio | currency: remito.moneda.SIMBOLO : 4"></span>
339 </div> 359 </div>
340 <div class="col px-1 text-right"> 360 <div class="col px-1 text-right">
341 <span 361 <span
342 ng-bind="(articulo.precio * articulo.cantidad) | currency: remito.moneda.SIMBOLO" 362 ng-bind="(articulo.precio * articulo.cantidad) | currency: remito.moneda.SIMBOLO"
343 > 363 >
344 </span> 364 </span>
345 </div> 365 </div>
346 </div> 366 </div>
347 </div> 367 </div>
348 <div class="align-middle p-1"> 368 <div class="align-middle p-1">
349 <button 369 <button
350 class="btn btn-outline-secondary" 370 class="btn btn-outline-secondary"
351 ng-click="quitarArticulo(key)" 371 ng-click="quitarArticulo(key)"
352 > 372 >
353 <i class="fa fa-trash"></i> 373 <i class="fa fa-trash"></i>
354 </button> 374 </button>
355 </div> 375 </div>
356 </td> 376 </td>
357 </tr> 377 </tr>
358 </tbody> 378 </tbody>
359 <tfoot> 379 <tfoot>
360 <!-- CARGANDO ITEM --> 380 <!-- CARGANDO ITEM -->
361 <tr ng-show="!cargando" class="d-flex"> 381 <tr ng-show="!cargando" class="d-flex">
362 <td 382 <td
363 class="align-middle p-1" 383 class="align-middle p-1"
364 ng-bind="articulosTabla.length + 1" 384 ng-bind="articulosTabla.length + 1"
365 ></td> 385 ></td>
366 <td class="col p-0"> 386 <td class="col p-0">
367 <div class="d-flex"> 387 <div class="d-flex">
368 <div class="col-4 px-1"> 388 <div class="col-4 px-1">
369 <span 389 <span
370 ng-bind="articuloACargar.sectorCodigo" 390 ng-bind="articuloACargar.sectorCodigo"
371 ></span> 391 ></span>
372 </div> 392 </div>
373 <div class="col-8 px-1"> 393 <div class="col-8 px-1">
374 <span ng-bind="articuloACargar.descripcion"></span> 394 <span ng-bind="articuloACargar.descripcion"></span>
375 </div> 395 </div>
376 </div> 396 </div>
377 <div class="d-flex"> 397 <div class="d-flex">
378 <div class="col-3 px-1 m-1"> 398 <div class="col-3 px-1 m-1">
379 <input 399 <input
380 class="form-control p-1" 400 class="form-control p-1"
381 foca-tipo-input 401 foca-tipo-input
382 min="1" 402 min="1"
383 ng-model="articuloACargar.cantidad" 403 ng-model="articuloACargar.cantidad"
384 foca-focus="!cargando" 404 foca-focus="!cargando"
385 ng-keypress="agregarATabla($event.keyCode)" 405 ng-keypress="agregarATabla($event.keyCode)"
386 style="height: auto; line-height: 1.1em" 406 style="height: auto; line-height: 1.1em"
387 > 407 >
388 </div> 408 </div>
389 <div class="col-3 px-1 text-right"> 409 <div class="col px-1 text-right">
390 <span ng-bind="articuloACargar.precio | currency: remito.moneda.SIMBOLO : 4"></span> 410 <span ng-bind="articuloACargar.precio | currency: remito.moneda.SIMBOLO : 4"></span>
391 </div> 411 </div>
392 <div class="col px-1 text-right"> 412 <div class="col px-1 text-right">
393 <span 413 <span
394 ng-bind="getSubTotal() | currency: remito.moneda.SIMBOLO" 414 ng-bind="getSubTotal() | currency: remito.moneda.SIMBOLO"
395 > 415 >
396 </span> 416 </span>
397 </div> 417 </div>
398 </div> 418 </div>
399 </td> 419 </td>
400 <td class="text-center align-middle"> 420 <td class="text-center align-middle">
401 <button 421 <button
402 class="btn btn-outline-secondary" 422 class="btn btn-outline-secondary"
403 ng-click="agregarATabla(13)" 423 ng-click="agregarATabla(13)"
404 > 424 >
405 <i class="fa fa-save"></i> 425 <i class="fa fa-save"></i>
406 </button> 426 </button>
407 </td> 427 </td>
408 </tr> 428 </tr>
409 <!-- SELECCIONAR PRODUCTO --> 429 <!-- SELECCIONAR PRODUCTO -->
410 <tr ng-show="cargando" class="d-flex"> 430 <tr ng-show="cargando" class="d-flex">
411 <td class="col-12"> 431 <td class="col-12">
412 <input 432 <input
413 placeholder="Seleccione Articulo" 433 placeholder="Seleccione Articulo"
414 class="form-control form-control-sm" 434 class="form-control form-control-sm"
415 readonly 435 readonly
416 ng-click="seleccionarArticulo()" 436 ng-click="seleccionarArticulo()"
417 /> 437 />
418 </td> 438 </td>
419 </tr> 439 </tr>
420 <!-- TOOGLE EXPANDIR --> 440 <!-- TOOGLE EXPANDIR -->
421 <tr> 441 <tr>
422 <td class="col"> 442 <td class="col">
423 <button 443 <button
424 class="btn btn-outline-secondary selectable w-100" 444 class="btn btn-outline-secondary selectable w-100"
425 ng-click="show = !show; masMenos()" 445 ng-click="show = !show; masMenos()"
426 ng-show="articulosTabla.length > 0" 446 ng-show="articulosTabla.length > 0"
427 > 447 >
428 <i 448 <i
429 class="fa fa-chevron-down" 449 class="fa fa-chevron-down"
430 ng-hide="show" 450 ng-hide="show"
431 aria-hidden="true" 451 aria-hidden="true"
432 > 452 >
433 </i> 453 </i>
434 <i 454 <i
435 class="fa fa-chevron-up" 455 class="fa fa-chevron-up"
436 ng-show="show" 456 ng-show="show"
437 aria-hidden="true"> 457 aria-hidden="true">
438 </i> 458 </i>
439 </button> 459 </button>
440 </td> 460 </td>
441 </tr> 461 </tr>
442 <!-- FOOTER --> 462 <!-- FOOTER -->
443 <tr class="d-flex"> 463 <tr class="d-flex">
444 <td class="align-middle no-border-top" colspan="2"> 464 <td class="align-middle no-border-top" colspan="2">
445 <strong>Cantidad Items:</strong> 465 <strong>Cantidad Items:</strong>
446 <a ng-bind="articulosTabla.length"></a> 466 <a ng-bind="articulosTabla.length"></a>
447 </td> 467 </td>
448 <td class="text-right ml-auto table-celda-total no-border-top"> 468 <td class="text-right ml-auto table-celda-total no-border-top">
449 <h3>Total:</h3> 469 <h3>Total:</h3>
450 </td> 470 </td>
451 <td class="table-celda-total text-right no-border-top"> 471 <td class="table-celda-total text-right no-border-top">
452 <h3>{{getTotal() | currency: remito.moneda.SIMBOLO}}</h3> 472 <h3>{{getTotal() | currency: remito.moneda.SIMBOLO}}</h3>
453 </td> 473 </td>
454 </tr> 474 </tr>
455 </tfoot> 475 </tfoot>
456 </table> 476 </table>
457 </div> 477 </div>
458 </div> 478 </div>
459 <div class="col-auto my-2 col-lg-2 botonera-lateral d-none d-md-block"> 479 <div class="col-auto my-2 col-lg-2 botonera-lateral d-none d-md-block">
460 <div class="row align-items-end"> 480 <div class="row align-items-end">
461 <div class="col-12"> 481 <div class="col-12">
462 <button 482 <button
463 ng-click="crearRemito()" 483 ng-click="crearRemito()"
464 type="submit" 484 type="submit"
465 title="Crear nota remito" 485 title="Crear nota remito"
466 class="btn btn-default btn-block mb-2"> 486 class="btn btn-default btn-block mb-2">
467 Guardar 487 Guardar
468 </button> 488 </button>
469 <button 489 <button
470 ng-click="salir()" 490 ng-click="salir()"
471 type="button" 491 type="button"
472 title="Salir" 492 title="Salir"
473 class="btn btn-default btn-block"> 493 class="btn btn-default btn-block">
474 Salir 494 Salir
475 </button> 495 </button>
476 </div> 496 </div>
477 </div> 497 </div>
478 </div> 498 </div>
479 </div> 499 </div>
480 <div class="row d-md-none fixed-bottom"> 500 <div class="row d-md-none fixed-bottom">
481 <div class="w-100 bg-dark d-flex px-3 acciones-mobile"> 501 <div class="w-100 bg-dark d-flex px-3 acciones-mobile">
482 <span class="ml-3 text-muted" ng-click="salir()">Salir</span> 502 <span class="ml-3 text-muted" ng-click="salir()">Salir</span>
483 <span class="mr-3 ml-auto" ng-click="crearRemito()">Guardar</span> 503 <span class="mr-3 ml-auto" ng-click="crearRemito()">Guardar</span>
484 </div> 504 </div>
485 </div> 505 </div>
486 </div> 506 </div>
487 507