Marcelo Puebla / foca-admin-seguimiento

Browse Code »

Commit a40b57fb7eeaf435531219212674ca55134ba8a3

Authored by Nicolás Guarnieri 2019-02-14 12:02:48 -0300

1 parent c89f27ccd3

Exists in master and in 1 other branch

ver listado de marcadores

Showing 5 changed files with 246 additions and 6 deletions Show diff stats

src/js/controller.js

Diff comments View file @ a40b57f

 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 = '';
         var cabecera = '';
         var plural = '';
         $scope.now = new Date();
         $scope.dateOptions = {
             maxDate: new Date()
         };
         switch ($routeParams.parametro) {
             case 'nota-pedido':
                 $scope.actividad = 'Nota de pedido';
                 $scope.titulo = 'Seguimiento de nota de pedido';
                 cabecera = 'Vendedor:';
                 plural = 'Vendedores';
                 break;
             case 'hoja-ruta':
                 $scope.actividad = 'Entrega de producto';
                 $scope.titulo = 'Seguimiento de hoja de ruta';
                 cabecera = 'Vehiculo:';
                 plural = 'Vehiculos';
                 break;
             case 'cobranza':
                 $scope.actividad = 'Cobranza';
                 $scope.titulo = 'Seguimiento de cobranza';
                 cabecera = 'Cobrador:';
                 plural = 'Cobradores';
                 break;
         }
         $scope.idUsuario = 0;
         $scope.marcadores = [];
         getSeguimiento();
         //SETEO BOTONERA LATERAL
         focaBotoneraLateralService.showSalir(true);
         focaBotoneraLateralService.showPausar(false);
         focaBotoneraLateralService.showGuardar(false);
         $scope.general = function() {
             $scope.idUsuario = 0;
             getSeguimiento();
         };
         $scope.individual = function() {
             $scope.idUsuario = -1;
         };
         $scope.salir = function() {
             $location.path('/');
         };
         $scope.search = function(key) {
             if (key === 13) {
                 $scope.idUsuario = $scope.idUsuarioInput;
                 getSeguimiento();
                 if ($scope.actividad === 'Entrega de producto' && $scope.idUsuario !== 0) {
                     focaAdminSeguimientoService.obtenerRemitosVehiculo($scope.idUsuario)
                         .then(function(res) {
                             var remitos = [];
                             for (var i = 0; i < res.data.length; i++) {
                                 remitos = remitos.concat(res.data[i].remitos);
                             }
                             $scope.remitosVehiculo = remitos;
                         });
                 }
             }
         };
         $scope.fecha = function() {
             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);
             hasta.setDate(hasta.getDate() + 1);
             var datos = {
                 actividad: $scope.actividad,
                 idUsuario: $scope.idUsuario,
                 fechaDesde: now,
                 fechaHasta: hasta,
                 entregado: $scope.filtroEstado ? true : ($scope.filtroEstado !== undefined ?
                     false : undefined)
             };
             $scope.datosBuscados = {
                 actividad: $scope.actividad,
                 individual: $scope.idUsuario !== 0 ? true : false
             };
             focaAdminSeguimientoService.obtenerActividad(datos).then(function(datos) {
                 $scope.marcadores = datos.data;
                 $scope.$broadcast('cleanCabecera');
                 if ($scope.idUsuario !== 0) {
                     $scope.$broadcast('addCabecera', {
                         label: 'Individual',
                         valor: ''
                     });
                     var valor = '';
                     switch ($routeParams.parametro) {
                         case 'nota-pedido':
                             if (datos.data.length) {
                                 valor = datos.data[0].notaPedido.vendedor.NUM + ' - ' +
                                     datos.data[0].notaPedido.vendedor.NOM.trim();
                             } else {
                                 valor = $scope.idUsuario;
                             }
                             break;
                         case 'hoja-ruta':
                             if (datos.data.length) {
                                 valor = $scope.idUsuario + ' - ' + datos.data[0]
                                     .hojaRutaMovimiento.remito.hojaRuta.vehiculo.tractor.trim();
                             } else {
                                 valor = $scope.idUsuario;
                             }
                             break;
                         case 'cobranza':
                             if (datos.data.length) {
-                                valor = datos.data[0].notaPedido.vendedor.NUM + ' - ' +
+                                valor = datos.data[0].recibo.cobrador.NUM + ' - ' +
-                                    datos.data[0].notaPedido.vendedor.NOM.trim();
+                                    datos.data[0].recibo.cobrador.NOM.trim();
                             } else {
                                 valor = $scope.idUsuario;
                             }
                             break;
                     }
                     $scope.$broadcast('addCabecera', {
                         label: cabecera,
                         valor: valor
                     });
                 } else {
                     $scope.$broadcast('addCabecera',{
                         label: 'General',
                         valor: ''
                     });
                 }
                 $scope.$broadcast('addCabecera', {
                     label: 'Cantidad: ',
                     valor: datos.data.length + ' Marcadores'
                 });
             });
         }
     }
 ]);

src/js/modalController.js

Diff comments View file @ a40b57f

File was created	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	]);

src/js/osm-directive.js

Diff comments View file @ a40b57f

 angular.module('focaAdminSeguimiento').directive('osm', function() {
     return {
         restrict: 'E',
         link: function(scope, el, attrs) {
             var contenedor = document.createElement('div');
             el.append(contenedor);
             scope.map = L.map(contenedor).setView([attrs.latitud, attrs.longitud], attrs.zoom);
             L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png').addTo(scope.map);
         },
         controller: ['$scope', '$filter', function($scope, $filter) {
                 $scope.markers = [];
             $scope.$watch('marcadores', function() {
                 for(var i in $scope.markers) {
                     $scope.map.removeLayer($scope.markers[i]);
                 }
                 $scope.markers = [];
                 var observacion = '';
                 angular.forEach($scope.marcadores, function(marcador) {
                     var icon = new L.Icon({
                         iconUrl: 'img/marker-icon-2x-blue.png',
                         shadowUrl: 'img/marker-shadow.png',
                         iconSize: [25, 41],
                         iconAnchor: [12, 41],
                         popupAnchor: [1, -34],
                         shadowSize: [41, 41]
                     });
                     if ($scope.parametros.actividad === 'Nota de pedido') {
                         observacion = generarObservacion(getNotaPedido(marcador));
                     }
                     if ($scope.parametros.actividad === 'Cobranza') {
                         observacion = getCobranza(marcador);
                     }
                     if ($scope.parametros.actividad === 'Entrega de producto') {
                         observacion = getEntrega(marcador);
                         if (marcador.hojaRutaMovimiento.remito.rechazado) {
                             icon = new L.Icon({
                                 iconUrl: 'img/marker-icon-2x-yellow.png',
                                 shadowUrl: 'img/marker-shadow.png',
                                 iconSize: [25, 41],
                                 iconAnchor: [12, 41],
                                 popupAnchor: [1, -34],
                                 shadowSize: [41, 41]
                             });
                         } else {
                             icon = new L.Icon({
                                 iconUrl: 'img/marker-icon-2x-green.png',
                                 shadowUrl: 'img/marker-shadow.png',
                                 iconSize: [25, 41],
                                 iconAnchor: [12, 41],
                                 popupAnchor: [1, -34],
                                 shadowSize: [41, 41]
                             });
                         }
                     }
                     if (observacion) {
                         $scope.markers.push(
                             L.marker(
                                 [marcador.latitud, marcador.longitud],
                                 {icon: icon}).addTo($scope.map)
                             .bindPopup(observacion)
                         );
                         $scope.markers[0].openPopup();
                     }
                 });
                 function getNotaPedido(marcador) {
                     var observacion = [];
                     if (!marcador.notaPedido.id) {
                         return false;
                     }
                     var notaPedido = marcador.notaPedido;
                     if (notaPedido.vendedor) {
                         observacion.push([
                             'Vendedor',
                             notaPedido.vendedor.NUM + ' - ' + notaPedido.vendedor.NOM
                         ]);
                     }
                     if (!$scope.parametros.individual) {
                         observacion.push(['Ultima Nota de Pedido', '']);
                     }
                     var textFecha = $filter('date')(marcador.fecha.slice(0,10), 'dd/MM/yyyy') +
                         ' ' + marcador.fecha.slice(11,19);
                     observacion.push(['Fecha', textFecha]);
                     observacion.push(['Nº',
                         $filter('comprobante')([notaPedido.sucursal, notaPedido.numeroNotaPedido ])
                     ]);
                     if (notaPedido.cliente) {
                         observacion.push(['Cliente', notaPedido.cliente.NOM]);
                     }
                     if ($scope.parametros.individual) {
                         observacion.push(['Total', $filter('currency')(notaPedido.total, '$')]);
                         observacion.unshift(['Orden', marcador.orden]);
                         if (marcador.distancia) {
                             observacion.push(['Distancia a casa central',
                                 marcador.distancia + 'km'
                             ]);
                         }
                     } else {
                         observacion.push(['Cantidad de nota de pedido',
                             marcador.cantidad
                         ]);
                         observacion.push(['Total Vendido',
                             $filter('currency')(marcador.total, '$')
                         ]);
                     }
-                    console.info(marcador, observacion);
                     return observacion;
                 }
                 function getCobranza(marcador) {
                     observacion = '';
                     observacion += 'Cobrador: ' + marcador.recibo.cobrador.NUM + ' - ' +
                         marcador.recibo.CFE + '<br/>';
                     if (!$scope.parametros.individual) {
                         observacion += '<b>Ultima Cobranza</b><br/>';
                     }
                     observacion += 'Fecha: ' +
                         $filter('date')(marcador.fecha.slice(0,10), 'dd/MM/yyyy') + ' ' +
                         marcador.fecha.slice(11,19) + '<br/>';
                     observacion += 'Nº: ' + $filter('comprobante')([
                         marcador.recibo.PVE, marcador.recibo.NCO]) + '<br/>';
                     observacion += 'Cliente: ' + marcador.recibo.cliente.NOM + '<br/>';
                     var totalCobrado = 0;
                     for (var i = 0; i < marcador.recibo.cuerpos.length; i++) {
                         if (marcador.recibo.cuerpos[i].LOP === 'P') {
                             totalCobrado += marcador.recibo.cuerpos[i].IMP;
                         }
                     }
                     if ($scope.parametros.individual) {
                         if (marcador.distancia) {
                             observacion += 'Distancia a casa central: ' +
                                 marcador.distancia + 'km' + '<br/>';
                             observacion += 'Total Cobrado: ' +
                                     $filter('currency')(totalCobrado, '$');
                         }
                     } else {
                         observacion += 'Cantidad de cobranzas: ' +
                             marcador.cantidad + '<br/>';
                         observacion += 'Total Cobrado: ' +
                                 $filter('currency')(totalCobrado, '$');
                     }
                     return observacion;
                 }
                 function getEntrega(marcador) {
                     var observacion = '';
                     var remito = marcador.hojaRutaMovimiento.remito;
                     observacion += 'Vehiculo: ' +
                         remito.hojaRuta.idVehiculo + ' - ' +
                         remito.hojaRuta.vehiculo.tractor  + '<br/>';
                     observacion += 'Transportista: ' +
                         remito.hojaRuta.transportista.NOM  + '<br/>';
                     observacion += 'Chofer: ' +
                         remito.hojaRuta.chofer.nombre  + '<br/>';
                     observacion +=  'Hoja de ruta: ' + $filter('comprobante')([
                             remito.hojaRuta.sucursal,
                             remito.hojaRuta.numeroHojaRuta
                         ]) + '<br/>';
                     if (!$scope.parametros.individual) {
                         observacion += '<b>Ultimo Remito</b><br/>';
                     }
                     observacion += 'Fecha: ' +
                         $filter('date')(marcador.fecha.slice(0,10), 'dd/MM/yyyy') + ' ' +
                         marcador.fecha.slice(11,19) + '<br/>';
                     observacion +=  'Nº: ' + $filter('comprobante')([
                             remito.sucursal,
                             remito.numeroRemito
                         ]) + '<br/>';
                     observacion += 'Cliente: ' +
                         remito.cliente.NOM + '<br/>';
                     if ($scope.parametros.individual) {
                         // observacion += 'Producto: ' +
                         //     remito.articulosRemito[0].descripcion + '<br/>';
                         // observacion += 'Cantidad entregada: ' +
                         //     remito.carga + '<br/>';
                         if (marcador.distancia) {
                             observacion += 'Distancia a casa central: ' + marcador.distancia +
                                 'km <br/>';
                         }
                         observacion = 'Orden: ' + marcador.orden + '<br/>' + observacion;
                     } else {
                         observacion += 'Cantidad de entregas: ' + marcador.cantidad;
                     }
                     observacion += '<br/>';
                     if (remito.rechazado) {
                         observacion += '<strong>Motivo del rechazo: ' + remito.motivoRechazo;
                     }
                     return observacion;
                 }
                 function generarObservacion(array) {
                     var resultado = '';
                     for (var i = 0; i < array.length; i++) {
                         resultado += '<b>' + array[i][0] + ': </b>';
                         resultado += array[i][1];
                         if (i < (array.length - 1)) {
                             resultado += '<br/>';
                         }
                     }
                     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: '=',
             longitud: '=',
             zoom: '=',
             marcadores: '=',
             parametros: '='
         }
     };
 });

src/views/foca-admin-seguimiento.html

Diff comments View file @ a40b57f

 <div class="foca-admin-seguimiento">
     <div class="row">
         <foca-cabecera-facturador
         titulo="titulo"
         fecha="now"
         class="mb-0 col-lg-12"
         ></foca-cabecera-facturador>
     </div>
     <div class="row">
         <div class="col-10">
             <osm
                 latitud="-34.7152975"
                 longitud="-65.9053867"
                 zoom="6"
                 marcadores="marcadores"
                 parametros= "datosBuscados"
             />
         </div>
         <div class="col-2 pl-0">
             <input
                 type="text"
                 ng-model="now"
                 class="btn col-12 my-1"
                 ng-blur="fecha()"
                 uib-datepicker-popup="dd/MM/yyyy"
                 show-button-bar="false"
                 is-open="datepickerOpen"
                 on-open-focus="false"
                 ng-focus="datepickerOpen = true"
                 datepicker-options="dateOptions"
             />
             <button
                 type="button"
                 ng-class="{'active': idUsuario == 0}"
                 class="btn col-12 my-1"
                 ng-click="general()"
             >General</button>
             <button
                 type="button"
                 ng-class="{'active': idUsuario != 0}"
                 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"
                     class="form-control"
                     ng-model="idUsuarioInput"
                     ng-keypress="search($event.keyCode)"
                     foca-focus="idUsuario == -1"
                     ng-show="actividad == 'Nota de pedido'"
                 >
                 <input
                     type="text"
                     placeholder="Vehiculo"
                     class="form-control"
                     ng-model="idUsuarioInput"
                     ng-keypress="search($event.keyCode)"
                     foca-focus="idUsuario == -1"
                     ng-show="actividad == 'Entrega de producto'"
                 >
                 <input
                     type="text"
                     placeholder="Cobrador"
                     class="form-control"
                     ng-model="idUsuarioInput"
                     ng-keypress="search($event.keyCode)"
                     foca-focus="idUsuario == -1"
                     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
                     type="radio"
                     class="custom-control-input"
                     id="idTodos"
                     name="filtro"
                     ng-model="filtroEstado"
                     ng-change="search(13)"
                     checked>
                     <label class="custom-control-label pb-3" for="idTodos"></label>
                     <img src="img/marker-icon-grey.png">
                     <strong>Todos</strong>
                 </div>
                 <div class="custom-control custom-radio">
                     <input
                     type="radio"
                     class="custom-control-input"
                     id="entregado"
                     name="filtro"
                     ng-model="filtroEstado"
                     ng-change="search(13)"
                     ng-value="true">
                     <label class="custom-control-label pb-3" for="entregado"></label>
                     <img src="img/marker-icon-green.png">
                     <strong>Entregado</strong>
                 </div>
                 <div class="custom-control custom-radio">
                     <input
                     type="radio"
                     class="custom-control-input"
                     id="noEntregado"
                     name="filtro"
                     ng-model="filtroEstado"
                     ng-change="search(13)"
                     ng-value="false">
                     <label class="custom-control-label pb-3" for="noEntregado"></label>
                     <img src="img/marker-icon-yellow.png">
                     <strong>No entregado</strong>
                 </div>
             </div>
         </div>
     </div>
     <div ng-show="actividad === 'Entrega de producto' && idUsuario != 0">
         <strong>Remitos pendientes de entrega</strong>
         <table class="table">
             <thead>
                 <tr>
                     <th>Remito Nº</th>
                     <th>Cliente</th>
                     <th>Dirección</th>
                 </tr>
             </thead>
             <tbody>
                 <tr ng-repeat="remito in remitosVehiculo">
                     <td ng-bind="[remito.sucursal, remito.numeroRemito] | comprobante"></td>
                     <td ng-bind="remito.nombreCliente"></td>
                     <td ng-bind="remito.domicilioStamp"></td>
                 </tr>
             </tbody>
         </table>
     </div>
 </div>

src/views/foca-modal-marcadores.html

Diff comments View file @ a40b57f

File was created	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>
	71