Florencia Cazzola / foca-crear-remito

Commit b2e4038d7350aaf29be0191f18aaa2c446ee46cb

Authored by Pablo Marco del Pont 2018-11-09 13:47:08 -0300

Merge branch 'master' into 'master'

Master

See merge request modulos-npm/foca-crear-remito!8

Showing 2 changed files Show diff stats

src/js/controller.js

Diff comments View file @ b2e4038

 angular.module('focaCrearRemito') .controller('remitoController',
     [
         '$scope', '$uibModal', '$location', '$filter', 'crearRemitoService',
         'focaModalService', 'remitoBusinessService',
         function(
             $scope, $uibModal, $location, $filter, crearRemitoService, focaModalService,
             remitoBusinessService
         ) {
             $scope.botonera = [
                 {texto: 'Nota Pedido', accion: function() {$scope.seleccionarNotaPedido();}},
                 {texto: 'Vendedor', accion: function() {$scope.seleccionarVendedor();}},
                 {texto: 'Cliente', accion: function() {$scope.seleccionarCliente();}},
                 {texto: 'Proveedor', accion: function() {$scope.seleccionarProveedor();}},
                 {texto: 'Moneda', accion: function() {$scope.abrirModalMoneda();}},
                 {
                     texto: 'Precios y condiciones',
                     accion: function() {$scope.abrirModalListaPrecio();}},
                 {texto: 'Flete', accion: function() {$scope.abrirModalFlete();}},
                 {texto: '', accion: function() {}}
             ];
             $scope.datepickerAbierto = false;
             $scope.show = false;
             $scope.cargando = true;
             $scope.dateOptions = {
                 maxDate: new Date(),
                 minDate: new Date(2010, 0, 1)
             };
             $scope.remito = {
                 vendedor: {},
                 cliente: {},
                 proveedor: {},
                 domicilio: {dom: ''},
                 moneda: {},
                 cotizacion: {}
             };
             var monedaPorDefecto;
             //Trabajo con la cotización más reciente, por eso uso siempre la primera '[0]'
             crearRemitoService.getCotizacionByIdMoneda(1).then(function(res) {
                 monedaPorDefecto = {
                     id: res.data[0].ID,
                     detalle: res.data[0].DETALLE,
                     simbolo: res.data[0].SIMBOLO,
                     cotizaciones: res.data[0].cotizaciones
                 };
                 addCabecera('Moneda:', monedaPorDefecto.detalle);
                 addCabecera('Fecha cotizacion:',
                     new Date(monedaPorDefecto.cotizaciones[0].FECHA).toLocaleDateString());
                 addCabecera('Cotizacion:', monedaPorDefecto.cotizaciones[0].COTIZACION);
                 $scope.remito.moneda = monedaPorDefecto;
                 $scope.remito.cotizacion = monedaPorDefecto.cotizaciones[0];
             });
             $scope.cabecera = [];
             $scope.showCabecera = true;
             $scope.now = new Date();
             $scope.puntoVenta = Math.round(Math.random() * 10000);
             $scope.comprobante = Math.round(Math.random() * 1000000);
             $scope.articulosTabla = [];
             $scope.idLista = undefined;
             //La pantalla solo se usa para cargar remitos
             //var remitoTemp = crearRemitoService.getRemito();
             crearRemitoService.getPrecioCondicion().then(
                 function(res) {
                     $scope.precioCondiciones = res.data;
                 }
             );
             crearRemitoService.getNumeroRemito().then(
                 function(res) {
                     $scope.puntoVenta = rellenar(res.data.sucursal, 4);
                     $scope.comprobante = rellenar(res.data.numeroNotaPedido, 8);
                 },
                 function(err) {
                     focaModalService.alert('La terminal no esta configurada correctamente');
                     console.info(err);
                 }
             );
             $scope.seleccionarNotaPedido = function() {
                 var modalInstance = $uibModal.open(
                     {
                         ariaLabelledBy: 'Busqueda de Nota de Pedido',
                         templateUrl: 'foca-modal-nota-pedido.html',
                         controller: 'focaModalNotaPedidoController',
                         size: 'lg'
                     }
                 );
                 modalInstance.result.then(
                     function(notaPedido) {
                         //añado cabeceras
                         removeCabecera('Moneda:');
                         removeCabecera('Fecha cotizacion:');
                         removeCabecera('Cotizacion:');
                         var cabeceras = [
                             {
                                 label: 'Moneda',
                                 valor: notaPedido.cotizacion[0].moneda[0].DETALLE
                             },
                             {
                                 label: 'Fecha cotizacion',
                                 valor: $filter('date')(notaPedido.cotizacion[0].FECHA,
                                     'dd/MM/yyyy')
                             },
                             {
                                 label: 'Cotizacion',
                                 valor: notaPedido.cotizacion[0].VENDEDOR
                             },
                             {
                                 label: 'Cliente:',
                                 valor: notaPedido.cliente[0].NOM
                             },
                             {
                                 label: 'Vendedor:',
                                 valor: notaPedido.vendedor[0].NomVen
                             },
                             {
                                 label: 'Proveedor:',
                                 valor: notaPedido.proveedor[0].NOM
                             },
                             {
                                 label: 'Flete:',
                                 valor: notaPedido.flete === 1 ? 'Si' : 'No'
                             },
                             {
                                 label: 'FOB:',
                                 valor: notaPedido.fob === 1 ? 'Si' : 'No'
                             },
                             {
                                 label: 'Precio condicion:',
                                 valor: valorPrecioCondicion()
                             }
                         ];
                         //TO DO CUANDO MOSTRAR PLAZOS
                         function valorPrecioCondicion() {
                             if(notaPedido.idPrecioCondicion > 0) {
                                 return notaPedido.precioCondicion[0].nombre;
                             } else {
                                 return 'Ingreso Manual';
                             }
                         }
                         if(notaPedido.flete === 1) {
                             var cabeceraBomba = {
                                 label: 'Bomba',
                                 valor: notaPedido.bomba === 1 ? 'Si' : 'No'
                             };
                             if(notaPedido.kilometros) {
                                 var cabeceraKilometros = {
                                     label: 'Kilometros',
                                     valor: notaPedido.kilometros
                                 };
                                 cabeceras.push(cabeceraKilometros);
                             }
                             cabeceras.push(cabeceraBomba);
                         }
                         $scope.articulosTabla = notaPedido.articulosNotaPedido;
                         $scope.remito = notaPedido;
                         addArrayCabecera(cabeceras);
                     }, function() {
                         // funcion ejecutada cuando se cancela el modal
                     }
                 );
             };
             $scope.seleccionarRemito = function() {
                 var modalInstance = $uibModal.open(
                     {
                         ariaLabelledBy: 'Busqueda de Remito',
                         templateUrl: 'foca-modal-remito.html',
                         controller: 'focaModalRemitoController',
                         size: 'lg'
                     }
                 );
                 modalInstance.result.then(
                     function() {
                         // TODO: Implementar carga remito
                     }, function() {
                         // funcion ejecutada cuando se cancela el modal
                     }
                 );
             };
             //La pantalla solo se usa para cargar remitos
             // if (remitoTemp !== undefined) {
                 // remitoTemp.fechaCarga = new Date(remitoTemp.fechaCarga);
                 // $scope.remito = remitoTemp;
                 // $scope.remito.flete = ($scope.remito.flete).toString();
                 // $scope.remito.bomba = ($scope.remito.bomba).toString();
                 // $scope.idLista = $scope.remito.precioCondicion;
                 // crearRemitoService
                     // .getArticulosByIdRemito($scope.remito.id).then(
                         // function(res) {
                             // $scope.articulosTabla = res.data;
                         // }
                     // );
                 //TODO DOMICILIOS QUE SE CARGAN AL EDITAR REMITO
                 //(NO REQUERIDO EN ESTA VERSION)
                 // crearRemitoService.getDomiciliosByIdRemito($scope.remito.id).then(
                 //     function(res) {
                 //         $scope.remito.domicilio = res.data;
                 //     }
                 // );
             // } else {
                 // $scope.remito.fechaCarga = new Date();
                 // $scope.remito.bomba = '0';
                 // $scope.remito.flete = '0';
                 // $scope.idLista = undefined;
             // }
             //TO DO - FUNCIONES PARA MULTIPLES DOMICILIOS NO IMPLEMENTADAS EN ESTA DEMO
             // $scope.addNewDom = function() {
             //     $scope.remito.domicilio.push({ 'id': 0 });
             // };
             // $scope.removeNewChoice = function(choice) {
             //     if ($scope.remito.domicilio.length > 1) {
             //         $scope.remito.domicilio.splice($scope.remito.domicilio.findIndex(
             //             function(c) {
             //                 return c.$$hashKey === choice.$$hashKey;
             //             }
             //         ), 1);
             //     }
             // };
             $scope.crearRemito = function() {
                 if(!$scope.remito.vendedor.codigo) {
                     focaModalService.alert('Ingrese Vendedor');
                     return;
                 } else if(!$scope.remito.cliente.cod) {
                     focaModalService.alert('Ingrese Cliente');
                     return;
                 } else if(!$scope.remito.proveedor.codigo) {
                     focaModalService.alert('Ingrese Proveedor');
                     return;
                 } else if(!$scope.remito.moneda.id) {
                     focaModalService.alert('Ingrese Moneda');
                     return;
                 } else if(!$scope.remito.cotizacion.ID) {
                     focaModalService.alert('Ingrese Cotización');
                     return;
                 } else if(!$scope.plazosPagos) {
                     focaModalService.alert('Ingrese Precios y Condiciones');
                     return;
                 } else if(
                     $scope.remito.flete === undefined || $scope.remito.flete === null)
                 {
                     focaModalService.alert('Ingrese Flete');
                     return;
                 } else if(!$scope.remito.domicilio.id) {
                     focaModalService.alert('Ingrese Domicilio');
                     return;
                 } else if($scope.articulosTabla.length === 0) {
                     focaModalService.alert('Debe cargar al menos un articulo');
                     return;
                 }
                 var date = new Date();
                 var remito = {
                     id: 0,
                     fechaCarga: new Date(date.getTime() - (date.getTimezoneOffset() * 60000))
                                         .toISOString().slice(0, 19).replace('T', ' '),
                     idVendedor: $scope.remito.vendedor.codigo,
                     idCliente: $scope.remito.cliente.cod,
                     nombreCliente: $scope.remito.cliente.nom,
                     cuitCliente: $scope.remito.cliente.cuit,
                     idProveedor: $scope.remito.proveedor.codigo,
                     idDomicilio: $scope.remito.domicilio.id,
                     idCotizacion: $scope.remito.cotizacion.ID,
                     cotizacion: $scope.remito.cotizacion.COTIZACION,
                     flete: $scope.remito.flete,
                     fob: $scope.remito.fob,
                     bomba: $scope.remito.bomba,
                     kilometros: $scope.remito.kilometros,
                     estado: 0,
                     total: $scope.getTotal()
                 };
                 crearRemitoService.crearRemito(remito).then(
                     function(data) {
                         remitoBusinessService.addArticulos($scope.articulosTabla,
                             data.data.id, $scope.remito.cotizacion.COTIZACION);
                         var plazos = $scope.plazosPagos;
                         for(var j = 0; j < plazos.length; j++) {
                             var json = {
                                 idRemito: data.data.id,
                                 dias: plazos[j].dias
                             };
                             crearRemitoService.crearPlazosParaRemito(json);
                         }
                         remitoBusinessService.addEstado(data.data.id,
                             $scope.remito.vendedor.codigo);
                         focaModalService.alert('Nota remito creada');
                         $scope.cabecera = [];
                         addCabecera('Moneda:', $scope.remito.moneda.detalle);
                         addCabecera(
                             'Fecha cotizacion:',
                             $filter('date')($scope.remito.cotizacion.FECHA, 'dd/MM/yyyy')
                         );
                         addCabecera('Cotizacion:', $scope.remito.cotizacion.COTIZACION);
                         $scope.remito.vendedor = {};
                         $scope.remito.cliente = {};
                         $scope.remito.proveedor = {};
                         $scope.remito.domicilio = {};
                         $scope.remito.flete = null;
                         $scope.remito.fob = null;
                         $scope.remito.bomba = null;
                         $scope.remito.kilometros = null;
                         $scope.articulosTabla = [];
                     }
                 );
             };
             $scope.seleccionarArticulo = function() {
                 if ($scope.idLista === undefined) {
                     focaModalService.alert(
                         'Primero seleccione una lista de precio y condicion');
                     return;
                 }
                 var modalInstance = $uibModal.open(
                     {
                         ariaLabelledBy: 'Busqueda de Productos',
                         templateUrl: 'modal-busqueda-productos.html',
                         controller: 'modalBusquedaProductosCtrl',
                         resolve: {
                             parametroProducto: {
                                 idLista: $scope.idLista,
                                 cotizacion: $scope.remito.cotizacion.COTIZACION,
                                 simbolo: $scope.remito.moneda.simbolo
                             }
                         },
                         size: 'lg'
                     }
                 );
                 modalInstance.result.then(
                     function(producto) {
                         var newArt =
                         {
                             id: 0,
                             codigo: producto.codigo,
                             sector: producto.sector,
                             sectorCodigo: producto.sector + '-' + producto.codigo,
                             descripcion: producto.descripcion,
                             item: $scope.articulosTabla.length + 1,
                             nombre: producto.descripcion,
                             precio: parseFloat(producto.precio.toFixed(4)),
                             costoUnitario: producto.costo,
                             editCantidad: false,
                             editPrecio: false
                         };
                         $scope.articuloACargar = newArt;
                         $scope.cargando = false;
                     }, function() {
                         // funcion ejecutada cuando se cancela el modal
                     }
                 );
             };
             $scope.seleccionarVendedor = function() {
                 var modalInstance = $uibModal.open(
                     {
                         ariaLabelledBy: 'Busqueda de Vendedores',
                         templateUrl: 'modal-vendedores.html',
                         controller: 'modalVendedoresCtrl',
                         size: 'lg'
                     }
                 );
                 modalInstance.result.then(
                     function(vendedor) {
                         addCabecera('Vendedor:', vendedor.NomVen);
                         $scope.remito.vendedor.codigo = vendedor.CodVen;
                     }, function() {
                     }
                 );
             };
             $scope.seleccionarProveedor = function() {
                 var modalInstance = $uibModal.open(
                     {
                         ariaLabelledBy: 'Busqueda de Proveedor',
                         templateUrl: 'modal-proveedor.html',
                         controller: 'focaModalProveedorCtrl',
-                        size: 'lg'
+                        size: 'lg',
+                        resolve: {
+                            transportista: function() {
+                                return false;
+                            }
+                        }
                     }
                 );
                 modalInstance.result.then(
                     function(proveedor) {
                         $scope.remito.proveedor.codigo = proveedor.COD;
                         addCabecera('Proveedor:', proveedor.NOM);
                     }, function() {
                     }
                 );
             };
             $scope.seleccionarCliente = function() {
                 var modalInstance = $uibModal.open(
                     {
                         ariaLabelledBy: 'Busqueda de Cliente',
                         templateUrl: 'foca-busqueda-cliente-modal.html',
                         controller: 'focaBusquedaClienteModalController',
                         size: 'lg'
                     }
                 );
                 modalInstance.result.then(
                     function(cliente) {
                         $scope.abrirModalDomicilios(cliente);
                     }, function() {
                     }
                 );
             };
             $scope.abrirModalDomicilios = function(cliente) {
                 var modalInstanceDomicilio = $uibModal.open(
                     {
                         ariaLabelledBy: 'Busqueda de Domicilios',
                         templateUrl: 'modal-domicilio.html',
                         controller: 'focaModalDomicilioController',
                         resolve: { idCliente: function() { return cliente.cod; }},
                         size: 'lg',
                     }
                 );
                 modalInstanceDomicilio.result.then(
                     function(domicilio) {
                         $scope.remito.domicilio.id = domicilio.nivel2;
                         $scope.remito.cliente = cliente;
                         addCabecera('Cliente:', cliente.nom);
                         addCabecera('Domicilio:', domicilio.dom);
                     }, function() {
                         $scope.seleccionarCliente();
                         return;
                     }
                 );
             };
             $scope.mostrarFichaCliente = function() {
                 $uibModal.open(
                     {
                         ariaLabelledBy: 'Datos del Cliente',
                         templateUrl: 'foca-crear-remito-ficha-cliente.html',
                         controller: 'focaCrearRemitoFichaClienteController',
                         size: 'lg'
                     }
                 );
             };
             $scope.getTotal = function() {
                 var total = 0;
                 var arrayTempArticulos = $scope.articulosTabla;
                 for (var i = 0; i < arrayTempArticulos.length; i++) {
                     total += arrayTempArticulos[i].precio * arrayTempArticulos[i].cantidad;
                 }
                 return parseFloat(total.toFixed(2));
             };
             $scope.getSubTotal = function() {
                 if($scope.articuloACargar) {
                     return $scope.articuloACargar.precio * $scope.articuloACargar.cantidad;
                 }
             };
             $scope.abrirModalListaPrecio = function() {
                 var modalInstance = $uibModal.open(
                     {
                         ariaLabelledBy: 'Busqueda de Precio Condición',
                         templateUrl: 'modal-precio-condicion.html',
                         controller: 'focaModalPrecioCondicionController',
                         size: 'lg'
                     }
                 );
                 modalInstance.result.then(
                     function(precioCondicion) {
                         var cabecera = '';
                         var plazosConcat = '';
                         if(!Array.isArray(precioCondicion)) {
                             $scope.plazosPagos = precioCondicion.plazoPago;
                             $scope.idLista = precioCondicion.idListaPrecio;
                             for(var i = 0; i < precioCondicion.plazoPago.length; i++) {
                                 plazosConcat += precioCondicion.plazoPago[i].dias + ' ';
                             }
                             cabecera = precioCondicion.nombre + ' ' + plazosConcat.trim();
                         } else { //Cuando se ingresan los plazos manualmente
                             $scope.idLista = -1; //-1, el modal productos busca todos los productos
                             $scope.plazosPagos = precioCondicion;
                             for(var j = 0; j < precioCondicion.length; j++) {
                                 plazosConcat += precioCondicion[j].dias + ' ';
                             }
                             cabecera = 'Ingreso manual ' + plazosConcat.trim();
                         }
                         $scope.articulosTabla = [];
                         addCabecera('Precios y condiciones:', cabecera);
                     }, function() {
                     }
                 );
             };
             $scope.abrirModalFlete = function() {
                 var modalInstance = $uibModal.open(
                     {
                         ariaLabelledBy: 'Busqueda de Flete',
                         templateUrl: 'modal-flete.html',
                         controller: 'focaModalFleteController',
                         size: 'lg',
                         resolve: {
                             parametrosFlete:
                                 function() {
                                     return {
                                         flete: $scope.remito.flete ? '1' :
                                             ($scope.remito.fob ? 'FOB' :
                                             ($scope.remito.flete === undefined ? null : '0')),
                                         bomba: $scope.remito.bomba ? '1' :
                                             ($scope.remito.bomba === undefined ? null : '0'),
                                         kilometros: $scope.remito.kilometros
                                     };
                                 }
                         }
                     }
                 );
                 modalInstance.result.then(
                     function(datos) {
                         $scope.remito.flete = datos.flete;
                         $scope.remito.fob = datos.FOB;
                         $scope.remito.bomba = datos.bomba;
                         $scope.remito.kilometros = datos.kilometros;
                         addCabecera('Flete:', datos.flete ? 'Si' :
                             ($scope.remito.fob ? 'FOB' : 'No'));
                         if(datos.flete) {
                             addCabecera('Bomba:', datos.bomba ? 'Si' : 'No');
                             addCabecera('Kilometros:', datos.kilometros);
                         } else {
                             removeCabecera('Bomba:');
                             removeCabecera('Kilometros:');
                             $scope.remito.fob = false;
                             $scope.remito.bomba = false;
                             $scope.remito.kilometros = null;
                         }
                     }, function() {
                     }
                 );
             };
             $scope.abrirModalMoneda = function() {
                 var modalInstance = $uibModal.open(
                     {
                         ariaLabelledBy: 'Busqueda de Moneda',
                         templateUrl: 'modal-moneda.html',
                         controller: 'focaModalMonedaController',
                         size: 'lg'
                     }
                 );
                 modalInstance.result.then(
                     function(moneda) {
                         $scope.abrirModalCotizacion(moneda);
                     }, function() {
                     }
                 );
             };
             $scope.abrirModalCotizacion = function(moneda) {
                 var modalInstance = $uibModal.open(
                     {
                         ariaLabelledBy: 'Busqueda de Cotización',
                         templateUrl: 'modal-cotizacion.html',
                         controller: 'focaModalCotizacionController',
                         size: 'lg',
                         resolve: {idMoneda: function() {return moneda.ID;}}
                     }
                 );
                 modalInstance.result.then(
                     function(cotizacion) {
                         var articulosTablaTemp = $scope.articulosTabla;
                         for(var i = 0; i < articulosTablaTemp.length; i++) {
                             articulosTablaTemp[i].precio = articulosTablaTemp[i].precio *
                                 $scope.remito.cotizacion.COTIZACION;
                             articulosTablaTemp[i].precio = articulosTablaTemp[i].precio /
                                 cotizacion.COTIZACION;
                         }
                         $scope.articulosTabla = articulosTablaTemp;
                         $scope.remito.moneda = {
                             id: moneda.ID,
                             detalle: moneda.DETALLE,
                             simbolo: moneda.SIMBOLO
                         };
                         $scope.remito.cotizacion = {
                             ID: cotizacion.ID,
                             COTIZACION: cotizacion.COTIZACION,
                             FECHA: cotizacion.FECHA
                         };
                         addCabecera('Moneda:', moneda.DETALLE);
                         addCabecera(
                             'Fecha cotizacion:',
                             $filter('date')(cotizacion.FECHA, 'dd/MM/yyyy')
                         );
                         addCabecera('Cotizacion:', cotizacion.COTIZACION);
                     }, function() {
                     }
                 );
             };
             $scope.agregarATabla = function(key) {
                 if(key === 13) {
                     if($scope.articuloACargar.cantidad === undefined ||
                         $scope.articuloACargar.cantidad === 0 ||
                         $scope.articuloACargar.cantidad === null ) {
                             focaModalService.alert('El valor debe ser al menos 1');
                             return;
                     }
                     delete $scope.articuloACargar.sectorCodigo;
                     $scope.articulosTabla.push($scope.articuloACargar);
                     $scope.cargando = true;
                 }
             };
             $scope.quitarArticulo = function(key) {
                 $scope.articulosTabla.splice(key, 1);
             };
             $scope.editarArticulo = function(key, articulo) {
                 if(key === 13) {
                     if(articulo.cantidad === null || articulo.cantidad === 0 ||
                         articulo.cantidad === undefined) {
                         focaModalService.alert('El valor debe ser al menos 1');
                         return;
                     }
                     articulo.editCantidad = false;
                     articulo.editPrecio = false;
                 }
             };
             $scope.cambioEdit = function(articulo, propiedad) {
                 if(propiedad === 'cantidad') {
                     articulo.editCantidad = true;
                 } else if(propiedad === 'precio') {
                     articulo.editPrecio = true;
                 }
             };
             $scope.limpiarFlete = function() {
                 $scope.remito.fleteNombre = '';
                 $scope.remito.chofer = '';
                 $scope.remito.vehiculo = '';
                 $scope.remito.kilometros = '';
                 $scope.remito.costoUnitarioKmFlete = '';
                 $scope.choferes = '';
                 $scope.vehiculos = '';
             };
             $scope.limpiarPantalla = function() {
                 $scope.limpiarFlete();
                 $scope.remito.flete = '0';
                 $scope.remito.bomba = '0';
                 $scope.remito.precioCondicion = '';
                 $scope.articulosTabla = [];
                 $scope.remito.vendedor.nombre = '';
                 $scope.remito.cliente = {nombre: ''};
                 $scope.remito.domicilio = {dom: ''};
                 $scope.domiciliosCliente = [];
             };
             $scope.resetFilter = function() {
                 $scope.articuloACargar = {};
                 $scope.cargando = true;
             };
             $scope.selectFocus = function($event) {
                 $event.target.select();
             };
             $scope.salir = function() {
                 $location.path('/');
             };
             function addArrayCabecera(array) {
                 for(var i = 0; i < array.length; i++) {
                     addCabecera(array[i].label, array[i].valor);
                 }
             }
             function addCabecera(label, valor) {
                 var propiedad = $filter('filter')($scope.cabecera, {label: label}, true);
                 if(propiedad.length === 1) {
                     propiedad[0].valor = valor;
                 } else {
                     $scope.cabecera.push({label: label, valor: valor});
                 }
             }
             function removeCabecera(label) {
                 var propiedad = $filter('filter')($scope.cabecera, {label: label}, true);
                 if(propiedad.length === 1) {
                     $scope.cabecera.splice($scope.cabecera.indexOf(propiedad[0]), 1);
                 }
             }
             function rellenar(relleno, longitud) {
                 relleno = '' + relleno;
                 while (relleno.length < longitud) {
                     relleno = '0' + relleno;
                 }
                 return relleno;
             }
         }
     ]
 )
 .controller('remitoListaCtrl', [
     '$scope',
     'crearRemitoService',
     '$location',
     function($scope, crearRemitoService, $location) {
         crearRemitoService.obtenerRemito().then(function(datos) {
             $scope.remitos = datos.data;
         });
         $scope.editar = function(remito) {
             crearRemitoService.setRemito(remito);
             $location.path('/venta-nota-remito/abm/');
         };
         $scope.crearRemito = function() {
             crearRemitoService.clearRemito();
             $location.path('/venta-nota-remito/abm/');
         };
     }
 ])
 .controller('focaCrearRemitoFichaClienteController', [
     '$scope',
     'crearRemitoService',
     '$location',
     function($scope, crearRemitoService, $location) {
         crearRemitoService.obtenerRemito().then(function(datos) {
             $scope.remitos = datos.data;
         });
         $scope.editar = function(remito) {
             crearRemitoService.setRemito(remito);
             $location.path('/venta-nota-remito/abm/');
         };
         $scope.crearRemito = function() {
             crearRemitoService.clearRemito();
             $location.path('/venta-nota-remito/abm/');
         };
     }
 ]);

src/views/remito.html

Diff comments View file @ b2e4038

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