Luigi / foca-crear-remito

Download as
Browse Code »

Commit 26316adfa7049877a08771fd275393ef5dd414f0

Authored by Eric Fernandez
1 parent 8ceb5c49d9
Exists in master

tipo input y teclado virtual

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