From 27bc5a0b822ac51a180a2eff6beb73e76c30f1a2 Mon Sep 17 00:00:00 2001
From: Rene Enriquez <enriquezrene.ap@gmail.com>
Date: Thu, 28 May 2020 11:16:30 -0500
Subject: [PATCH] fix: #297 removing pagination from table

---
 .../project-list/project-list.component.html  | 58 +++++++------------
 .../project-list/project-list.component.scss  |  4 ++
 2 files changed, 26 insertions(+), 36 deletions(-)

diff --git a/src/app/modules/customer-management/components/projects/components/project-list/project-list.component.html b/src/app/modules/customer-management/components/projects/components/project-list/project-list.component.html
index de42d3dde..59474aaed 100644
--- a/src/app/modules/customer-management/components/projects/components/project-list/project-list.component.html
+++ b/src/app/modules/customer-management/components/projects/components/project-list/project-list.component.html
@@ -1,37 +1,23 @@
-<table class="table table-sm table-bordered table-striped">
-  <thead class="thead-orange">
-    <tr class="d-flex">
-      <th class="col-9">Project</th>
-      <th class="col-3 text-center"></th>
-    </tr>
-  </thead>
-  <tbody>
-    <tr
-      class="d-flex"
-      *ngFor="
-        let project of projects
-          | filterProject: filterProjects
-          | paginate: { itemsPerPage: itemsPerPage, currentPage: initPage3, id: 'third' }
-      "
-    >
-      <td class="col-sm-9">{{ project.name }}</td>
-      <td class="col-sm-3 text-center">
-        <button type="button" class="btn btn-sm btn-primary" (click)="updateProject(project)">
-          <i class="fa fa-pencil fa-xs"></i>
-        </button>
-        <button type="button" class="btn btn-sm btn-danger ml-2" (click)="deleteProject(project.id)">
-          <i class="fa fa-trash-alt fa-xs"></i>
-        </button>
-      </td>
-    </tr>
-  </tbody>
-</table>
-<div class="d-flex align-items-end flex-column">
-  <pagination-controls
-    class="mt-auto p-2 custom-pagination"
-    (pageChange)="initPage3 = $event"
-    id="third"
-    previousLabel=""
-    nextLabel=""
-  ></pagination-controls>
+<div class="project-list">
+  <table class="table table-sm table-bordered table-striped">
+    <thead class="thead-orange">
+      <tr class="d-flex">
+        <th class="col-9">Project</th>
+        <th class="col-3 text-center"></th>
+      </tr>
+    </thead>
+    <tbody>
+      <tr class="d-flex" *ngFor="let project of projects">
+        <td class="col-sm-9">{{ project.name }}</td>
+        <td class="col-sm-3 text-center">
+          <button type="button" class="btn btn-sm btn-primary" (click)="updateProject(project)">
+            <i class="fa fa-pencil fa-xs"></i>
+          </button>
+          <button type="button" class="btn btn-sm btn-danger ml-2" (click)="deleteProject(project.id)">
+            <i class="fa fa-trash-alt fa-xs"></i>
+          </button>
+        </td>
+      </tr>
+    </tbody>
+  </table>
 </div>
diff --git a/src/app/modules/customer-management/components/projects/components/project-list/project-list.component.scss b/src/app/modules/customer-management/components/projects/components/project-list/project-list.component.scss
index 8099bafc8..8938bf72b 100644
--- a/src/app/modules/customer-management/components/projects/components/project-list/project-list.component.scss
+++ b/src/app/modules/customer-management/components/projects/components/project-list/project-list.component.scss
@@ -1 +1,5 @@
 @import '../../../../../../../styles/colors.scss';
+
+.project-list {
+  max-height: 300px; overflow: auto; display:inline-block; width: 100%;
+}