/// /// Copyright © 2016-2020 The Thingsboard Authors /// /// Licensed under the Apache License, Version 2.0 (the "License"); /// you may not use this file except in compliance with the License. /// You may obtain a copy of the License at /// /// http://www.apache.org/licenses/LICENSE-2.0 /// /// Unless required by applicable law or agreed to in writing, software /// distributed under the License is distributed on an "AS IS" BASIS, /// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. /// See the License for the specific language governing permissions and /// limitations under the License. /// import { IWidgetSubscription, SubscriptionEntityInfo, WidgetSubscriptionCallbacks, WidgetSubscriptionContext, WidgetSubscriptionOptions } from '@core/api/widget-api.models'; import { DataSet, DataSetHolder, Datasource, DatasourceData, DatasourceType, LegendConfig, LegendData, LegendKey, LegendKeyData, widgetType } from '@app/shared/models/widget.models'; import { HttpErrorResponse } from '@angular/common/http'; import { createSubscriptionTimewindow, createTimewindowForComparison, SubscriptionTimewindow, Timewindow, toHistoryTimewindow, WidgetTimewindow } from '@app/shared/models/time/time.models'; import { forkJoin, Observable, of, ReplaySubject, Subject, throwError } from 'rxjs'; import { CancelAnimationFrame } from '@core/services/raf.service'; import { EntityType } from '@shared/models/entity-type.models'; import { AlarmInfo, AlarmSearchStatus } from '@shared/models/alarm.models'; import { createLabelFromDatasource, deepClone, isDefined, isEqual } from '@core/utils'; import { AlarmSourceListener } from '@core/http/alarm.service'; import { EntityId } from '@app/shared/models/id/entity-id'; import * as moment_ from 'moment'; import { PageData } from '@shared/models/page/page-data'; import { EntityDataListener } from '@core/api/entity-data.service'; import { EntityData, EntityDataPageLink, entityDataToEntityInfo, EntityKeyType, KeyFilter } from '@shared/models/query/query.models'; import { map } from 'rxjs/operators'; const moment = moment_; export class WidgetSubscription implements IWidgetSubscription { id: string; ctx: WidgetSubscriptionContext; type: widgetType; callbacks: WidgetSubscriptionCallbacks; timeWindow: WidgetTimewindow; originalTimewindow: Timewindow; timeWindowConfig: Timewindow; subscriptionTimewindow: SubscriptionTimewindow; useDashboardTimewindow: boolean; hasDataPageLink: boolean; singleEntity: boolean; datasourcePages: PageData[]; dataPages: PageData>[]; entityDataListeners: Array; configuredDatasources: Array; data: Array; datasources: Array; // datasourceListeners: Array; hiddenData: Array; legendData: LegendData; legendConfig: LegendConfig; caulculateLegendData: boolean; displayLegend: boolean; stateData: boolean; decimals: number; units: string; comparisonEnabled: boolean; timeForComparison: moment_.unitOfTime.DurationConstructor; comparisonTimeWindow: WidgetTimewindow; timewindowForComparison: SubscriptionTimewindow; alarms: Array; alarmSource: Datasource; private alarmSearchStatusValue: AlarmSearchStatus; set alarmSearchStatus(value: AlarmSearchStatus) { if (this.alarmSearchStatusValue !== value) { this.alarmSearchStatusValue = value; this.onAlarmSearchStatusChanged(); } } get alarmSearchStatus(): AlarmSearchStatus { return this.alarmSearchStatusValue; } alarmsPollingInterval: number; alarmsMaxCountLoad: number; alarmsFetchSize: number; alarmSourceListener: AlarmSourceListener; loadingData: boolean; targetDeviceAliasIds?: Array; targetDeviceIds?: Array; executingRpcRequest: boolean; rpcEnabled: boolean; rpcErrorText: string; rpcRejection: HttpErrorResponse; init$: Observable; cafs: {[cafId: string]: CancelAnimationFrame} = {}; hasResolvedData = false; targetDeviceAliasId: string; targetDeviceId: string; targetDeviceName: string; executingSubjects: Array>; subscribed = false; constructor(subscriptionContext: WidgetSubscriptionContext, public options: WidgetSubscriptionOptions) { const subscriptionSubject = new ReplaySubject(); this.init$ = subscriptionSubject.asObservable(); this.ctx = subscriptionContext; this.type = options.type; this.id = this.ctx.utils.guid(); this.callbacks = options.callbacks; if (this.type === widgetType.rpc) { this.callbacks.rpcStateChanged = this.callbacks.rpcStateChanged || (() => {}); this.callbacks.onRpcSuccess = this.callbacks.onRpcSuccess || (() => {}); this.callbacks.onRpcFailed = this.callbacks.onRpcFailed || (() => {}); this.callbacks.onRpcErrorCleared = this.callbacks.onRpcErrorCleared || (() => {}); this.targetDeviceAliasIds = options.targetDeviceAliasIds; this.targetDeviceIds = options.targetDeviceIds; this.targetDeviceAliasId = null; this.targetDeviceId = null; this.rpcRejection = null; this.rpcErrorText = null; this.rpcEnabled = false; this.executingRpcRequest = false; this.executingSubjects = []; this.initRpc().subscribe(() => { subscriptionSubject.next(this); subscriptionSubject.complete(); }); } else if (this.type === widgetType.alarm) { this.callbacks.onDataUpdated = this.callbacks.onDataUpdated || (() => {}); this.callbacks.onDataUpdateError = this.callbacks.onDataUpdateError || (() => {}); this.callbacks.dataLoading = this.callbacks.dataLoading || (() => {}); this.callbacks.timeWindowUpdated = this.callbacks.timeWindowUpdated || (() => {}); this.alarmSource = options.alarmSource; this.alarmSearchStatusValue = isDefined(options.alarmSearchStatus) ? options.alarmSearchStatus : AlarmSearchStatus.ANY; this.alarmsPollingInterval = isDefined(options.alarmsPollingInterval) ? options.alarmsPollingInterval : 5000; this.alarmsMaxCountLoad = isDefined(options.alarmsMaxCountLoad) ? options.alarmsMaxCountLoad : 0; this.alarmsFetchSize = isDefined(options.alarmsFetchSize) ? options.alarmsFetchSize : 100; this.alarmSourceListener = null; this.alarms = []; this.originalTimewindow = null; this.timeWindow = {}; this.useDashboardTimewindow = options.useDashboardTimewindow; if (this.useDashboardTimewindow) { this.timeWindowConfig = deepClone(options.dashboardTimewindow); } else { this.timeWindowConfig = deepClone(options.timeWindowConfig); } this.subscriptionTimewindow = null; this.loadingData = false; this.displayLegend = false; this.initAlarmSubscription().subscribe(() => { subscriptionSubject.next(this); subscriptionSubject.complete(); }, () => { subscriptionSubject.error(null); }); } else { this.callbacks.onDataUpdated = this.callbacks.onDataUpdated || (() => {}); this.callbacks.onDataUpdateError = this.callbacks.onDataUpdateError || (() => {}); this.callbacks.dataLoading = this.callbacks.dataLoading || (() => {}); this.callbacks.legendDataUpdated = this.callbacks.legendDataUpdated || (() => {}); this.callbacks.timeWindowUpdated = this.callbacks.timeWindowUpdated || (() => {}); // this.datasources = this.ctx.utils.validateDatasources(options.datasources); this.configuredDatasources = this.ctx.utils.validateDatasources(options.datasources); this.entityDataListeners = []; this.hasDataPageLink = options.hasDataPageLink; this.singleEntity = options.singleEntity; // this.datasourceListeners = []; this.datasourcePages = []; this.datasources = []; this.dataPages = []; this.data = []; this.hiddenData = []; this.originalTimewindow = null; this.timeWindow = {}; this.useDashboardTimewindow = options.useDashboardTimewindow; this.stateData = options.stateData; if (this.useDashboardTimewindow) { this.timeWindowConfig = deepClone(options.dashboardTimewindow); } else { this.timeWindowConfig = deepClone(options.timeWindowConfig); } this.subscriptionTimewindow = null; this.comparisonEnabled = options.comparisonEnabled; if (this.comparisonEnabled) { this.timeForComparison = options.timeForComparison; this.comparisonTimeWindow = {}; this.timewindowForComparison = null; } this.units = options.units || ''; this.decimals = isDefined(options.decimals) ? options.decimals : 2; this.loadingData = false; if (options.legendConfig) { this.legendConfig = options.legendConfig; this.legendData = { keys: [], data: [] }; this.displayLegend = true; } else { this.displayLegend = false; } this.caulculateLegendData = this.displayLegend && this.type === widgetType.timeseries && (this.legendConfig.showMin === true || this.legendConfig.showMax === true || this.legendConfig.showAvg === true || this.legendConfig.showTotal === true); this.initDataSubscription().subscribe(() => { subscriptionSubject.next(this); subscriptionSubject.complete(); }, (err) => { subscriptionSubject.error(err); }); } } private initRpc(): Observable { const initRpcSubject = new ReplaySubject(); if (this.targetDeviceAliasIds && this.targetDeviceAliasIds.length > 0) { this.targetDeviceAliasId = this.targetDeviceAliasIds[0]; this.ctx.aliasController.resolveSingleEntityInfo(this.targetDeviceAliasId).subscribe( (entityInfo) => { if (entityInfo && entityInfo.entityType === EntityType.DEVICE) { this.targetDeviceId = entityInfo.id; this.targetDeviceName = entityInfo.name; if (this.targetDeviceId) { this.rpcEnabled = true; } else { this.rpcEnabled = this.ctx.utils.widgetEditMode ? true : false; } this.hasResolvedData = this.rpcEnabled; this.callbacks.rpcStateChanged(this); initRpcSubject.next(); initRpcSubject.complete(); } else { this.rpcEnabled = false; this.callbacks.rpcStateChanged(this); initRpcSubject.next(); initRpcSubject.complete(); } }, () => { this.rpcEnabled = false; this.callbacks.rpcStateChanged(this); initRpcSubject.next(); initRpcSubject.complete(); } ); } else { if (this.targetDeviceIds && this.targetDeviceIds.length > 0) { this.targetDeviceId = this.targetDeviceIds[0]; } if (this.targetDeviceId) { this.rpcEnabled = true; } else { this.rpcEnabled = this.ctx.utils.widgetEditMode ? true : false; } this.hasResolvedData = true; this.callbacks.rpcStateChanged(this); initRpcSubject.next(); initRpcSubject.complete(); } return initRpcSubject.asObservable(); } private initAlarmSubscription(): Observable { const initAlarmSubscriptionSubject = new ReplaySubject(1); this.loadStDiff().subscribe(() => { if (!this.ctx.aliasController) { this.hasResolvedData = true; this.configureAlarmsData(); initAlarmSubscriptionSubject.next(); initAlarmSubscriptionSubject.complete(); } else { this.ctx.aliasController.resolveAlarmSource(this.alarmSource).subscribe( (alarmSource) => { this.alarmSource = alarmSource; if (alarmSource) { this.hasResolvedData = true; } this.configureAlarmsData(); initAlarmSubscriptionSubject.next(); initAlarmSubscriptionSubject.complete(); }, (err) => { initAlarmSubscriptionSubject.error(err); } ); } }); return initAlarmSubscriptionSubject.asObservable(); } private configureAlarmsData() { } private initDataSubscription(): Observable { const initDataSubscriptionSubject = new ReplaySubject(1); this.loadStDiff().subscribe(() => { if (!this.ctx.aliasController) { this.hasResolvedData = true; this.prepareDataSubscriptions().subscribe( () => { initDataSubscriptionSubject.next(); initDataSubscriptionSubject.complete(); } ); } else { this.ctx.aliasController.resolveDatasources(this.configuredDatasources, this.singleEntity).subscribe( (datasources) => { this.configuredDatasources = datasources; this.prepareDataSubscriptions().subscribe( () => { initDataSubscriptionSubject.next(); initDataSubscriptionSubject.complete(); } ); }, (err) => { this.notifyDataLoaded(); initDataSubscriptionSubject.error(err); } ); } }); return initDataSubscriptionSubject.asObservable(); } private prepareDataSubscriptions(): Observable { if (this.hasDataPageLink) { this.hasResolvedData = true; this.notifyDataLoaded(); return of(null); } const resolveResultObservables = this.configuredDatasources.map((datasource, index) => { const listener: EntityDataListener = { subscriptionType: this.type, configDatasource: datasource, configDatasourceIndex: index, dataLoaded: (pageData, data1, datasourceIndex) => { this.dataLoaded(pageData, data1, datasourceIndex, true) }, dataUpdated: this.dataUpdated.bind(this), updateRealtimeSubscription: () => { this.subscriptionTimewindow = this.updateRealtimeSubscription(); return this.subscriptionTimewindow; }, setRealtimeSubscription: (subscriptionTimewindow) => { this.updateRealtimeSubscription(deepClone(subscriptionTimewindow)); } }; this.entityDataListeners.push(listener); return this.ctx.entityDataService.prepareSubscription(listener); }); return forkJoin(resolveResultObservables).pipe( map((resolveResults) => { resolveResults.forEach((resolveResult) => { this.dataLoaded(resolveResult.pageData, resolveResult.data, resolveResult.datasourceIndex, false); }); this.configureLoadedData(); this.hasResolvedData = true; this.notifyDataLoaded(); this.onDataUpdated(true); }) ); } /* private initDataSubscriptionOld(): Observable { const initDataSubscriptionSubject = new ReplaySubject(1); this.loadStDiff().subscribe(() => { if (!this.ctx.aliasController) { this.hasResolvedData = true; this.configureData(); initDataSubscriptionSubject.next(); initDataSubscriptionSubject.complete(); } else { this.ctx.aliasController.resolveDatasources(this.datasources).subscribe( (datasources) => { this.datasources = datasources; if (datasources && datasources.length) { this.hasResolvedData = true; } this.configureData(); initDataSubscriptionSubject.next(); initDataSubscriptionSubject.complete(); }, (err) => { this.notifyDataLoaded(); initDataSubscriptionSubject.error(err); } ); } }); return initDataSubscriptionSubject.asObservable(); } */ /* private configureData() { const additionalDatasources: Datasource[] = []; let dataIndex = 0; let additionalKeysNumber = 0; this.datasources.forEach((datasource) => { const additionalDataKeys: DataKey[] = []; let datasourceAdditionalKeysNumber = 0; datasource.dataKeys.forEach((dataKey) => { dataKey.hidden = dataKey.settings.hideDataByDefault ? true : false; dataKey.inLegend = dataKey.settings.removeFromLegend ? false : true; dataKey.pattern = dataKey.label; if (this.comparisonEnabled && dataKey.settings.comparisonSettings && dataKey.settings.comparisonSettings.showValuesForComparison) { datasourceAdditionalKeysNumber++; additionalKeysNumber++; const additionalDataKey = this.ctx.utils.createAdditionalDataKey(dataKey, datasource, this.timeForComparison, this.datasources, additionalKeysNumber); dataKey.settings.comparisonSettings.color = additionalDataKey.color; additionalDataKeys.push(additionalDataKey); } const datasourceData: DatasourceData = { datasource, dataKey, data: [] }; if (dataKey.type === DataKeyType.entityField && datasource.entity) { const propName = entityFields[dataKey.name] ? entityFields[dataKey.name].value : dataKey.name; if (datasource.entity[propName]) { datasourceData.data.push([Date.now(), datasource.entity[propName]]); } } this.data.push(datasourceData); this.hiddenData.push({data: []}); if (this.displayLegend) { const legendKey: LegendKey = { dataKey, dataIndex: dataIndex++ }; this.legendData.keys.push(legendKey); const legendKeyData: LegendKeyData = { min: null, max: null, avg: null, total: null, hidden: false }; this.legendData.data.push(legendKeyData); } }); if (datasourceAdditionalKeysNumber > 0) { const additionalDatasource: Datasource = deepClone(datasource); additionalDatasource.dataKeys = additionalDataKeys; additionalDatasource.isAdditional = true; additionalDatasources.push(additionalDatasource); } }); additionalDatasources.forEach((additionalDatasource) => { additionalDatasource.dataKeys.forEach((additionalDataKey) => { const additionalDatasourceData: DatasourceData = { datasource: additionalDatasource, dataKey: additionalDataKey, data: [] }; this.data.push(additionalDatasourceData); this.hiddenData.push({data: []}); if (this.displayLegend) { const additionalLegendKey: LegendKey = { dataKey: additionalDataKey, dataIndex: dataIndex++ }; this.legendData.keys.push(additionalLegendKey); const additionalLegendKeyData: LegendKeyData = { min: null, max: null, avg: null, total: null, hidden: false }; this.legendData.data.push(additionalLegendKeyData); } }); }); this.datasources = this.datasources.concat(additionalDatasources); if (this.displayLegend) { this.legendData.keys = this.legendData.keys.sort((key1, key2) => key1.dataKey.label.localeCompare(key2.dataKey.label)); } } */ private resetData() { this.data = []; this.hiddenData = []; if (this.displayLegend) { this.legendData.keys = []; this.legendData.data = []; } this.onDataUpdated(); } /* private resetDataOld() { for (let i = 0; i < this.data.length; i++) { this.data[i].data = []; this.hiddenData[i].data = []; if (this.displayLegend) { this.legendData.data[i].min = null; this.legendData.data[i].max = null; this.legendData.data[i].avg = null; this.legendData.data[i].total = null; this.legendData.data[i].hidden = false; } } this.onDataUpdated(); }*/ getFirstEntityInfo(): SubscriptionEntityInfo { let entityId: EntityId; let entityName: string; let entityLabel: string; if (this.type === widgetType.rpc) { if (this.targetDeviceId) { entityId = { entityType: EntityType.DEVICE, id: this.targetDeviceId }; entityName = this.targetDeviceName; } } else if (this.type === widgetType.alarm) { if (this.alarmSource && this.alarmSource.entityType && this.alarmSource.entityId) { entityId = { entityType: this.alarmSource.entityType, id: this.alarmSource.entityId }; entityName = this.alarmSource.entityName; entityLabel = this.alarmSource.entityLabel; } } else { for (const datasource of this.datasources) { if (datasource && datasource.entityType && datasource.entityId) { entityId = { entityType: datasource.entityType, id: datasource.entityId }; entityName = datasource.entityName; entityLabel = datasource.entityLabel; break; } } } if (entityId) { return { entityId, entityName, entityLabel }; } else { return null; } } onAliasesChanged(aliasIds: Array): boolean { if (this.type === widgetType.rpc) { return this.checkRpcTarget(aliasIds); } else if (this.type === widgetType.alarm) { return this.checkAlarmSource(aliasIds); } else { return this.checkSubscriptions(aliasIds); } return false; } private onDataUpdated(detectChanges?: boolean) { if (this.cafs.dataUpdated) { this.cafs.dataUpdated(); this.cafs.dataUpdated = null; } this.cafs.dataUpdated = this.ctx.raf.raf(() => { try { this.callbacks.onDataUpdated(this, detectChanges); } catch (e) { this.callbacks.onDataUpdateError(this, e); } }); } onDashboardTimewindowChanged(newDashboardTimewindow: Timewindow) { if (this.type === widgetType.timeseries || this.type === widgetType.alarm) { if (this.useDashboardTimewindow) { if (!isEqual(this.timeWindowConfig, newDashboardTimewindow) && newDashboardTimewindow) { this.timeWindowConfig = deepClone(newDashboardTimewindow); this.update(); return true; } } } return false; } private onAlarmSearchStatusChanged() { if (this.type === widgetType.alarm) { this.update(); } } updateDataVisibility(index: number): void { if (this.displayLegend) { const hidden = this.legendData.keys[index].dataKey.hidden; if (hidden) { this.hiddenData[index].data = this.data[index].data; this.data[index].data = []; } else { this.data[index].data = this.hiddenData[index].data; this.hiddenData[index].data = []; } this.onDataUpdated(); } } updateTimewindowConfig(newTimewindow: Timewindow): void { if (!this.useDashboardTimewindow) { this.timeWindowConfig = newTimewindow; this.update(); } } onResetTimewindow(): void { if (this.useDashboardTimewindow) { this.ctx.dashboardTimewindowApi.onResetTimewindow(); } else { if (this.originalTimewindow) { this.timeWindowConfig = deepClone(this.originalTimewindow); this.originalTimewindow = null; this.callbacks.timeWindowUpdated(this, this.timeWindowConfig); this.update(); } } } onUpdateTimewindow(startTimeMs: number, endTimeMs: number, interval?: number): void { if (this.useDashboardTimewindow) { this.ctx.dashboardTimewindowApi.onUpdateTimewindow(startTimeMs, endTimeMs); } else { if (!this.originalTimewindow) { this.originalTimewindow = deepClone(this.timeWindowConfig); } this.timeWindowConfig = toHistoryTimewindow(this.timeWindowConfig, startTimeMs, endTimeMs, interval, this.ctx.timeService); this.callbacks.timeWindowUpdated(this, this.timeWindowConfig); this.update(); } } sendOneWayCommand(method: string, params?: any, timeout?: number): Observable { return this.sendCommand(true, method, params, timeout); } sendTwoWayCommand(method: string, params?: any, timeout?: number): Observable { return this.sendCommand(false, method, params, timeout); } clearRpcError(): void { this.rpcRejection = null; this.rpcErrorText = null; this.callbacks.onRpcErrorCleared(this); } sendCommand(oneWayElseTwoWay: boolean, method: string, params?: any, timeout?: number): Observable { if (!this.rpcEnabled) { return throwError(new Error('Rpc disabled!')); } else { if (this.rpcRejection && this.rpcRejection.status !== 408) { this.rpcRejection = null; this.rpcErrorText = null; this.callbacks.onRpcErrorCleared(this); } const requestBody: any = { method, params }; if (timeout && timeout > 0) { requestBody.timeout = timeout; } const rpcSubject: Subject = new ReplaySubject(); this.executingRpcRequest = true; this.callbacks.rpcStateChanged(this); if (this.ctx.utils.widgetEditMode) { setTimeout(() => { this.executingRpcRequest = false; this.callbacks.rpcStateChanged(this); if (oneWayElseTwoWay) { rpcSubject.next(); rpcSubject.complete(); } else { rpcSubject.next(requestBody); rpcSubject.complete(); } }, 500); } else { this.executingSubjects.push(rpcSubject); (oneWayElseTwoWay ? this.ctx.deviceService.sendOneWayRpcCommand(this.targetDeviceId, requestBody) : this.ctx.deviceService.sendTwoWayRpcCommand(this.targetDeviceId, requestBody)) .subscribe((responseBody) => { this.rpcRejection = null; this.rpcErrorText = null; const index = this.executingSubjects.indexOf(rpcSubject); if (index >= 0) { this.executingSubjects.splice( index, 1 ); } this.executingRpcRequest = this.executingSubjects.length > 0; this.callbacks.onRpcSuccess(this); rpcSubject.next(responseBody); rpcSubject.complete(); }, (rejection: HttpErrorResponse) => { const index = this.executingSubjects.indexOf(rpcSubject); if (index >= 0) { this.executingSubjects.splice( index, 1 ); } this.executingRpcRequest = this.executingSubjects.length > 0; this.callbacks.rpcStateChanged(this); if (!this.executingRpcRequest || rejection.status === 408) { this.rpcRejection = rejection; if (rejection.status === 408) { this.rpcErrorText = 'Request Timeout.'; } else if (rejection.status === 409) { this.rpcErrorText = 'Device is offline.'; } else { this.rpcErrorText = 'Error : ' + rejection.status + ' - ' + rejection.statusText; const error = this.extractRejectionErrorText(rejection); if (error) { this.rpcErrorText += '
'; this.rpcErrorText += error; } } this.callbacks.onRpcFailed(this); } rpcSubject.error(rejection); }); } return rpcSubject.asObservable(); } } private extractRejectionErrorText(rejection: HttpErrorResponse) { let error = null; if (rejection.error) { error = rejection.error; try { error = rejection.error ? JSON.parse(rejection.error) : null; } catch (e) {} } if (error && !error.message) { error = this.prepareMessageFromData(error); } else if (error && error.message) { error = error.message; } return error; } private prepareMessageFromData(data) { if (typeof data === 'object' && data.constructor === ArrayBuffer) { const msg = String.fromCharCode.apply(null, new Uint8Array(data)); try { const msgObj = JSON.parse(msg); if (msgObj.message) { return msgObj.message; } else { return msg; } } catch (e) { return msg; } } else { return data; } } update() { if (this.type === widgetType.rpc || this.type === widgetType.alarm) { this.unsubscribe(); this.subscribe(); } else { this.dataSubscribe(); } } subscribe(): void { if (!this.subscribed) { this.subscribed = true; if (this.cafs.subscribe) { this.cafs.subscribe(); this.cafs.subscribe = null; } this.cafs.subscribe = this.ctx.raf.raf(() => { this.doSubscribe(); }); } } subscribeForLatestData(datasourceIndex: number, pageLink: EntityDataPageLink, keyFilters: KeyFilter[]): void { let entityDataListener = this.entityDataListeners[datasourceIndex]; if (entityDataListener) { this.ctx.entityDataService.stopSubscription(entityDataListener); } const datasource = this.configuredDatasources[datasourceIndex]; if (datasource) { entityDataListener = { subscriptionType: this.type, configDatasource: datasource, configDatasourceIndex: datasourceIndex, dataLoaded: (pageData, data1, datasourceIndex1) => { this.dataLoaded(pageData, data1, datasourceIndex1, true) }, dataUpdated: this.dataUpdated.bind(this) }; this.entityDataListeners[datasourceIndex] = entityDataListener; this.ctx.entityDataService.subscribeForLatestData(entityDataListener, pageLink, keyFilters); } } private doSubscribe() { if (this.type === widgetType.rpc) { return; } if (this.type === widgetType.alarm) { this.alarmsSubscribe(); } else { this.dataSubscribe(); } } private dataSubscribe() { if (!this.hasDataPageLink) { if (this.type === widgetType.timeseries && this.timeWindowConfig) { this.updateRealtimeSubscription(); if (this.comparisonEnabled) { this.updateSubscriptionForComparison(); } if (this.subscriptionTimewindow.fixedWindow) { this.onDataUpdated(); } } const forceUpdate = !this.datasources.length; this.entityDataListeners.forEach((listener) => { listener.subscriptionTimewindow = this.subscriptionTimewindow; this.ctx.entityDataService.startSubscription(listener); }); if (forceUpdate) { this.onDataUpdated(); } } } /* private doSubscribeOld() { if (this.type === widgetType.rpc) { return; } if (this.type === widgetType.alarm) { this.alarmsSubscribe(); } else { this.notifyDataLoading(); if (this.type === widgetType.timeseries && this.timeWindowConfig) { this.updateRealtimeSubscription(); if (this.comparisonEnabled) { this.updateSubscriptionForComparison(); } if (this.subscriptionTimewindow.fixedWindow) { this.onDataUpdated(); } } let index = 0; let forceUpdate = !this.datasources.length; this.datasources.forEach((datasource) => { const listener: DatasourceListener = { subscriptionType: this.type, subscriptionTimewindow: this.subscriptionTimewindow, datasource, entityType: datasource.entityType, entityId: datasource.entityId, dataUpdated: this.dataUpdated.bind(this), updateRealtimeSubscription: () => { this.subscriptionTimewindow = this.updateRealtimeSubscription(); return this.subscriptionTimewindow; }, setRealtimeSubscription: (subscriptionTimewindow) => { this.updateRealtimeSubscription(deepClone(subscriptionTimewindow)); }, datasourceIndex: index }; if (this.comparisonEnabled && datasource.isAdditional) { listener.subscriptionTimewindow = this.timewindowForComparison; listener.updateRealtimeSubscription = () => { this.subscriptionTimewindow = this.updateSubscriptionForComparison(); return this.subscriptionTimewindow; }; listener.setRealtimeSubscription = () => { this.updateSubscriptionForComparison(); }; } let entityFieldKey = false; for (let a = 0; a < datasource.dataKeys.length; a++) { if (datasource.dataKeys[a].type !== DataKeyType.entityField) { this.data[index + a].data = []; } else { entityFieldKey = true; } } index += datasource.dataKeys.length; this.datasourceListeners.push(listener); if (datasource.dataKeys.length) { this.ctx.datasourceService.subscribeToDatasource(listener); } if (datasource.unresolvedStateEntity || entityFieldKey || !datasource.dataKeys.length || (datasource.type === DatasourceType.entity && !datasource.entityId) ) { forceUpdate = true; } }); if (forceUpdate) { this.notifyDataLoaded(); this.onDataUpdated(); } } } */ private alarmsSubscribe() { this.notifyDataLoading(); if (this.timeWindowConfig) { this.updateRealtimeSubscription(); if (this.subscriptionTimewindow.fixedWindow) { this.onDataUpdated(); } } this.alarmSourceListener = { subscriptionTimewindow: this.subscriptionTimewindow, alarmSource: this.alarmSource, alarmSearchStatus: this.alarmSearchStatus, alarmsPollingInterval: this.alarmsPollingInterval, alarmsMaxCountLoad: this.alarmsMaxCountLoad, alarmsFetchSize: this.alarmsFetchSize, alarmsUpdated: alarms => this.alarmsUpdated(alarms) }; this.alarms = null; this.ctx.alarmService.subscribeForAlarms(this.alarmSourceListener); let forceUpdate = false; if (this.alarmSource.unresolvedStateEntity || (this.alarmSource.type === DatasourceType.entity && !this.alarmSource.entityId) ) { forceUpdate = true; } if (forceUpdate) { this.notifyDataLoaded(); this.onDataUpdated(); } } unsubscribe() { if (this.type !== widgetType.rpc) { if (this.type === widgetType.alarm) { this.alarmsUnsubscribe(); } else { this.entityDataListeners.forEach((listener) => { if (listener != null) { this.ctx.entityDataService.stopSubscription(listener); } }); this.entityDataListeners.length = 0; this.resetData(); } } this.subscribed = false; } /* unsubscribeOld() { if (this.type !== widgetType.rpc) { if (this.type === widgetType.alarm) { this.alarmsUnsubscribe(); } else { this.datasourceListeners.forEach((listener) => { this.ctx.datasourceService.unsubscribeFromDatasource(listener); }); this.datasourceListeners.length = 0; this.resetData(); } } } */ private alarmsUnsubscribe() { if (this.alarmSourceListener) { this.ctx.alarmService.unsubscribeFromAlarms(this.alarmSourceListener); this.alarmSourceListener = null; } } private checkRpcTarget(aliasIds: Array): boolean { if (aliasIds.indexOf(this.targetDeviceAliasId) > -1) { return true; } else { return false; } } private checkAlarmSource(aliasIds: Array): boolean { if (this.options.alarmSource && this.options.alarmSource.entityAliasId) { return aliasIds.indexOf(this.options.alarmSource.entityAliasId) > -1; } else { return false; } } private checkSubscriptions(aliasIds: Array): boolean { let subscriptionsChanged = false; const datasources = this.options.datasources; if (datasources) { for (const datasource of datasources) { if (datasource.entityAliasId) { if (aliasIds.indexOf(datasource.entityAliasId) > -1) { subscriptionsChanged = true; break; } } } } return subscriptionsChanged; } isDataResolved(): boolean { return this.hasResolvedData; } destroy(): void { this.unsubscribe(); for (const cafId of Object.keys(this.cafs)) { if (this.cafs[cafId]) { this.cafs[cafId](); this.cafs[cafId] = null; } } } private notifyDataLoading() { this.loadingData = true; this.callbacks.dataLoading(this); } private notifyDataLoaded() { this.loadingData = false; this.callbacks.dataLoading(this); } private updateTimewindow() { this.timeWindow.interval = this.subscriptionTimewindow.aggregation.interval || 1000; if (this.subscriptionTimewindow.realtimeWindowMs) { this.timeWindow.maxTime = moment().valueOf() + this.timeWindow.stDiff; this.timeWindow.minTime = this.timeWindow.maxTime - this.subscriptionTimewindow.realtimeWindowMs; } else if (this.subscriptionTimewindow.fixedWindow) { this.timeWindow.maxTime = this.subscriptionTimewindow.fixedWindow.endTimeMs; this.timeWindow.minTime = this.subscriptionTimewindow.fixedWindow.startTimeMs; } } private updateRealtimeSubscription(subscriptionTimewindow?: SubscriptionTimewindow) { if (subscriptionTimewindow) { this.subscriptionTimewindow = subscriptionTimewindow; } else { this.subscriptionTimewindow = createSubscriptionTimewindow(this.timeWindowConfig, this.timeWindow.stDiff, this.stateData, this.ctx.timeService); } this.updateTimewindow(); return this.subscriptionTimewindow; } private updateComparisonTimewindow() { this.comparisonTimeWindow.interval = this.timewindowForComparison.aggregation.interval || 1000; if (this.timewindowForComparison.realtimeWindowMs) { this.comparisonTimeWindow.maxTime = moment(this.timeWindow.maxTime).subtract(1, this.timeForComparison).valueOf(); this.comparisonTimeWindow.minTime = this.comparisonTimeWindow.maxTime - this.timewindowForComparison.realtimeWindowMs; } else if (this.timewindowForComparison.fixedWindow) { this.comparisonTimeWindow.maxTime = this.timewindowForComparison.fixedWindow.endTimeMs; this.comparisonTimeWindow.minTime = this.timewindowForComparison.fixedWindow.startTimeMs; } } private updateSubscriptionForComparison() { if (!this.subscriptionTimewindow) { this.subscriptionTimewindow = this.updateRealtimeSubscription(); } this.timewindowForComparison = createTimewindowForComparison(this.subscriptionTimewindow, this.timeForComparison); this.updateComparisonTimewindow(); return this.timewindowForComparison; } private dataLoaded(pageData: PageData, data: Array>, datasourceIndex: number, isUpdate: boolean) { const datasource = this.configuredDatasources[datasourceIndex]; datasource.dataReceived = true; const datasources = pageData.data.map((entityData, index) => this.entityDataToDatasource(datasource, entityData, index) ); const datasourcesPage: PageData = { data: datasources, hasNext: pageData.hasNext, totalElements: pageData.totalElements, totalPages: pageData.totalPages }; this.datasourcePages[datasourceIndex] = datasourcesPage; const datasourceData = datasources.map((datasourceElement, index) => this.entityDataToDatasourceData(datasourceElement, data[index]) ); const datasourceDataPage: PageData> = { data: datasourceData, hasNext: pageData.hasNext, totalElements: pageData.totalElements, totalPages: pageData.totalPages }; this.dataPages[datasourceIndex] = datasourceDataPage; if (isUpdate) { this.configureLoadedData(); this.onDataUpdated(true); } } private configureLoadedData() { this.datasources.length = 0; this.data.length = 0; this.hiddenData.length = 0; if (this.displayLegend) { this.legendData.keys.length = 0; this.legendData.data.length = 0; } let dataKeyIndex = 0; this.configuredDatasources.forEach((configuredDatasource, datasourceIndex) => { configuredDatasource.dataKeyStartIndex = dataKeyIndex; const datasourcesPage = this.datasourcePages[datasourceIndex]; const datasourceDataPage = this.dataPages[datasourceIndex]; if (datasourcesPage) { datasourcesPage.data.forEach((datasource, currentDatasourceIndex) => { datasource.dataKeys.forEach((dataKey, currentDataKeyIndex) => { const datasourceData = datasourceDataPage.data[currentDatasourceIndex][currentDataKeyIndex]; this.data.push(datasourceData); this.hiddenData.push({data: []}); if (this.displayLegend) { const legendKey: LegendKey = { dataKey, dataIndex: dataKeyIndex }; this.legendData.keys.push(legendKey); const legendKeyData: LegendKeyData = { min: null, max: null, avg: null, total: null, hidden: false }; this.legendData.data.push(legendKeyData); } dataKeyIndex++; }); this.datasources.push(datasource); }); } } ); let index = 0; this.datasources.forEach((datasource) => { datasource.dataKeys.forEach((dataKey) => { if (datasource.generated) { dataKey._hash = Math.random(); dataKey.color = this.ctx.utils.getMaterialColor(index); } index++; }); }); if (this.displayLegend) { this.legendData.keys = this.legendData.keys.sort((key1, key2) => key1.dataKey.label.localeCompare(key2.dataKey.label)); } if (this.caulculateLegendData) { this.data.forEach((dataSetHolder, keyIndex) => { this.updateLegend(keyIndex, dataSetHolder.data, false); }); this.callbacks.legendDataUpdated(this, true); } } private entityDataToDatasourceData(datasource: Datasource, data: Array): Array { return datasource.dataKeys.map((dataKey, keyIndex) => { dataKey.hidden = dataKey.settings.hideDataByDefault ? true : false; dataKey.inLegend = dataKey.settings.removeFromLegend ? false : true; dataKey.pattern = dataKey.label; dataKey.label = createLabelFromDatasource(datasource, dataKey.pattern); const datasourceData: DatasourceData = { datasource, dataKey, data: [] }; if (data && data[keyIndex] && data[keyIndex].data) { datasourceData.data = data[keyIndex].data; } return datasourceData; }); } private entityDataToDatasource(configDatasource: Datasource, entityData: EntityData, index: number): Datasource { const newDatasource = deepClone(configDatasource); newDatasource.entity = {}; newDatasource.entityId = entityData.entityId.id; newDatasource.entityType = entityData.entityId.entityType as EntityType; if (configDatasource.type === DatasourceType.entity) { const entityInfo = entityDataToEntityInfo(entityData); newDatasource.name = entityInfo.name; newDatasource.entityName = entityInfo.name; newDatasource.entityLabel = entityInfo.label; newDatasource.entityDescription = entityInfo.entityDescription; } newDatasource.generated = index > 0 ? true : false; return newDatasource; } private dataUpdated(data: DataSetHolder, datasourceIndex: number, dataIndex: number, dataKeyIndex: number, detectChanges: boolean) { const configuredDatasource = this.configuredDatasources[datasourceIndex]; const startIndex = configuredDatasource.dataKeyStartIndex; const dataKeysCount = configuredDatasource.dataKeys.length; const index = startIndex + dataIndex*dataKeysCount + dataKeyIndex; let update = true; let currentData: DataSetHolder; if (this.displayLegend && this.legendData.keys[index].dataKey.hidden) { currentData = this.hiddenData[index]; } else { currentData = this.data[index]; } if (this.type === widgetType.latest) { const prevData = currentData.data; if (!data.data.length) { update = false; } else if (prevData && prevData[0] && prevData[0].length > 1 && data.data.length > 0) { const prevTs = prevData[0][0]; const prevValue = prevData[0][1]; if (prevTs === data.data[0][0] && prevValue === data.data[0][1]) { update = false; } } } if (update) { if (this.subscriptionTimewindow && this.subscriptionTimewindow.realtimeWindowMs) { this.updateTimewindow(); if (this.timewindowForComparison && this.timewindowForComparison.realtimeWindowMs) { this.updateComparisonTimewindow(); } } currentData.data = data.data; if (this.caulculateLegendData) { this.updateLegend(index, data.data, detectChanges); } this.onDataUpdated(detectChanges); } } /* private dataUpdatedOld(sourceData: DataSetHolder, datasourceIndex: number, dataKeyIndex: number, detectChanges: boolean) { for (let x = 0; x < this.datasourceListeners.length; x++) { this.datasources[x].dataReceived = this.datasources[x].dataReceived === true; if (this.datasourceListeners[x].datasourceIndex === datasourceIndex && sourceData.data.length > 0) { this.datasources[x].dataReceived = true; } } this.notifyDataLoaded(); let update = true; let currentData: DataSetHolder; if (this.displayLegend && this.legendData.keys[datasourceIndex + dataKeyIndex].dataKey.hidden) { currentData = this.hiddenData[datasourceIndex + dataKeyIndex]; } else { currentData = this.data[datasourceIndex + dataKeyIndex]; } if (this.type === widgetType.latest) { const prevData = currentData.data; if (!sourceData.data.length) { update = false; } else if (prevData && prevData[0] && prevData[0].length > 1 && sourceData.data.length > 0) { const prevTs = prevData[0][0]; const prevValue = prevData[0][1]; if (prevTs === sourceData.data[0][0] && prevValue === sourceData.data[0][1]) { update = false; } } } if (update) { if (this.subscriptionTimewindow && this.subscriptionTimewindow.realtimeWindowMs) { this.updateTimewindow(); if (this.timewindowForComparison && this.timewindowForComparison.realtimeWindowMs) { this.updateComparisonTimewindow(); } } currentData.data = sourceData.data; if (this.caulculateLegendData) { this.updateLegend(datasourceIndex + dataKeyIndex, sourceData.data, detectChanges); } this.onDataUpdated(detectChanges); } } */ private alarmsUpdated(alarms: Array) { this.notifyDataLoaded(); const updated = !this.alarms || !isEqual(this.alarms, alarms); this.alarms = alarms; if (this.subscriptionTimewindow && this.subscriptionTimewindow.realtimeWindowMs) { this.updateTimewindow(); } if (updated) { this.onDataUpdated(); } } private updateLegend(dataIndex: number, data: DataSet, detectChanges: boolean) { const dataKey = this.legendData.keys[dataIndex].dataKey; const decimals = isDefined(dataKey.decimals) ? dataKey.decimals : this.decimals; const units = dataKey.units && dataKey.units.length ? dataKey.units : this.units; const legendKeyData = this.legendData.data[dataIndex]; if (this.legendConfig.showMin) { legendKeyData.min = this.ctx.widgetUtils.formatValue(calculateMin(data), decimals, units); } if (this.legendConfig.showMax) { legendKeyData.max = this.ctx.widgetUtils.formatValue(calculateMax(data), decimals, units); } if (this.legendConfig.showAvg) { legendKeyData.avg = this.ctx.widgetUtils.formatValue(calculateAvg(data), decimals, units); } if (this.legendConfig.showTotal) { legendKeyData.total = this.ctx.widgetUtils.formatValue(calculateTotal(data), decimals, units); } this.callbacks.legendDataUpdated(this, detectChanges !== false); } private loadStDiff(): Observable { const loadSubject = new ReplaySubject(1); if (this.ctx.getServerTimeDiff && this.timeWindow) { this.ctx.getServerTimeDiff().subscribe( (stDiff) => { this.timeWindow.stDiff = stDiff; loadSubject.next(); loadSubject.complete(); }, () => { this.timeWindow.stDiff = 0; loadSubject.next(); loadSubject.complete(); } ); } else { if (this.timeWindow) { this.timeWindow.stDiff = 0; } loadSubject.next(); loadSubject.complete(); } return loadSubject.asObservable(); } } function calculateMin(data: DataSet): number { if (data.length > 0) { let result = Number(data[0][1]); for (let i = 1; i < data.length; i++) { result = Math.min(result, Number(data[i][1])); } return result; } else { return null; } } function calculateMax(data: DataSet): number { if (data.length > 0) { let result = Number(data[0][1]); for (let i = 1; i < data.length; i++) { result = Math.max(result, Number(data[i][1])); } return result; } else { return null; } } function calculateAvg(data: DataSet): number { if (data.length > 0) { return calculateTotal(data) / data.length; } else { return null; } } function calculateTotal(data: DataSet): number { if (data.length > 0) { let result = 0; data.forEach((dataRow) => { result += Number(dataRow[1]); }); return result; } else { return null; } }