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] added preserved state functionality for sidenav component

Browse Source
This commit is contained in:
georgiana-roman
2018-05-07 18:32:14 +03:00
parent 96fddbdc39
commit c5479dc9c2
9 changed files with 104 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -488,5 +488,10 @@
"adf-version-manager": {
"allowComments": true,
"allowDownload": true
},
"sideNav": {
"openedSidenav": 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]="false">
<adf-sidenav-layout [sidenavMin]="70" [sidenavMax]="220" [stepOver]="780" [hideSidenav]="false"[expandedSidenav]= "expandedSidenav">
<adf-sidenav-layout-header>
<ng-template let-toggleMenu="toggleMenu">

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

@@ -15,7 +15,8 @@
* limitations under the License.
*/
import { Component, ViewEncapsulation } from '@angular/core';
import { Component, ViewEncapsulation, Input } from '@angular/core';
import { StorageService, AppConfigService } from '@alfresco/adf-core';
@Component({
templateUrl: 'app-layout.component.html',
@@ -25,6 +26,7 @@ import { Component, ViewEncapsulation } from '@angular/core';
},
encapsulation: ViewEncapsulation.None
})
export class AppLayoutComponent {
links: Array<any> = [
@@ -48,6 +50,18 @@ export class AppLayoutComponent {
{ href: '/about', icon: 'info_outline', title: 'APP_LAYOUT.ABOUT' }
];
constructor() {
@Input() expandedSidenav = 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');
}
}
}