ingress paths are now clickable (#7487)

* ingress paths are now clickable remove unecessary question marks make links safer * adding extra question marks
kubernetes · Dec 2, 2022 · 437d055 · 437d055
1 parent 8cf82d1
commit 437d055
Showing 1 changed file with 11 additions and 2 deletions.
diff --git a/modules/web/src/common/components/ingressrulelist/template.html b/modules/web/src/common/components/ingressrulelist/template.html
@@ -37,7 +37,8 @@
         <mat-cell *matCellDef="let ingressRuleFlat">
           <ng-container *ngIf="ingressRuleFlat.host">
             <a href="https://{{ ingressRuleFlat.host }}"
-               target="_blank"> {{ ingressRuleFlat.host }} </a>
+               target="_blank"
+               rel="noopener noreferrer"> {{ ingressRuleFlat.host }} </a>
           </ng-container>
           <ng-container *ngIf="!ingressRuleFlat.host">-</ng-container>
         </mat-cell>
@@ -46,7 +47,15 @@
         <mat-header-cell *matHeaderCellDef
                          i18n>Path </mat-header-cell>
         <mat-cell *matCellDef="let ingressRuleFlat">
-          {{ !!ingressRuleFlat?.path?.path ? ingressRuleFlat?.path?.path : '-' }}
+          <ng-container *ngIf="ingressRuleFlat?.path?.path">
+            <ng-container *ngIf="ingressRuleFlat.host">
+              <a rel="noopener noreferrer"
+                 href="https://{{ ingressRuleFlat.host }}{{ ingressRuleFlat.path.path }}"
+                 target="_blank">{{ ingressRuleFlat.path.path }}</a>
+            </ng-container>
+            <ng-container *ngIf="!ingressRuleFlat.host">{{ ingressRuleFlat.path.path }}</ng-container>
+          </ng-container>
+          <ng-container *ngIf="!ingressRuleFlat?.path?.path">-</ng-container>
         </mat-cell>
       </ng-container>
       <ng-container [matColumnDef]="getIngressRulesFlatColumns()[2]">