Files
dspace-angular/src/app/root/root.component.html
Yury Bondarenko 5edc689bc1 Fix null/undefined incosistencies
- Introduced pipes for combined null/undefined checks: dsHasValue & dsHasNoValue
- Safer to async !== true than async === false
- Went over other instances of async === to confirm that they should be fine
2024-03-07 09:55:36 +01:00

34 lines
1.5 KiB
HTML

<button (click)="skipToMainContent()" class="sr-only" id="skip-to-main-content">
{{ 'root.skip-to-content' | translate }}
</button>
<div class="outer-wrapper" [class.d-none]="shouldShowFullscreenLoader" [@slideSidebarPadding]="{
value: ((isSidebarVisible$ | async) !== true ? 'hidden' : (slideSidebarOver$ | async) ? 'unpinned' : 'pinned'),
params: { collapsedWidth: (collapsedSidebarWidth$ | async), expandedWidth: (expandedSidebarWidth$ | async) }
}">
<ds-themed-admin-sidebar [expandedSidebarWidth$]="expandedSidebarWidth$" [collapsedSidebarWidth$]="collapsedSidebarWidth$"></ds-themed-admin-sidebar>
<div class="inner-wrapper">
<ds-system-wide-alert-banner></ds-system-wide-alert-banner>
<ds-themed-header-navbar-wrapper></ds-themed-header-navbar-wrapper>
<ds-themed-breadcrumbs></ds-themed-breadcrumbs>
<main class="my-cs" id="main-content">
<div class="container d-flex justify-content-center align-items-center h-100" *ngIf="shouldShowRouteLoader">
<ds-themed-loading [showMessage]="false"></ds-themed-loading>
</div>
<div [class.d-none]="shouldShowRouteLoader">
<router-outlet></router-outlet>
</div>
</main>
<ds-themed-footer></ds-themed-footer>
</div>
</div>
<ds-notifications-board [options]="notificationOptions">
</ds-notifications-board>
<div class="ds-full-screen-loader" *ngIf="shouldShowFullscreenLoader">
<ds-themed-loading [showMessage]="false"></ds-themed-loading>
</div>