From 9eb7325522f4bf16cf61b05c4615fc75926f40c7 Mon Sep 17 00:00:00 2001
From: Jose Pinto <ejosepintog@gmail.com>
Date: Fri, 7 Dec 2018 09:33:07 -0300
Subject: [PATCH] buscador en header, paginado en footer, cambio icons

---
 src/views/modal-cobradores.html | 69 +++++++++++++++++++++++------------------
 1 file changed, 39 insertions(+), 30 deletions(-)

diff --git a/src/views/modal-cobradores.html b/src/views/modal-cobradores.html
index 2a729e7..36fcf3a 100644
--- a/src/views/modal-cobradores.html
+++ b/src/views/modal-cobradores.html
@@ -1,32 +1,41 @@
-<div class="modal-header">
-    <h5 class="modal-title my-1">Búsqueda de cobradores</h5>
-</div>
-<div class="modal-body" id="modal-body">
-    <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="selectedCobrador == -1"
-            ng-focus="selectedCobrador = -1"
-            teclado-virtual
-        >
-        <div class="input-group-append">
-            <button
+<div class="modal-header py-1">
+    <div class="row w-100">
+        <div class="col-lg-6">
+            <h5 class="modal-title my-1">Búsqueda de cobradores</h5>
+        </div>
+        <div class="input-group col-lg-6 pr-0 my-2">
+            <input
                 ladda="searchLoading"
-                class="btn btn-outline-secondary"
-                type="button"
-                ng-click="busquedaPress(13)"
+                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="selectedCobrador == -1"
+                ng-focus="selectedCobrador = -1"
+                teclado-virtual
             >
-                <i class="fa fa-search" aria-hidden="true"></i>
-            </button>
+            <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>
     </div>
+</div>
+<div class="modal-body" id="modal-body">
+
+    <div ng-show="!primerBusqueda">
+        Debe realizar una primer búsqueda.
+    </div>
+    
     <table ng-show="primerBusqueda" class="table table-striped table-sm col-12">
         <thead>
             <tr>
@@ -48,7 +57,7 @@
                 <td ng-bind="cobrador.id"></td>
                 <td ng-bind="cobrador.nombre"></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 +69,15 @@
                         }"
                         foca-focus="selectedCobrador == {{key}}"
                         ng-keydown="itemCobrador($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="currentPageCobradores.length > 0 && primerBusqueda">
+</div>
+<div class="modal-footer">
+    <nav ng-show="currentPageCobradores.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 +105,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