X-Git-Url: https://gerrit.o-ran-sc.org/r/gitweb?a=blobdiff_plain;ds=sidebyside;f=webapp-frontend%2Fsrc%2Fapp%2Fpolicy-control%2Fpolicy-instance.component.html;h=eca57abc7ac78ae870f2136cd71388fd9e3bd96c;hb=a3e0f85eff3e8203612c547045e11f8d83639df1;hp=f83eba2e41a95812f1152496c01319caf144c170;hpb=a904ab90dae9dd332366fa184df755612a787a01;p=portal%2Fnonrtric-controlpanel.git

diff --git a/webapp-frontend/src/app/policy-control/policy-instance.component.html b/webapp-frontend/src/app/policy-control/policy-instance.component.html
index f83eba2..eca57ab 100644
--- a/webapp-frontend/src/app/policy-control/policy-instance.component.html
+++ b/webapp-frontend/src/app/policy-control/policy-instance.component.html
@@ -21,25 +21,36 @@
     multiTemplateDataRows [dataSource]="instanceDataSource">
 
     <ng-container matColumnDef="instanceId">
-        <mat-header-cell mat-sort-header *matHeaderCellDef>Instance</mat-header-cell>
-        <mat-cell *matCellDef="let element" (click)="modifyInstance(element)">{{element.id}}
+        <mat-header-cell mat-sort-header *matHeaderCellDef matTooltip="The ID of the policy instance">
+            Instance
+        </mat-header-cell>
+        <mat-cell *matCellDef="let element" (click)="modifyInstance(element)">{{element.policy_id}}
         </mat-cell>
     </ng-container>
 
     <ng-container matColumnDef="ric">
-        <mat-header-cell mat-sort-header *matHeaderCellDef>Near-RT RIC</mat-header-cell>
-        <mat-cell *matCellDef="let element" (click)="modifyInstance(element)">{{element.ric}}
+        <mat-header-cell mat-sort-header *matHeaderCellDef
+            matTooltip="Element where the policy instance resides, e.g. a gNodeB or Near-RT RIC">
+            Target
+        </mat-header-cell>
+        <mat-cell *matCellDef="let element" (click)="modifyInstance(element)">{{element.ric_id}}
         </mat-cell>
     </ng-container>
 
     <ng-container matColumnDef="service">
-        <mat-header-cell mat-sort-header *matHeaderCellDef>Owner</mat-header-cell>
-        <mat-cell *matCellDef="let element" (click)="modifyInstance(element)">{{element.service}}
+        <mat-header-cell mat-sort-header *matHeaderCellDef
+            matTooltip="The service that created the policy instance, and is responsible for its lifecycle">
+            Owner
+        </mat-header-cell>
+        <mat-cell *matCellDef="let element" (click)="modifyInstance(element)">{{element.service_id}}
         </mat-cell>
     </ng-container>
 
     <ng-container matColumnDef="lastModified">
-        <mat-header-cell mat-sort-header *matHeaderCellDef>Last modified</mat-header-cell>
+        <mat-header-cell mat-sort-header *matHeaderCellDef
+            matTooltip="The time of the last modification of the policy instance">
+            Last modified
+        </mat-header-cell>
         <mat-cell *matCellDef="let element" (click)="modifyInstance(element)">{{toLocalTime(element.lastModified)}}
         </mat-cell>
     </ng-container>
@@ -47,10 +58,11 @@
     <ng-container matColumnDef="action">
         <mat-header-cell class="action-cell" *matHeaderCellDef>Action</mat-header-cell>
         <mat-cell class="action-cell" *matCellDef="let instance">
-            <button mat-icon-button (click)="modifyInstance(instance)">
+            <button mat-icon-button (click)="modifyInstance(instance)" matTooltip="Edit the policy instance">
                 <mat-icon>edit</mat-icon>
             </button>
-            <button mat-icon-button color="warn" (click)="deleteInstance(instance)">
+            <button mat-icon-button color="warn" (click)="deleteInstance(instance)"
+                matTooltip="Delete the policy instance">
                 <mat-icon>delete</mat-icon>
             </button>
         </mat-cell>