From: ychacon <yennifer.chacon@est.tech>
Date: Thu, 11 Feb 2021 14:46:39 +0000 (+0100)
Subject: Adding proper css style to producer table
X-Git-Tag: 2.2.0~84
X-Git-Url: https://gerrit.o-ran-sc.org/r/gitweb?a=commitdiff_plain;h=refs%2Fchanges%2F35%2F5635%2F1;p=portal%2Fnonrtric-controlpanel.git

Adding proper css style to producer table

Issue-ID: NONRTRIC-419
Signed-off-by: ychacon <yennifer.chacon@est.tech>
Change-Id: Id3d3e092402fe096570cf7e972f3e2c8fcc1a162
---

diff --git a/webapp-frontend/src/app/ei-coordinator/ei-coordinator.component.html b/webapp-frontend/src/app/ei-coordinator/ei-coordinator.component.html
index 00ce9ad..1b16b30 100644
--- a/webapp-frontend/src/app/ei-coordinator/ei-coordinator.component.html
+++ b/webapp-frontend/src/app/ei-coordinator/ei-coordinator.component.html
@@ -31,8 +31,8 @@ limitations under the License.
 <h4>Producers</h4>
 
 <div class="table-container">
-  <mat-table #producersTable [dataSource]="producersDataSource" matSort class="mat-elevation-z8">
-
+  <mat-table #producersTable [dataSource]="producersDataSource"
+    matSort class="ei-coordinator-table mat-elevation-z8">
     <ng-container matColumnDef="id">
       <mat-header-cell *matHeaderCellDef>
         <form style="display: flex" [formGroup]="producersFormControl">
@@ -85,7 +85,7 @@ limitations under the License.
 <h4>Jobs</h4>
 
 <div class="table-container">
-    <mat-table [dataSource]="jobsDataSource"
+    <mat-table #jobsTable [dataSource]="jobsDataSource"
         matSort class="ei-coordinator-table mat-elevation-z8">
         <ng-container matColumnDef="id">
             <mat-header-cell *matHeaderCellDef>
diff --git a/webapp-frontend/src/app/ei-coordinator/ei-coordinator.component.ts b/webapp-frontend/src/app/ei-coordinator/ei-coordinator.component.ts
index fbd0be6..45c5d3d 100644
--- a/webapp-frontend/src/app/ei-coordinator/ei-coordinator.component.ts
+++ b/webapp-frontend/src/app/ei-coordinator/ei-coordinator.component.ts
@@ -182,6 +182,8 @@ export class EICoordinatorComponent implements OnInit {
 
     refreshTables() {
         this.eiJobsDataSource.loadJobs();
+        this.jobsDataSource.data = this.eiJobsDataSource.eiJobs();
         this.eiProducersDataSource.loadProducers();
+        this.producersDataSource.data = this.eiProducersDataSource.eiProducers();
     }
 }