Refactor lógica mostrar grilla cuando no tiene resultados

Eric Fernandez
1 parent 2f75519a7a
Showing 2 changed files with 8 additions and 10 deletions Show diff stats
src/js/controller.js
src/views/modal-vendedores.html
@@ -12,17 +12,18 @@ angular.module(&#39;focaModalVendedores&#39;)
             $scope.filteredVendedores = [];
             $scope.currentPageVendedores = [];
             $scope.selectedVendedor = -1;
+            $scope.primerBusqueda = false;
+            $scope.sinResultados = false;
  
             $scope.busquedaPress = function(key) {
                 if (key === 13) {
+                    $scope.primerBusqueda = true;
                     focaVendedoresService.getVendedores($scope.filters).then(
                         function(res) {
                             $scope.vendedores = res.data;
                             if(res.data.length === 0) {
-                                $scope.conResultados = false;
                                 $scope.sinResultados = true;
                             } else {
-                                $scope.conResultados = true;
                                 $scope.sinResultados = false;
                                 $scope.search();
                                 primera();
@@ -33,21 +34,18 @@ angular.module(&#39;focaModalVendedores&#39;)
             };
  
             $scope.search = function() {
-                if($scope.vendedores) {
+                if($scope.vendedores.length > 0) {
                     $scope.filteredVendedores = $filter('filter')(
-                        $scope.vendedores, { $: $scope.filters }
+                    $scope.vendedores, { $: $scope.filters }
                     );
                     if($scope.filteredVendedores.length === 0) {
                         $scope.sinResultados = true;
-                        $scope.conResultados = false;
                     } else {
                         $scope.sinResultados = false;
-                        $scope.conResultados = true;
                     }
                     $scope.lastPage = Math.ceil(
                         $scope.filteredVendedores.length / $scope.numPerPage
                     );
-
                     $scope.resetPage();
                 }
             };
@@ -19,7 +19,7 @@
                 <i class="fa fa-search" aria-hidden="true"></i>
             </button>
         </div>
-        <table ng-show="conResultados" class="table table-striped table-sm">
+        <table ng-show="!sinResultados && primerBusqueda" class="table table-striped table-sm">
             <thead>
                 <tr>
                     <th>Código</th>
@@ -49,7 +49,7 @@
                 </tr>
             </tbody>
         </table>
-        <nav ng-show="conResultados">
+        <nav ng-show="!sinResultados && primerBusqueda">
             <ul class="pagination pagination-sm justify-content-end mb-0">
                 <li class="page-item" ng-class="{'disabled': currentPage == 1}">
                     <a class="page-link" href="#" ng-click="selectPage(currentPage - 1)">
@@ -78,7 +78,7 @@
             </ul>
         </nav>
     </div>
-    <div ng-show="sinResultados">
+    <div ng-show="primerBusqueda && sinResultados">
         <i class="fa fa-minus"></i> No se encontraron resultados.
     </div>
 </div>
...	...	@@ -12,17 +12,18 @@ angular.module('focaModalVendedores')
12	12	$scope.filteredVendedores = [];
13	13	$scope.currentPageVendedores = [];
14	14	$scope.selectedVendedor = -1;
	15	+ $scope.primerBusqueda = false;
	16	+ $scope.sinResultados = false;
15	17
16	18	$scope.busquedaPress = function(key) {
17	19	if (key === 13) {
	20	+ $scope.primerBusqueda = true;
18	21	focaVendedoresService.getVendedores($scope.filters).then(
19	22	function(res) {
20	23	$scope.vendedores = res.data;
21	24	if(res.data.length === 0) {
22		- $scope.conResultados = false;
23	25	$scope.sinResultados = true;
24	26	} else {
25		- $scope.conResultados = true;
26	27	$scope.sinResultados = false;
27	28	$scope.search();
28	29	primera();
...	...	@@ -33,21 +34,18 @@ angular.module('focaModalVendedores')
33	34	};
34	35
35	36	$scope.search = function() {
36		- if($scope.vendedores) {
	37	+ if($scope.vendedores.length > 0) {
37	38	$scope.filteredVendedores = $filter('filter')(
38		- $scope.vendedores, { $: $scope.filters }
	39	+ $scope.vendedores, { $: $scope.filters }
39	40	);
40	41	if($scope.filteredVendedores.length === 0) {
41	42	$scope.sinResultados = true;
42		- $scope.conResultados = false;
43	43	} else {
44	44	$scope.sinResultados = false;
45		- $scope.conResultados = true;
46	45	}
47	46	$scope.lastPage = Math.ceil(
48	47	$scope.filteredVendedores.length / $scope.numPerPage
49	48	);
50		-
51	49	$scope.resetPage();
52	50	}
53	51	};
...	...	@@ -19,7 +19,7 @@
19	19	<i class="fa fa-search" aria-hidden="true"></i>
20	20	</button>
21	21	</div>
22		- <table ng-show="conResultados" class="table table-striped table-sm">
	22	+ <table ng-show="!sinResultados && primerBusqueda" class="table table-striped table-sm">
23	23	<thead>
24	24	<tr>
25	25	<th>Código</th>
...	...	@@ -49,7 +49,7 @@
49	49	</tr>
50	50	</tbody>
51	51	</table>
52		- <nav ng-show="conResultados">
	52	+ <nav ng-show="!sinResultados && primerBusqueda">
53	53	<ul class="pagination pagination-sm justify-content-end mb-0">
54	54	<li class="page-item" ng-class="{'disabled': currentPage == 1}">
55	55	<a class="page-link" href="#" ng-click="selectPage(currentPage - 1)">
...	...	@@ -78,7 +78,7 @@
78	78	</ul>
79	79	</nav>
80	80	</div>
81		- <div ng-show="sinResultados">
	81	+ <div ng-show="primerBusqueda && sinResultados">
82	82	<i class="fa fa-minus"></i> No se encontraron resultados.
83	83	</div>
84	84	</div>