buscador en header, paginado en footer

Jose Pinto
1 parent 22a55aaf35
Showing 1 changed file with 34 additions and 29 deletions Show diff stats
src/views/foca-modal-factura.html
 <div class="modal-header py-1">
-    <h5 class="modal-title">Busqueda de Facturas</h5>
+    <div class="row w-100">
+        <div class="col-lg-6">
+            <h5 class="modal-title">Búsqueda de Facturas</h5>
+        </div>
+        <div class="input-group col-lg-6 pr-0 my-2">
+            <input
+                ladda="searchLoading"
+                type="text"
+                class="form-control form-control-sm"
+                placeholder="Búsqueda"
+                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>
+    </div>
 </div>
 <div class="modal-body" id="modal-body">
     <div class="input-group row">
@@ -38,31 +67,7 @@
             />
         </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>
@@ -102,7 +107,9 @@
             </tr>
         </tbody>
     </table>
-    <nav ng-show="currentPageFacturas.length > 0 && primerBusqueda">
+</div>
+<div class="modal-footer py-1">
+    <nav ng-show="currentPageFacturas.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)">
@@ -130,8 +137,6 @@
             </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"
1	1	<div class="modal-header py-1">
2		- <h5 class="modal-title">Busqueda de Facturas</h5>
	2	+ <div class="row w-100">
	3	+ <div class="col-lg-6">
	4	+ <h5 class="modal-title">Búsqueda de Facturas</h5>
	5	+ </div>
	6	+ <div class="input-group col-lg-6 pr-0 my-2">
	7	+ <input
	8	+ ladda="searchLoading"
	9	+ type="text"
	10	+ class="form-control form-control-sm"
	11	+ placeholder="Búsqueda"
	12	+ ng-model="filters"
	13	+ ng-change="search()"
	14	+ ng-keydown="busquedaDown($event.keyCode)"
	15	+ ng-keypress="busquedaPress($event.keyCode)"
	16	+ foca-focus="selectedFactura == -1"
	17	+ ng-focus="selectedFactura = -1"
	18	+ teclado-virtual
	19	+ />
	20	+ <div class="input-group-append">
	21	+ <button
	22	+ ladda="searchLoading"
	23	+ class="btn btn-outline-secondary"
	24	+ type="button"
	25	+ ng-click="busquedaPress(13)"
	26	+ >
	27	+ <i class="fa fa-search" aria-hidden="true"></i>
	28	+ </button>
	29	+ </div>
	30	+ </div>
	31	+ </div>
3	32	</div>
4	33	<div class="modal-body" id="modal-body">
5	34	<div class="input-group row">
...	...	@@ -38,31 +67,7 @@
38	67	/>
39	68	</div>
40	69	</div>
41		- <div class="input-group">
42		- <input
43		- ladda="searchLoading"
44		- type="text"
45		- class="form-control form-control-sm"
46		- placeholder="Busqueda"
47		- ng-model="filters"
48		- ng-change="search()"
49		- ng-keydown="busquedaDown($event.keyCode)"
50		- ng-keypress="busquedaPress($event.keyCode)"
51		- foca-focus="selectedFactura == -1"
52		- ng-focus="selectedFactura = -1"
53		- teclado-virtual
54		- />
55		- <div class="input-group-append">
56		- <button
57		- ladda="searchLoading"
58		- class="btn btn-outline-secondary"
59		- type="button"
60		- ng-click="busquedaPress(13)"
61		- >
62		- <i class="fa fa-search" aria-hidden="true"></i>
63		- </button>
64		- </div>
65		- </div>
	70	+
66	71	<table ng-show="primerBusqueda" class="table table-striped table-sm">
67	72	<thead>
68	73	<tr>
...	...	@@ -102,7 +107,9 @@
102	107	</tr>
103	108	</tbody>
104	109	</table>
105		- <nav ng-show="currentPageFacturas.length > 0 && primerBusqueda">
	110	+</div>
	111	+<div class="modal-footer py-1">
	112	+ <nav ng-show="currentPageFacturas.length > 0 && primerBusqueda" class="mr-auto">
106	113	<ul class="pagination pagination-sm justify-content mb-0">
107	114	<li class="page-item" ng-class="{'disabled': currentPage == 1}">
108	115	<a class="page-link" href="javascript:void();" ng-click="selectPage(currentPage - 1)">
...	...	@@ -130,8 +137,6 @@
130	137	</li>
131	138	</ul>
132	139	</nav>
133		-</div>
134		-<div class="modal-footer py-1">
135	140	<button class="btn btn-sm btn-secondary" type="button" ng-click="cancel()">Cancelar</button>
136	141	<button
137	142	class="btn btn-sm btn-primary"