Improvements in the GUI

[portal/nonrtric-controlpanel.git] / webapp-frontend / src / app / policy-control / policy-instance.component.html

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..1e80d83 100644 (file)
--- 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-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.id}}
         </mat-cell>
     </ng-container>
 
     <ng-container matColumnDef="ric">
-        <mat-header-cell mat-sort-header *matHeaderCellDef>Near-RT RIC</mat-header-cell>
+        <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}}
         </mat-cell>
     </ng-container>
 
     <ng-container matColumnDef="service">
-        <mat-header-cell mat-sort-header *matHeaderCellDef>Owner</mat-header-cell>
+        <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}}
         </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>