ver listado de marcadores

Nicolás Guarnieri
1 parent c89f27ccd3
Showing 5 changed files with 246 additions and 6 deletions Show diff stats
src/js/controller.js
src/js/modalController.js
src/js/osm-directive.js
src/views/foca-admin-seguimiento.html
src/views/foca-modal-marcadores.html
 angular.module('focaAdminSeguimiento').controller('focaAdminSeguimientoController', [
-    '$scope', '$timeout', 'focaAdminSeguimientoService',
+    '$scope', '$timeout', 'focaAdminSeguimientoService', '$uibModal',
     'focaBotoneraLateralService','$location', '$routeParams',
-    function($scope, $timeout, focaAdminSeguimientoService,
+    function($scope, $timeout, focaAdminSeguimientoService, $uibModal,
         focaBotoneraLateralService, $location, $routeParams) {
         $scope.actividad = '';
         $scope.titulo = '';
@@ -78,6 +78,54 @@ angular.module(&#39;focaAdminSeguimiento&#39;).controller(&#39;focaAdminSeguimientoControlle
             getSeguimiento();
         };
  
+        $scope.showMarcadores = function() {
+            var texto = '';
+
+            if ($scope.actividad === 'Nota de pedido') {
+                texto = 'Marcadores de notas de pedido';
+            }
+
+            if ($scope.actividad === 'Entrega de producto') {
+                texto = 'Marcadores de entregas';
+            }
+
+            if ($scope.actividad === 'Cobranza') {
+                texto = 'Marcadores de cobranzas';
+            }
+
+
+            var modalInstance = $uibModal.open(
+                {
+                    ariaLabelledBy: texto,
+                    templateUrl: 'foca-modal-marcadores.html',
+                    controller: 'focaModalMarcadoresController',
+                    size: 'lg',
+                    resolve: {
+                        parametros: function() {
+                            var parametros = {
+                                marcadores: $scope.marcadores,
+                                actividad: $scope.actividad
+                            };
+
+                            return parametros;
+                        }
+                    }
+                }
+            );
+
+            modalInstance.result.then(
+                function(localizacion) {
+                    $scope.$broadcast('moveMap', {
+                        latitud: localizacion.latitud,
+                        longitud: localizacion.longitud,
+                        indice: localizacion.indice
+                    });
+                }, function() {
+                    // funcion ejecutada cuando se cancela el modal
+                }
+            );
+        };
+
         function getSeguimiento() {
             var now = $scope.now;
             var hasta = angular.copy(now);
@@ -128,8 +176,8 @@ angular.module(&#39;focaAdminSeguimiento&#39;).controller(&#39;focaAdminSeguimientoControlle
                             break;
                         case 'cobranza':
                             if (datos.data.length) {
-                                valor = datos.data[0].notaPedido.vendedor.NUM + ' - ' +
-                                    datos.data[0].notaPedido.vendedor.NOM.trim();
+                                valor = datos.data[0].recibo.cobrador.NUM + ' - ' +
+                                    datos.data[0].recibo.cobrador.NOM.trim();
                             } else {
                                 valor = $scope.idUsuario;
                             }
@@ -0,0 +1,110 @@
+angular.module('focaAdminSeguimiento').controller('focaModalMarcadoresController', [
+    '$uibModalInstance', '$scope', '$filter', 'parametros',
+    function($uibModalInstance, $scope, $filter, parametros) {
+        init();
+
+        $scope.selectPage = selectPage;
+        
+        $scope.select = function(marcador, indice) {
+            $uibModalInstance.close({
+                latitud: marcador.latitud,
+                longitud: marcador.longitud,
+                indice: indice
+            });
+        };
+
+        $scope.cancel = function() {
+            $uibModalInstance.dismiss('cancel');
+        };
+
+        function init() {
+            $scope.numPerPage = 10;
+            $scope.currentPage = 1;
+            $scope.currentPageMarcadores = [];
+            $scope.actividad = parametros.actividad;
+            $scope.marcadores = arrayDatos(angular.copy(parametros.marcadores));
+
+            $scope.lastPage = Math.ceil(
+                $scope.marcadores.length / $scope.numPerPage
+            );
+
+            selectPage(1);
+        }
+
+        function selectPage(page) {
+            var start = (page - 1) * $scope.numPerPage;
+            var end = start + $scope.numPerPage;
+            $scope.paginas = [];
+            $scope.paginas = calcularPages(page);
+            $scope.currentPageMarcadores = $scope.marcadores.slice(start, end);
+            $scope.currentPage = page;
+        }
+
+        function calcularPages(paginaActual) {
+            var paginas = [];
+            paginas.push(paginaActual);
+
+            if (paginaActual - 1 > 1) {
+                
+                paginas.unshift(paginaActual - 1);
+                if (paginaActual - 2 > 1) {
+                    paginas.unshift(paginaActual - 2);
+                }
+            }
+
+            if (paginaActual + 1 < $scope.lastPage) {
+                paginas.push(paginaActual + 1);
+                if (paginaActual + 2 < $scope.lastPage) {
+                    paginas.push(paginaActual + 2);
+                }
+            }
+
+            if (paginaActual !== 1) {
+                paginas.unshift(1);
+            }
+
+            if (paginaActual !== $scope.lastPage) {
+                paginas.push($scope.lastPage);
+            }
+
+            return paginas;
+        }
+
+        function arrayDatos(marcadores) {
+            marcadores.reverse();
+
+            for (var i = marcadores.length - 1; i >= 0; i--) {
+                var marcador = marcadores[i];
+
+                if ($scope.actividad === 'Nota de pedido') {
+                    marcador.numero = $filter('comprobante')([
+                        marcador.notaPedido.sucursal, 
+                        marcador.notaPedido.numeroNotaPedido
+                    ]);
+
+                    marcador.cliente = $filter('rellenarDigitos')(
+                        marcador.notaPedido.cliente.COD, 3) + ' - ' +
+                        marcador.notaPedido.cliente.NOM;
+                }
+
+                if ($scope.actividad === 'Entrega de producto') {
+
+                }
+
+                if ($scope.actividad === 'Cobranza') {
+                    marcador.numero = $filter('comprobante')([
+                        marcador.recibo.PVE, 
+                        marcador.recibo.NCO
+                    ]);
+
+                    marcador.cliente = $filter('rellenarDigitos')(
+                        marcador.recibo.CLI, 3) + ' - ' +
+                        marcador.recibo.CFE;
+                }
+            }
+
+            return marcadores;
+        }
+
+    }
+]);
 \ No newline at end of file
@@ -121,7 +121,6 @@ angular.module(&#39;focaAdminSeguimiento&#39;).directive(&#39;osm&#39;, function() {
                         ]);
                     }
  
-                    console.info(marcador, observacion);
                     return observacion;
                 }
  
@@ -231,6 +230,13 @@ angular.module(&#39;focaAdminSeguimiento&#39;).directive(&#39;osm&#39;, function() {
                     return resultado;
                 }
             });
+
+            
+            $scope.$on('moveMap', function(evt, data) {
+                var center = new L.LatLng(data.latitud, data.longitud);
+                $scope.map.flyTo(center, 11, {duration: 0.5});
+                $scope.markers[data.indice].openPopup();
+            });
         }],
         scope: {
             latitud: '=',
@@ -41,7 +41,7 @@
                 class="btn col-12 my-1" 
                 ng-click="individual()"
             >Individual</button>
-            <div class="form-group" ng-show="idUsuario != 0">
+            <div class="form-group my-1" ng-show="idUsuario != 0">
                 <input 
                     type="text"
                     placeholder="Vendedor"
@@ -70,6 +70,12 @@
                     ng-show="actividad == 'Cobranza'"
                 >
             </div>
+            <button
+                type="button" 
+                class="btn col-12 my-1"
+                ng-show="marcadores.length > 0 && idUsuario > 0"
+                ng-click="showMarcadores()"
+            >Listar marcadores</button>
             <div ng-show="actividad === 'Entrega de producto' && idUsuario != 0">
                 <div class="custom-control custom-radio">
                     <input
@@ -0,0 +1,70 @@
+<div class="modal-header py-1">
+    <div class="row w-100">
+        <div class="col-lg-4 col-7">
+            <h5 class="modal-title my-1">Lista de Marcadores</h5>
+        </div>
+    </div>
+</div>
+<div class="modal-body" id="modal-body">
+    <table class="table table-striped table-sm">
+        <thead>
+            <tr>
+                <th>Orden</th>
+                <th>Número</th>
+                <th>Cliente</th>
+                <th>Km desde la base</th>
+                <th></th>
+            </tr>
+        </thead>
+        <tbody>
+            <tr
+                ng-repeat="(key, marcador) in currentPageMarcadores"
+            >
+                <td ng-bind="marcador.orden"></td>
+                <td ng-bind="marcador.numero"></td>
+                <td ng-bind="marcador.cliente"></td>
+                <td ng-bind="marcador.distancia"></td>
+                <td>
+                    <button
+                        type="button"
+                        class="btn btn-xs p-1 float-right btn-primary"
+                        ng-click="select(marcador, (currentPageMarcadores.length - key - 1))"
+                    >
+                        <i class="fa fa-map-marker px-1" aria-hidden="true"></i>
+                    </button>
+                </td>
+            </tr>
+        </tbody>
+    </table>
+</div>
+<div class="modal-footer py-1">
+    <nav ng-show="currentPageClientes.length > 0 && primerBusqueda && !ingreso" class="mr-auto">
+        <ul class="pagination pagination-sm mb-0">
+            <li class="page-item" ng-class="{'disabled': currentPage == 1}">
+                <a class="page-link" href="javascript:void()" ng-click="selectPage(currentPage - 1)">
+                    <span aria-hidden="true">&laquo;</span>
+                    <span class="sr-only">Anterior</span>
+                </a>
+            </li>
+            <li
+                class="page-item"
+                ng-repeat="pagina in paginas"
+                ng-class="{'active': pagina == currentPage}"
+            >
+                <a
+                    class="page-link"
+                    href="javascript:void()"
+                    ng-click="selectPage(pagina)"
+                    ng-bind="pagina"
+                ></a>
+            </li>
+            <li class="page-item" ng-class="{'disabled': currentPage == lastPage}">
+                <a class="page-link" href="javascript:void()" ng-click="selectPage(currentPage + 1)">
+                    <span aria-hidden="true">&raquo;</span>
+                    <span class="sr-only">Siguiente</span>
+                </a>
+            </li>
+        </ul>
+    </nav>
+    <button class="btn btn-sm btn-secondary" type="button" ng-click="cancel()">Cancelar</button>
+</div>
1	1	angular.module('focaAdminSeguimiento').controller('focaAdminSeguimientoController', [
2		- '$scope', '$timeout', 'focaAdminSeguimientoService',
	2	+ '$scope', '$timeout', 'focaAdminSeguimientoService', '$uibModal',
3	3	'focaBotoneraLateralService','$location', '$routeParams',
4		- function($scope, $timeout, focaAdminSeguimientoService,
	4	+ function($scope, $timeout, focaAdminSeguimientoService, $uibModal,
5	5	focaBotoneraLateralService, $location, $routeParams) {
6	6	$scope.actividad = '';
7	7	$scope.titulo = '';
...	...	@@ -78,6 +78,54 @@ angular.module('focaAdminSeguimiento').controller('focaAdminSeguimientoControlle
78	78	getSeguimiento();
79	79	};
80	80
	81	+ $scope.showMarcadores = function() {
	82	+ var texto = '';
	83	+
	84	+ if ($scope.actividad === 'Nota de pedido') {
	85	+ texto = 'Marcadores de notas de pedido';
	86	+ }
	87	+
	88	+ if ($scope.actividad === 'Entrega de producto') {
	89	+ texto = 'Marcadores de entregas';
	90	+ }
	91	+
	92	+ if ($scope.actividad === 'Cobranza') {
	93	+ texto = 'Marcadores de cobranzas';
	94	+ }
	95	+
	96	+
	97	+ var modalInstance = $uibModal.open(
	98	+ {
	99	+ ariaLabelledBy: texto,
	100	+ templateUrl: 'foca-modal-marcadores.html',
	101	+ controller: 'focaModalMarcadoresController',
	102	+ size: 'lg',
	103	+ resolve: {
	104	+ parametros: function() {
	105	+ var parametros = {
	106	+ marcadores: $scope.marcadores,
	107	+ actividad: $scope.actividad
	108	+ };
	109	+
	110	+ return parametros;
	111	+ }
	112	+ }
	113	+ }
	114	+ );
	115	+
	116	+ modalInstance.result.then(
	117	+ function(localizacion) {
	118	+ $scope.$broadcast('moveMap', {
	119	+ latitud: localizacion.latitud,
	120	+ longitud: localizacion.longitud,
	121	+ indice: localizacion.indice
	122	+ });
	123	+ }, function() {
	124	+ // funcion ejecutada cuando se cancela el modal
	125	+ }
	126	+ );
	127	+ };
	128	+
81	129	function getSeguimiento() {
82	130	var now = $scope.now;
83	131	var hasta = angular.copy(now);
...	...	@@ -128,8 +176,8 @@ angular.module('focaAdminSeguimiento').controller('focaAdminSeguimientoControlle
128	176	break;
129	177	case 'cobranza':
130	178	if (datos.data.length) {
131		- valor = datos.data[0].notaPedido.vendedor.NUM + ' - ' +
132		- datos.data[0].notaPedido.vendedor.NOM.trim();
	179	+ valor = datos.data[0].recibo.cobrador.NUM + ' - ' +
	180	+ datos.data[0].recibo.cobrador.NOM.trim();
133	181	} else {
134	182	valor = $scope.idUsuario;
135	183	}
...	...	@@ -0,0 +1,110 @@
	1	+angular.module('focaAdminSeguimiento').controller('focaModalMarcadoresController', [
	2	+ '$uibModalInstance', '$scope', '$filter', 'parametros',
	3	+ function($uibModalInstance, $scope, $filter, parametros) {
	4	+ init();
	5	+
	6	+ $scope.selectPage = selectPage;
	7	+
	8	+ $scope.select = function(marcador, indice) {
	9	+ $uibModalInstance.close({
	10	+ latitud: marcador.latitud,
	11	+ longitud: marcador.longitud,
	12	+ indice: indice
	13	+ });
	14	+ };
	15	+
	16	+ $scope.cancel = function() {
	17	+ $uibModalInstance.dismiss('cancel');
	18	+ };
	19	+
	20	+ function init() {
	21	+ $scope.numPerPage = 10;
	22	+ $scope.currentPage = 1;
	23	+ $scope.currentPageMarcadores = [];
	24	+ $scope.actividad = parametros.actividad;
	25	+ $scope.marcadores = arrayDatos(angular.copy(parametros.marcadores));
	26	+
	27	+ $scope.lastPage = Math.ceil(
	28	+ $scope.marcadores.length / $scope.numPerPage
	29	+ );
	30	+
	31	+ selectPage(1);
	32	+ }
	33	+
	34	+ function selectPage(page) {
	35	+ var start = (page - 1) * $scope.numPerPage;
	36	+ var end = start + $scope.numPerPage;
	37	+ $scope.paginas = [];
	38	+ $scope.paginas = calcularPages(page);
	39	+ $scope.currentPageMarcadores = $scope.marcadores.slice(start, end);
	40	+ $scope.currentPage = page;
	41	+ }
	42	+
	43	+ function calcularPages(paginaActual) {
	44	+ var paginas = [];
	45	+ paginas.push(paginaActual);
	46	+
	47	+ if (paginaActual - 1 > 1) {
	48	+
	49	+ paginas.unshift(paginaActual - 1);
	50	+ if (paginaActual - 2 > 1) {
	51	+ paginas.unshift(paginaActual - 2);
	52	+ }
	53	+ }
	54	+
	55	+ if (paginaActual + 1 < $scope.lastPage) {
	56	+ paginas.push(paginaActual + 1);
	57	+ if (paginaActual + 2 < $scope.lastPage) {
	58	+ paginas.push(paginaActual + 2);
	59	+ }
	60	+ }
	61	+
	62	+ if (paginaActual !== 1) {
	63	+ paginas.unshift(1);
	64	+ }
	65	+
	66	+ if (paginaActual !== $scope.lastPage) {
	67	+ paginas.push($scope.lastPage);
	68	+ }
	69	+
	70	+ return paginas;
	71	+ }
	72	+
	73	+ function arrayDatos(marcadores) {
	74	+ marcadores.reverse();
	75	+
	76	+ for (var i = marcadores.length - 1; i >= 0; i--) {
	77	+ var marcador = marcadores[i];
	78	+
	79	+ if ($scope.actividad === 'Nota de pedido') {
	80	+ marcador.numero = $filter('comprobante')([
	81	+ marcador.notaPedido.sucursal,
	82	+ marcador.notaPedido.numeroNotaPedido
	83	+ ]);
	84	+
	85	+ marcador.cliente = $filter('rellenarDigitos')(
	86	+ marcador.notaPedido.cliente.COD, 3) + ' - ' +
	87	+ marcador.notaPedido.cliente.NOM;
	88	+ }
	89	+
	90	+ if ($scope.actividad === 'Entrega de producto') {
	91	+
	92	+ }
	93	+
	94	+ if ($scope.actividad === 'Cobranza') {
	95	+ marcador.numero = $filter('comprobante')([
	96	+ marcador.recibo.PVE,
	97	+ marcador.recibo.NCO
	98	+ ]);
	99	+
	100	+ marcador.cliente = $filter('rellenarDigitos')(
	101	+ marcador.recibo.CLI, 3) + ' - ' +
	102	+ marcador.recibo.CFE;
	103	+ }
	104	+ }
	105	+
	106	+ return marcadores;
	107	+ }
	108	+
	109	+ }
	110	+]);
0	111	\ No newline at end of file
...	...	@@ -121,7 +121,6 @@ angular.module('focaAdminSeguimiento').directive('osm', function() {
121	121	]);
122	122	}
123	123
124		- console.info(marcador, observacion);
125	124	return observacion;
126	125	}
127	126
...	...	@@ -231,6 +230,13 @@ angular.module('focaAdminSeguimiento').directive('osm', function() {
231	230	return resultado;
232	231	}
233	232	});
	233	+
	234	+
	235	+ $scope.$on('moveMap', function(evt, data) {
	236	+ var center = new L.LatLng(data.latitud, data.longitud);
	237	+ $scope.map.flyTo(center, 11, {duration: 0.5});
	238	+ $scope.markers[data.indice].openPopup();
	239	+ });
234	240	}],
235	241	scope: {
236	242	latitud: '=',
...	...	@@ -41,7 +41,7 @@
41	41	class="btn col-12 my-1"
42	42	ng-click="individual()"
43	43	>Individual</button>
44		- <div class="form-group" ng-show="idUsuario != 0">
	44	+ <div class="form-group my-1" ng-show="idUsuario != 0">
45	45	<input
46	46	type="text"
47	47	placeholder="Vendedor"
...	...	@@ -70,6 +70,12 @@
70	70	ng-show="actividad == 'Cobranza'"
71	71	>
72	72	</div>
	73	+ <button
	74	+ type="button"
	75	+ class="btn col-12 my-1"
	76	+ ng-show="marcadores.length > 0 && idUsuario > 0"
	77	+ ng-click="showMarcadores()"
	78	+ >Listar marcadores</button>
73	79	<div ng-show="actividad === 'Entrega de producto' && idUsuario != 0">
74	80	<div class="custom-control custom-radio">
75	81	<input
...	...	@@ -0,0 +1,70 @@
	1	+<div class="modal-header py-1">
	2	+ <div class="row w-100">
	3	+ <div class="col-lg-4 col-7">
	4	+ <h5 class="modal-title my-1">Lista de Marcadores</h5>
	5	+ </div>
	6	+ </div>
	7	+</div>
	8	+<div class="modal-body" id="modal-body">
	9	+ <table class="table table-striped table-sm">
	10	+ <thead>
	11	+ <tr>
	12	+ <th>Orden</th>
	13	+ <th>Número</th>
	14	+ <th>Cliente</th>
	15	+ <th>Km desde la base</th>
	16	+ <th></th>
	17	+ </tr>
	18	+ </thead>
	19	+ <tbody>
	20	+ <tr
	21	+ ng-repeat="(key, marcador) in currentPageMarcadores"
	22	+ >
	23	+ <td ng-bind="marcador.orden"></td>
	24	+ <td ng-bind="marcador.numero"></td>
	25	+ <td ng-bind="marcador.cliente"></td>
	26	+ <td ng-bind="marcador.distancia"></td>
	27	+ <td>
	28	+ <button
	29	+ type="button"
	30	+ class="btn btn-xs p-1 float-right btn-primary"
	31	+ ng-click="select(marcador, (currentPageMarcadores.length - key - 1))"
	32	+ >
	33	+ <i class="fa fa-map-marker px-1" aria-hidden="true"></i>
	34	+ </button>
	35	+ </td>
	36	+ </tr>
	37	+ </tbody>
	38	+ </table>
	39	+</div>
	40	+<div class="modal-footer py-1">
	41	+ <nav ng-show="currentPageClientes.length > 0 && primerBusqueda && !ingreso" class="mr-auto">
	42	+ <ul class="pagination pagination-sm mb-0">
	43	+ <li class="page-item" ng-class="{'disabled': currentPage == 1}">
	44	+ <a class="page-link" href="javascript:void()" ng-click="selectPage(currentPage - 1)">
	45	+ <span aria-hidden="true">«</span>
	46	+ <span class="sr-only">Anterior</span>
	47	+ </a>
	48	+ </li>
	49	+ <li
	50	+ class="page-item"
	51	+ ng-repeat="pagina in paginas"
	52	+ ng-class="{'active': pagina == currentPage}"
	53	+ >
	54	+ <a
	55	+ class="page-link"
	56	+ href="javascript:void()"
	57	+ ng-click="selectPage(pagina)"
	58	+ ng-bind="pagina"
	59	+ ></a>
	60	+ </li>
	61	+ <li class="page-item" ng-class="{'disabled': currentPage == lastPage}">
	62	+ <a class="page-link" href="javascript:void()" ng-click="selectPage(currentPage + 1)">
	63	+ <span aria-hidden="true">»</span>
	64	+ <span class="sr-only">Siguiente</span>
	65	+ </a>
	66	+ </li>
	67	+ </ul>
	68	+ </nav>
	69	+ <button class="btn btn-sm btn-secondary" type="button" ng-click="cancel()">Cancelar</button>
	70	+</div>