From ff372c8dfa622b3e8ffd46164cc08644e7b10c1f Mon Sep 17 00:00:00 2001
From: efernandez <efernandez@focasoftware.com>
Date: Tue, 11 Dec 2018 16:41:26 -0300
Subject: [PATCH] buscador en header, paginacion en footer, cambio icons, focus
 input cuando no hay resultados

---
 src/js/controller.js        | 17 +++++++++++++----
 src/views/modal-bancos.html | 13 +++++++------
 2 files changed, 20 insertions(+), 10 deletions(-)

diff --git a/src/js/controller.js b/src/js/controller.js
index 5003e5e..4b7a7c1 100644
--- a/src/js/controller.js
+++ b/src/js/controller.js
@@ -1,11 +1,12 @@
 angular.module('focaModalBanco')
     .controller('focaModalBancoController', [
+        '$timeout',
         '$filter',
         '$scope',
         '$uibModalInstance',
         'focaModalBancoService',
         'filters',
-        function($filter, $scope, $uibModalInstance, focaModalBancoService, filters) {
+        function($timeout, $filter, $scope, $uibModalInstance, focaModalBancoService, filters) {
 
             $scope.filters = filters;
             $scope.bancos = [];
@@ -26,18 +27,26 @@ angular.module('focaModalBanco')
                             $scope.searchLoading = false;
                             $scope.primerBusqueda = true;
                             $scope.bancos = res.data;
-                            $scope.search();
+                            $scope.search(true);
                             primera();
                         }
                     );
                 }
             };
 
-            $scope.search = function() {
+            $scope.search = function(pressed) {
                 if($scope.bancos.length > 0) {
                     $scope.filteredBancos = $filter('filter')(
-                    $scope.bancos, { $: $scope.filters }
+                        $scope.bancos, { $: $scope.filters }
                     );
+
+                    if(pressed && $scope.filteredBancos.length === 0){
+                        $timeout(function() {
+                            angular.element('#search')[0].focus();
+                            $scope.filters = '';
+                        });
+                    }
+
                     $scope.lastPage = Math.ceil(
                         $scope.filteredBancos.length / $scope.numPerPage
                     );
diff --git a/src/views/modal-bancos.html b/src/views/modal-bancos.html
index a3cbd05..9d5c73d 100644
--- a/src/views/modal-bancos.html
+++ b/src/views/modal-bancos.html
@@ -7,7 +7,8 @@
             ladda="searchLoading"
             type="text"
             class="form-control form-control-sm"
-            placeholder="Busqueda"
+            id="search"
+            placeholder="Búsqueda"
             ng-model="filters"
             ng-change="search()"
             ng-keydown="busquedaDown($event.keyCode)"
@@ -48,7 +49,7 @@
                 <td ng-bind="banco.ID"></td>
                 <td ng-bind="banco.desbco"></td>
                 <td class="d-md-none text-primary">
-                    <i class="fa fa-arrow-right" aria-hidden="true"></i>
+                    <i class="fa fa-circle-thin" aria-hidden="true"></i>
                 </td>
                 <td class="d-none d-md-table-cell">
                     <button
@@ -60,13 +61,15 @@
                         }"
                         foca-focus="selectedBanco == {{key}}"
                         ng-keydown="itemBanco($event.keyCode)">
-                        <i class="fa fa-arrow-right" aria-hidden="true"></i>
+                        <i class="fa fa-circle-thin" aria-hidden="true"></i>
                     </button>
                 </td>
             </tr>
         </tbody>
     </table>
-    <nav ng-show="currentPageBancos.length > 0 && primerBusqueda">
+</div>
+<div class="modal-footer">
+    <nav ng-show="currentPageBancos.length > 0 && primerBusqueda" class="mr-auto">
         <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)">
@@ -94,7 +97,5 @@
             </li>
         </ul>
     </nav>
-</div>
-<div class="modal-footer">
     <button class="btn btn-sm btn-secondary my-1" type="button" ng-click="cancel()">Cancelar</button>
 </div>
-- 
1.9.1