hazza/dspace-angular
1
0
Fork 1
mirror of https://github.com/DSpace/dspace-angular.git synced 2025-10-18 15:33:04 +00:00
Code Issues Packages Projects Releases Wiki Activity

Allow enter key to expand or contract menu based on current active status

Browse Source
This commit is contained in:
Tim Donohue
2021-09-14 14:16:04 -05:00
parent 706cc47197
commit b86ae8dd14
1 changed files with 19 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
src/app/navbar/expandable-navbar-section/expandable-navbar-section.component.html
View File

@@ -1,18 +1,20 @@
<div class="nav-item dropdown expandable-navbar-section" <ng-container *ngVar="(active | async) as isActive">
(keyup.enter)="activateSection($event)" <div class="nav-item dropdown expandable-navbar-section"
(mouseenter)="activateSection($event)" (keyup.enter)="isActive ? deactivateSection($event) : activateSection($event)"
(mouseleave)="deactivateSection($event)"> (mouseenter)="activateSection($event)"
<a href="#" class="nav-link dropdown-toggle" routerLinkActive="active" (mouseleave)="deactivateSection($event)">
id="browseDropdown" (click)="toggleSection($event)" <a href="#" class="nav-link dropdown-toggle" routerLinkActive="active"
data-toggle="dropdown"> id="browseDropdown" (click)="toggleSection($event)"
<ng-container data-toggle="dropdown">
*ngComponentOutlet="(sectionMap$ | async).get(section.id).component; injector: (sectionMap$ | async).get(section.id).injector;"></ng-container>
</a>
<ul @slide *ngIf="(active | async)" (click)="deactivateSection($event)"
class="m-0 shadow-none border-top-0 dropdown-menu show">
<ng-container *ngFor="let subSection of (subSections$ | async)">
<ng-container <ng-container
*ngComponentOutlet="(sectionMap$ | async).get(subSection.id).component; injector: (sectionMap$ | async).get(subSection.id).injector;"></ng-container> *ngComponentOutlet="(sectionMap$ | async).get(section.id).component; injector: (sectionMap$ | async).get(section.id).injector;"></ng-container>
</ng-container> </a>
</ul> <ul @slide *ngIf="(active | async)" (click)="deactivateSection($event)"
</div> class="m-0 shadow-none border-top-0 dropdown-menu show">
<ng-container *ngFor="let subSection of (subSections$ | async)">
<ng-container
*ngComponentOutlet="(sectionMap$ | async).get(subSection.id).component; injector: (sectionMap$ | async).get(subSection.id).injector;"></ng-container>
</ng-container>
</ul>
</div>
</ng-container>