X-Git-Url: https://gerrit.o-ran-sc.org/r/gitweb?a=blobdiff_plain;f=webapp-frontend%2Fsrc%2Fapp%2Fpolicy-control%2Fpolicy-control.component.html;h=a8f50217e543f905dfd3b3071d637f8a47bc436c;hb=4f2e3d8dcdebd4b60d80b26a200588be40bed131;hp=fc74800a67399e917771193a8fc6968a3c870709;hpb=6e3a6f5c61a6af69255862c485fd597c39f69268;p=portal%2Fnonrtric-controlpanel.git

diff --git a/webapp-frontend/src/app/policy-control/policy-control.component.html b/webapp-frontend/src/app/policy-control/policy-control.component.html
index fc74800..a8f5021 100644
--- a/webapp-frontend/src/app/policy-control/policy-control.component.html
+++ b/webapp-frontend/src/app/policy-control/policy-control.component.html
@@ -18,30 +18,37 @@
   ========================LICENSE_END===================================
   -->
 
-<h3 class="rd-global-page-title">Policy Control</h3>
+  <div fxLayout="row">
+    <div class="rd-global-page-title">Policy Control</div>
+    <div class="refresh-button">
+        <button mat-icon-button color="primary" aria-label="Button with a refresh icon" (click)="refreshTables()">
+            <mat-icon>refresh</mat-icon>
+        </button>
+    </div>
+</div>
 
 <table mat-table [dataSource]="policyTypesDataSource" matSort multiTemplateDataRows
     class="policy-type-table mat-elevation-z8">
 
     <ng-container matColumnDef="name">
         <mat-header-cell *matHeaderCellDef>Policy Type</mat-header-cell>
-        <mat-cell *matCellDef="let policyType">
-            <mat-icon matTooltip="Properties">{{isInstancesShown(policyType)  ? 'expand_less' : 'expand_more'}}
+        <mat-cell *matCellDef="let policyTypeSchema">
+            <mat-icon matTooltip="Properties">{{isInstancesShown(policyTypeSchema)  ? 'expand_less' : 'expand_more'}}
             </mat-icon>
-            {{this.getDisplayName(policyType)}}
+            {{this.getDisplayName(policyTypeSchema)}}
         </mat-cell>
     </ng-container>
 
     <ng-container matColumnDef="description">
         <mat-header-cell *matHeaderCellDef> Description </mat-header-cell>
-        <mat-cell *matCellDef="let policyType"> {{policyType.schemaObject.description}}
+        <mat-cell *matCellDef="let policyTypeSchema"> {{policyTypeSchema.schemaObject.description}}
         </mat-cell>
     </ng-container>
 
     <ng-container matColumnDef="action">
         <mat-header-cell class="action-cell" *matHeaderCellDef>Action </mat-header-cell>
-        <mat-cell class="action-cell" *matCellDef="let policyType" (click)="$event.stopPropagation()">
-            <button mat-icon-button (click)="createPolicyInstance(policyType)">
+        <mat-cell class="action-cell" *matCellDef="let policyTypeSchema" (click)="$event.stopPropagation()">
+            <button mat-icon-button (click)="createPolicyInstance(policyTypeSchema)">
                 <mat-icon matTooltip="Create instance">add_box</mat-icon>
             </button>
         </mat-cell>
@@ -49,8 +56,8 @@
 
     <!-- =================== Policy instances for one type ======================== -->
     <ng-container matColumnDef="instanceTableContainer">
-        <mat-cell *matCellDef="let policyType">
-            <rd-policy-instance [policyType]=policyType [expanded]=this.getExpandedObserver(policyType)>
+        <mat-cell *matCellDef="let policyTypeSchema">
+            <rd-policy-instance [policyTypeSchema]=policyTypeSchema [expanded]=this.getExpandedObserver(policyTypeSchema)>
             </rd-policy-instance>
         </mat-cell>
     </ng-container>
@@ -61,12 +68,12 @@
     </ng-container>
 
     <mat-header-row *matHeaderRowDef="['name', 'description', 'action']"></mat-header-row>
-    <mat-row *matRowDef="let policyType; columns: ['name', 'description', 'action']"
-        (click)="toggleListInstances(policyType)">
+    <mat-row *matRowDef="let policyTypeSchema; columns: ['name', 'description', 'action']"
+        (click)="toggleListInstances(policyTypeSchema)">
     </mat-row>
 
-    <mat-row *matRowDef="let policyType; columns: ['instanceTableContainer'];"
-        [@detailExpand]="isInstancesShown(policyType) ? 'expanded' : 'collapsed'" style="overflow: hidden">
+    <mat-row *matRowDef="let policyTypeSchema; columns: ['instanceTableContainer'];"
+        [@detailExpand]="isInstancesShown(policyTypeSchema) ? 'expanded' : 'collapsed'" style="overflow: hidden">
     </mat-row>
 
     <mat-footer-row *matFooterRowDef="['noRecordsFound']"