110615: Fixed related entities ay11 tab issue & removed potential duplicate ID issue by removing the unused #browseDropdown ID

This commit is contained in:
Alexandre Vryghem
2024-08-13 11:43:36 +02:00
parent e4f483c308
commit a0515c4121
2 changed files with 6 additions and 4 deletions

View File

@@ -1,7 +1,9 @@
<ng-container *ngIf="relationTypes.length > 1"> <ng-container *ngIf="relationTypes.length > 1">
<ul ngbNav #tabs="ngbNav" [destroyOnHide]="true" [activeId]="activeTab$ | async" (navChange)="onTabChange($event)" class="nav-tabs"> <ul ngbNav #tabs="ngbNav" [destroyOnHide]="true" [activeId]="activeTab$ | async" (navChange)="onTabChange($event)" class="nav-tabs" role="tablist">
<li *ngFor="let relationType of relationTypes" [ngbNavItem]="relationType.filter"> <li *ngFor="let relationType of relationTypes" [ngbNavItem]="relationType.filter" role="presentation">
<a ngbNavLink>{{'item.page.relationships.' + relationType.label | translate}}</a> <a ngbNavLink role="tab">
{{'item.page.relationships.' + relationType.label | translate}}
</a>
<ng-template ngbNavContent> <ng-template ngbNavContent>
<div class="mt-4"> <div class="mt-4">
<ds-related-entities-search [item]="item" <ds-related-entities-search [item]="item"

View File

@@ -6,7 +6,7 @@
(mouseenter)="activateSection($event)" (mouseenter)="activateSection($event)"
(mouseleave)="deactivateSection($event)"> (mouseleave)="deactivateSection($event)">
<a href="javascript:void(0);" class="nav-link dropdown-toggle" routerLinkActive="active" <a href="javascript:void(0);" class="nav-link dropdown-toggle" routerLinkActive="active"
id="browseDropdown" (click)="toggleSection($event)" (click)="toggleSection($event)"
data-toggle="dropdown"> data-toggle="dropdown">
<ng-container <ng-container
*ngComponentOutlet="(sectionMap$ | async).get(section.id).component; injector: (sectionMap$ | async).get(section.id).injector;"></ng-container> *ngComponentOutlet="(sectionMap$ | async).get(section.id).component; injector: (sectionMap$ | async).get(section.id).injector;"></ng-container>