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