inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-06-30 18:15:11 +00:00
Code Issues Packages Projects Releases Wiki Activity

[ACS-3742] extra cfg support for shell navbar (#8256)

Browse Source
This commit is contained in:
Denys Vuika 2023-02-14 14:22:56 +00:00 committed by GitHub
parent bcfa488940
commit 0ba076722f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 16 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
lib/core/shell/src/lib/components/shell/shell.component.html
View File

@ -1,7 +1,7 @@
<adf-sidenav-layout
#layout
[sidenavMin]="70"
[sidenavMax]="320"
[sidenavMin]="sidenavMin"
[sidenavMax]="sidenavMax"
[stepOver]="600"
[hideSidenav]="hideSidenav"
[expandedSidenav]="expandedSidenav"
@ -28,7 +28,7 @@
>
<adf-dynamic-component
id="app.layout.sidenav"
[data]="{ mode: layout.isMenuMinimized ? 'collapsed' : 'expanded'}"
[data]="{ layout, mode: layout.isMenuMinimized ? 'collapsed' : 'expanded'}"
>
</adf-dynamic-component>
</div>

15
lib/core/shell/src/lib/components/shell/shell.component.ts
View File

@ -16,13 +16,13 @@
*/
import { AppConfigService, SidenavLayoutComponent } from '@alfresco/adf-core';
import { Component, Inject, OnDestroy, OnInit, ViewChild, ViewEncapsulation } from '@angular/core';
import { Component, Inject, OnDestroy, OnInit, Optional, ViewChild, ViewEncapsulation } from '@angular/core';
import { NavigationEnd, Router } from '@angular/router';
import { Subject, Observable } from 'rxjs';
import { filter, takeUntil, map, withLatestFrom } from 'rxjs/operators';
import { BreakpointObserver } from '@angular/cdk/layout';
import { Directionality } from '@angular/cdk/bidi';
import { SHELL_APP_SERVICE, ShellAppService } from '../../services/shell-app.service';
import { SHELL_APP_SERVICE, ShellAppService, SHELL_NAVBAR_MIN_WIDTH, SHELL_NAVBAR_MAX_WIDTH } from '../../services/shell-app.service';
@Component({
selector: 'app-shell',
@ -41,14 +41,21 @@ export class ShellLayoutComponent implements OnInit, OnDestroy {
expandedSidenav: boolean;
minimizeSidenav = false;
hideSidenav = false;
sidenavMin: number;
sidenavMax: number;
direction: Directionality;
constructor(
private router: Router,
private appConfigService: AppConfigService,
private breakpointObserver: BreakpointObserver,
@Inject(SHELL_APP_SERVICE) private shellService: ShellAppService
) {}
@Inject(SHELL_APP_SERVICE) private shellService: ShellAppService,
@Optional() @Inject(SHELL_NAVBAR_MIN_WIDTH) navBarMinWidth: number,
@Optional() @Inject(SHELL_NAVBAR_MAX_WIDTH) navbarMaxWidth: number
) {
this.sidenavMin = navBarMinWidth ?? 70;
this.sidenavMax = navbarMaxWidth ?? 320;
}
ngOnInit() {
this.isSmallScreen$ = this.breakpointObserver.observe(['(max-width: 600px)']).pipe(map((result) => result.matches));

2
lib/core/shell/src/lib/services/shell-app.service.ts
View File

@ -34,3 +34,5 @@ export interface ShellAppService {
export const SHELL_APP_SERVICE = new InjectionToken<ShellAppService>('SHELL_APP_SERVICE');
export const SHELL_AUTH_TOKEN = new InjectionToken<CanActivate & CanActivateChild>('SHELL_AUTH_TOKEN');
export const SHELL_NAVBAR_MIN_WIDTH = new InjectionToken<number>('SHELL_NAVBAR_MIN_WIDTH');
export const SHELL_NAVBAR_MAX_WIDTH = new InjectionToken<number>('SHELL_NAVBAR_MAX_WIDTH');