focus input cuando no hay resultados

Eric Fernandez
1 parent ae73337ada
Showing 2 changed files with 19 additions and 4 deletions Show diff stats
src/js/controller.js
src/views/modal-domicilio.html
 angular.module('focaModalDomicilio')
     .controller('focaModalDomicilioController', 
         [
+            '$timeout',
             '$filter',
             '$scope',
             '$uibModalInstance',
             'idCliente',
             'focaModalDomicilioService',
-            function($filter, $scope, $uibModalInstance, idCliente, focaModalDomicilioService) {
+            function($timeout, $filter, $scope, $uibModalInstance, idCliente, focaModalDomicilioService) {
  
                 $scope.buscar = function() {
                     focaModalDomicilioService
@@ -18,6 +19,7 @@ angular.module(&#39;focaModalDomicilio&#39;)
                         }
                     );
                 };
+                $scope.filters = '';
                 $scope.idCliente = idCliente;
                 $scope.buscar();
                 $scope.ingreso = false;
@@ -31,12 +33,23 @@ angular.module(&#39;focaModalDomicilio&#39;)
                 $scope.selectedDomicilio = -1;
  
                 //METODOS
-                $scope.search = function() {
+                $scope.search = function(pressed) {
                     $scope.filteredDomicilios = $filter('filter')(
                         $scope.domicilios, 
                         {$: $scope.filters}
                     );
  
+                    if(pressed){
+                        if($scope.filteredDomicilios.length === 0){
+                            $timeout(function() {
+                                angular.element('#search')[0].focus();
+                                $scope.filters = '';
+                            });
+                        }else{
+                            primera();
+                        }
+                    }
+
                     $scope.lastPage = Math.ceil(
                         $scope.filteredDomicilios.length / $scope.numPerPage
                     );
@@ -74,7 +87,7 @@ angular.module(&#39;focaModalDomicilio&#39;)
  
                 $scope.busquedaPress = function(key) {
                     if (key === 13) {
-                        primera(key);
+                        $scope.search(true)
                     }
                 };
  
@@ -6,7 +6,8 @@
         <div class="input-group col-lg-6 pr-0 my-2">
             <input 
                 type="text" 
-                class="form-control form-control-sm" 
+                class="form-control form-control-sm"
+                id="search"
                 placeholder="Búsqueda" 
                 ng-model="filters" 
                 ng-change="search()" 
@@ -21,6 +22,7 @@
                     ladda="searchLoading"
                     class="btn btn-outline-secondary"
                     type="button"
+                    ng-click="busquedaPress(13)"
                 >
                     <i class="fa fa-search" aria-hidden="true"></i>
                 </button>
1	1	angular.module('focaModalDomicilio')
2	2	.controller('focaModalDomicilioController',
3	3	[
	4	+ '$timeout',
4	5	'$filter',
5	6	'$scope',
6	7	'$uibModalInstance',
7	8	'idCliente',
8	9	'focaModalDomicilioService',
9		- function($filter, $scope, $uibModalInstance, idCliente, focaModalDomicilioService) {
	10	+ function($timeout, $filter, $scope, $uibModalInstance, idCliente, focaModalDomicilioService) {
10	11
11	12	$scope.buscar = function() {
12	13	focaModalDomicilioService
...	...	@@ -18,6 +19,7 @@ angular.module('focaModalDomicilio')
18	19	}
19	20	);
20	21	};
	22	+ $scope.filters = '';
21	23	$scope.idCliente = idCliente;
22	24	$scope.buscar();
23	25	$scope.ingreso = false;
...	...	@@ -31,12 +33,23 @@ angular.module('focaModalDomicilio')
31	33	$scope.selectedDomicilio = -1;
32	34
33	35	//METODOS
34		- $scope.search = function() {
	36	+ $scope.search = function(pressed) {
35	37	$scope.filteredDomicilios = $filter('filter')(
36	38	$scope.domicilios,
37	39	{$: $scope.filters}
38	40	);
39	41
	42	+ if(pressed){
	43	+ if($scope.filteredDomicilios.length === 0){
	44	+ $timeout(function() {
	45	+ angular.element('#search')[0].focus();
	46	+ $scope.filters = '';
	47	+ });
	48	+ }else{
	49	+ primera();
	50	+ }
	51	+ }
	52	+
40	53	$scope.lastPage = Math.ceil(
41	54	$scope.filteredDomicilios.length / $scope.numPerPage
42	55	);
...	...	@@ -74,7 +87,7 @@ angular.module('focaModalDomicilio')
74	87
75	88	$scope.busquedaPress = function(key) {
76	89	if (key === 13) {
77		- primera(key);
	90	+ $scope.search(true)
78	91	}
79	92	};
80	93
...	...	@@ -6,7 +6,8 @@
6	6	<div class="input-group col-lg-6 pr-0 my-2">
7	7	<input
8	8	type="text"
9		- class="form-control form-control-sm"
	9	+ class="form-control form-control-sm"
	10	+ id="search"
10	11	placeholder="Búsqueda"
11	12	ng-model="filters"
12	13	ng-change="search()"
...	...	@@ -21,6 +22,7 @@
21	22	ladda="searchLoading"
22	23	class="btn btn-outline-secondary"
23	24	type="button"
	25	+ ng-click="busquedaPress(13)"
24	26	>
25	27	<i class="fa fa-search" aria-hidden="true"></i>
26	28	</button>