Eric Fernandez / foca-crear-remito

Download as
Browse Code »

Commit b09c4c16e296e83ccdb69ae35fd97148c05742f2

Authored by Jose Pinto
1 parent 49454ac677
Exists in master

Nuevo diseño

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