Commit c791734651557ff3882d077b80d4d2e280c0f5a4
1 parent
4cbf2dd18c
Exists in
master
and in
1 other branch
arreglos
Showing
2 changed files
with
9 additions
and
10 deletions
 
Show diff stats
src/js/controller.js
| 1 | angular.module('focaHojaRuta') | 1 | angular.module('focaHojaRuta') | 
| 2 | .controller('listaHojaRutaCtrl', | 2 | .controller('listaHojaRutaCtrl', | 
| 3 | ['$scope', '$filter', '$uibModal', 'hojaRutaService', 'focaSeguimientoService', | 3 | ['$scope', '$filter', '$uibModal', 'hojaRutaService', 'focaSeguimientoService', | 
| 4 | function($scope, $filter, $uibModal, hojaRutaService, focaSeguimientoService) { | 4 | function($scope, $filter, $uibModal, hojaRutaService, focaSeguimientoService) { | 
| 5 | hojaRutaService.getHojasRuta().then(function(res) { | 5 | hojaRutaService.getHojasRuta().then(function(res) { | 
| 6 | var hojaRuta = res.data.pop(); | 6 | var hojaRuta = res.data.pop(); | 
| 7 | $scope.hojasRuta = hojaRuta; | 7 | $scope.hojasRuta = hojaRuta; | 
| 8 | $scope.puntoVenta = $scope.rellenar(hojaRuta.sucursal, 4); | 8 | $scope.puntoVenta = hojaRuta.sucursal; | 
| 9 | $scope.comprobante = $scope.rellenar(hojaRuta.numeroHojaRuta, 8); | 9 | $scope.comprobante = hojaRuta.numeroHojaRuta; | 
| 10 | addCabecera('Transportista:', hojaRuta.transportista[0].nombre); | 10 | addCabecera('Transportista:', hojaRuta.transportista[0].nombre); | 
| 11 | addCabecera('Chofer:', hojaRuta.chofer[0].nombre); | 11 | addCabecera('Chofer:', hojaRuta.chofer[0].nombre); | 
| 12 | addCabecera('Vehículo:', hojaRuta.vehiculo[0].tractor); | 12 | addCabecera('Vehículo:', hojaRuta.vehiculo[0].tractor); | 
| 13 | console.info(hojaRuta.remito); | ||
| 14 | }); | 13 | }); | 
| 15 | $scope.cabecera = []; | 14 | $scope.cabecera = []; | 
| 16 | $scope.showCabecera = true; | 15 | $scope.showCabecera = true; | 
| 17 | 16 | ||
| 18 | $scope.now = new Date(); | 17 | $scope.now = new Date(); | 
| 19 | $scope.puntoVenta = '0000'; | 18 | $scope.puntoVenta = '0000'; | 
| 20 | $scope.comprobante = '00000000'; | 19 | $scope.comprobante = '00000000'; | 
| 21 | $scope.verDetalle = function(remito) { | 20 | $scope.verDetalle = function(remito) { | 
| 22 | var modalInstance = $uibModal.open( | 21 | var modalInstance = $uibModal.open( | 
| 23 | { | 22 | { | 
| 24 | ariaLabelledBy: 'Detalle hoja ruta', | 23 | ariaLabelledBy: 'Detalle hoja ruta', | 
| 25 | templateUrl: 'modal-detalle-hoja-ruta.html', | 24 | templateUrl: 'modal-detalle-hoja-ruta.html', | 
| 26 | controller: 'focaModalDetalleHojaRutaController', | 25 | controller: 'focaModalDetalleHojaRutaController', | 
| 27 | resolve: { | 26 | resolve: { | 
| 28 | parametrosDetalleHojaRuta: function(){ | 27 | parametrosDetalleHojaRuta: function(){ | 
| 29 | return { | 28 | return { | 
| 30 | remito: $filter('comprobante')([ | 29 | remito: $filter('comprobante')([ | 
| 31 | remito.sucursal, remito.numeroRemito | 30 | remito.sucursal, remito.numeroRemito | 
| 32 | ]), | 31 | ]), | 
| 33 | cliente: remito.nombreCliente, | 32 | cliente: remito.nombreCliente, | 
| 34 | domicilio: remito.domicilioStamp, | 33 | domicilio: remito.domicilioStamp, | 
| 35 | producto: 'Super', | 34 | producto: 'Super', | 
| 36 | contacto: remito.nombreCliente, | 35 | contacto: remito.nombreCliente, | 
| 37 | telefonoContacto: '-', | 36 | telefonoContacto: '-', | 
| 38 | litros: remito.carga | 37 | litros: remito.carga | 
| 39 | }; | 38 | }; | 
| 40 | } | 39 | } | 
| 41 | }, | 40 | }, | 
| 42 | size: 'lg' | 41 | size: 'lg' | 
| 43 | } | 42 | } | 
| 44 | ); | 43 | ); | 
| 45 | modalInstance.result.then(function(parametros) { | 44 | modalInstance.result.then(function(parametros) { | 
| 46 | // Al guardar los datos del producto entregado logueamos la | 45 | // Al guardar los datos del producto entregado logueamos la | 
| 47 | // actividad para su seguimiento. | 46 | // actividad para su seguimiento. | 
| 48 | focaSeguimientoService.guardarPosicion( | 47 | focaSeguimientoService.guardarPosicion( | 
| 49 | $scope.hojasRuta.idVehiculo, | 48 | $scope.hojasRuta.idVehiculo, | 
| 50 | 'Entrega de producto', | 49 | 'Entrega de producto', | 
| 51 | 'Hoja de ruta: ' + $filter('comprobante')([ | 50 | 'Hoja de ruta: ' + $filter('comprobante')([ | 
| 52 | $scope.hojasRuta.sucursal, | 51 | $scope.hojasRuta.sucursal, | 
| 53 | $scope.hojasRuta.numeroHojaRuta | 52 | $scope.hojasRuta.numeroHojaRuta | 
| 54 | ]) + '<br/>' + | 53 | ]) + '<br/>' + | 
| 55 | 'Remito: ' + parametros.remito + '<br/>' + | 54 | 'Remito: ' + parametros.remito + '<br/>' + | 
| 56 | 'Producto: ' + parametros.producto + '<br/>' + | 55 | 'Producto: ' + parametros.producto + '<br/>' + | 
| 57 | 'Cantidad entregada: ' + parametros.litrosDescargados | 56 | 'Cantidad entregada: ' + parametros.litrosDescargados | 
| 58 | ); | 57 | ); | 
| 59 | }); | 58 | }); | 
| 60 | }; | 59 | }; | 
| 61 | 60 | ||
| 62 | function addCabecera(label, valor) { | 61 | function addCabecera(label, valor) { | 
| 63 | var propiedad = $filter('filter')($scope.cabecera, {label: label}, true); | 62 | var propiedad = $filter('filter')($scope.cabecera, {label: label}, true); | 
| 64 | if(propiedad.length === 1) { | 63 | if(propiedad.length === 1) { | 
| 65 | propiedad[0].valor = valor; | 64 | propiedad[0].valor = valor; | 
| 66 | } else { | 65 | } else { | 
| 67 | $scope.cabecera.push({label: label, valor: valor}); | 66 | $scope.cabecera.push({label: label, valor: valor}); | 
| 68 | } | 67 | } | 
| 69 | } | 68 | } | 
| 70 | //TODO Descomentar cuando se use | 69 | //TODO Descomentar cuando se use | 
| 71 | // function removeCabecera(label) { | 70 | // function removeCabecera(label) { | 
| 72 | // var propiedad = $filter('filter')($scope.cabecera, {label: label}, true); | 71 | // var propiedad = $filter('filter')($scope.cabecera, {label: label}, true); | 
| 73 | // if(propiedad.length === 1) { | 72 | // if(propiedad.length === 1) { | 
| 74 | // $scope.cabecera.splice($scope.cabecera.indexOf(propiedad[0]), 1); | 73 | // $scope.cabecera.splice($scope.cabecera.indexOf(propiedad[0]), 1); | 
| 75 | // } | 74 | // } | 
| 76 | // } | 75 | // } | 
| 77 | 76 | ||
| 78 | $scope.rellenar = function(relleno, longitud) { | 77 | $scope.rellenar = function(relleno, longitud) { | 
| 79 | relleno = '' + relleno; | 78 | relleno = '' + relleno; | 
| 80 | while (relleno.length < longitud) { | 79 | while (relleno.length < longitud) { | 
| 81 | relleno = '0' + relleno; | 80 | relleno = '0' + relleno; | 
| 82 | } | 81 | } | 
| 83 | 82 | ||
| 84 | return relleno; | 83 | return relleno; | 
| 85 | }; | 84 | }; | 
| 86 | } | 85 | } | 
| 87 | ]); | 86 | ]); | 
| 88 | 87 | ||
| 89 | 88 | 
src/views/lista-hoja-ruta.html
| 1 | <div> | 1 | <div> | 
| 2 | <div class="col-md-10 offset-md-1 col-lg-8 offset-lg-2"> | 2 | <div class="col-md-10 offset-md-1 col-lg-8 offset-lg-2"> | 
| 3 | <div class="row p-1 panel-informativo"> | 3 | <div class="row p-1 panel-informativo"> | 
| 4 | <div class="col-12"> | 4 | <div class="col-12"> | 
| 5 | <div class="row"> | 5 | <div class="row"> | 
| 6 | <div class="col-12 col-sm-4 nota-pedido"> | 6 | <div class="col-12 col-sm-4 nota-pedido"> | 
| 7 | <h5>Hojas de ruta</h5> | 7 | <h5>Hojas de ruta</h5> | 
| 8 | </div> | 8 | </div> | 
| 9 | <div class="col-5 col-sm-4 numero-pedido" | 9 | <div class="col-5 col-sm-4 numero-pedido"> | 
| 10 | >Nº {{puntoVenta}}-{{comprobante}} | 10 | Nº <span ng-bind="[puntoVenta, comprobante] | comprobante"></span> | 
| 11 | </div> | 11 | </div> | 
| 12 | <div class="col-7 col-sm-4 text-right"> | 12 | <div class="col-7 col-sm-4 text-right"> | 
| 13 | Fecha: | 13 | Fecha: | 
| 14 | <span | 14 | <span | 
| 15 | ng-show="!datepickerAbierto" | 15 | ng-show="!datepickerAbierto" | 
| 16 | ng-bind="now | date:'dd/MM/yyyy HH:mm'" | 16 | ng-bind="now | date:'dd/MM/yyyy HH:mm'" | 
| 17 | ng-click="datepickerAbierto = true" | 17 | ng-click="datepickerAbierto = true" | 
| 18 | > | 18 | > | 
| 19 | </span> | 19 | </span> | 
| 20 | <input | 20 | <input | 
| 21 | ng-show="datepickerAbierto" | 21 | ng-show="datepickerAbierto" | 
| 22 | type="date" | 22 | type="date" | 
| 23 | ng-model="now" | 23 | ng-model="now" | 
| 24 | ng-change="datepickerAbierto = false" | 24 | ng-change="datepickerAbierto = false" | 
| 25 | ng-blur="datepickerAbierto = false" | 25 | ng-blur="datepickerAbierto = false" | 
| 26 | class="form-control form-control-sm col-8 float-right" | 26 | class="form-control form-control-sm col-8 float-right" | 
| 27 | foca-focus="datepickerAbierto" | 27 | foca-focus="datepickerAbierto" | 
| 28 | hasta-hoy | 28 | hasta-hoy | 
| 29 | /> | 29 | /> | 
| 30 | </div> | 30 | </div> | 
| 31 | </div> | 31 | </div> | 
| 32 | <div class="row"> | 32 | <div class="row"> | 
| 33 | <div class="col-auto" ng-repeat="cab in cabecera" ng-show="showCabecera"> | 33 | <div class="col-auto" ng-repeat="cab in cabecera" ng-show="showCabecera"> | 
| 34 | <span class="label" ng-bind="cab.label"></span> | 34 | <span class="label" ng-bind="cab.label"></span> | 
| 35 | <span class="valor" ng-bind="cab.valor"></span> | 35 | <span class="valor" ng-bind="cab.valor"></span> | 
| 36 | </div> | 36 | </div> | 
| 37 | </div> | 37 | </div> | 
| 38 | </div> | 38 | </div> | 
| 39 | </div> | 39 | </div> | 
| 40 | <div class="row p-1 botonera-secundaria"> | 40 | <div class="row p-1 botonera-secundaria"> | 
| 41 | <div class="col-12"> | 41 | <div class="col-12"> | 
| 42 | <div class="row"> | 42 | <div class="row"> | 
| 43 | <div class="col-6 col-sm-3 px-0 py-0" ng-repeat="boton in botonera"> | 43 | <div class="col-6 col-sm-3 px-0 py-0" ng-repeat="boton in botonera"> | 
| 44 | <button | 44 | <button | 
| 45 | type="button" | 45 | type="button" | 
| 46 | class="btn btn-default btn-block btn-xs text-left py-2" | 46 | class="btn btn-default btn-block btn-xs text-left py-2" | 
| 47 | ng-click="boton.accion()" | 47 | ng-click="boton.accion()" | 
| 48 | ng-class="{'d-none d-sm-block': boton.texto == ''}" | 48 | ng-class="{'d-none d-sm-block': boton.texto == ''}" | 
| 49 | > | 49 | > | 
| 50 | <i | 50 | <i | 
| 51 | class="fa fa-arrow-circle-right" | 51 | class="fa fa-arrow-circle-right" | 
| 52 | ng-show="boton.texto != ''" | 52 | ng-show="boton.texto != ''" | 
| 53 | ></i> | 53 | ></i> | 
| 54 |   | 54 |   | 
| 55 | {{boton.texto}} | 55 | {{boton.texto}} | 
| 56 | </button> | 56 | </button> | 
| 57 | </div> | 57 | </div> | 
| 58 | </div> | 58 | </div> | 
| 59 | </div> | 59 | </div> | 
| 60 | </div> | 60 | </div> | 
| 61 | </div> | 61 | </div> | 
| 62 | <div class="col-12 col-md-10 col-lg-8 offset-md-1 offset-lg-2"> | 62 | <div class="col-12 col-md-10 col-lg-8 offset-md-1 offset-lg-2"> | 
| 63 | <div class="row grilla-articulo"> | 63 | <div class="row grilla-articulo"> | 
| 64 | <table class="table tabla-articulo table-striped table-sm table-dark"> | 64 | <table class="table tabla-articulo table-striped table-sm table-dark"> | 
| 65 | <thead> | 65 | <thead> | 
| 66 | <tr> | 66 | <tr class="d-flex"> | 
| 67 | <th class="col">#</th> | 67 | <th class="col-auto">#</th> | 
| 68 | <th class="col">Número</th> | 68 | <th class="col">Número</th> | 
| 69 | <th class="col">Razon Social</th> | 69 | <th class="col">Razon Social</th> | 
| 70 | <th class="col">Domicilio</th> | 70 | <th class="col">Domicilio</th> | 
| 71 | <th class="col">Cantidad</th> | 71 | <th class="col text-right">Cantidad</th> | 
| 72 | <th style="width: 50px"></th> | 72 | <th style="width: 50px"> </th> | 
| 73 | </tr> | 73 | </tr> | 
| 74 | </thead> | 74 | </thead> | 
| 75 | <tbody class="tabla-articulo-body"> | 75 | <tbody class="tabla-articulo-body"> | 
| 76 | <tr | 76 | <tr | 
| 77 | ng-repeat="(key, remito) in hojasRuta.remito" | 77 | ng-repeat="(key, remito) in hojasRuta.remito" | 
| 78 | > | 78 | > | 
| 79 | <td ng-bind="key + 1"></td> | 79 | <td ng-bind="key + 1"></td> | 
| 80 | <td | 80 | <td | 
| 81 | ng-bind="rellenar(remito.numeroRemito, 4) + '-' + rellenar(remito.numeroRemito, 8)" | 81 | ng-bind="[remito.sucursal, remito.numeroRemito] | comprobante" | 
| 82 | ></td> | 82 | ></td> | 
| 83 | <td ng-bind="remito.nombreCliente"></td> | 83 | <td ng-bind="remito.nombreCliente"></td> | 
| 84 | <td ng-bind="remito.domicilioStamp"></td> | 84 | <td ng-bind="remito.domicilioStamp"></td> | 
| 85 | <td ng-bind="remito.carga"></td> | 85 | <td ng-bind="remito.carga"></td> | 
| 86 | <td > | 86 | <td > | 
| 87 | <button | 87 | <button | 
| 88 | class="btn btn-secondary" | 88 | class="btn btn-secondary" | 
| 89 | type="button" | 89 | type="button" | 
| 90 | ng-click="verDetalle(remito)" | 90 | ng-click="verDetalle(remito)" | 
| 91 | ><i class="fa fa-search" aria-hidden="true"></i> | 91 | ><i class="fa fa-search" aria-hidden="true"></i> | 
| 92 | </button> | 92 | </button> | 
| 93 | </td> | 93 | </td> | 
| 94 | </tr> | 94 | </tr> | 
| 95 | </tbody> | 95 | </tbody> | 
| 96 | </table> | 96 | </table> | 
| 97 | 97 | ||
| 98 | </div> | 98 | </div> | 
| 99 | </div> | 99 | </div> | 
| 100 | </div> | 100 | </div> | 
| 101 | 101 |