mirror of
https://github.com/DSpace/dspace-angular.git
synced 2025-10-07 01:54:15 +00:00
c933e87707
# Conflicts: # src/app/item-page/simple/related-entities/tabbed-related-entities-search/tabbed-related-entities-search.component.html # src/app/navbar/expandable-navbar-section/expandable-navbar-section.component.html # src/app/shared/form/vocabulary-treeview/vocabulary-treeview.component.html
36 lines
1.8 KiB
HTML
36 lines
1.8 KiB
HTML
<div class="ds-menu-item-wrapper text-md-center"
|
|
[id]="'expandable-navbar-section-' + section.id"
|
|
(mouseenter)="onMouseEnter($event, isActive)"
|
|
(mouseleave)="onMouseLeave($event, isActive)"
|
|
data-test="navbar-section-wrapper"
|
|
*ngVar="(active | async) as isActive">
|
|
<a href="javascript:void(0);" routerLinkActive="active"
|
|
role="menuitem"
|
|
(keyup.enter)="toggleSection($event)"
|
|
(keyup.space)="toggleSection($event)"
|
|
(click)="toggleSection($event)"
|
|
(keydown.space)="$event.preventDefault()"
|
|
aria-haspopup="menu"
|
|
data-test="navbar-section-toggler"
|
|
[attr.aria-expanded]="isActive"
|
|
[attr.aria-controls]="expandableNavbarSectionId(section.id)"
|
|
class="d-flex flex-row flex-nowrap align-items-center gapx-1 ds-menu-toggler-wrapper"
|
|
[class.disabled]="section.model?.disabled">
|
|
<span class="flex-fill">
|
|
<ng-container
|
|
*ngComponentOutlet="(sectionMap$ | async).get(section.id).component; injector: (sectionMap$ | async).get(section.id).injector;"></ng-container>
|
|
<!-- <span class="sr-only">{{'nav.expandable-navbar-section-suffix' | translate}}</span>-->
|
|
</span>
|
|
<i class="fas fa-caret-down fa-xs toggle-menu-icon" aria-hidden="true"></i>
|
|
</a>
|
|
<div @slide *ngIf="isActive" (click)="deactivateSection($event)"
|
|
[id]="expandableNavbarSectionId(section.id)"
|
|
role="menu"
|
|
class="dropdown-menu show nav-dropdown-menu m-0 shadow-none border-top-0 px-3 px-md-0 pt-0 pt-md-1">
|
|
<div *ngFor="let subSection of (subSections$ | async)" class="text-nowrap" role="presentation">
|
|
<ng-container
|
|
*ngComponentOutlet="(sectionMap$ | async).get(subSection.id).component; injector: (sectionMap$ | async).get(subSection.id).injector;"></ng-container>
|
|
</div>
|
|
</div>
|
|
</div>
|