Agregado paginador.

Marcelo Puebla
1 parent cd84daae19
Showing 1 changed file with 20 additions and 3 deletions Show diff stats
src/app/components/amb-imagenes/amb-imagenes.component.html
@@ -15,12 +15,11 @@
         class="form-control form-control-lg shadow-sm rounded-pill px-5"
         placeholder="Búsqueda productos"
         [(ngModel)]="searchTerm"
-        (ngModelChange)="filterItems()"
-        (keyup.enter)="onEnter()">
+        (ngModelChange)="filterItems()">
     </div>
   </div>
  
-  <div class="row m-3 vh-70 overflow-scroll">
+  <div class="row m-3 vh-60 overflow-scroll">
     <div class="col">
       <h5>Productos</h5>
       <table class="table table-striped table-hover table-borderless shadow">
@@ -83,4 +82,22 @@
     </div>
   </div>
  
+  <div class="row" *ngIf="paginationData">
+    <div class="col">
+      <pagination
+        [rotate]="false"
+        [(ngModel)]="paginationData.page"
+        [totalItems]="paginationData.rowCount"
+        [maxSize]="paginationData.pageCount"
+        [itemsPerPage]="paginationData.pageSize"
+        (pageChanged)="pageChanged($event)"
+        [boundaryLinks]="true"
+        previousText="&lsaquo;"
+        nextText="&rsaquo;"
+        firstText="&laquo;"
+        lastText="&raquo;"
+      ></pagination>
+    </div>
+  </div>
+
 </div>
...	...	@@ -15,12 +15,11 @@
15	15	class="form-control form-control-lg shadow-sm rounded-pill px-5"
16	16	placeholder="Búsqueda productos"
17	17	[(ngModel)]="searchTerm"
18		- (ngModelChange)="filterItems()"
19		- (keyup.enter)="onEnter()">
	18	+ (ngModelChange)="filterItems()">
20	19	</div>
21	20	</div>
22	21
23		- <div class="row m-3 vh-70 overflow-scroll">
	22	+ <div class="row m-3 vh-60 overflow-scroll">
24	23	<div class="col">
25	24	<h5>Productos</h5>
26	25	<table class="table table-striped table-hover table-borderless shadow">
...	...	@@ -83,4 +82,22 @@
83	82	</div>
84	83	</div>
85	84
	85	+ <div class="row" *ngIf="paginationData">
	86	+ <div class="col">
	87	+ <pagination
	88	+ [rotate]="false"
	89	+ [(ngModel)]="paginationData.page"
	90	+ [totalItems]="paginationData.rowCount"
	91	+ [maxSize]="paginationData.pageCount"
	92	+ [itemsPerPage]="paginationData.pageSize"
	93	+ (pageChanged)="pageChanged($event)"
	94	+ [boundaryLinks]="true"
	95	+ previousText="&lsaquo;"
	96	+ nextText="&rsaquo;"
	97	+ firstText="«"
	98	+ lastText="»"
	99	+ ></pagination>
	100	+ </div>
	101	+ </div>
	102	+
86	103	</div>