inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-07-24 17:32:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

[ADF-2626] changed logic for preserving the sidenav component state

Browse Source
This commit is contained in:
georgiana-roman
2018-05-08 21:06:50 +03:00
parent c5479dc9c2
commit cf50dc5f4b
7 changed files with 40 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
demo-shell/src/app.config.json
View File

@@ -491,7 +491,7 @@
},
"sideNav": {
"openedSidenav": true,
"expandedSidenav": true,
"preserveState": true
}
}

2
demo-shell/src/app/components/app-layout/app-layout.component.html
View File

@@ -1,4 +1,4 @@
<adf-sidenav-layout [sidenavMin]="70" [sidenavMax]="220" [stepOver]="780" [hideSidenav]="false"[expandedSidenav]= "expandedSidenav">
<adf-sidenav-layout [sidenavMin]="70" [sidenavMax]="220" [stepOver]="780" [hideSidenav]="false"[expandedSidenav]= "expandedSidenav" (notify)='setState($event)'>
<adf-sidenav-layout-header>
<ng-template let-toggleMenu="toggleMenu">

35
demo-shell/src/app/components/app-layout/app-layout.component.ts
View File

@@ -15,8 +15,8 @@
* limitations under the License.
*/
import { Component, ViewEncapsulation, Input } from '@angular/core';
import { StorageService, AppConfigService } from '@alfresco/adf-core';
import { Component, ViewEncapsulation, OnInit from '@angular/core';
import { UserPreferencesService, AppConfigService } from '@alfresco/adf-core';
@Component({
templateUrl: 'app-layout.component.html',
@@ -27,7 +27,7 @@ import { StorageService, AppConfigService } from '@alfresco/adf-core';
encapsulation: ViewEncapsulation.None
})
export class AppLayoutComponent {
export class AppLayoutComponent implements OnInit {
links: Array<any> = [
{ href: '/home', icon: 'home', title: 'APP_LAYOUT.HOME' },
@@ -50,18 +50,25 @@ export class AppLayoutComponent {
{ href: '/about', icon: 'info_outline', title: 'APP_LAYOUT.ABOUT' }
];
@Input() expandedSidenav = false;
expandedSidenav: Boolean = false;
constructor(private storage: StorageService, private config: AppConfigService) {
const preserved = this.storage.getItem('openedSidenav');
if (preserved !== null) {
if (preserved === 'false') {
this.expandedSidenav = false;
} else {
this.expandedSidenav = true;
}
} else {
this.expandedSidenav = this.config.get('sideNav.openedSidenav');
ngOnInit() {
const expand = this.config.get<boolean>('sideNav.expandedSidenav');
const preserveState = this.config.get('sideNav.preserveState');
if (preserveState && expand) {
this.expandedSidenav = (this.userpreference.get('expandedSidenav', String(expand)) === 'true');
} else if (expand) {
this.expandedSidenav = expand;
}
}
constructor( private userpreference: UserPreferencesService, private config: AppConfigService) {
}
setState(state) {
if (this.config.get('sideNav.preserveState')) {
this.userpreference.set('expendedSidenav', state);
}
}
}