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 (file)
--- 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 (file)
--- 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();
     }
 }