mirror of
https://github.com/DSpace/dspace-angular.git
synced 2025-10-14 13:33:03 +00:00
52 lines
2.5 KiB
HTML
52 lines
2.5 KiB
HTML
<nav @slideHorizontal class="navbar navbar-dark bg-dark p-0"
|
|
[ngClass]="{'active': sidebarOpen, 'inactive': sidebarClosed}"
|
|
[@slideSidebar]="{
|
|
value: (!(sidebarExpanded | async) ? 'collapsed' : 'expanded'),
|
|
params: {sidebarWidth: (sidebarWidth | async)}
|
|
}" (@slideSidebar.done)="finishSlide($event)" (@slideSidebar.start)="startSlide($event)"
|
|
*ngIf="menuVisible | async" (mouseenter)="expandPreview($event)"
|
|
(mouseleave)="collapsePreview($event)">
|
|
<div class="sidebar-top-level-items">
|
|
<ul class="navbar-nav">
|
|
<li class="admin-menu-header sidebar-section">
|
|
<a class="shortcut-icon navbar-brand mr-0" href="#">
|
|
<span class="logo-wrapper">
|
|
<img class="admin-logo" src="assets/images/dspace-logo-mini.svg"
|
|
[alt]="('menu.header.image.logo') | translate">
|
|
</span>
|
|
</a>
|
|
<div class="sidebar-collapsible">
|
|
<a class="navbar-brand mr-0" href="#">
|
|
<h4 class="section-header-text mb-0">{{'menu.header.admin' |
|
|
translate}}</h4>
|
|
</a>
|
|
</div>
|
|
</li>
|
|
|
|
<ng-container *ngFor="let section of (sections | async)">
|
|
<ng-container
|
|
*ngComponentOutlet="sectionComponents.get(section.id); injector: sectionInjectors.get(section.id);"></ng-container>
|
|
</ng-container>
|
|
</ul>
|
|
</div>
|
|
<div class="navbar-nav">
|
|
<div class="sidebar-section" id="sidebar-collapse-toggle">
|
|
<a class="nav-item nav-link shortcut-icon"
|
|
href="#"
|
|
(click)="toggle($event)">
|
|
<i *ngIf="(menuCollapsed | async)" class="fas fa-fw fa-angle-double-right"
|
|
[title]="'menu.section.icon.pin' | translate"></i>
|
|
<i *ngIf="!(menuCollapsed | async)" class="fas fa-fw fa-angle-double-left"
|
|
[title]="'menu.section.icon.unpin' | translate"></i>
|
|
</a>
|
|
<div class="sidebar-collapsible">
|
|
<a class="nav-item nav-link sidebar-section"
|
|
href="#"
|
|
(click)="toggle($event)">
|
|
<span *ngIf="menuCollapsed | async" class="section-header-text">{{'menu.section.pin' | translate }}</span>
|
|
<span *ngIf="!(menuCollapsed | async)" class="section-header-text">{{'menu.section.unpin' | translate }}</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</nav> |