[DSC-880] port fix to hide tab

4Science · May 7, 2024 · 059bb49 · 059bb49
1 parent 87cc555
commit 059bb49
Showing 1 changed file with 15 additions and 15 deletions.
diff --git a/src/app/item-page/edit-item-page/edit-item-page.component.html b/src/app/item-page/edit-item-page/edit-item-page.component.html
@@ -3,22 +3,22 @@
  <div class="col-12">
  <h2 class="border-bottom">{{'item.edit.head' | translate}}</h2>
  <div class="pt-2">
- <ul class="nav nav-tabs justify-content-start">
+ <ul class="nav nav-tabs justify-content-start" role="tablist">
  <ng-container *ngFor="let page of pages">
- <li *ngIf="page.page != 'relationships'" class="nav-item">
- <a *ngIf="(page.enabled | async)"
- class="nav-link"
- [ngClass]="{'active' : page.page === currentPage}"
- [routerLink]="['./' + page.page]">
- {{'item.edit.tabs.' + page.page + '.head' | translate}}
- </a>
- <span [ngbTooltip]="'item.edit.tabs.disabled.tooltip' | translate">
- <button *ngIf="!(page.enabled | async)"
- class="nav-link disabled">
- {{'item.edit.tabs.' + page.page + '.head' | translate}}
- </button>
- </span>
- </li>
+  <li *ngIf="page.page != 'relationships'" [attr.aria-selected]="page.page === currentPage" role="tab" class="nav-item">
+  <a *ngIf="(page.enabled | async)"
+  class="nav-link"
+  [ngClass]="{'active' : page.page === currentPage}"
+  [routerLink]="['./' + page.page]">
+  {{'item.edit.tabs.' + page.page + '.head' | translate}}
+  </a>
+  <span [ngbTooltip]="'item.edit.tabs.disabled.tooltip' | translate">
+  <button *ngIf="!(page.enabled | async)"
+  class="nav-link disabled">
+  {{'item.edit.tabs.' + page.page + '.head' | translate}}
+  </button>
+  </span>
+  </li>
  </ng-container>
  </ul>
  <div class="tab-pane active">