Mauricio Cattafi / foca-modal-factura

Commit 02ce8ad9fb57f0a555aa103d76eb62ff1e0a0465

Authored by Eric Fernandez 2018-11-27 09:56:59 -0300

selección múltiple de items

validación que elija al menos un item

Showing 2 changed files with 26 additions and 19 deletions Show diff stats

src/js/controller.js

Diff comments View file @ 02ce8ad

 angular.module('focaModalFactura')
     .controller('focaModalFacturaController',
         [
             '$filter',
             '$scope',
             '$uibModalInstance',
             'focaModalFacturaService',
             'cliente',
             function($filter, $scope, $uibModalInstance,
                 focaModalFacturaService, cliente
             ) {
                 var fecha = new Date();
                 $scope.fechaHasta = new Date();
                 $scope.fechaDesde = new Date(fecha.setMonth(fecha.getMonth() - 1));
                 $scope.filters = '';
                 $scope.facturas = [];
                 $scope.primerBusqueda = false;
                 $scope.searchLoading = false;
                 // pagination
                 $scope.numPerPage = 10;
                 $scope.currentPage = 1;
                 $scope.filteredFacturas = [];
                 $scope.currentPageFacturas = [];
                 $scope.selectedFactura = -1;
                 //METODOS
                 $scope.busquedaPress = function(key) {
                     if (key === 13) {
                         //TODO Validaciones con alertas
                         if(!$scope.fechaDesde) {
                             alert('INGRESE FECHA DESDE');
                             return;
                         }
                         if(!$scope.fechaHasta) {
                             alert('INGRESE FECHA HASTA');
                             return;
                         }
                         if($scope.fechaDesde > $scope.fechaHasta) {
                             alert('La fecha desde no puede ser mayor a la fecha hasta');
                             return;
                         }
                         $scope.searchLoading = true;
                         //TODO hacer filtro de fecha
                         focaModalFacturaService
                             .getFacturasByIdCliente(cliente, $scope.fechaDesde
                                 .toISOString().split('.')[0],
                                 $scope.fechaHasta.toISOString().split('.')[0])
                             .then(llenarDatos);
                     }
                 };
+                $scope.aceptar = function() {
+                    var result = $scope.facturas.filter(function(a) {return a.checked === true;});
+                    $uibModalInstance.close(result);
+                };
+                $scope.tieneAlMenosUno = function() {
+                    var result = $scope.facturas.filter(function(a) {return a.checked === true;});
+                    return result.length === 0 ? true : false;
+                };
                 function llenarDatos(res) {
                     $scope.facturas = [];
                     $scope.filteredFacturas = [];
                     $scope.currentPageFacturas = [];
                     $scope.selectedFactura = -1;
                     $scope.searchLoading = false;
                     $scope.primerBusqueda = true;
                     $scope.facturas = res.data;
                     $scope.search();
                     primera();
                 }
                 $scope.search = function() {
                     if($scope.facturas.length > 0) {
                         $scope.filteredFacturas = $filter('filter')(
                             $scope.facturas,
                             {$: $scope.filters}
                         );
                         $scope.lastPage = Math.ceil(
                             $scope.filteredFacturas.length / $scope.numPerPage
                         );
                         $scope.resetPage();
                     }
                 };
                 $scope.resetPage = function() {
                     $scope.currentPage = 1;
                     $scope.selectPage(1);
                 };
                 $scope.selectPage = function(page) {
                     var start = (page - 1) * $scope.numPerPage;
                     var end = start + $scope.numPerPage;
                     $scope.paginas = [];
                     $scope.paginas = calcularPages(page);
                     $scope.currentPageFacturas = $scope.filteredFacturas.slice(start, end);
                     $scope.currentPage = page;
                 };
-                $scope.select = function(notaPedido) {
-                    $uibModalInstance.close(notaPedido);
-                };
                 $scope.cancel = function() {
                     $uibModalInstance.dismiss('cancel');
                 };
                 $scope.busquedaDown = function(key) {
                     if (key === 40) {
                         primera(key);
                     }
                 };
-                $scope.itemNotaPedido = function(key) {
+                $scope.itemFactura = function(key) {
                     if (key === 38) {
                         anterior(key);
                     }
                     if (key === 40) {
                         siguiente(key);
                     }
                     if (key === 37) {
                         retrocederPagina();
                     }
                     if (key === 39) {
                         avanzarPagina();
                     }
                 };
                 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 primera() {
                     $scope.selectedFactura = 0;
                 }
                 function anterior() {
                     if ($scope.selectedFactura === 0 && $scope.currentPage > 1) {
                         retrocederPagina();
                     } else {
                         $scope.selectedFactura--;
                     }
                 }
                 function siguiente() {
                     if ($scope.selectedFactura < $scope.currentPageFacturas.length - 1 ) {
                         $scope.selectedFactura++;
                     } else {
                             avanzarPagina();
                     }
                 }
                 function retrocederPagina() {
                     if ($scope.currentPage > 1) {
                         $scope.selectPage($scope.currentPage - 1);
                         $scope.selectedFactura = $scope.numPerPage - 1;
                     }
                 }
                 function avanzarPagina() {
                     if ($scope.currentPage < $scope.lastPage) {
                         $scope.selectPage($scope.currentPage + 1);
                         $scope.selectedFactura = 0;
                     }
                 }

src/views/foca-modal-factura.html

Diff comments View file @ 02ce8ad

 <div class="modal-header py-1">
     <h5 class="modal-title">Busqueda de Facturas</h5>
 </div>
 <div class="modal-body" id="modal-body">
     <div class="input-group row">
         <small class="col-md-2 col-4 text-left my-1">Fecha Desde</small>
         <div class="col-md-4 col-8 input-group mb-2">
             <div class="input-group-prepend">
                 <div class="input-group-text form-control-sm">
                     <i class="fa fa-calendar"></i>
                 </div>
             </div>
             <input
                 class="form-control form-control-sm"
                 id="inlineFormInputGroup"
                 ladda="searchLoading"
                 type="date"
                 ng-model="fechaDesde"
                 hasta-hoy
                 ng-required="true"
             />
         </div>
         <small class="col-md-2 col-4 text-left my-1">Fecha Hasta</small>
         <div class="col-md-4 col-8 input-group mb-2">
             <div class="input-group-prepend">
                 <div class="input-group-text form-control-sm">
                     <i class="fa fa-calendar"></i>
                 </div>
             </div>
             <input
                 class="form-control form-control-sm"
                 id="inlineFormInputGroup"
                 ladda="searchLoading"
                 type="date"
                 ng-model="fechaHasta"
                 ng-required="true"
                 hasta-hoy
             />
         </div>
     </div>
     <div class="input-group">
         <input
             ladda="searchLoading"
             type="text"
             class="form-control form-control-sm"
             placeholder="Busqueda"
             ng-model="filters"
             ng-change="search()"
             ng-keydown="busquedaDown($event.keyCode)"
             ng-keypress="busquedaPress($event.keyCode)"
             foca-focus="selectedFactura == -1"
             ng-focus="selectedFactura = -1"
             teclado-virtual
         />
         <div class="input-group-append">
             <button
                 ladda="searchLoading"
                 class="btn btn-outline-secondary"
                 type="button"
                 ng-click="busquedaPress(13)"
             >
                 <i class="fa fa-search" aria-hidden="true"></i>
             </button>
         </div>
     </div>
     <table ng-show="primerBusqueda" class="table table-striped table-sm">
         <thead>
             <tr>
                 <th>Cliente</th>
                 <th>Fecha</th>
                 <th>Nro</th>
                 <th>Importe</th>
                 <th></th>
             </tr>
         </thead>
         <tbody>
             <tr ng-show="currentPageFacturas.length == 0 && primerBusqueda">
                 <td colspan="5">
                     No se encontraron resultados.
                 </td>
             </tr>
             <tr class="selectable"
-                ng-repeat="(key,factura) in currentPageFacturas"
+                ng-repeat="(key,factura) in currentPageFacturas">
-                ng-click="select(factura)">
                 <td ng-bind="factura.cliente.NOM"></td>
                 <td ng-bind="factura.FEP | date : 'dd/MM/yyyy'"></td>
                 <td ng-bind=
                     "(factura.TCO + '-' + factura.TIP + '-' + factura.SUC + '-' + factura.NCO)">
                 </td>
-                <td ng-bind="factura.IPA"></td>
+                <td class="text-right" ng-bind="factura.IPA | currency:'$'"></td>
-                <td>
+                <td><input
-                    <button
-                        type="button"
-                        class="btn btn-xs p-1 float-right"
                         ng-class="{
-                            'btn-secondary': selectedFactura != key,
+                        'btn-secondary': selectedFactura != key,
-                            'btn-primary': selectedFactura == key
+                        'btn-primary': selectedFactura == key}"
-                        }"
+                        ng-keydown="itemFactura($event.keyCode)"
                         foca-focus="selectedFactura == {{key}}"
-                        ng-keydown="itemNotaPedido($event.keyCode)"
+                        type="checkbox"
-                    >
+                        ng-model="factura.checked"/>
-                        <i class="fa fa-arrow-right" aria-hidden="true"></i>
-                    </button>
                 </td>
             </tr>
         </tbody>
     </table>
     <nav ng-show="currentPageFacturas.length > 0 && primerBusqueda">
         <ul class="pagination pagination-sm justify-content 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>
 </div>
 <div class="modal-footer py-1">
     <button class="btn btn-sm btn-secondary" type="button" ng-click="cancel()">Cancelar</button>
+    <button
+        class="btn btn-sm btn-primary"