From b09c4c16e296e83ccdb69ae35fd97148c05742f2 Mon Sep 17 00:00:00 2001
From: Jose Pinto <ejosepintog@gmail.com>
Date: Thu, 13 Dec 2018 17:47:46 -0300
Subject: [PATCH] =?UTF-8?q?Nuevo=20dise=C3=B1o?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/js/controller.js  |  21 +-
 src/views/remito.html | 773 +++++++++++++++++++++++++-------------------------
 2 files changed, 398 insertions(+), 396 deletions(-)

diff --git a/src/js/controller.js b/src/js/controller.js
index 0699fc5..3b72234 100644
--- a/src/js/controller.js
+++ b/src/js/controller.js
@@ -7,21 +7,28 @@ angular.module('focaCrearRemito') .controller('remitoController',
             remitoBusinessService, $rootScope)
         {
             $scope.botonera = [
-                {texto: 'Nota Pedido', accion: function() {
+                {texto: 'Nota Pedido', imagen: '../img/abmPrecios.png', accion: function() {
                     varlidarRemitoFacturado($scope.seleccionarNotaPedido);}},
-                {texto: 'Vendedor', accion: function() {
+                {texto: 'Vendedor', imagen: '../img/abmPrecios.png', accion: function() {
                     varlidarRemitoFacturado($scope.seleccionarVendedor);}},
-                {texto: 'Cliente', accion: function() {
+                {texto: 'Cliente', imagen: '../img/abmPrecios.png', accion: function() {
                     varlidarRemitoFacturado($scope.seleccionarCliente);}},
-                {texto: 'Proveedor', accion: function() {
+                {texto: 'Proveedor', imagen: '../img/abmPrecios.png', accion: function() {
                     varlidarRemitoFacturado($scope.seleccionarProveedor);}},
-                {texto: 'Moneda', accion: function() {
+                {texto: 'Moneda', imagen: '../img/abmPrecios.png', accion: function() {
                     varlidarRemitoFacturado($scope.abrirModalMoneda);}},
-                {texto: 'Precios y condiciones', accion: function() {
+                {texto: 'Precios y condiciones', imagen: '../img/abmPrecios.png', accion: function() {
                     varlidarRemitoFacturado($scope.abrirModalListaPrecio);}},
-                {texto: 'Flete', accion: function() {
+                {texto: 'Flete', imagen: '../img/abmPrecios.png', accion: function() {
                     varlidarRemitoFacturado($scope.abrirModalFlete);}},
+                {texto: 'Productos', imagen: '../img/abmPrecios.png', accion: function() {
+                    $scope.seleccionarArticulo();
+                }},
+                {texto: '', accion: function() {}},
+                {texto: '', accion: function() {}},
+                {texto: '', accion: function() {}},
                 {texto: '', accion: function() {}}
+
             ];
             $scope.isNumber = angular.isNumber;
             $scope.datepickerAbierto = false;
diff --git a/src/views/remito.html b/src/views/remito.html
index 046411e..034e8e1 100644
--- a/src/views/remito.html
+++ b/src/views/remito.html
@@ -1,29 +1,29 @@
-<div class="crear-nota-remito">
-    <form name="formCrearNota" ng-submit="crearRemito()" class="mb-0">
+<div class="crear-nota-remito row">
+    <form name="formCrearNota" ng-submit="crearRemito()" class="mb-0 col-lg-12">
         <div class="row">
-            <div class="col-md-10 offset-md-1 col-lg-8 offset-lg-2">
-                <div class="row p-1 panel-informativo">
+            <div class="col-md-10 col-lg-12">
+                <div class="row panel-informativo">
                     <div class="col-12">
-                        <div class="row">
-                            <div class="col-12 col-sm-4 nota-remito">
-                                <h5>REMITO</h5>
+                        <div class="row titulares">
+                            <div class="col-12 col-sm-3 border border-white border-left-0 align-middle nota-remito">
+                                <h5 class="mb-0">REMITO</h5>
                             </div>
-                            <div class="col-5 col-sm-4 numero-remito"
+                            <div class="col-5 col-sm-3 border border-white align-middle numero-remito"
                                 >
                                 Nº {{puntoVenta}}-{{comprobante}}
                                 <button
-                                    class="btn btn-xs btn-outline-dark"
+                                    class="btn btn-xs btn-outline-light float-right"
                                     type="button"
                                     ng-click="seleccionarRemito()"
                                 >
                                     <i class="fa fa-search"></i>
                                 </button>
                             </div>
-                            <div class="col-7 col-sm-4 text-right">
+                            <div class="col-7 col-sm-3 border border-white align-middle">
                                 Fecha:
                                 <span
                                     ng-show="!datepickerAbierto"
-                                    ng-bind="now | date:'dd/MM/yyyy HH:mm'"
+                                    ng-bind="now | date:'dd/MM/yyyy'"
                                     ng-click="datepickerAbierto = true"
                                 >
                                 </span>
@@ -38,8 +38,17 @@
                                     hasta-hoy
                                 />
                             </div>
+                            <div class="col-7 col-sm-3 border border-white border-right-0 align-middle">
+                                    Hora:
+                                    <span
+                                        ng-show="!datepickerAbierto"
+                                        ng-bind="now | date:'HH:mm'"
+                                        ng-click="datepickerAbierto = true"
+                                    >
+                                    </span>
+                                </div>
                         </div>
-                        <div class="row">
+                        <div class="row py-2">
                             <div class="col-auto" ng-repeat="cab in cabecera" ng-show="showCabecera">
                                 <span class="label" ng-bind="cab.label"></span>
                                 <span class="valor" ng-bind="cab.valor" ng-if="!isNumber(cab.valor)"></span>
@@ -65,437 +74,423 @@
                         </div>
                     </div>
                 </div>
-                <div class="row p-1 botonera-secundaria">
+                
+            </div>
+        </div>
+    </form>
+    <div class="col-lg-12">
+        <div class="row mt-4">
+            <div class="col-12 col-md-10 col-lg-10 border border-light rounded">
+                <div class="row p-1 botonera-secundaria px-5 py-2">
                     <div class="col-12">
                         <div class="row">
-                            <div class="col-6 col-sm-3 px-0 py-0" ng-repeat="boton in botonera">
+                            <div 
+                                class="col-6 col-sm-2 px-1 py-1 m-auto m-md-0" 
+                                ng-repeat="boton in botonera"
+                                ng-class="{'d-none d-md-grid': boton.texto == ''}">
                                 <button
                                     type="button"
-                                    class="btn btn-default btn-block btn-xs text-left py-2"
+                                    class="btn btn-default btn-block btn-xs text-center py-1 rounded border border-light"
                                     ng-click="boton.accion()"
-                                    ng-class="{'d-none d-sm-block': boton.texto == ''}"
+                                    ng-class="{'d-sm-block h-100': boton.texto == ''}"
                                 >
-                                    <i
-                                        class="fa fa-arrow-circle-right"
-                                        ng-show="boton.texto != ''"
-                                    ></i>
-                                    &nbsp;
-                                    {{boton.texto}}
+                                    <img src="{{boton.imagen}}" alt="" ng-if="boton.imagen">
+                                    <span>{{boton.texto}}</span>
                                 </button>
                             </div>
                         </div>
                     </div>
                 </div>
-            </div>
-        </div>
-    </form>
-    <div class="row">
-        <div class="col-12 col-md-10 col-lg-8 offset-md-1 offset-lg-2">
-            <!-- PC -->
-            <div class="row grilla-articulo align-items-end d-none d-sm-flex">
-                <table class="table tabla-articulo table-striped table-sm table-dark">
-                    <thead>
-                        <tr class="d-flex">
-                            <th class="">#</th>
-                            <th class="col">Código</th>
-                            <th class="col-4">Descripción</th>
-                            <th class="col text-right">Cantidad</th>
-                            <th class="col text-right">Precio Unitario</th>
-                            <th class="col text-right">SubTotal</th>
-                            <th class="text-right">
-                                <button
-                                    class="btn btn-outline-secondary selectable"
-                                    ng-click="show = !show; masMenos()"
-                                >
-                                    <i
-                                        class="fa fa-chevron-down"
-                                        ng-show="show"
-                                        aria-hidden="true"
+                <!-- PC -->
+                <div class="row grilla-articulo align-items-end d-none d-sm-flex">
+                    <table class="table tabla-articulo table-striped table-sm mb-0 rounded-bottom">
+                        <thead>
+                            <tr class="d-flex">
+                                <th class="">#</th>
+                                <th class="col">Código</th>
+                                <th class="col-4">Descripción</th>
+                                <th class="col text-right">Cantidad</th>
+                                <th class="col text-right">Precio Unitario</th>
+                                <th class="col text-right">SubTotal</th>
+                                <th class="text-right">
+                                    <button
+                                        class="btn btn-outline-secondary selectable"
+                                        ng-click="show = !show; masMenos()"
+                                    >
+                                        <i
+                                            class="fa fa-chevron-down"
+                                            ng-show="show"
+                                            aria-hidden="true"
+                                        >
+                                        </i>
+                                        <i
+                                            class="fa fa-chevron-up"
+                                            ng-hide="show"
+                                            aria-hidden="true">
+                                        </i>
+                                    </button>
+                                </th>
+                            </tr>
+                        </thead>
+                        <tbody class="tabla-articulo-body">
+                            <tr
+                                ng-repeat="(key, articulo) in articulosTabla"
+                                ng-show="show || key == (articulosTabla.length - 1)"
+                                class="d-flex"
+                            >
+                                <td ng-bind="key + 1"></td>
+                                <td 
+                                    class="col" 
+                                    ng-bind="articulo.sector + '-' + articulo.codigo"
+                                ></td>
+                                <td
+                                    class="col-4" 
+                                    ng-bind="articulo.descripcion"
+                                ></td>
+                                <td class="col text-right">
+                                    <input
+                                        ng-show="articulo.editCantidad"
+                                        ng-model="articulo.cantidad"
+                                        class="form-control"
+                                        foca-tipo-input
+                                        min="1"
+                                        foca-focus="articulo.editCantidad"
+                                        ng-keypress="editarArticulo($event.keyCode, articulo)"
+                                        ng-focus="selectFocus($event)"
+                                        teclado-virtual
                                     >
+                                    <i
+                                        class="selectable"
+                                        ng-click="cambioEdit(articulo, 'cantidad')"
+                                        ng-hide="articulo.editCantidad"
+                                        ng-bind="articulo.cantidad">
                                     </i>
+                                </td>
+                                <td class="col text-right">
+                                    <input
+                                        ng-show="articulo.editPrecio"
+                                        ng-model="articulo.precio"
+                                        class="form-control"
+                                        foca-tipo-input
+                                        min="1"
+                                        step="0.0001"
+                                        foca-focus="articulo.editPrecio"
+                                        ng-keypress="editarArticulo($event.keyCode, articulo)"
+                                        ng-focus="selectFocus($event)"
+                                        teclado-virtual
+                                    >
                                     <i
-                                        class="fa fa-chevron-up"
-                                        ng-hide="show"
-                                        aria-hidden="true">
+                                        class="selectable"
+                                        ng-click="idLista == -1 && cambioEdit(articulo, 'precio')"
+                                        ng-hide="articulo.editPrecio"
+                                        ng-bind="articulo.precio | currency: remito.moneda.SIMBOLO : 4">
                                     </i>
-                                </button>
-                            </th>
-                        </tr>
-                    </thead>
-                    <tbody class="tabla-articulo-body">
-                        <tr
-                            ng-repeat="(key, articulo) in articulosTabla"
-                            ng-show="show || key == (articulosTabla.length - 1)"
-                            class="d-flex"
-                        >
-                            <td ng-bind="key + 1"></td>
-                            <td 
-                                class="col" 
-                                ng-bind="articulo.sector + '-' + articulo.codigo"
-                            ></td>
-                            <td
-                                class="col-4" 
-                                ng-bind="articulo.descripcion"
-                            ></td>
-                            <td class="col text-right">
-                                <input
-                                    ng-show="articulo.editCantidad"
-                                    ng-model="articulo.cantidad"
-                                    class="form-control"
-                                    foca-tipo-input
-                                    min="1"
-                                    foca-focus="articulo.editCantidad"
-                                    ng-keypress="editarArticulo($event.keyCode, articulo)"
-                                    ng-focus="selectFocus($event)"
-                                    teclado-virtual
-                                >
-                                <i
-                                    class="selectable"
-                                    ng-click="cambioEdit(articulo, 'cantidad')"
-                                    ng-hide="articulo.editCantidad"
-                                    ng-bind="articulo.cantidad">
-                                </i>
-                            </td>
-                            <td class="col text-right">
-                                <input
-                                    ng-show="articulo.editPrecio"
-                                    ng-model="articulo.precio"
-                                    class="form-control"
-                                    foca-tipo-input
-                                    min="1"
-                                    step="0.0001"
-                                    foca-focus="articulo.editPrecio"
-                                    ng-keypress="editarArticulo($event.keyCode, articulo)"
-                                    ng-focus="selectFocus($event)"
-                                    teclado-virtual
-                                >
-                                <i
-                                    class="selectable"
-                                    ng-click="idLista == -1 && cambioEdit(articulo, 'precio')"
-                                    ng-hide="articulo.editPrecio"
-                                    ng-bind="articulo.precio | currency: remito.moneda.SIMBOLO : 4">
-                                </i>
-                            </td>
-                            <td
-                                class="col text-right"
-                                ng-bind="(articulo.precio * articulo.cantidad) | currency: remito.moneda.SIMBOLO">
-                            </td>
-                            <td class="text-center">
-                                <button
-                                    class="btn btn-outline-secondary"
-                                    ng-click="quitarArticulo(key)"
-                                >
-                                    <i class="fa fa-trash"></i>
-                                </button>
-                            </td>
-                        </tr>
-                    </tbody>
-                    <tfoot>
-                        <tr ng-show="!cargando" class="d-flex">
-                            <td 
-                                class="align-middle" 
-                                ng-bind="articulosTabla.length + 1"
-                            ></td>
-                            <td class="col">
-                                <input
-                                    class="form-control"
-                                    ng-model="articuloACargar.sectorCodigo"
-                                    readonly
-                                >
-                            </td>
-                            <td class="col-4 tabla-articulo-descripcion">
-                                <input
-                                    class="form-control"
-                                    ng-model="articuloACargar.descripcion"
-                                    readonly
-                                >
-                            </td>
-                            <td class="col text-right">
-                                <input
-                                    class="form-control"
-                                    foca-tipo-input
-                                    min="1"
-                                    ng-model="articuloACargar.cantidad"
-                                    foca-focus="!cargando"
-                                    esc-key="resetFilter()"
-                                    ng-keypress="agregarATabla($event.keyCode)"
-                                    teclado-virtual
-                                >
-                            </td>
-                            <td class="col text-right">
-                                <input
-                                    class="form-control"
-                                    ng-value="articuloACargar.precio | currency: remito.moneda.SIMBOLO : 4"
-                                    ng-show="idLista != -1"
-                                    readonly
-                                >
-                                <input
-                                    class="form-control"
-                                    foca-tipo-input
-                                    step="0.0001"
-                                    ng-model="articuloACargar.precio"
-                                    esc-key="resetFilter()"
-                                    ng-keypress="agregarATabla($event.keyCode)"
-                                    ng-show="idLista == -1"
-                                    teclado-virtual
-                                >
-                            </td>
-                            <td class="col text-right">
-                                <input
-                                    class="form-control"
-                                    ng-value="getSubTotal() | currency: remito.moneda.SIMBOLO"
-                                    readonly
+                                </td>
+                                <td
+                                    class="col text-right"
+                                    ng-bind="(articulo.precio * articulo.cantidad) | currency: remito.moneda.SIMBOLO">
+                                </td>
+                                <td class="text-center">
+                                    <button
+                                        class="btn btn-outline-secondary"
+                                        ng-click="quitarArticulo(key)"
+                                    >
+                                        <i class="fa fa-trash"></i>
+                                    </button>
+                                </td>
+                            </tr>
+                        </tbody>
+                        <tfoot>
+                            <tr ng-show="!cargando" class="d-flex">
+                                <td 
+                                    class="align-middle" 
+                                    ng-bind="articulosTabla.length + 1"
                                 ></td>
-                            <td class="text-center align-middle">
-                                <button
-                                    class="btn btn-outline-secondary"
-                                    ng-click="agregarATabla(13)"
-                                >
-                                    <i class="fa fa-save"></i>
-                                </button>
-                            </td>
-                        </tr>
-                        <tr ng-show="cargando" class="d-flex">
-                            <td colspan="7" class="col-12">
-                                <input
-                                    placeholder="Seleccione Articulo"
-                                    class="form-control form-control-sm"
-                                    readonly
-                                    ng-click="seleccionarArticulo()"
-                                />
-                            </td>
-                        </tr>
-                        <tr class="d-flex">
-                            <td colspan="4" class="no-border-top">
-                                <strong>Items:</strong>
-                                <a ng-bind="articulosTabla.length"></a>
-                            </td>
-                            <td class="text-right ml-auto table-celda-total no-border-top">
-                                <h3>Total:</h3>
-                            </td>
-                            <td class="table-celda-total text-right no-border-top" colspan="1">
-                                <h3>{{getTotal() | currency: remito.moneda.SIMBOLO}}</h3>
-                            </td>
-                            <td class="text-right no-border-top">
-                                <button
-                                    type="button"
-                                    class="btn btn-default btn-sm"
-                                >
-                                    Totales
-                                </button>
-                            </td>
-                        </tr>
-                    </tfoot>
-                </table>
-            </div>
+                                <td class="col">
+                                    <input
+                                        class="form-control"
+                                        ng-model="articuloACargar.sectorCodigo"
+                                        readonly
+                                    >
+                                </td>
+                                <td class="col-4 tabla-articulo-descripcion">
+                                    <input
+                                        class="form-control"
+                                        ng-model="articuloACargar.descripcion"
+                                        readonly
+                                    >
+                                </td>
+                                <td class="col text-right">
+                                    <input
+                                        class="form-control"
+                                        foca-tipo-input
+                                        min="1"
+                                        ng-model="articuloACargar.cantidad"
+                                        foca-focus="!cargando"
+                                        esc-key="resetFilter()"
+                                        ng-keypress="agregarATabla($event.keyCode)"
+                                        teclado-virtual
+                                    >
+                                </td>
+                                <td class="col text-right">
+                                    <input
+                                        class="form-control"
+                                        ng-value="articuloACargar.precio | currency: remito.moneda.SIMBOLO : 4"
+                                        ng-show="idLista != -1"
+                                        readonly
+                                    >
+                                    <input
+                                        class="form-control"
+                                        foca-tipo-input
+                                        step="0.0001"
+                                        ng-model="articuloACargar.precio"
+                                        esc-key="resetFilter()"
+                                        ng-keypress="agregarATabla($event.keyCode)"
+                                        ng-show="idLista == -1"
+                                        teclado-virtual
+                                    >
+                                </td>
+                                <td class="col text-right">
+                                    <input
+                                        class="form-control"
+                                        ng-value="getSubTotal() | currency: remito.moneda.SIMBOLO"
+                                        readonly
+                                    ></td>
+                                <td class="text-center align-middle">
+                                    <button
+                                        class="btn btn-outline-secondary"
+                                        ng-click="agregarATabla(13)"
+                                    >
+                                        <i class="fa fa-save"></i>
+                                    </button>
+                                </td>
+                            </tr>
 
-            <!-- MOBILE -->
-            <div class="row d-sm-none">
-                <table class="table table-sm table-striped table-dark margin-bottom-mobile">
-                    <thead>
-                        <tr class="d-flex">
-                            <th class="">#</th>
-                            <th class="col px-0">
-                                <div class="d-flex">
-                                    <div class="col-4 px-1">Código</div>
-                                    <div class="col-8 px-1">Descripción</div>
-                                </div>
-                                <div class="d-flex">
-                                    <div class="col-3 px-1">Cantidad</div>
-                                    <div class="col px-1 text-right">P. Uni.</div>
-                                    <div class="col px-1 text-right">Subtotal</div>
-                                </div>
-                            </th>
-                            <th class="text-center tamaño-boton">
-                                &nbsp;
-                            </th>
-                        </tr>
-                    </thead>
-                    <tbody>
-                        <tr 
-                            ng-repeat="(key, articulo) in articulosTabla"
-                            ng-show="show || key == articulosTabla.length - 1"
-                        >
-                            <td class="w-100 align-middle d-flex p-0">
-                                <div class="align-middle p-1">
-                                    <span ng-bind="key+1" class="align-middle"></span>
-                                </div>
-                                <div class="col px-0">
+                            <tr class="d-flex">
+                                <td colspan="4" class="no-border-top">
+                                    <strong>Items:</strong>
+                                    <a ng-bind="articulosTabla.length"></a>
+                                </td>
+                                <td class="text-right ml-auto table-celda-total no-border-top">
+                                    <h3>Total:</h3>
+                                </td>
+                                <td class="table-celda-total text-right no-border-top" colspan="1">
+                                    <h3>{{getTotal() | currency: remito.moneda.SIMBOLO}}</h3>
+                                </td>
+                                <td class="text-right no-border-top">
+                                    <button
+                                        type="button"
+                                        class="btn btn-default btn-sm"
+                                    >
+                                        Totales
+                                    </button>
+                                </td>
+                            </tr>
+                        </tfoot>
+                    </table>
+                </div>
+    
+                <!-- MOBILE -->
+                <div class="row d-sm-none">
+                    <table class="table table-sm table-striped table-dark margin-bottom-mobile">
+                        <thead>
+                            <tr class="d-flex">
+                                <th class="">#</th>
+                                <th class="col px-0">
+                                    <div class="d-flex">
+                                        <div class="col-4 px-1">Código</div>
+                                        <div class="col-8 px-1">Descripción</div>
+                                    </div>
+                                    <div class="d-flex">
+                                        <div class="col-3 px-1">Cantidad</div>
+                                        <div class="col px-1 text-right">P. Uni.</div>
+                                        <div class="col px-1 text-right">Subtotal</div>
+                                    </div>
+                                </th>
+                                <th class="text-center tamaño-boton">
+                                    &nbsp;
+                                </th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            <tr 
+                                ng-repeat="(key, articulo) in articulosTabla"
+                                ng-show="show || key == articulosTabla.length - 1"
+                            >
+                                <td class="w-100 align-middle d-flex p-0">
+                                    <div class="align-middle p-1">
+                                        <span ng-bind="key+1" class="align-middle"></span>
+                                    </div>
+                                    <div class="col px-0">
+                                        <div class="d-flex">
+                                            <div class="col-4 px-1">
+                                                <span 
+                                                    ng-bind="articulo.sector + '-' + articulo.codigo"
+                                                ></span>
+                                            </div>
+                                            <div class="col-8 px-1">
+                                                <span 
+                                                    ng-bind="'x' + articulo.cantidad"
+                                                    ng-hide="articulo.editCantidad"
+                                                ></span>
+                                                <i 
+                                                    class="fa fa-pencil text-white-50"
+                                                    aria-hidden="true"
+                                                    ng-hide="articulo.editCantidad"
+                                                    ng-click="articulo.editCantidad = true"
+                                                ></i>
+                                                <input
+                                                    ng-show="articulo.editCantidad"
+                                                    ng-model="articulo.cantidad"
+                                                    class="form-control"
+                                                    foca-tipo-input
+                                                    min="1"
+                                                    step="0.001"
+                                                    foca-focus="articulo.editCantidad"
+                                                    ng-keypress="editarArticulo($event.keyCode, articulo)"
+                                                    ng-focus="selectFocus($event)"
+                                                >
+                                            </div>
+                                        </div>
+                                        <div class="d-flex">
+                                            <div class="col-3 px-1">
+                                                <span ng-bind="'x' + articulo.cantidad"></span>
+                                            </div>
+                                            <div class="col px-1 text-right">
+                                                <span ng-bind="articulo.precio | currency: remito.moneda.SIMBOLO : 4"></span>
+                                            </div>
+                                            <div class="col px-1 text-right">
+                                                <span 
+                                                    ng-bind="(articulo.precio * articulo.cantidad) | currency: remito.moneda.SIMBOLO"
+                                                >
+                                                </span>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div class="align-middle p-1">
+                                        <button
+                                            class="btn btn-outline-secondary"
+                                            ng-click="quitarArticulo(key)"
+                                        >
+                                            <i class="fa fa-trash"></i>
+                                        </button>
+                                    </div>
+                                </td>
+                            </tr>
+                        </tbody>
+                        <tfoot>
+                            <!-- CARGANDO ITEM -->
+                            <tr ng-show="!cargando" class="d-flex">
+                                <td 
+                                    class="align-middle p-1" 
+                                    ng-bind="articulosTabla.length + 1"
+                                ></td>
+                                <td class="col p-0">
                                     <div class="d-flex">
                                         <div class="col-4 px-1">
                                             <span 
-                                                ng-bind="articulo.sector + '-' + articulo.codigo"
+                                                ng-bind="articuloACargar.sectorCodigo"
                                             ></span>
                                         </div>
                                         <div class="col-8 px-1">
-                                            <span 
-                                                ng-bind="'x' + articulo.cantidad"
-                                                ng-hide="articulo.editCantidad"
-                                            ></span>
-                                            <i 
-                                                class="fa fa-pencil text-white-50"
-                                                aria-hidden="true"
-                                                ng-hide="articulo.editCantidad"
-                                                ng-click="articulo.editCantidad = true"
-                                            ></i>
+                                            <span ng-bind="articuloACargar.descripcion"></span>
+                                        </div>
+                                    </div>
+                                    <div class="d-flex">
+                                        <div class="col-3 px-1 m-1">
                                             <input
-                                                ng-show="articulo.editCantidad"
-                                                ng-model="articulo.cantidad"
-                                                class="form-control"
+                                                class="form-control p-1"
                                                 foca-tipo-input
                                                 min="1"
-                                                step="0.001"
-                                                foca-focus="articulo.editCantidad"
-                                                ng-keypress="editarArticulo($event.keyCode, articulo)"
-                                                ng-focus="selectFocus($event)"
+                                                ng-model="articuloACargar.cantidad"
+                                                foca-focus="!cargando"
+                                                ng-keypress="agregarATabla($event.keyCode)"
+                                                style="height: auto; line-height: 1.1em"
                                             >
                                         </div>
-                                    </div>
-                                    <div class="d-flex">
-                                        <div class="col-3 px-1">
-                                            <span ng-bind="'x' + articulo.cantidad"></span>
-                                        </div>
                                         <div class="col px-1 text-right">
-                                            <span ng-bind="articulo.precio | currency: remito.moneda.SIMBOLO : 4"></span>
+                                            <span ng-bind="articuloACargar.precio | currency: remito.moneda.SIMBOLO : 4"></span>
                                         </div>
                                         <div class="col px-1 text-right">
                                             <span 
-                                                ng-bind="(articulo.precio * articulo.cantidad) | currency: remito.moneda.SIMBOLO"
+                                                ng-bind="getSubTotal() | currency: remito.moneda.SIMBOLO"
                                             >
                                             </span>
                                         </div>
                                     </div>
-                                </div>
-                                <div class="align-middle p-1">
+                                </td>
+                                <td class="text-center align-middle">
                                     <button
                                         class="btn btn-outline-secondary"
-                                        ng-click="quitarArticulo(key)"
+                                        ng-click="agregarATabla(13)"
                                     >
-                                        <i class="fa fa-trash"></i>
+                                        <i class="fa fa-save"></i>
                                     </button>
-                                </div>
-                            </td>
-                        </tr>
-                    </tbody>
-                    <tfoot>
-                        <!-- CARGANDO ITEM -->
-                        <tr ng-show="!cargando" class="d-flex">
-                            <td 
-                                class="align-middle p-1" 
-                                ng-bind="articulosTabla.length + 1"
-                            ></td>
-                            <td class="col p-0">
-                                <div class="d-flex">
-                                    <div class="col-4 px-1">
-                                        <span 
-                                            ng-bind="articuloACargar.sectorCodigo"
-                                        ></span>
-                                    </div>
-                                    <div class="col-8 px-1">
-                                        <span ng-bind="articuloACargar.descripcion"></span>
-                                    </div>
-                                </div>
-                                <div class="d-flex">
-                                    <div class="col-3 px-1 m-1">
-                                        <input
-                                            class="form-control p-1"
-                                            foca-tipo-input
-                                            min="1"
-                                            ng-model="articuloACargar.cantidad"
-                                            foca-focus="!cargando"
-                                            ng-keypress="agregarATabla($event.keyCode)"
-                                            style="height: auto; line-height: 1.1em"
-                                        >
-                                    </div>
-                                    <div class="col px-1 text-right">
-                                        <span ng-bind="articuloACargar.precio | currency: remito.moneda.SIMBOLO : 4"></span>
-                                    </div>
-                                    <div class="col px-1 text-right">
-                                        <span 
-                                            ng-bind="getSubTotal() | currency: remito.moneda.SIMBOLO"
-                                        >
-                                        </span>
-                                    </div>
-                                </div>
-                            </td>
-                            <td class="text-center align-middle">
-                                <button
-                                    class="btn btn-outline-secondary"
-                                    ng-click="agregarATabla(13)"
-                                >
-                                    <i class="fa fa-save"></i>
-                                </button>
-                            </td>
-                        </tr>
-                        <!-- SELECCIONAR PRODUCTO -->
-                        <tr ng-show="cargando" class="d-flex">
-                            <td class="col-12">
-                                <input
-                                    placeholder="Seleccione Articulo"
-                                    class="form-control form-control-sm"
-                                    readonly
-                                    ng-click="seleccionarArticulo()"
-                                />
-                            </td>
-                        </tr>
-                        <!-- TOOGLE EXPANDIR -->
-                        <tr>
-                            <td class="col">
-                                <button
-                                    class="btn btn-outline-secondary selectable w-100"
-                                    ng-click="show = !show; masMenos()"
-                                    ng-show="articulosTabla.length > 0"
-                                >
-                                    <i
-                                        class="fa fa-chevron-down"
-                                        ng-hide="show"
-                                        aria-hidden="true"
+                                </td>
+                            </tr>
+                            <!-- TOOGLE EXPANDIR -->
+                            <tr>
+                                <td class="col">
+                                    <button
+                                        class="btn btn-outline-secondary selectable w-100"
+                                        ng-click="show = !show; masMenos()"
+                                        ng-show="articulosTabla.length > 0"
                                     >
-                                    </i>
-                                    <i
-                                        class="fa fa-chevron-up"
-                                        ng-show="show"
-                                        aria-hidden="true">
-                                    </i>
-                                </button>
-                            </td>
-                        </tr>
-                        <!-- FOOTER -->
-                        <tr class="d-flex">
-                            <td class="align-middle no-border-top" colspan="2">
-                                <strong>Cantidad Items:</strong>
-                                <a ng-bind="articulosTabla.length"></a>
-                            </td>
-                            <td class="text-right ml-auto table-celda-total no-border-top">
-                                <h3>Total:</h3>
-                            </td>
-                            <td class="table-celda-total text-right no-border-top">
-                                <h3>{{getTotal() | currency: remito.moneda.SIMBOLO}}</h3>
-                            </td>
-                        </tr>
-                    </tfoot>
-                </table>
+                                        <i
+                                            class="fa fa-chevron-down"
+                                            ng-hide="show"
+                                            aria-hidden="true"
+                                        >
+                                        </i>
+                                        <i
+                                            class="fa fa-chevron-up"
+                                            ng-show="show"
+                                            aria-hidden="true">
+                                        </i>
+                                    </button>
+                                </td>
+                            </tr>
+                            <!-- FOOTER -->
+                            <tr class="d-flex">
+                                <td class="align-middle no-border-top" colspan="2">
+                                    <strong>Cantidad Items:</strong>
+                                    <a ng-bind="articulosTabla.length"></a>
+                                </td>
+                                <td class="text-right ml-auto table-celda-total no-border-top">
+                                    <h3>Total:</h3>
+                                </td>
+                                <td class="table-celda-total text-right no-border-top">
+                                    <h3>{{getTotal() | currency: remito.moneda.SIMBOLO}}</h3>
+                                </td>
+                            </tr>
+                        </tfoot>
+                    </table>
+                </div>
             </div>
-        </div>
-        <div class="col-auto my-2 col-lg-2 botonera-lateral d-none d-md-block">
-            <div class="row align-items-end">
-                <div class="col-12">
+            <div class="col-auto my-2 col-lg-2 botonera-lateral d-none">
+                <div class="col-12 mt-auto">
                     <button
                         ladda="saveLoading"
                         data-spinner-color="#FF0000"
                         ng-click="crearRemito()"
                         type="submit"
                         title="Crear nota remito"
-                        class="btn btn-default btn-block mb-2"
+                        class="btn btn-default btn-block mb-2 border border-dark"
                         ng-disabled="remito.estado === 5"
-                    >Guardar
+                    ><strong>GUARDAR</strong>
+                    </button>
+                    <button
+                        type="button"
+                        title="Pausar"
+                        class="btn btn-default btn-block border border-dark">
+                        <strong>PAUSAR</strong>
                     </button>
                     <button
                         ng-click="salir()"
                         type="button"
                         title="Salir"
-                        class="btn btn-default btn-block">
-                        Salir
+                        class="btn btn-default btn-block border border-dark">
+                        <strong>SALIR</strong>
                     </button>
                 </div>
             </div>
-- 
1.9.1