Eric Fernandez / foca-estado-cisternas

Browse Code »

Commit dfec27a773e8d15ed434e8e6e4db093f68e73d25

Authored by Jose Pinto 2019-01-15 17:41:48 -0300

1 parent c29a9a6525

Exists in master

agrego valor disponible, boton grafico

Showing 4 changed files with 52 additions and 16 deletions Show diff stats

src/js/app.js

Diff comments View file @ dfec27a

1	angular.module('focaEstadoCisternas', ['ngRoute', 'focaModal', 'ui.bootstrap', 'focaBotoneraLateral']);	1	angular.module('focaEstadoCisternas', [
		2	'ngRoute',
		3	'focaModal',
		4	'ui.bootstrap',
		5	'focaBotoneraLateral'
		6	]);
2		7

src/js/controller.js

Diff comments View file @ dfec27a

 angular.module('focaEstadoCisternas')
     .controller('focaEstadoCisternasController', [
-        '$scope', 'focaEstadoCisternasService', '$location', 'focaModalService',
+        '$scope', 'focaEstadoCisternasService', 'focaModalService',
         '$uibModal', 'focaBotoneraLateralService', '$timeout',
-        function($scope, focaEstadoCisternasService, $location, focaModalService,
+        function($scope, focaEstadoCisternasService, focaModalService,
             $uibModal, focaBotoneraLateralService, $timeout) {
             $scope.now = new Date();
             $scope.fecha = new Date();
             $scope.cisternas = [];
-            $scope.botonera = [{
+            $scope.botonera = focaEstadoCisternasService.getBotonera();
-                label: 'Transportista',
-                image: 'transportista.png'
-            },
-            {
-                label: 'Vehiculo',
-                image: 'vehiculos.png'
-            },
-            {
-                label: 'Fecha',
-                image: 'fechaDeReparto.png'
-            }];
             //SETEO BOTONERA LATERAL
             focaBotoneraLateralService.showSalir(true);
             focaBotoneraLateralService.showPausar(false);
             focaBotoneraLateralService.showCancelar(false);
             focaBotoneraLateralService.showGuardar(false);
             $timeout(function() {
                 $scope.$broadcast('addCabecera', {
                     label: 'Fecha:',
                     valor: $scope.fecha.toLocaleDateString()
                 });
             });
             $scope.seleccionarTransportista = function() {
                 var modalInstance = $uibModal.open(
                     {
                         ariaLabelledBy: 'Busqueda de Transportista',
                         templateUrl: 'modal-proveedor.html',
                         controller: 'focaModalProveedorCtrl',
                         size: 'lg',
                         resolve: {
                             transportista: function() {
                                 return true;
                             }
                         }
                     }
                 );
                 modalInstance.result.then(
                     function(transportista) {
                         elegirTransportista(transportista);
                     }, function() {
                     }
                 );
             };
             $scope.seleccionarVehiculo = function() {
                 if(!$scope.idTransportista) {
                     focaModalService.alert('Primero seleccione un transportista');
                     return;
                 }
                 var query = '/vehiculo/transportista/' + $scope.idTransportista;
                 var columnas = {
                     nombre: ['Código', 'tractor', 'Semi', 'Capacidad'],
                     propiedad: ['codigo', 'tractor', 'semi', 'capacidadTotalCisternas']
                 };
                 var titulo = 'Búsqueda de vehículos';
                 focaModalService.modal(columnas, query, titulo).then(
                     function(vehiculo) {
                         $scope.$broadcast('addCabecera', {
                             label: 'Vehículo:',
                             valor: vehiculo.codigo
                         });
                         $scope.cisternas = vehiculo.cisternas;
                         getEstadosCisternas($scope.cisternas);
                     }, function() {
                         // funcion ejecutada cuando se cancela el modal
                     });
             };
             $scope.seleccionarFecha = function() {
                 focaModalService.modalFecha('Fecha').then(function(fecha) {
                     $scope.$broadcast('addCabecera', {
                         label: 'Fecha:',
                         valor: fecha.toLocaleDateString()
                     });
                     $scope.fecha = fecha;
                     if($scope.cisternas)
                         getEstadosCisternas($scope.cisternas);
                 });
             };
+            $scope.seleccionarGrafico = function() {
+                if(!$scope.cisternas.length){
+                    focaModalService.alert('Primero seleccione un vehículo');
+                    return;
+                }
+                $uibModal.open(
+                    {
+                        ariaLabelledBy: 'Grafico de cisternas',
+                        templateUrl: 'modal-grafico-cisternas.html',
+                        controller: 'focaModalGraficoCisternasController',
+                        size: 'md',
+                        resolve:{
+                            filters: {
+                                cisternas: $scope.cisternas
+                            }
+                        }
+                    }
+                );
+            };
             function elegirTransportista(transportista) {
                 var codigo = ('00000' + transportista.COD).slice(-5);
                 $scope.idTransportista = transportista.COD;
                 $scope.filtros = transportista.NOM.trim();
                 $scope.$broadcast('addCabecera', {
                     label: 'Transportista:',
                     valor: codigo + ' - ' + transportista.NOM
                 });
             }
             function getEstadosCisternas(cisternas) {

src/js/service.js

Diff comments View file @ dfec27a

 angular.module('focaEstadoCisternas')
     .factory('focaEstadoCisternasService', ['$http', 'API_ENDPOINT', function($http, API_ENDPOINT) {
         return {
             getVehiculos: function() {
                 return $http.get(API_ENDPOINT.URL + '/vehiculo');
             },
             getTransportistas: function() {
                 return $http.get(API_ENDPOINT.URL + '/transportista');
             },
             getCisternadoPorVehiculo: function(idVehiculo) {
                 return $http.get(API_ENDPOINT.URL + '/cisterna/listar/' + idVehiculo);
             },
             getCisterna: function(id) {
                 return $http.get(API_ENDPOINT.URL + '/cisterna/obtener/' + id);
             },
             guardarCisterna: function(cisterna) {
                 return $http.post(API_ENDPOINT.URL + '/cisterna/guardar', {cisterna: cisterna});
             },
             deleteCisterna: function(id) {
                 return $http.delete(API_ENDPOINT.URL + '/cisterna/borrar/' + id);
             },
             getVehiculosPorTransportista: function(id) {
                 return $http.get(API_ENDPOINT.URL + '/vehiculo/transportista/' + id);
             },
             getEstadoCisterna: function(id, fecha) {
                 return $http.post(API_ENDPOINT.URL + '/cisterna/stock',
                     {idCisterna: id, fecha: fecha});
+            },
+            getBotonera: function() {
+                return [
+                    {
+                        label: 'Transportista',
+                        image: 'transportista.png'
+                    },
+                    {
+                        label: 'Vehiculo',
+                        image: 'vehiculos.png'
+                    },
+                    {
+                        label: 'Fecha',
+                        image: 'fechaDeReparto.png'
+                    },
+                    {
+                        label: 'Grafico',
+                        image: 'fechaDeReparto.png'
+                    }
+                ];
             }
         };
     }]);

src/views/foca-estado-cisterna.html

Diff comments View file @ dfec27a

 <div class="row">
     <foca-cabecera-facturador
     titulo="'Estado de cisternas'"
     fecha="now"
     class="mb-0 col-lg-12"
     ></foca-cabecera-facturador>
 </div>
 <div class="row">
     <div class="col-12 col-md-10 p-0 mt-4 border border-white rounded">
         <div class="row px-5 py-2 botonera-secundaria">
             <div class="col-12">
-                <foca-botonera-facturador botones="botonera" extra="3" class="row">
+                <foca-botonera-facturador botones="botonera" extra="2" class="row">
                 </foca-botonera-facturador>
             </div>
         </div>
         <table class="table table-default table-hover table-sm table-abm table-striped mb-0">
             <thead>
                 <tr>
                     <th>Código</th>
                     <th>Capacidad total</th>
                     <th>Carga</th>
+                    <th>Disponible</th>
                     <th>Producto</th>
                 </tr>
             </thead>
             <tbody>
                 <tr ng-repeat="cisterna in cisternas">
                     <td ng-bind="cisterna.codigo"></td>
                     <td ng-bind="cisterna.capacidad + ' ' + cisterna.unidadMedida.NOM"></td>
                     <td ng-bind="cisterna.estado.cantidad"></td>
+                    <td ng-bind="cisterna.capacidad - cisterna.estado.cantidad"></td>
                     <td ng-bind="(cisterna.estado.producto) ? cisterna.estado.producto.DetArt : '-'"></td>
                 </tr>
             </body>
         </table>
     </div>
 </div>