dendi-wang/thingsboard
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fixed right layout and state name propagation in mobile mode, skip popover/dialog dashboard changes.

Browse Source
This commit is contained in:
Igor Kulikov 2021-11-26 13:47:07 +02:00
parent 715eefa6d0
commit eda4e0f761
1 changed files with 14 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
ui-ngx/src/app/modules/home/components/dashboard-page/dashboard-page.component.ts
View File

@ -345,6 +345,7 @@ export class DashboardPageComponent extends PageComponent implements IDashboardC
this.runChangeDetection(); this.runChangeDetection();
} }
)); ));
if (this.syncStateWithQueryParam) {
this.rxSubscriptions.push(this.route.queryParamMap.subscribe( this.rxSubscriptions.push(this.route.queryParamMap.subscribe(
(paramMap) => { (paramMap) => {
if (paramMap.has('reload')) { if (paramMap.has('reload')) {
@ -356,13 +357,14 @@ export class DashboardPageComponent extends PageComponent implements IDashboardC
} }
} }
)); ));
}
this.rxSubscriptions.push(this.breakpointObserver this.rxSubscriptions.push(this.breakpointObserver
.observe(MediaBreakpoints['gt-sm']) .observe(MediaBreakpoints['gt-sm'])
.subscribe((state: BreakpointState) => { .subscribe((state: BreakpointState) => {
this.isMobile = !state.matches; this.isMobile = !state.matches;
} }
)); ));
if (this.isMobileApp) { if (this.isMobileApp && this.syncStateWithQueryParam) {
this.mobileService.registerToggleLayoutFunction(() => { this.mobileService.registerToggleLayoutFunction(() => {
setTimeout(() => { setTimeout(() => {
this.toggleLayouts(); this.toggleLayouts();
@ -464,7 +466,7 @@ export class DashboardPageComponent extends PageComponent implements IDashboardC
} }
ngOnDestroy(): void { ngOnDestroy(): void {
if (this.isMobileApp) { if (this.isMobileApp && this.syncStateWithQueryParam) {
this.mobileService.unregisterToggleLayoutFunction(); this.mobileService.unregisterToggleLayoutFunction();
} }
this.rxSubscriptions.forEach((subscription) => { this.rxSubscriptions.forEach((subscription) => {