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