|
|
|
@ -22,6 +22,7 @@ import { |
|
|
|
ComponentFactoryResolver, |
|
|
|
ComponentRef, |
|
|
|
ElementRef, |
|
|
|
Inject, |
|
|
|
Injector, |
|
|
|
Input, |
|
|
|
NgZone, |
|
|
|
@ -54,7 +55,7 @@ import { AppState } from '@core/core.state'; |
|
|
|
import { WidgetService } from '@core/http/widget.service'; |
|
|
|
import { UtilsService } from '@core/services/utils.service'; |
|
|
|
import { forkJoin, Observable, of, ReplaySubject, Subscription, throwError } from 'rxjs'; |
|
|
|
import { deepClone, isDefined, objToBase64URI } from '@core/utils'; |
|
|
|
import { deepClone, insertVariable, isDefined, objToBase64, objToBase64URI } from '@core/utils'; |
|
|
|
import { |
|
|
|
IDynamicWidgetComponent, |
|
|
|
WidgetContext, |
|
|
|
@ -93,6 +94,10 @@ import { EntityDataService } from '@core/api/entity-data.service'; |
|
|
|
import { TranslateService } from '@ngx-translate/core'; |
|
|
|
import { NotificationType } from '@core/notification/notification.models'; |
|
|
|
import { AlarmDataService } from '@core/api/alarm-data.service'; |
|
|
|
import { MatDialog } from '@angular/material/dialog'; |
|
|
|
import { ComponentType } from '@angular/cdk/portal'; |
|
|
|
import { EMBED_DASHBOARD_DIALOG_TOKEN } from '@home/components/widget/dialog/embed-dashboard-dialog-token'; |
|
|
|
import { Dashboard } from '@shared/models/dashboard.models'; |
|
|
|
|
|
|
|
@Component({ |
|
|
|
selector: 'tb-widget', |
|
|
|
@ -161,6 +166,8 @@ export class WidgetComponent extends PageComponent implements OnInit, AfterViewI |
|
|
|
private componentFactoryResolver: ComponentFactoryResolver, |
|
|
|
private elementRef: ElementRef, |
|
|
|
private injector: Injector, |
|
|
|
private dialog: MatDialog, |
|
|
|
@Inject(EMBED_DASHBOARD_DIALOG_TOKEN) private embedDashboardDialogComponent: ComponentType<any>, |
|
|
|
private widgetService: WidgetService, |
|
|
|
private resources: ResourcesService, |
|
|
|
private timeService: TimeService, |
|
|
|
@ -1007,7 +1014,11 @@ export class WidgetComponent extends PageComponent implements OnInit, AfterViewI |
|
|
|
const params = deepClone(this.widgetContext.stateController.getStateParams()); |
|
|
|
this.updateEntityParams(params, targetEntityParamName, targetEntityId, entityName, entityLabel); |
|
|
|
if (type === WidgetActionType.openDashboardState) { |
|
|
|
this.widgetContext.stateController.openState(targetDashboardStateId, params, descriptor.openRightLayout); |
|
|
|
if (descriptor.openInSeparateDialog) { |
|
|
|
this.openDashboardStateInDialog(descriptor, entityId, entityName, additionalParams, entityLabel); |
|
|
|
} else { |
|
|
|
this.widgetContext.stateController.openState(targetDashboardStateId, params, descriptor.openRightLayout); |
|
|
|
} |
|
|
|
} else { |
|
|
|
this.widgetContext.stateController.updateState(targetDashboardStateId, params, descriptor.openRightLayout); |
|
|
|
} |
|
|
|
@ -1083,6 +1094,61 @@ export class WidgetComponent extends PageComponent implements OnInit, AfterViewI |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
private openDashboardStateInDialog(descriptor: WidgetActionDescriptor, |
|
|
|
entityId?: EntityId, entityName?: string, additionalParams?: any, entityLabel?: string) { |
|
|
|
const dashboard = deepClone(this.widgetContext.stateController.dashboardCtrl.dashboardCtx.getDashboard()); |
|
|
|
const stateObject: StateObject = {}; |
|
|
|
stateObject.params = {}; |
|
|
|
const targetEntityParamName = descriptor.stateEntityParamName; |
|
|
|
const targetDashboardStateId = descriptor.targetDashboardStateId; |
|
|
|
let targetEntityId: EntityId; |
|
|
|
if (descriptor.setEntityId) { |
|
|
|
targetEntityId = entityId; |
|
|
|
} |
|
|
|
this.updateEntityParams(stateObject.params, targetEntityParamName, targetEntityId, entityName, entityLabel); |
|
|
|
if (targetDashboardStateId) { |
|
|
|
stateObject.id = targetDashboardStateId; |
|
|
|
} |
|
|
|
let title = descriptor.dialogTitle; |
|
|
|
if (!title) { |
|
|
|
if (targetDashboardStateId && dashboard.configuration.states) { |
|
|
|
const dashboardState = dashboard.configuration.states[targetDashboardStateId]; |
|
|
|
if (dashboardState) { |
|
|
|
title = dashboardState.name; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
if (!title) { |
|
|
|
title = dashboard.title; |
|
|
|
} |
|
|
|
title = this.utils.customTranslation(title, title); |
|
|
|
const params = stateObject.params; |
|
|
|
const paramsEntityName = params && params.entityName ? params.entityName : ''; |
|
|
|
const paramsEntityLabel = params && params.entityLabel ? params.entityLabel : ''; |
|
|
|
title = insertVariable(title, 'entityName', paramsEntityName); |
|
|
|
title = insertVariable(title, 'entityLabel', paramsEntityLabel); |
|
|
|
for (const prop of Object.keys(params)) { |
|
|
|
if (params[prop] && params[prop].entityName) { |
|
|
|
title = insertVariable(title, prop + ':entityName', params[prop].entityName); |
|
|
|
} |
|
|
|
if (params[prop] && params[prop].entityLabel) { |
|
|
|
title = insertVariable(title, prop + ':entityLabel', params[prop].entityLabel); |
|
|
|
} |
|
|
|
} |
|
|
|
this.dialog.open(this.embedDashboardDialogComponent, { |
|
|
|
disableClose: true, |
|
|
|
panelClass: ['tb-dialog', 'tb-fullscreen-dialog'], |
|
|
|
data: { |
|
|
|
dashboard, |
|
|
|
state: objToBase64([ stateObject ]), |
|
|
|
title, |
|
|
|
hideToolbar: descriptor.dialogHideDashboardToolbar, |
|
|
|
width: descriptor.dialogWidth, |
|
|
|
height: descriptor.dialogHeight |
|
|
|
} |
|
|
|
}); |
|
|
|
} |
|
|
|
|
|
|
|
private elementClick($event: Event) { |
|
|
|
const e = ($event.target || $event.srcElement) as Element; |
|
|
|
if (e.id) { |
|
|
|
|
Igor Kulikov
6 years ago