summaryrefslogtreecommitdiffstats
path: root/sdnr/wt/odlux/apps/performanceHistoryApp
diff options
context:
space:
mode:
authorsai-neetha <sai-neetha.phulmali@highstreet-technologies.com>2023-03-20 08:05:47 +0100
committerhighstreetherbert <herbert.eiselt@highstreet-technologies.com>2023-03-29 19:06:25 +0200
commit15e2d3a29b0d1a304965e34f114a911e5a7abdb3 (patch)
tree711ef5616aceb115a1081cccd152eeae0e87bc79 /sdnr/wt/odlux/apps/performanceHistoryApp
parentac5e2dc8f1ee4d5549f7260374e8164d52b07f55 (diff)
Odlux Update
Add eslint and custom icons update Issue-ID: CCSDK-3871 Signed-off-by: sai-neetha <sai-neetha.phulmali@highstreet-technologies.com> Change-Id: If6b676128cc9cff0437a5dc54f85eaafd3b8c586 Signed-off-by: highstreetherbert <herbert.eiselt@highstreet-technologies.com>
Diffstat (limited to 'sdnr/wt/odlux/apps/performanceHistoryApp')
-rw-r--r--sdnr/wt/odlux/apps/performanceHistoryApp/pom.xml3
-rw-r--r--sdnr/wt/odlux/apps/performanceHistoryApp/src/actions/deviceListActions.ts5
-rw-r--r--sdnr/wt/odlux/apps/performanceHistoryApp/src/actions/ltpAction.ts36
-rw-r--r--sdnr/wt/odlux/apps/performanceHistoryApp/src/actions/reloadAction.ts8
-rw-r--r--sdnr/wt/odlux/apps/performanceHistoryApp/src/actions/timeChangeAction.ts1
-rw-r--r--sdnr/wt/odlux/apps/performanceHistoryApp/src/actions/toggleActions.ts23
-rw-r--r--sdnr/wt/odlux/apps/performanceHistoryApp/src/assets/icons/performanceHistoryAppIcon.svg50
-rw-r--r--sdnr/wt/odlux/apps/performanceHistoryApp/src/components/adaptiveModulation.tsx285
-rw-r--r--sdnr/wt/odlux/apps/performanceHistoryApp/src/components/chartFilter.tsx79
-rw-r--r--sdnr/wt/odlux/apps/performanceHistoryApp/src/components/crossPolarDiscrimination.tsx83
-rw-r--r--sdnr/wt/odlux/apps/performanceHistoryApp/src/components/ltpSelection.tsx153
-rw-r--r--sdnr/wt/odlux/apps/performanceHistoryApp/src/components/performanceData.tsx80
-rw-r--r--sdnr/wt/odlux/apps/performanceHistoryApp/src/components/receiveLevel.tsx80
-rw-r--r--sdnr/wt/odlux/apps/performanceHistoryApp/src/components/signalToInterference.tsx83
-rw-r--r--sdnr/wt/odlux/apps/performanceHistoryApp/src/components/temperature.tsx80
-rw-r--r--sdnr/wt/odlux/apps/performanceHistoryApp/src/components/toggleContainer.tsx73
-rw-r--r--sdnr/wt/odlux/apps/performanceHistoryApp/src/components/transmissionPower.tsx89
-rw-r--r--sdnr/wt/odlux/apps/performanceHistoryApp/src/handlers/adaptiveModulationHandler.ts12
-rw-r--r--sdnr/wt/odlux/apps/performanceHistoryApp/src/handlers/availableLtpsActionHandler.ts26
-rw-r--r--sdnr/wt/odlux/apps/performanceHistoryApp/src/handlers/crossPolarDiscriminationHandler.ts12
-rw-r--r--sdnr/wt/odlux/apps/performanceHistoryApp/src/handlers/deviceListActionHandler.ts8
-rw-r--r--sdnr/wt/odlux/apps/performanceHistoryApp/src/handlers/performanceDataHandler.ts13
-rw-r--r--sdnr/wt/odlux/apps/performanceHistoryApp/src/handlers/performanceHistoryRootHandler.ts122
-rw-r--r--sdnr/wt/odlux/apps/performanceHistoryApp/src/handlers/receiveLevelHandler.ts10
-rw-r--r--sdnr/wt/odlux/apps/performanceHistoryApp/src/handlers/signalToInterferenceHandler.ts10
-rw-r--r--sdnr/wt/odlux/apps/performanceHistoryApp/src/handlers/temperatureHandler.ts12
-rw-r--r--sdnr/wt/odlux/apps/performanceHistoryApp/src/handlers/transmissionPowerHandler.ts12
-rw-r--r--sdnr/wt/odlux/apps/performanceHistoryApp/src/models/availableLtps.ts6
-rw-r--r--sdnr/wt/odlux/apps/performanceHistoryApp/src/models/chartTypes.ts16
-rw-r--r--sdnr/wt/odlux/apps/performanceHistoryApp/src/models/crossPolarDiscriminationDataType.ts2
-rw-r--r--sdnr/wt/odlux/apps/performanceHistoryApp/src/models/deviceListType.ts2
-rw-r--r--sdnr/wt/odlux/apps/performanceHistoryApp/src/models/panelId.ts2
-rw-r--r--sdnr/wt/odlux/apps/performanceHistoryApp/src/models/performanceDataType.ts3
-rw-r--r--sdnr/wt/odlux/apps/performanceHistoryApp/src/models/temperatureDataType.ts2
-rw-r--r--sdnr/wt/odlux/apps/performanceHistoryApp/src/models/toggleDataType.ts4
-rw-r--r--sdnr/wt/odlux/apps/performanceHistoryApp/src/models/topologyNetconf.ts4
-rw-r--r--sdnr/wt/odlux/apps/performanceHistoryApp/src/pluginPerformance.tsx89
-rw-r--r--sdnr/wt/odlux/apps/performanceHistoryApp/src/services/performanceHistoryService.ts71
-rw-r--r--sdnr/wt/odlux/apps/performanceHistoryApp/src/utils/chartUtils.tsx36
-rw-r--r--sdnr/wt/odlux/apps/performanceHistoryApp/src/utils/tableUtils.ts16
-rw-r--r--sdnr/wt/odlux/apps/performanceHistoryApp/src/views/performanceHistoryApplication.tsx215
-rw-r--r--sdnr/wt/odlux/apps/performanceHistoryApp/tsconfig.json2
-rw-r--r--sdnr/wt/odlux/apps/performanceHistoryApp/webpack.config.js10
43 files changed, 996 insertions, 932 deletions
diff --git a/sdnr/wt/odlux/apps/performanceHistoryApp/pom.xml b/sdnr/wt/odlux/apps/performanceHistoryApp/pom.xml
index 9c594efb1..78e38c026 100644
--- a/sdnr/wt/odlux/apps/performanceHistoryApp/pom.xml
+++ b/sdnr/wt/odlux/apps/performanceHistoryApp/pom.xml
@@ -19,6 +19,7 @@
~ ============LICENSE_END=======================================================
~
-->
+
<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
<modelVersion>4.0.0</modelVersion>
@@ -139,7 +140,7 @@
<!-- optional: default phase is "generate-resources" -->
<phase>initialize</phase>
<configuration>
- <nodeVersion>v12.13.0</nodeVersion>
+ <nodeVersion>v12.22.0</nodeVersion>
<yarnVersion>v1.22.10</yarnVersion>
</configuration>
</execution>
diff --git a/sdnr/wt/odlux/apps/performanceHistoryApp/src/actions/deviceListActions.ts b/sdnr/wt/odlux/apps/performanceHistoryApp/src/actions/deviceListActions.ts
index 2b8e6e286..fbbf2c5f2 100644
--- a/sdnr/wt/odlux/apps/performanceHistoryApp/src/actions/deviceListActions.ts
+++ b/sdnr/wt/odlux/apps/performanceHistoryApp/src/actions/deviceListActions.ts
@@ -17,6 +17,7 @@
*/
import { Action } from '../../../../framework/src/flux/action';
import { Dispatch } from '../../../../framework/src/flux/store';
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
import { IApplicationStoreState } from '../../../../framework/src/store/applicationStore';
import { DeviceListType } from '../models/deviceListType';
@@ -56,7 +57,7 @@ export const loadAllDeviceListAsync = async (dispatch: Dispatch) => {
deviceListFromPerf24History.forEach(deviceList24h => {
if (deviceListFromPerfHistory.findIndex(deviceList15min => deviceList15min.nodeId === deviceList24h.nodeId) < 0) {
deviceListFromPerfHistory.push(deviceList24h);
- };
+ }
});
return deviceListFromPerfHistory && dispatch(new AllDeviceListLoadedAction(deviceListFromPerfHistory));
};
@@ -75,4 +76,4 @@ export class UpdateMountId extends BaseAction {
*/
export const updateMountIdActionCreator = (nodeId: string) => async (dispatch: Dispatch) => {
return dispatch(new UpdateMountId(nodeId));
-}
+};
diff --git a/sdnr/wt/odlux/apps/performanceHistoryApp/src/actions/ltpAction.ts b/sdnr/wt/odlux/apps/performanceHistoryApp/src/actions/ltpAction.ts
index a678ed78c..1c333ab50 100644
--- a/sdnr/wt/odlux/apps/performanceHistoryApp/src/actions/ltpAction.ts
+++ b/sdnr/wt/odlux/apps/performanceHistoryApp/src/actions/ltpAction.ts
@@ -50,18 +50,23 @@ export class SetInitialLoadedAction extends BaseAction {
}
}
-export class NoLtpsFoundAction extends BaseAction {
- constructor() {
- super();
- }
-}
+export class NoLtpsFoundAction extends BaseAction { }
-export class ResetLtpsAction extends BaseAction {
- constructor() {
- super();
- }
-}
+export class ResetLtpsAction extends BaseAction { }
+const getDistinctLtps = (distinctLtps: LtpIds[], selectedLtp: string, selectFirstLtp?: Function, resetLtp?: Function) => {
+ let ltpNotSelected: boolean = true;
+ // eslint-disable-next-line @typescript-eslint/no-unused-expressions
+ selectFirstLtp && selectFirstLtp(distinctLtps[0].key);
+ distinctLtps.forEach((value: LtpIds) => {
+ if (value.key === selectedLtp) {
+ ltpNotSelected = false;
+ }
+ });
+ // eslint-disable-next-line @typescript-eslint/no-unused-expressions
+ resetLtp && resetLtp(ltpNotSelected);
+ return distinctLtps;
+};
/**
* Represents an asynchronous thunk action to load available distinctLtps by networkElement from the database and set the returned first Ltp as default.
@@ -87,14 +92,3 @@ export const loadDistinctLtpsbyNetworkElementAsync = (networkElement: string, se
});
};
-const getDistinctLtps = (distinctLtps: LtpIds[], selectedLtp: string, selectFirstLtp?: Function, resetLtp?: Function) => {
- let ltpNotSelected: boolean = true;
- selectFirstLtp && selectFirstLtp(distinctLtps[0].key);
- distinctLtps.forEach((value: LtpIds) => {
- if (value.key === selectedLtp) {
- ltpNotSelected = false;
- }
- });
- resetLtp && resetLtp(ltpNotSelected);
- return distinctLtps;
-} \ No newline at end of file
diff --git a/sdnr/wt/odlux/apps/performanceHistoryApp/src/actions/reloadAction.ts b/sdnr/wt/odlux/apps/performanceHistoryApp/src/actions/reloadAction.ts
index 7d6ecfe84..6bd54ce96 100644
--- a/sdnr/wt/odlux/apps/performanceHistoryApp/src/actions/reloadAction.ts
+++ b/sdnr/wt/odlux/apps/performanceHistoryApp/src/actions/reloadAction.ts
@@ -16,10 +16,10 @@
* ============LICENSE_END==========================================================================
*/
-import { Action } from "../../../../framework/src/flux/action";
+import { Action } from '../../../../framework/src/flux/action';
export class ReloadAction extends Action {
- constructor(public show: boolean) {
- super();
- }
+ constructor(public show: boolean) {
+ super();
+ }
} \ No newline at end of file
diff --git a/sdnr/wt/odlux/apps/performanceHistoryApp/src/actions/timeChangeAction.ts b/sdnr/wt/odlux/apps/performanceHistoryApp/src/actions/timeChangeAction.ts
index a069af13c..13214b24b 100644
--- a/sdnr/wt/odlux/apps/performanceHistoryApp/src/actions/timeChangeAction.ts
+++ b/sdnr/wt/odlux/apps/performanceHistoryApp/src/actions/timeChangeAction.ts
@@ -16,6 +16,7 @@
* ============LICENSE_END==========================================================================
*/
import { Action } from '../../../../framework/src/flux/action';
+
import { PmDataInterval } from '../models/performanceDataType';
export class TimeChangeAction extends Action {
diff --git a/sdnr/wt/odlux/apps/performanceHistoryApp/src/actions/toggleActions.ts b/sdnr/wt/odlux/apps/performanceHistoryApp/src/actions/toggleActions.ts
index 0efaaae92..7921ea541 100644
--- a/sdnr/wt/odlux/apps/performanceHistoryApp/src/actions/toggleActions.ts
+++ b/sdnr/wt/odlux/apps/performanceHistoryApp/src/actions/toggleActions.ts
@@ -16,24 +16,21 @@
* ============LICENSE_END==========================================================================
*/
-import { Action } from "../../../../framework/src/flux/action";
-import { currentViewType } from "../models/toggleDataType";
+import { Action } from '../../../../framework/src/flux/action';
+
+import { currentViewType } from '../models/toggleDataType';
export class SetSubViewAction extends Action {
- constructor(public currentView: currentViewType, public selectedTab: "chart" | "table") {
- super();
- }
+ constructor(public currentView: currentViewType, public selectedTab: 'chart' | 'table') {
+ super();
+ }
}
-export class ResetAllSubViewsAction extends Action {
- constructor() {
- super();
- }
-}
+export class ResetAllSubViewsAction extends Action { }
export class SetFilterVisibility extends Action {
- constructor(public currentView: currentViewType, public isVisible: boolean) {
- super();
- }
+ constructor(public currentView: currentViewType, public isVisible: boolean) {
+ super();
+ }
} \ No newline at end of file
diff --git a/sdnr/wt/odlux/apps/performanceHistoryApp/src/assets/icons/performanceHistoryAppIcon.svg b/sdnr/wt/odlux/apps/performanceHistoryApp/src/assets/icons/performanceHistoryAppIcon.svg
new file mode 100644
index 000000000..982f1eec3
--- /dev/null
+++ b/sdnr/wt/odlux/apps/performanceHistoryApp/src/assets/icons/performanceHistoryAppIcon.svg
@@ -0,0 +1,50 @@
+<!-- highstreet technologies GmbH colour scheme
+ Grey #565656
+ LBlue #36A9E1
+ DBlue #246DA2
+ Green #003F2C / #006C4B
+ Yellw #C8D400
+ Red #D81036
+-->
+
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 500 500">
+<g>
+ <g>
+ <path fill="#006C4B" d="M 0 447.672 C 0 460.238 4.471 470.99 13.417 479.936 C 22.368 488.882 33.119 493.355 45.681 493.355 H 429.405 C 441.965 493.355 452.717 488.882 461.663 479.936 C 470.608 470.991 475.085 460.239 475.085 447.672 L 0 447.672 Z"/>
+ <rect fill="#565656" x="73.092" y="310.635" width="73.089" height="109.632"/>
+ <rect fill="#565656" x="182.728" y="164.452" width="73.085" height="255.814"/>
+ <rect fill="#565656" x="292.362" y="237.541" width="73.083" height="182.726"/>
+ <rect fill="#565656" x="401.994" y="127.907" width="73.091" height="292.36"/>
+ </g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>
diff --git a/sdnr/wt/odlux/apps/performanceHistoryApp/src/components/adaptiveModulation.tsx b/sdnr/wt/odlux/apps/performanceHistoryApp/src/components/adaptiveModulation.tsx
index 17b1374b8..5dac0bc14 100644
--- a/sdnr/wt/odlux/apps/performanceHistoryApp/src/components/adaptiveModulation.tsx
+++ b/sdnr/wt/odlux/apps/performanceHistoryApp/src/components/adaptiveModulation.tsx
@@ -15,37 +15,36 @@
* the License.
* ============LICENSE_END==========================================================================
*/
-import * as React from 'react';
+import React from 'react';
+import { RouteComponentProps, withRouter } from 'react-router-dom';
-import { withRouter, RouteComponentProps } from 'react-router-dom';
-
-import { MaterialTable, ColumnType, ColumnModel, MaterialTableCtorType } from '../../../../framework/src/components/material-table';
+import { ColumnModel, ColumnType, MaterialTable, MaterialTableCtorType } from '../../../../framework/src/components/material-table';
+import { connect, Connect, IDispatcher } from '../../../../framework/src/flux/connect';
import { IApplicationStoreState } from '../../../../framework/src/store/applicationStore';
-import connect, { Connect, IDispatcher } from '../../../../framework/src/flux/connect';
-import { AdaptiveModulationDataType, AdaptiveModulationDatabaseDataType } from '../models/adaptiveModulationDataType';
+import { SetFilterVisibility, SetSubViewAction } from '../actions/toggleActions';
+import { createAdaptiveModulationActions, createAdaptiveModulationProperties } from '../handlers/adaptiveModulationHandler';
+import { AdaptiveModulationDatabaseDataType, AdaptiveModulationDataType } from '../models/adaptiveModulationDataType';
import { IDataSet, IDataSetsObject } from '../models/chartTypes';
-import { createAdaptiveModulationProperties, createAdaptiveModulationActions } from '../handlers/adaptiveModulationHandler';
import { lineChart, sortDataByTimeStamp } from '../utils/chartUtils';
import { addColumnLabels } from '../utils/tableUtils';
import ToggleContainer from './toggleContainer';
-import { SetSubViewAction, SetFilterVisibility } from '../actions/toggleActions';
const mapProps = (state: IApplicationStoreState) => ({
adaptiveModulationProperties: createAdaptiveModulationProperties(state),
currentView: state.performanceHistory.subViews.adaptiveModulation.subView,
isFilterVisible: state.performanceHistory.subViews.adaptiveModulation.isFilterVisible,
- existingFilter: state.performanceHistory.adaptiveModulation.filter
+ existingFilter: state.performanceHistory.adaptiveModulation.filter,
});
const mapDisp = (dispatcher: IDispatcher) => ({
adaptiveModulationActions: createAdaptiveModulationActions(dispatcher.dispatch),
- setSubView: (value: "chart" | "table") => dispatcher.dispatch(new SetSubViewAction("adaptiveModulation", value)),
- toggleFilterButton: (value: boolean) => { dispatcher.dispatch(new SetFilterVisibility("adaptiveModulation", value)) },
+ setSubView: (value: 'chart' | 'table') => dispatcher.dispatch(new SetSubViewAction('adaptiveModulation', value)),
+ toggleFilterButton: (value: boolean) => { dispatcher.dispatch(new SetFilterVisibility('adaptiveModulation', value)); },
});
type AdaptiveModulationComponentProps = RouteComponentProps & Connect<typeof mapProps, typeof mapDisp> & {
- selectedTimePeriod: string
+ selectedTimePeriod: string;
};
const AdaptiveModulationTable = MaterialTable as MaterialTableCtorType<AdaptiveModulationDataType>;
@@ -53,21 +52,20 @@ const AdaptiveModulationTable = MaterialTable as MaterialTableCtorType<AdaptiveM
/**
* The Component which gets the adaptiveModulation data from the database based on the selected time period.
*/
-class AdaptiveModulationComponent extends React.Component<AdaptiveModulationComponentProps>{
-
+class AdaptiveModulationComponent extends React.Component<AdaptiveModulationComponentProps> {
onToggleFilterButton = () => {
this.props.toggleFilterButton(!this.props.isFilterVisible);
- }
+ };
- onChange = (value: "chart" | "table") => {
+ onChange = (value: 'chart' | 'table') => {
this.props.setSubView(value);
- }
+ };
onFilterChanged = (property: string, filterTerm: string) => {
this.props.adaptiveModulationActions.onFilterChanged(property, filterTerm);
if (!this.props.adaptiveModulationProperties.showFilter)
this.props.adaptiveModulationActions.onToggleFilter(false);
- }
+ };
render(): JSX.Element {
const properties = this.props.adaptiveModulationProperties;
@@ -75,11 +73,11 @@ class AdaptiveModulationComponent extends React.Component<AdaptiveModulationComp
const chartPagedData = this.getChartDataValues(properties.rows);
const adaptiveModulationColumns: ColumnModel<AdaptiveModulationDataType>[] = [
- { property: "radioSignalId", title: "Radio signal", type: ColumnType.text },
- { property: "scannerId", title: "Scanner ID", type: ColumnType.text },
- { property: "timeStamp", title: "End Time", type: ColumnType.text },
+ { property: 'radioSignalId', title: 'Radio signal', type: ColumnType.text },
+ { property: 'scannerId', title: 'Scanner ID', type: ColumnType.text },
+ { property: 'timeStamp', title: 'End Time', type: ColumnType.text },
{
- property: "suspectIntervalFlag", title: "Suspect Interval", type: ColumnType.boolean
+ property: 'suspectIntervalFlag', title: 'Suspect Interval', type: ColumnType.boolean,
}];
chartPagedData.datasets.forEach(ds => {
@@ -88,13 +86,14 @@ class AdaptiveModulationComponent extends React.Component<AdaptiveModulationComp
return (
<>
- <ToggleContainer onToggleFilterButton={this.onToggleFilterButton} showFilter={this.props.isFilterVisible} existingFilter={this.props.adaptiveModulationProperties.filter} onFilterChanged={this.onFilterChanged} selectedValue={this.props.currentView} onChange={this.onChange}>
+ <ToggleContainer onToggleFilterButton={this.onToggleFilterButton} showFilter={this.props.isFilterVisible}
+ existingFilter={this.props.adaptiveModulationProperties.filter} onFilterChanged={this.onFilterChanged} selectedValue={this.props.currentView} onChange={this.onChange}>
{lineChart(chartPagedData)}
- <AdaptiveModulationTable stickyHeader idProperty={"_id"} tableId="adaptive-modulation-table" columns={adaptiveModulationColumns} {...properties} {...actions} />
+ <AdaptiveModulationTable stickyHeader idProperty={'_id'} tableId="adaptive-modulation-table" columns={adaptiveModulationColumns} {...properties} {...actions} />
</ToggleContainer>
</>
);
- };
+ }
/**
* This function gets the performance values for Adaptive modulation according on the chartjs dataset structure
@@ -102,345 +101,345 @@ class AdaptiveModulationComponent extends React.Component<AdaptiveModulationComp
*/
private getChartDataValues = (rows: AdaptiveModulationDataType[]): IDataSetsObject => {
- const _rows = [...rows];
- sortDataByTimeStamp(_rows);
+ const data_rows = [...rows];
+ sortDataByTimeStamp(data_rows);
const datasets: IDataSet[] = [{
- name: "time2StatesS",
- label: "QAM2S",
+ name: 'time2StatesS',
+ label: 'QAM2S',
borderColor: '#62a309fc',
bezierCurve: false,
lineTension: 0,
fill: false,
data: [],
- columnLabel: "QAM2S",
+ columnLabel: 'QAM2S',
}, {
- name: "time2States",
- label: "QAM2",
+ name: 'time2States',
+ label: 'QAM2',
borderColor: '#62a309fc',
bezierCurve: false,
lineTension: 0,
fill: false,
data: [],
- columnLabel: "QAM2",
+ columnLabel: 'QAM2',
}, {
- name: "time2StatesL",
- label: "QAM2L",
+ name: 'time2StatesL',
+ label: 'QAM2L',
borderColor: '#62a309fc',
bezierCurve: false,
lineTension: 0,
fill: false,
data: [],
- columnLabel: "QAM2L",
+ columnLabel: 'QAM2L',
}, {
- name: "time4StatesS",
- label: "QAM4S",
+ name: 'time4StatesS',
+ label: 'QAM4S',
borderColor: '#b308edde',
bezierCurve: false,
lineTension: 0,
fill: false,
data: [],
- columnLabel: "QAM4S",
+ columnLabel: 'QAM4S',
}, {
- name: "time4States",
- label: "QAM4",
+ name: 'time4States',
+ label: 'QAM4',
borderColor: '#b308edde',
bezierCurve: false,
lineTension: 0,
fill: false,
data: [],
- columnLabel: "QAM4",
+ columnLabel: 'QAM4',
}, {
- name: "time4StatesL",
- label: "QAM4L",
+ name: 'time4StatesL',
+ label: 'QAM4L',
borderColor: '#b308edde',
bezierCurve: false,
lineTension: 0,
fill: false,
data: [],
- columnLabel: "QAM4L",
+ columnLabel: 'QAM4L',
}, {
- name: "time16StatesS",
- label: "QAM16S",
+ name: 'time16StatesS',
+ label: 'QAM16S',
borderColor: '#9b15e2',
bezierCurve: false,
lineTension: 0,
fill: false,
data: [],
- columnLabel: "QAM16S",
+ columnLabel: 'QAM16S',
}, {
- name: "time16States",
- label: "QAM16",
+ name: 'time16States',
+ label: 'QAM16',
borderColor: '#9b15e2',
bezierCurve: false,
lineTension: 0,
fill: false,
data: [],
- columnLabel: "QAM16",
+ columnLabel: 'QAM16',
}, {
- name: "time16StatesL",
- label: "QAM16L",
+ name: 'time16StatesL',
+ label: 'QAM16L',
borderColor: '#9b15e2',
bezierCurve: false,
lineTension: 0,
fill: false,
data: [],
- columnLabel: "QAM16L",
+ columnLabel: 'QAM16L',
}, {
- name: "time32StatesS",
- label: "QAM32S",
+ name: 'time32StatesS',
+ label: 'QAM32S',
borderColor: '#2704f5f0',
bezierCurve: false,
lineTension: 0,
fill: false,
data: [],
- columnLabel: "QAM32S",
+ columnLabel: 'QAM32S',
}, {
- name: "time32States",
- label: "QAM32",
+ name: 'time32States',
+ label: 'QAM32',
borderColor: '#2704f5f0',
bezierCurve: false,
lineTension: 0,
fill: false,
data: [],
- columnLabel: "QAM32",
+ columnLabel: 'QAM32',
}, {
- name: "time32StatesL",
- label: "QAM32L",
+ name: 'time32StatesL',
+ label: 'QAM32L',
borderColor: '#2704f5f0',
bezierCurve: false,
lineTension: 0,
fill: false,
data: [],
- columnLabel: "QAM32L",
+ columnLabel: 'QAM32L',
}, {
- name: "time64StatesS",
- label: "QAM64S",
+ name: 'time64StatesS',
+ label: 'QAM64S',
borderColor: '#347692',
bezierCurve: false,
lineTension: 0,
fill: false,
data: [],
- columnLabel: "QAM64S",
+ columnLabel: 'QAM64S',
}, {
- name: "time64States",
- label: "QAM64",
+ name: 'time64States',
+ label: 'QAM64',
borderColor: '#347692',
bezierCurve: false,
lineTension: 0,
fill: false,
data: [],
- columnLabel: "QAM64",
+ columnLabel: 'QAM64',
}, {
- name: "time64StatesL",
- label: "QAM64L",
+ name: 'time64StatesL',
+ label: 'QAM64L',
borderColor: '#347692',
bezierCurve: false,
lineTension: 0,
fill: false,
data: [],
- columnLabel: "QAM64L",
+ columnLabel: 'QAM64L',
}, {
- name: "time128StatesS",
- label: "QAM128S",
+ name: 'time128StatesS',
+ label: 'QAM128S',
borderColor: '#885e22',
bezierCurve: false,
lineTension: 0,
fill: false,
data: [],
- columnLabel: "QAM128S",
+ columnLabel: 'QAM128S',
}, {
- name: "time128States",
- label: "QAM128",
+ name: 'time128States',
+ label: 'QAM128',
borderColor: '#885e22',
bezierCurve: false,
lineTension: 0,
fill: false,
data: [],
- columnLabel: "QAM128",
+ columnLabel: 'QAM128',
}, {
- name: "time128StatesL",
- label: "QAM128L",
+ name: 'time128StatesL',
+ label: 'QAM128L',
borderColor: '#885e22',
bezierCurve: false,
lineTension: 0,
fill: false,
data: [],
- columnLabel: "QAM128L",
+ columnLabel: 'QAM128L',
}, {
- name: "time256StatesS",
- label: "QAM256S",
+ name: 'time256StatesS',
+ label: 'QAM256S',
borderColor: '#de07807a',
bezierCurve: false,
lineTension: 0,
fill: false,
data: [],
- columnLabel: "QAM256S",
+ columnLabel: 'QAM256S',
}, {
- name: "time256States",
- label: "QAM256",
+ name: 'time256States',
+ label: 'QAM256',
borderColor: '#de07807a',
bezierCurve: false,
lineTension: 0,
fill: false,
data: [],
- columnLabel: "QAM256",
+ columnLabel: 'QAM256',
}, {
- name: "time256StatesL",
- label: "QAM256L",
+ name: 'time256StatesL',
+ label: 'QAM256L',
borderColor: '#de07807a',
bezierCurve: false,
lineTension: 0,
fill: false,
data: [],
- columnLabel: "QAM256L",
+ columnLabel: 'QAM256L',
}, {
- name: "time512StatesS",
- label: "QAM512S",
+ name: 'time512StatesS',
+ label: 'QAM512S',
borderColor: '#8fdaacde',
bezierCurve: false,
lineTension: 0,
fill: false,
data: [],
- columnLabel: "QAM512S",
+ columnLabel: 'QAM512S',
}, {
- name: "time512States",
- label: "QAM512",
+ name: 'time512States',
+ label: 'QAM512',
borderColor: '#8fdaacde',
bezierCurve: false,
lineTension: 0,
fill: false,
data: [],
- columnLabel: "QAM512",
+ columnLabel: 'QAM512',
}, {
- name: "time512StatesL",
- label: "QAM512L",
+ name: 'time512StatesL',
+ label: 'QAM512L',
borderColor: '#8fdaacde',
bezierCurve: false,
lineTension: 0,
fill: false,
data: [],
- columnLabel: "QAM512L",
+ columnLabel: 'QAM512L',
}, {
- name: "time1024StatesS",
- label: "QAM1024S",
+ name: 'time1024StatesS',
+ label: 'QAM1024S',
borderColor: '#435b22',
bezierCurve: false,
lineTension: 0,
fill: false,
data: [],
- columnLabel: "QAM1024S",
+ columnLabel: 'QAM1024S',
}, {
- name: "time1024States",
- label: "QAM1024",
+ name: 'time1024States',
+ label: 'QAM1024',
borderColor: '#435b22',
bezierCurve: false,
lineTension: 0,
fill: false,
data: [],
- columnLabel: "QAM1024",
+ columnLabel: 'QAM1024',
}, {
- name: "time1024StatesL",
- label: "QAM1024L",
+ name: 'time1024StatesL',
+ label: 'QAM1024L',
borderColor: '#435b22',
bezierCurve: false,
lineTension: 0,
fill: false,
data: [],
- columnLabel: "QAM1024L",
+ columnLabel: 'QAM1024L',
}, {
- name: "time2048StatesS",
- label: "QAM2048S",
+ name: 'time2048StatesS',
+ label: 'QAM2048S',
borderColor: '#e87a5b',
bezierCurve: false,
lineTension: 0,
fill: false,
data: [],
- columnLabel: "QAM2048S",
+ columnLabel: 'QAM2048S',
}, {
- name: "time2048States",
- label: "QAM2048",
+ name: 'time2048States',
+ label: 'QAM2048',
borderColor: '#e87a5b',
bezierCurve: false,
lineTension: 0,
fill: false,
data: [],
- columnLabel: "QAM2048",
+ columnLabel: 'QAM2048',
}, {
- name: "time2048StatesL",
- label: "QAM2048L",
+ name: 'time2048StatesL',
+ label: 'QAM2048L',
borderColor: '#e87a5b',
bezierCurve: false,
lineTension: 0,
fill: false,
data: [],
- columnLabel: "QAM2048L",
+ columnLabel: 'QAM2048L',
}, {
- name: "time4096StatesS",
- label: "QAM4096S",
+ name: 'time4096StatesS',
+ label: 'QAM4096S',
borderColor: '#5be878',
bezierCurve: false,
lineTension: 0,
fill: false,
data: [],
- columnLabel: "QAM4096S",
+ columnLabel: 'QAM4096S',
}, {
- name: "time4096States",
- label: "QAM4096",
+ name: 'time4096States',
+ label: 'QAM4096',
borderColor: '#5be878',
bezierCurve: false,
lineTension: 0,
fill: false,
data: [],
- columnLabel: "QAM4096",
+ columnLabel: 'QAM4096',
}, {
- name: "time4096StatesL",
- label: "QAM4096L",
+ name: 'time4096StatesL',
+ label: 'QAM4096L',
borderColor: '#5be878',
bezierCurve: false,
lineTension: 0,
fill: false,
data: [],
- columnLabel: "QAM4096L",
+ columnLabel: 'QAM4096L',
}, {
- name: "time8192StatesS",
- label: "QAM8192s",
+ name: 'time8192StatesS',
+ label: 'QAM8192s',
borderColor: '#cb5be8',
bezierCurve: false,
lineTension: 0,
fill: false,
data: [],
- columnLabel: "QAM8192S",
+ columnLabel: 'QAM8192S',
}, {
- name: "time8192States",
- label: "QAM8192",
+ name: 'time8192States',
+ label: 'QAM8192',
borderColor: '#cb5be8',
bezierCurve: false,
lineTension: 0,
fill: false,
data: [],
- columnLabel: "QAM8192",
+ columnLabel: 'QAM8192',
}, {
- name: "time8192StatesL",
- label: "QAM8192L",
+ name: 'time8192StatesL',
+ label: 'QAM8192L',
borderColor: '#cb5be8',
bezierCurve: false,
lineTension: 0,
fill: false,
data: [],
- columnLabel: "QAM8192L",
- }
+ columnLabel: 'QAM8192L',
+ },
];
- _rows.forEach(row => {
- row.time2StatesS = row.performanceData.time2StatesS
+ data_rows.forEach(row => {
+ row.time2StatesS = row.performanceData.time2StatesS;
row.time2States = row.performanceData.time2States;
row.time2StatesL = row.performanceData.time2StatesL;
- row.time4StatesS = row.performanceData.time4StatesS
+ row.time4StatesS = row.performanceData.time4StatesS;
row.time4States = row.performanceData.time4States;
row.time4StatesL = row.performanceData.time4StatesL;
row.time16StatesS = row.performanceData.time16StatesS;
@@ -475,16 +474,16 @@ class AdaptiveModulationComponent extends React.Component<AdaptiveModulationComp
row.time8192StatesL = row.performanceData.time8192StatesL;
datasets.forEach(ds => {
ds.data.push({
- x: row["timeStamp" as keyof AdaptiveModulationDataType] as string,
- y: row.performanceData[ds.name as keyof AdaptiveModulationDatabaseDataType] as string
+ x: row['timeStamp' as keyof AdaptiveModulationDataType] as string,
+ y: row.performanceData[ds.name as keyof AdaptiveModulationDatabaseDataType] as string,
});
});
});
return {
- datasets: datasets
+ datasets: datasets,
};
- }
+ };
}
const AdaptiveModulation = withRouter(connect(mapProps, mapDisp)(AdaptiveModulationComponent));
export default AdaptiveModulation;
diff --git a/sdnr/wt/odlux/apps/performanceHistoryApp/src/components/chartFilter.tsx b/sdnr/wt/odlux/apps/performanceHistoryApp/src/components/chartFilter.tsx
index e66e6c1e6..021f74a4f 100644
--- a/sdnr/wt/odlux/apps/performanceHistoryApp/src/components/chartFilter.tsx
+++ b/sdnr/wt/odlux/apps/performanceHistoryApp/src/components/chartFilter.tsx
@@ -18,57 +18,58 @@
import * as React from 'react';
-import { TextField, Typography, Select, MenuItem, FormControl, InputLabel } from '@mui/material';
+
+import { TextField, Select, MenuItem, FormControl, InputLabel } from '@mui/material';
import makeStyles from '@mui/styles/makeStyles';
const styles = makeStyles({
- filterInput: {
- marginRight: "15px"
- },
- filterContainer: {
- marginLeft: "90px"
- }
+ filterInput: {
+ marginRight: '15px',
+ },
+ filterContainer: {
+ marginLeft: '90px',
+ },
});
-type filterProps = { isVisible: boolean, onFilterChanged: (property: string, filterTerm: string) => void, filters: any };
+type filterProps = { isVisible: boolean; onFilterChanged: (property: string, filterTerm: string) => void; filters: any };
const ChartFilter: React.FunctionComponent<filterProps> = (props) => {
- const classes = styles();
-
- // make sure suspectIntervalFlag is a string to show the correct value in the select element
+ const classes = styles();
- const suspectIntervalFlag = props.filters.suspectIntervalFlag === undefined ? undefined : props.filters.suspectIntervalFlag.toString();
- return (
- <>
- {
- props.isVisible &&
- <div className={classes.filterContainer}>
- <TextField variant="standard" inputProps={{'aria-label': 'radio-signal-filter'}} className={classes.filterInput} label="Radio Signal" value={props.filters.radioSignalId || ''} onChange={(event) => props.onFilterChanged("radioSignalId", event.target.value)} InputLabelProps={{
- shrink: true,
- }} />
- <TextField variant="standard" inputProps={{'aria-label': 'scanner-id-filter'}} className={classes.filterInput} label="Scanner ID" value={props.filters.scannerId || ''} onChange={(event) => props.onFilterChanged("scannerId", event.target.value)} InputLabelProps={{
- shrink: true,
- }} />
- <TextField variant="standard" inputProps={{'aria-label': 'end-time-filter'}} className={classes.filterInput} label="End Time" value={props.filters.timeStamp || ''} onChange={(event) => props.onFilterChanged("timeStamp", event.target.value)} InputLabelProps={{
- shrink: true,
- }} />
- <FormControl variant="standard">
- <InputLabel id="suspect-interval-label" shrink>Suspect Interval</InputLabel>
+ // make sure suspectIntervalFlag is a string to show the correct value in the select element
- <Select variant="standard" aria-label="suspect-interval-selection" labelId="suspect-interval-label" value={suspectIntervalFlag || ''} onChange={(event) => props.onFilterChanged("suspectIntervalFlag", event.target.value as string)}>
- <MenuItem value={undefined} aria-label="none">None</MenuItem>
- <MenuItem value={"true"} aria-label="true">true</MenuItem>
- <MenuItem value={"false"} aria-label="false">false</MenuItem>
- </Select>
- </FormControl>
- </ div>
- }
- </>
- )
+ const suspectIntervalFlag = props.filters.suspectIntervalFlag === undefined ? undefined : props.filters.suspectIntervalFlag.toString();
+ return (
+ <>
+ {
+ props.isVisible &&
+ <div className={classes.filterContainer}>
+ <TextField variant="standard" inputProps={{ 'aria-label': 'radio-signal-filter' }} className={classes.filterInput}
+ label="Radio Signal" value={props.filters.radioSignalId || ''} onChange={(event) => props.onFilterChanged('radioSignalId', event.target.value)} InputLabelProps={{
+ shrink: true,
+ }} />
+ <TextField variant="standard" inputProps={{ 'aria-label': 'scanner-id-filter' }} className={classes.filterInput} label="Scanner ID" value={props.filters.scannerId || ''} onChange={(event) => props.onFilterChanged('scannerId', event.target.value)} InputLabelProps={{
+ shrink: true,
+ }} />
+ <TextField variant="standard" inputProps={{ 'aria-label': 'end-time-filter' }} className={classes.filterInput} label="End Time" value={props.filters.timeStamp || ''} onChange={(event) => props.onFilterChanged('timeStamp', event.target.value)} InputLabelProps={{
+ shrink: true,
+ }} />
+ <FormControl variant="standard">
+ <InputLabel id="suspect-interval-label" shrink>Suspect Interval</InputLabel>
-}
+ <Select variant="standard" aria-label="suspect-interval-selection" labelId="suspect-interval-label" value={suspectIntervalFlag || ''} onChange={(event) => props.onFilterChanged('suspectIntervalFlag', event.target.value as string)}>
+ <MenuItem value={undefined} aria-label="none">None</MenuItem>
+ <MenuItem value={'true'} aria-label="true">true</MenuItem>
+ <MenuItem value={'false'} aria-label="false">false</MenuItem>
+ </Select>
+ </FormControl>
+ </ div>
+ }
+ </>
+ );
+};
export default ChartFilter; \ No newline at end of file
diff --git a/sdnr/wt/odlux/apps/performanceHistoryApp/src/components/crossPolarDiscrimination.tsx b/sdnr/wt/odlux/apps/performanceHistoryApp/src/components/crossPolarDiscrimination.tsx
index 14cc02d6d..5f925a9ad 100644
--- a/sdnr/wt/odlux/apps/performanceHistoryApp/src/components/crossPolarDiscrimination.tsx
+++ b/sdnr/wt/odlux/apps/performanceHistoryApp/src/components/crossPolarDiscrimination.tsx
@@ -15,20 +15,19 @@
* the License.
* ============LICENSE_END==========================================================================
*/
-import * as React from 'react';
+import React from 'react';
+import { RouteComponentProps, withRouter } from 'react-router-dom';
-import { withRouter, RouteComponentProps } from 'react-router-dom';
-
-import { MaterialTable, ColumnType, MaterialTableCtorType, ColumnModel } from '../../../../framework/src/components/material-table';
+import { ColumnModel, ColumnType, MaterialTable, MaterialTableCtorType } from '../../../../framework/src/components/material-table';
+import { connect, Connect, IDispatcher } from '../../../../framework/src/flux/connect';
import { IApplicationStoreState } from '../../../../framework/src/store/applicationStore';
-import connect, { Connect, IDispatcher } from '../../../../framework/src/flux/connect';
-import { CrossPolarDiscriminationDataType, CrossPolarDiscriminationDatabaseDataType } from '../models/crossPolarDiscriminationDataType';
+import { SetFilterVisibility, SetSubViewAction } from '../actions/toggleActions';
+import { createCrossPolarDiscriminationActions, createCrossPolarDiscriminationProperties } from '../handlers/crossPolarDiscriminationHandler';
import { IDataSet, IDataSetsObject } from '../models/chartTypes';
-import { createCrossPolarDiscriminationProperties, createCrossPolarDiscriminationActions } from '../handlers/crossPolarDiscriminationHandler';
+import { CrossPolarDiscriminationDatabaseDataType, CrossPolarDiscriminationDataType } from '../models/crossPolarDiscriminationDataType';
import { lineChart, sortDataByTimeStamp } from '../utils/chartUtils';
import { addColumnLabels } from '../utils/tableUtils';
-import { SetSubViewAction, SetFilterVisibility } from '../actions/toggleActions';
import ToggleContainer from './toggleContainer';
@@ -36,18 +35,18 @@ const mapProps = (state: IApplicationStoreState) => ({
crossPolarDiscriminationProperties: createCrossPolarDiscriminationProperties(state),
currentView: state.performanceHistory.subViews.CPD.subView,
isFilterVisible: state.performanceHistory.subViews.CPD.isFilterVisible,
- existingFilter: state.performanceHistory.crossPolarDiscrimination.filter
+ existingFilter: state.performanceHistory.crossPolarDiscrimination.filter,
});
const mapDisp = (dispatcher: IDispatcher) => ({
crossPolarDiscriminationActions: createCrossPolarDiscriminationActions(dispatcher.dispatch),
- setSubView: (value: "chart" | "table") => dispatcher.dispatch(new SetSubViewAction("CPD", value)),
- toggleFilterButton: (value: boolean) => { dispatcher.dispatch(new SetFilterVisibility("CPD", value)) },
+ setSubView: (value: 'chart' | 'table') => dispatcher.dispatch(new SetSubViewAction('CPD', value)),
+ toggleFilterButton: (value: boolean) => { dispatcher.dispatch(new SetFilterVisibility('CPD', value));},
});
type CrossPolarDiscriminationComponentProps = RouteComponentProps & Connect<typeof mapProps, typeof mapDisp> & {
- selectedTimePeriod: string
+ selectedTimePeriod: string;
};
const CrossPolarDiscriminationTable = MaterialTable as MaterialTableCtorType<CrossPolarDiscriminationDataType>;
@@ -55,21 +54,20 @@ const CrossPolarDiscriminationTable = MaterialTable as MaterialTableCtorType<Cro
/**
* The Component which gets the crossPolarDiscrimination data from the database based on the selected time period.
*/
-class CrossPolarDiscriminationComponent extends React.Component<CrossPolarDiscriminationComponentProps>{
-
+class CrossPolarDiscriminationComponent extends React.Component<CrossPolarDiscriminationComponentProps> {
onToggleFilterButton = () => {
this.props.toggleFilterButton(!this.props.isFilterVisible);
- }
+ };
- onChange = (value: "chart" | "table") => {
+ onChange = (value: 'chart' | 'table') => {
this.props.setSubView(value);
- }
+ };
onFilterChanged = (property: string, filterTerm: string) => {
this.props.crossPolarDiscriminationActions.onFilterChanged(property, filterTerm);
if (!this.props.crossPolarDiscriminationProperties.showFilter)
this.props.crossPolarDiscriminationActions.onToggleFilter(false);
- }
+ };
render(): JSX.Element {
const properties = this.props.crossPolarDiscriminationProperties;
@@ -78,12 +76,12 @@ class CrossPolarDiscriminationComponent extends React.Component<CrossPolarDiscri
const chartPagedData = this.getChartDataValues(properties.rows);
const cpdColumns: ColumnModel<CrossPolarDiscriminationDataType>[] = [
- { property: "radioSignalId", title: "Radio signal", type: ColumnType.text },
- { property: "scannerId", title: "Scanner ID", type: ColumnType.text },
- { property: "timeStamp", title: "End Time", type: ColumnType.text },
+ { property: 'radioSignalId', title: 'Radio signal', type: ColumnType.text },
+ { property: 'scannerId', title: 'Scanner ID', type: ColumnType.text },
+ { property: 'timeStamp', title: 'End Time', type: ColumnType.text },
{
- property: "suspectIntervalFlag", title: "Suspect Interval", type: ColumnType.boolean
- }
+ property: 'suspectIntervalFlag', title: 'Suspect Interval', type: ColumnType.boolean,
+ },
];
chartPagedData.datasets.forEach(ds => {
@@ -91,66 +89,67 @@ class CrossPolarDiscriminationComponent extends React.Component<CrossPolarDiscri
});
return (
<>
- <ToggleContainer onToggleFilterButton={this.onToggleFilterButton} showFilter={this.props.isFilterVisible} existingFilter={this.props.crossPolarDiscriminationProperties.filter} onFilterChanged={this.onFilterChanged} selectedValue={this.props.currentView} onChange={this.onChange}>
+ <ToggleContainer onToggleFilterButton={this.onToggleFilterButton} showFilter={this.props.isFilterVisible}
+ existingFilter={this.props.crossPolarDiscriminationProperties.filter} onFilterChanged={this.onFilterChanged} selectedValue={this.props.currentView} onChange={this.onChange}>
{lineChart(chartPagedData)}
- <CrossPolarDiscriminationTable stickyHeader idProperty={"_id"} tableId="cross-polar-discrimination-table" columns={cpdColumns} {...properties} {...actions} />
+ <CrossPolarDiscriminationTable stickyHeader idProperty={'_id'} tableId="cross-polar-discrimination-table" columns={cpdColumns} {...properties} {...actions} />
</ToggleContainer>
</>
);
- };
+ }
/**
* This function gets the performance values for CPD according on the chartjs dataset structure
* which is to be sent to the chart.
*/
private getChartDataValues = (rows: CrossPolarDiscriminationDataType[]): IDataSetsObject => {
- const _rows = [...rows];
- sortDataByTimeStamp(_rows);
+ const data_rows = [...rows];
+ sortDataByTimeStamp(data_rows);
const datasets: IDataSet[] = [{
- name: "xpdMin",
- label: "xpd-min",
+ name: 'xpdMin',
+ label: 'xpd-min',
borderColor: '#0e17f3de',
bezierCurve: false,
lineTension: 0,
fill: false,
data: [],
- columnLabel: "CPD (min)[db]"
+ columnLabel: 'CPD (min)[db]',
}, {
- name: "xpdAvg",
- label: "xpd-avg",
+ name: 'xpdAvg',
+ label: 'xpd-avg',
borderColor: '#08edb6de',
bezierCurve: false,
lineTension: 0,
fill: false,
data: [],
- columnLabel: "CPD (avg)[db]"
+ columnLabel: 'CPD (avg)[db]',
}, {
- name: "xpdMax",
- label: "xpd-max",
+ name: 'xpdMax',
+ label: 'xpd-max',
borderColor: '#b308edde',
bezierCurve: false,
lineTension: 0,
fill: false,
data: [],
- columnLabel: "CPD (max)[db]"
+ columnLabel: 'CPD (max)[db]',
}];
- _rows.forEach(row => {
+ data_rows.forEach(row => {
row.xpdMin = row.performanceData.xpdMin;
row.xpdAvg = row.performanceData.xpdAvg;
row.xpdMax = row.performanceData.xpdMax;
datasets.forEach(ds => {
ds.data.push({
- x: row["timeStamp" as keyof CrossPolarDiscriminationDataType] as string,
- y: row.performanceData[ds.name as keyof CrossPolarDiscriminationDatabaseDataType] as string
+ x: row['timeStamp' as keyof CrossPolarDiscriminationDataType] as string,
+ y: row.performanceData[ds.name as keyof CrossPolarDiscriminationDatabaseDataType] as string,
});
});
});
return {
- datasets: datasets
+ datasets: datasets,
};
- }
+ };
}
const CrossPolarDiscrimination = withRouter(connect(mapProps, mapDisp)(CrossPolarDiscriminationComponent));
export default CrossPolarDiscrimination;
diff --git a/sdnr/wt/odlux/apps/performanceHistoryApp/src/components/ltpSelection.tsx b/sdnr/wt/odlux/apps/performanceHistoryApp/src/components/ltpSelection.tsx
index ef6cfc712..bd6333be7 100644
--- a/sdnr/wt/odlux/apps/performanceHistoryApp/src/components/ltpSelection.tsx
+++ b/sdnr/wt/odlux/apps/performanceHistoryApp/src/components/ltpSelection.tsx
@@ -15,90 +15,91 @@
* the License.
* ============LICENSE_END==========================================================================
*/
+import React from 'react';
-import * as React from 'react';
-import { MenuItem, Select, FormControl, Typography, SelectChangeEvent } from '@mui/material';
+import { FormControl, MenuItem, Select, SelectChangeEvent, Typography } from '@mui/material';
+import { Theme } from '@mui/material/styles';
import makeStyles from '@mui/styles/makeStyles';
-import { LtpIds } from 'models/availableLtps';
import { Loader } from '../../../../framework/src/components/material-ui';
-
-import { Theme } from '@mui/material/styles';
+import { LtpIds } from '../models/availableLtps';
const useStyles = makeStyles((theme: Theme) => ({
- display: {
- display: "inline-block"
- },
- selectDropdown: {
- borderRadius: 1,
- position: "relative",
- backgroundColor: theme.palette.background.paper,
- border: "1px solid #ced4da",
- fontSize: 16,
- width: "auto",
- padding: "5px 5px 5px 5px",
- transition: theme.transitions.create(["border-color", "box-shadow"]),
- },
- center: {
- "flex": "1",
- "height": "100%",
- "display": "flex",
- "alignItems": "center",
- "justifyContent": "center",
- flexDirection: "column"
- }
+ display: {
+ display: 'inline-block',
+ },
+ selectDropdown: {
+ borderRadius: 1,
+ position: 'relative',
+ backgroundColor: theme.palette.background.paper,
+ border: '1px solid #ced4da',
+ fontSize: 16,
+ width: 'auto',
+ padding: '5px 5px 5px 5px',
+ transition: theme.transitions.create(['border-color', 'box-shadow']),
+ },
+ center: {
+ 'flex': '1',
+ 'height': '100%',
+ 'display': 'flex',
+ 'alignItems': 'center',
+ 'justifyContent': 'center',
+ flexDirection: 'column',
+ },
}));
-type LtpSelectionProps = { selectedNE: string, error?: string, finishedLoading: boolean, selectedLtp: string,
- availableLtps: LtpIds[],
- onChangeLtp(event: SelectChangeEvent<HTMLSelectElement | string> ): void,
- selectedTimePeriod: string,
- onChangeTimePeriod(event: SelectChangeEvent<HTMLSelectElement | string> ): void };
+type LtpSelectionProps = {
+ selectedNE: string; error?: string; finishedLoading: boolean; selectedLtp: string;
+ availableLtps: LtpIds[];
+ onChangeLtp(event: SelectChangeEvent<HTMLSelectElement | string>): void;
+ selectedTimePeriod: string;
+ onChangeTimePeriod(event: SelectChangeEvent<HTMLSelectElement | string>): void;
+};
export const LtpSelection = (props: LtpSelectionProps) => {
- const classes = useStyles();
- return (
- <>
- <h3>Selected Network Element: {props.selectedNE} </h3>
- <FormControl variant="standard" className={classes.display}>
- <span>
- Select LTP
- </span>
- <Select variant="standard" className={classes.selectDropdown} value={props.selectedLtp} onChange={props.onChangeLtp} aria-label="ltp-selection" >
- <MenuItem value={"-1"} aria-label="none"><em>--Select--</em></MenuItem>
- {props.availableLtps.map(ltp =>
- (<MenuItem value={ltp.key} key={ltp.key} aria-label={ltp.key}>{ltp.key}</MenuItem>))}
- </Select>
- <span> Time-Period </span>
- <Select variant="standard" className={classes.selectDropdown} value={props.selectedTimePeriod} onChange={props.onChangeTimePeriod} aria-label="time-period-selection">
- <MenuItem value={"15min"} aria-label="15minutes">15min</MenuItem>
- <MenuItem value={"24hours"} aria-label="24hours">24hours</MenuItem>
- </Select>
- </FormControl>
- {
- !props.finishedLoading && !props.error &&
- <div className={classes.center}>
- <Loader />
- <h3>Collecting Data ...</h3>
- </div>
- }
- {
- props.finishedLoading && props.error &&
- <div className={classes.center}>
- <h3>Data couldn't be loaded</h3>
- <Typography variant="body1">{props.error}</Typography>
- </div>
- }
- {
- props.selectedLtp === "-1" && props.finishedLoading && !props.error && (props.availableLtps.length > 0 ?
- <div className={classes.center}>
- <h3>Please select a LTP</h3>
- </div>
- :
- <div className={classes.center}>
- <h3>No performance data found</h3>
- </div>)
- }
- </>)
-}
+ const classes = useStyles();
+ return (
+ <>
+ <h3>Selected Network Element: {props.selectedNE} </h3>
+ <FormControl variant="standard" className={classes.display}>
+ <span>
+ Select LTP
+ </span>
+ <Select variant="standard" className={classes.selectDropdown} value={props.selectedLtp} onChange={props.onChangeLtp} aria-label="ltp-selection" >
+ <MenuItem value={'-1'} aria-label="none"><em>--Select--</em></MenuItem>
+ {props.availableLtps.map(ltp =>
+ (<MenuItem value={ltp.key} key={ltp.key} aria-label={ltp.key}>{ltp.key}</MenuItem>))}
+ </Select>
+ <span> Time-Period </span>
+ <Select variant="standard" className={classes.selectDropdown} value={props.selectedTimePeriod} onChange={props.onChangeTimePeriod} aria-label="time-period-selection">
+ <MenuItem value={'15min'} aria-label="15minutes">15min</MenuItem>
+ <MenuItem value={'24hours'} aria-label="24hours">24hours</MenuItem>
+ </Select>
+ </FormControl>
+ {
+ !props.finishedLoading && !props.error &&
+ <div className={classes.center}>
+ <Loader />
+ <h3>Collecting Data ...</h3>
+ </div>
+ }
+ {
+ props.finishedLoading && props.error &&
+ <div className={classes.center}>
+ <h3>Data couldn't be loaded</h3>
+ <Typography variant="body1">{props.error}</Typography>
+ </div>
+ }
+ {
+ props.selectedLtp === '-1' && props.finishedLoading && !props.error && (props.availableLtps.length > 0 ?
+ <div className={classes.center}>
+ <h3>Please select a LTP</h3>
+ </div>
+ :
+ <div className={classes.center}>
+ <h3>No performance data found</h3>
+ </div>)
+ }
+ </>);
+};
export default LtpSelection; \ No newline at end of file
diff --git a/sdnr/wt/odlux/apps/performanceHistoryApp/src/components/performanceData.tsx b/sdnr/wt/odlux/apps/performanceHistoryApp/src/components/performanceData.tsx
index 6a06ea351..fb608aac6 100644
--- a/sdnr/wt/odlux/apps/performanceHistoryApp/src/components/performanceData.tsx
+++ b/sdnr/wt/odlux/apps/performanceHistoryApp/src/components/performanceData.tsx
@@ -15,36 +15,36 @@
* the License.
* ============LICENSE_END==========================================================================
*/
-import * as React from 'react';
+import React from 'react';
+import { RouteComponentProps, withRouter } from 'react-router-dom';
-import { withRouter, RouteComponentProps } from 'react-router-dom';
-
-import { MaterialTable, ColumnType, ColumnModel, MaterialTableCtorType } from '../../../../framework/src/components/material-table';
+import { ColumnModel, ColumnType, MaterialTable, MaterialTableCtorType } from '../../../../framework/src/components/material-table';
+import { connect, Connect, IDispatcher } from '../../../../framework/src/flux/connect';
import { IApplicationStoreState } from '../../../../framework/src/store/applicationStore';
-import connect, { Connect, IDispatcher } from '../../../../framework/src/flux/connect';
-import { PerformanceDataType, PerformanceDatabaseDataType } from '../models/performanceDataType';
+
+import { SetFilterVisibility, SetSubViewAction } from '../actions/toggleActions';
+import { createPerformanceDataActions, createPerformanceDataProperties } from '../handlers/performanceDataHandler';
import { IDataSet, IDataSetsObject } from '../models/chartTypes';
-import { createPerformanceDataProperties, createPerformanceDataActions } from '../handlers/performanceDataHandler';
+import { PerformanceDatabaseDataType, PerformanceDataType } from '../models/performanceDataType';
import { lineChart, sortDataByTimeStamp } from '../utils/chartUtils';
import { addColumnLabels } from '../utils/tableUtils';
import ToggleContainer from './toggleContainer';
-import { SetSubViewAction, SetFilterVisibility } from '../actions/toggleActions';
const mapProps = (state: IApplicationStoreState) => ({
performanceDataProperties: createPerformanceDataProperties(state),
currentView: state.performanceHistory.subViews.performanceData.subView,
isFilterVisible: state.performanceHistory.subViews.performanceData.isFilterVisible,
- existingFilter: state.performanceHistory.performanceData.filter
+ existingFilter: state.performanceHistory.performanceData.filter,
});
const mapDisp = (dispatcher: IDispatcher) => ({
performanceDataActions: createPerformanceDataActions(dispatcher.dispatch),
- setSubView: (value: "chart" | "table") => dispatcher.dispatch(new SetSubViewAction("performanceData", value)),
- toggleFilterButton: (value: boolean) => { dispatcher.dispatch(new SetFilterVisibility("performanceData", value)) }
+ setSubView: (value: 'chart' | 'table') => dispatcher.dispatch(new SetSubViewAction('performanceData', value)),
+ toggleFilterButton: (value: boolean) => { dispatcher.dispatch(new SetFilterVisibility('performanceData', value)); },
});
type PerformanceDataComponentProps = RouteComponentProps & Connect<typeof mapProps, typeof mapDisp> & {
- selectedTimePeriod: string
+ selectedTimePeriod: string;
};
const PerformanceDataTable = MaterialTable as MaterialTableCtorType<PerformanceDataType>;
@@ -52,17 +52,16 @@ const PerformanceDataTable = MaterialTable as MaterialTableCtorType<PerformanceD
/**
* The Component which gets the performance data from the database based on the selected time period.
*/
-class PerformanceDataComponent extends React.Component<PerformanceDataComponentProps>{
-
+class PerformanceDataComponent extends React.Component<PerformanceDataComponentProps> {
onToggleFilterButton = () => {
this.props.toggleFilterButton(!this.props.isFilterVisible);
- }
+ };
onFilterChanged = (property: string, filterTerm: string) => {
this.props.performanceDataActions.onFilterChanged(property, filterTerm);
if (!this.props.performanceDataProperties.showFilter)
this.props.performanceDataActions.onToggleFilter(false);
- }
+ };
render(): JSX.Element {
const properties = this.props.performanceDataProperties;
@@ -70,12 +69,12 @@ class PerformanceDataComponent extends React.Component<PerformanceDataComponentP
const chartPagedData = this.getChartDataValues(properties.rows);
const performanceColumns: ColumnModel<PerformanceDataType>[] = [
- { property: "radioSignalId", title: "Radio signal", type: ColumnType.text },
- { property: "scannerId", title: "Scanner ID", type: ColumnType.text },
- { property: "timeStamp", title: "End Time", type: ColumnType.text },
+ { property: 'radioSignalId', title: 'Radio signal', type: ColumnType.text },
+ { property: 'scannerId', title: 'Scanner ID', type: ColumnType.text },
+ { property: 'timeStamp', title: 'End Time', type: ColumnType.text },
{
- property: "suspectIntervalFlag", title: "Suspect Interval", type: ColumnType.boolean
- }
+ property: 'suspectIntervalFlag', title: 'Suspect Interval', type: ColumnType.boolean,
+ },
];
chartPagedData.datasets.forEach(ds => {
@@ -83,67 +82,68 @@ class PerformanceDataComponent extends React.Component<PerformanceDataComponentP
});
return (
<>
- <ToggleContainer onToggleFilterButton={() => this.props.toggleFilterButton(!this.props.isFilterVisible)} existingFilter={this.props.existingFilter} onFilterChanged={this.onFilterChanged} selectedValue={this.props.currentView} showFilter={this.props.isFilterVisible} onChange={this.props.setSubView}>
+ <ToggleContainer onToggleFilterButton={() => this.props.toggleFilterButton(!this.props.isFilterVisible)}
+ existingFilter={this.props.existingFilter} onFilterChanged={this.onFilterChanged} selectedValue={this.props.currentView} showFilter={this.props.isFilterVisible} onChange={this.props.setSubView}>
{lineChart(chartPagedData)}
- <PerformanceDataTable stickyHeader idProperty={"_id"} tableId="performance-data-table" columns={performanceColumns} {...properties} {...actions} />
+ <PerformanceDataTable stickyHeader idProperty={'_id'} tableId="performance-data-table" columns={performanceColumns} {...properties} {...actions} />
</ToggleContainer>
</>
);
- };
+ }
/**
* This function gets the performance values for PerformanceData according on the chartjs dataset structure
* which is to be sent to the chart.
*/
private getChartDataValues = (rows: PerformanceDataType[]): IDataSetsObject => {
- const _rows = [...rows];
- sortDataByTimeStamp(_rows);
+ const data_rows = [...rows];
+ sortDataByTimeStamp(data_rows);
const datasets: IDataSet[] = [{
- name: "es",
- label: "es",
+ name: 'es',
+ label: 'es',
borderColor: '#0e17f3de',
bezierCurve: false,
lineTension: 0,
fill: false,
data: [],
- columnLabel: "ES"
+ columnLabel: 'ES',
}, {
- name: "ses",
- label: "ses",
+ name: 'ses',
+ label: 'ses',
borderColor: '#08edb6de',
bezierCurve: false,
lineTension: 0,
fill: false,
data: [],
- columnLabel: "SES"
+ columnLabel: 'SES',
}, {
- name: "unavailability",
- label: "unavailability",
+ name: 'unavailability',
+ label: 'unavailability',
borderColor: '#b308edde',
bezierCurve: false,
lineTension: 0,
fill: false,
data: [],
- columnLabel: "Unavailability"
+ columnLabel: 'Unavailability',
}];
- _rows.forEach(row => {
+ data_rows.forEach(row => {
row.es = row.performanceData.es;
row.ses = row.performanceData.ses;
row.unavailability = row.performanceData.unavailability;
datasets.forEach(ds => {
ds.data.push({
- x: row["timeStamp" as keyof PerformanceDataType] as string,
- y: row.performanceData[ds.name as keyof PerformanceDatabaseDataType] as string
+ x: row['timeStamp' as keyof PerformanceDataType] as string,
+ y: row.performanceData[ds.name as keyof PerformanceDatabaseDataType] as string,
});
});
});
return {
- datasets: datasets
+ datasets: datasets,
};
- }
+ };
}
const PerformanceData = withRouter(connect(mapProps, mapDisp)(PerformanceDataComponent));
diff --git a/sdnr/wt/odlux/apps/performanceHistoryApp/src/components/receiveLevel.tsx b/sdnr/wt/odlux/apps/performanceHistoryApp/src/components/receiveLevel.tsx
index 8dc92b8ac..125cc6ee6 100644
--- a/sdnr/wt/odlux/apps/performanceHistoryApp/src/components/receiveLevel.tsx
+++ b/sdnr/wt/odlux/apps/performanceHistoryApp/src/components/receiveLevel.tsx
@@ -15,37 +15,36 @@
* the License.
* ============LICENSE_END==========================================================================
*/
-import * as React from 'react';
+import React from 'react';
+import { RouteComponentProps, withRouter } from 'react-router-dom';
-import { withRouter, RouteComponentProps } from 'react-router-dom';
-
-import { MaterialTable, ColumnType, ColumnModel, MaterialTableCtorType } from '../../../../framework/src/components/material-table';
+import { ColumnModel, ColumnType, MaterialTable, MaterialTableCtorType } from '../../../../framework/src/components/material-table';
+import { connect, Connect, IDispatcher } from '../../../../framework/src/flux/connect';
import { IApplicationStoreState } from '../../../../framework/src/store/applicationStore';
-import connect, { Connect, IDispatcher } from '../../../../framework/src/flux/connect';
-import { ReceiveLevelDataType, ReceiveLevelDatabaseDataType } from '../models/receiveLevelDataType';
+import { SetFilterVisibility, SetSubViewAction } from '../actions/toggleActions';
+import { createReceiveLevelActions, createReceiveLevelProperties } from '../handlers/receiveLevelHandler';
import { IDataSet, IDataSetsObject } from '../models/chartTypes';
-import { createReceiveLevelProperties, createReceiveLevelActions } from '../handlers/receiveLevelHandler';
+import { ReceiveLevelDatabaseDataType, ReceiveLevelDataType } from '../models/receiveLevelDataType';
import { lineChart, sortDataByTimeStamp } from '../utils/chartUtils';
import { addColumnLabels } from '../utils/tableUtils';
-import { SetSubViewAction, SetFilterVisibility } from '../actions/toggleActions';
import ToggleContainer from './toggleContainer';
const mapProps = (state: IApplicationStoreState) => ({
receiveLevelProperties: createReceiveLevelProperties(state),
currentView: state.performanceHistory.subViews.receiveLevel.subView,
isFilterVisible: state.performanceHistory.subViews.receiveLevel.isFilterVisible,
- existingFilter: state.performanceHistory.receiveLevel.filter
+ existingFilter: state.performanceHistory.receiveLevel.filter,
});
const mapDisp = (dispatcher: IDispatcher) => ({
receiveLevelActions: createReceiveLevelActions(dispatcher.dispatch),
- setSubView: (value: "chart" | "table") => dispatcher.dispatch(new SetSubViewAction("receiveLevel", value)),
- toggleFilterButton: (value: boolean) => { dispatcher.dispatch(new SetFilterVisibility("receiveLevel", value)) },
+ setSubView: (value: 'chart' | 'table') => dispatcher.dispatch(new SetSubViewAction('receiveLevel', value)),
+ toggleFilterButton: (value: boolean) => { dispatcher.dispatch(new SetFilterVisibility('receiveLevel', value)); },
});
type ReceiveLevelComponentProps = RouteComponentProps & Connect<typeof mapProps, typeof mapDisp> & {
- selectedTimePeriod: string
+ selectedTimePeriod: string;
};
const ReceiveLevelTable = MaterialTable as MaterialTableCtorType<ReceiveLevelDataType>;
@@ -53,22 +52,21 @@ const ReceiveLevelTable = MaterialTable as MaterialTableCtorType<ReceiveLevelDat
/**
* The Component which gets the receiveLevel data from the database based on the selected time period.
*/
-class ReceiveLevelComponent extends React.Component<ReceiveLevelComponentProps>{
-
+class ReceiveLevelComponent extends React.Component<ReceiveLevelComponentProps> {
onToggleFilterButton = () => {
this.props.toggleFilterButton(!this.props.isFilterVisible);
- }
+ };
- onChange = (value: "chart" | "table") => {
+ onChange = (value: 'chart' | 'table') => {
this.props.setSubView(value);
- }
+ };
onFilterChanged = (property: string, filterTerm: string) => {
this.props.receiveLevelActions.onFilterChanged(property, filterTerm);
if (!this.props.receiveLevelProperties.showFilter)
this.props.receiveLevelActions.onToggleFilter(false);
- }
+ };
render(): JSX.Element {
const properties = this.props.receiveLevelProperties;
@@ -76,12 +74,12 @@ class ReceiveLevelComponent extends React.Component<ReceiveLevelComponentProps>{
const chartPagedData = this.getChartDataValues(properties.rows);
const receiveLevelColumns: ColumnModel<ReceiveLevelDataType>[] = [
- { property: "radioSignalId", title: "Radio signal", type: ColumnType.text },
- { property: "scannerId", title: "Scanner ID", type: ColumnType.text },
- { property: "timeStamp", title: "End Time", type: ColumnType.text },
+ { property: 'radioSignalId', title: 'Radio signal', type: ColumnType.text },
+ { property: 'scannerId', title: 'Scanner ID', type: ColumnType.text },
+ { property: 'timeStamp', title: 'End Time', type: ColumnType.text },
{
- property: "suspectIntervalFlag", title: "Suspect Interval", type: ColumnType.boolean
- }
+ property: 'suspectIntervalFlag', title: 'Suspect Interval', type: ColumnType.boolean,
+ },
];
chartPagedData.datasets.forEach(ds => {
@@ -92,64 +90,64 @@ class ReceiveLevelComponent extends React.Component<ReceiveLevelComponentProps>{
<>
<ToggleContainer onToggleFilterButton={this.onToggleFilterButton} showFilter={this.props.isFilterVisible} existingFilter={this.props.receiveLevelProperties.filter} onFilterChanged={this.onFilterChanged} selectedValue={this.props.currentView} onChange={this.onChange}>
{lineChart(chartPagedData)}
- <ReceiveLevelTable stickyHeader idProperty={"_id"} tableId="receive-level-table" columns={receiveLevelColumns} {...properties} {...actions} />
+ <ReceiveLevelTable stickyHeader idProperty={'_id'} tableId="receive-level-table" columns={receiveLevelColumns} {...properties} {...actions} />
</ToggleContainer>
</>
);
- };
+ }
/**
* This function gets the performance values for ReceiveLevel according on the chartjs dataset structure
* which is to be sent to the chart.
*/
private getChartDataValues = (rows: ReceiveLevelDataType[]): IDataSetsObject => {
- const _rows = [...rows];
- sortDataByTimeStamp(_rows);
+ const data_rows = [...rows];
+ sortDataByTimeStamp(data_rows);
const datasets: IDataSet[] = [{
- name: "rxLevelMin",
- label: "rx-level-min",
+ name: 'rxLevelMin',
+ label: 'rx-level-min',
borderColor: '#0e17f3de',
bezierCurve: false,
lineTension: 0,
fill: false,
data: [],
- columnLabel: "Rx min"
+ columnLabel: 'Rx min',
}, {
- name: "rxLevelAvg",
- label: "rx-level-avg",
+ name: 'rxLevelAvg',
+ label: 'rx-level-avg',
borderColor: '#08edb6de',
bezierCurve: false,
lineTension: 0,
fill: false,
data: [],
- columnLabel: "Rx avg"
+ columnLabel: 'Rx avg',
}, {
- name: "rxLevelMax",
- label: "rx-level-max",
+ name: 'rxLevelMax',
+ label: 'rx-level-max',
borderColor: '#b308edde',
bezierCurve: false,
lineTension: 0,
fill: false,
data: [],
- columnLabel: "Rx max"
+ columnLabel: 'Rx max',
}];
- _rows.forEach(row => {
+ data_rows.forEach(row => {
row.rxLevelMin = row.performanceData.rxLevelMin;
row.rxLevelAvg = row.performanceData.rxLevelAvg;
row.rxLevelMax = row.performanceData.rxLevelMax;
datasets.forEach(ds => {
ds.data.push({
- x: row["timeStamp" as keyof ReceiveLevelDataType] as string,
- y: row.performanceData[ds.name as keyof ReceiveLevelDatabaseDataType] as string
+ x: row['timeStamp' as keyof ReceiveLevelDataType] as string,
+ y: row.performanceData[ds.name as keyof ReceiveLevelDatabaseDataType] as string,
});
});
});
return {
- datasets: datasets
+ datasets: datasets,
};
- }
+ };
}
const ReceiveLevel = withRouter(connect(mapProps, mapDisp)(ReceiveLevelComponent));
diff --git a/sdnr/wt/odlux/apps/performanceHistoryApp/src/components/signalToInterference.tsx b/sdnr/wt/odlux/apps/performanceHistoryApp/src/components/signalToInterference.tsx
index ee7fe34aa..85241fbb1 100644
--- a/sdnr/wt/odlux/apps/performanceHistoryApp/src/components/signalToInterference.tsx
+++ b/sdnr/wt/odlux/apps/performanceHistoryApp/src/components/signalToInterference.tsx
@@ -15,37 +15,36 @@
* the License.
* ============LICENSE_END==========================================================================
*/
-import * as React from 'react';
+import React from 'react';
+import { RouteComponentProps, withRouter } from 'react-router-dom';
-import { withRouter, RouteComponentProps } from 'react-router-dom';
-
-import { MaterialTable, ColumnType, ColumnModel, MaterialTableCtorType } from '../../../../framework/src/components/material-table';
+import { ColumnModel, ColumnType, MaterialTable, MaterialTableCtorType } from '../../../../framework/src/components/material-table';
+import { connect, Connect, IDispatcher } from '../../../../framework/src/flux/connect';
import { IApplicationStoreState } from '../../../../framework/src/store/applicationStore';
-import connect, { Connect, IDispatcher } from '../../../../framework/src/flux/connect';
-import { SignalToInterferenceDataType, SignalToInterferenceDatabaseDataType } from '../models/signalToInteferenceDataType';
+import { SetFilterVisibility, SetSubViewAction } from '../actions/toggleActions';
+import { createSignalToInterferenceActions, createSignalToInterferenceProperties } from '../handlers/signalToInterferenceHandler';
import { IDataSet, IDataSetsObject } from '../models/chartTypes';
-import { createSignalToInterferenceProperties, createSignalToInterferenceActions } from '../handlers/signalToInterferenceHandler';
+import { SignalToInterferenceDatabaseDataType, SignalToInterferenceDataType } from '../models/signalToInteferenceDataType';
import { lineChart, sortDataByTimeStamp } from '../utils/chartUtils';
import { addColumnLabels } from '../utils/tableUtils';
-import { SetSubViewAction, SetFilterVisibility } from '../actions/toggleActions';
import ToggleContainer from './toggleContainer';
const mapProps = (state: IApplicationStoreState) => ({
signalToInterferenceProperties: createSignalToInterferenceProperties(state),
currentView: state.performanceHistory.subViews.SINR.subView,
isFilterVisible: state.performanceHistory.subViews.SINR.isFilterVisible,
- existingFilter: state.performanceHistory.signalToInterference.filter
+ existingFilter: state.performanceHistory.signalToInterference.filter,
});
const mapDisp = (dispatcher: IDispatcher) => ({
signalToInterferenceActions: createSignalToInterferenceActions(dispatcher.dispatch),
- setSubView: (value: "chart" | "table") => dispatcher.dispatch(new SetSubViewAction("SINR", value)),
- toggleFilterButton: (value: boolean) => { dispatcher.dispatch(new SetFilterVisibility("SINR", value)) },
+ setSubView: (value: 'chart' | 'table') => dispatcher.dispatch(new SetSubViewAction('SINR', value)),
+ toggleFilterButton: (value: boolean) => { dispatcher.dispatch(new SetFilterVisibility('SINR', value)); },
});
type SignalToInterferenceComponentProps = RouteComponentProps & Connect<typeof mapProps, typeof mapDisp> & {
- selectedTimePeriod: string
+ selectedTimePeriod: string;
};
const SignalToInterferenceTable = MaterialTable as MaterialTableCtorType<SignalToInterferenceDataType>;
@@ -53,21 +52,20 @@ const SignalToInterferenceTable = MaterialTable as MaterialTableCtorType<SignalT
/**
* The Component which gets the signal to interference data from the database based on the selected time period.
*/
-class SignalToInterferenceComponent extends React.Component<SignalToInterferenceComponentProps>{
-
+class SignalToInterferenceComponent extends React.Component<SignalToInterferenceComponentProps> {
onToggleFilterButton = () => {
this.props.toggleFilterButton(!this.props.isFilterVisible);
- }
+ };
- onChange = (value: "chart" | "table") => {
+ onChange = (value: 'chart' | 'table') => {
this.props.setSubView(value);
- }
+ };
onFilterChanged = (property: string, filterTerm: string) => {
this.props.signalToInterferenceActions.onFilterChanged(property, filterTerm);
if (!this.props.signalToInterferenceProperties.showFilter)
this.props.signalToInterferenceActions.onToggleFilter(false);
- }
+ };
render(): JSX.Element {
const properties = this.props.signalToInterferenceProperties;
@@ -76,12 +74,12 @@ class SignalToInterferenceComponent extends React.Component<SignalToInterference
const chartPagedData = this.getChartDataValues(properties.rows);
const sinrColumns: ColumnModel<SignalToInterferenceDataType>[] = [
- { property: "radioSignalId", title: "Radio signal", type: ColumnType.text },
- { property: "scannerId", title: "Scanner ID", type: ColumnType.text },
- { property: "timeStamp", title: "End Time", type: ColumnType.text },
+ { property: 'radioSignalId', title: 'Radio signal', type: ColumnType.text },
+ { property: 'scannerId', title: 'Scanner ID', type: ColumnType.text },
+ { property: 'timeStamp', title: 'End Time', type: ColumnType.text },
{
- property: "suspectIntervalFlag", title: "Suspect Interval", type: ColumnType.boolean
- }
+ property: 'suspectIntervalFlag', title: 'Suspect Interval', type: ColumnType.boolean,
+ },
];
chartPagedData.datasets.forEach(ds => {
@@ -89,14 +87,15 @@ class SignalToInterferenceComponent extends React.Component<SignalToInterference
});
return (
<>
- <ToggleContainer onToggleFilterButton={this.onToggleFilterButton} showFilter={this.props.isFilterVisible} existingFilter={this.props.signalToInterferenceProperties.filter} onFilterChanged={this.onFilterChanged} selectedValue={this.props.currentView} onChange={this.onChange}>
+ <ToggleContainer onToggleFilterButton={this.onToggleFilterButton} showFilter={this.props.isFilterVisible}
+ existingFilter={this.props.signalToInterferenceProperties.filter} onFilterChanged={this.onFilterChanged} selectedValue={this.props.currentView} onChange={this.onChange}>
{lineChart(chartPagedData)}
- <SignalToInterferenceTable stickyHeader idProperty={"_id"} tableId="signal-to-interference-table" columns={sinrColumns} {...properties} {...actions}
+ <SignalToInterferenceTable stickyHeader idProperty={'_id'} tableId="signal-to-interference-table" columns={sinrColumns} {...properties} {...actions}
/>
</ToggleContainer>
</>
);
- };
+ }
/**
* This function gets the performance values for SINR according on the chartjs dataset structure
@@ -104,53 +103,53 @@ class SignalToInterferenceComponent extends React.Component<SignalToInterference
*/
private getChartDataValues = (rows: SignalToInterferenceDataType[]): IDataSetsObject => {
- const _rows = [...rows];
- sortDataByTimeStamp(_rows);
+ const data_rows = [...rows];
+ sortDataByTimeStamp(data_rows);
const datasets: IDataSet[] = [{
- name: "snirMin",
- label: "snir-min",
+ name: 'snirMin',
+ label: 'snir-min',
borderColor: '#0e17f3de',
bezierCurve: false,
lineTension: 0,
fill: false,
data: [],
- columnLabel: "SINR (min)[db]"
+ columnLabel: 'SINR (min)[db]',
}, {
- name: "snirAvg",
- label: "snir-avg",
+ name: 'snirAvg',
+ label: 'snir-avg',
borderColor: '#08edb6de',
bezierCurve: false,
lineTension: 0,
fill: false,
data: [],
- columnLabel: "SINR (avg)[db]"
+ columnLabel: 'SINR (avg)[db]',
}, {
- name: "snirMax",
- label: "snir-max",
+ name: 'snirMax',
+ label: 'snir-max',
borderColor: '#b308edde',
bezierCurve: false,
lineTension: 0,
fill: false,
data: [],
- columnLabel: "SINR (max)[db]"
+ columnLabel: 'SINR (max)[db]',
}];
- _rows.forEach(row => {
+ data_rows.forEach(row => {
row.snirMin = row.performanceData.snirMin;
row.snirAvg = row.performanceData.snirAvg;
row.snirMax = row.performanceData.snirMax;
datasets.forEach(ds => {
ds.data.push({
- x: row["timeStamp" as keyof SignalToInterferenceDataType] as string,
- y: row.performanceData[ds.name as keyof SignalToInterferenceDatabaseDataType] as string
+ x: row['timeStamp' as keyof SignalToInterferenceDataType] as string,
+ y: row.performanceData[ds.name as keyof SignalToInterferenceDatabaseDataType] as string,
});
});
});
return {
- datasets: datasets
+ datasets: datasets,
};
- }
+ };
}
const SignalToInterference = withRouter(connect(mapProps, mapDisp)(SignalToInterferenceComponent));
diff --git a/sdnr/wt/odlux/apps/performanceHistoryApp/src/components/temperature.tsx b/sdnr/wt/odlux/apps/performanceHistoryApp/src/components/temperature.tsx
index 31e1d363f..d4b823387 100644
--- a/sdnr/wt/odlux/apps/performanceHistoryApp/src/components/temperature.tsx
+++ b/sdnr/wt/odlux/apps/performanceHistoryApp/src/components/temperature.tsx
@@ -15,38 +15,37 @@
* the License.
* ============LICENSE_END==========================================================================
*/
-import * as React from 'react';
+import React from 'react';
+import { RouteComponentProps, withRouter } from 'react-router-dom';
-import { withRouter, RouteComponentProps } from 'react-router-dom';
-
-import { MaterialTable, ColumnType, ColumnModel, MaterialTableCtorType } from '../../../../framework/src/components/material-table';
+import { ColumnModel, ColumnType, MaterialTable, MaterialTableCtorType } from '../../../../framework/src/components/material-table';
+import { connect, Connect, IDispatcher } from '../../../../framework/src/flux/connect';
import { IApplicationStoreState } from '../../../../framework/src/store/applicationStore';
-import connect, { Connect, IDispatcher } from '../../../../framework/src/flux/connect';
-import { TemperatureDataType, TemperatureDatabaseDataType } from '../models/temperatureDataType';
+import { SetFilterVisibility, SetSubViewAction } from '../actions/toggleActions';
+import { createTemperatureActions, createTemperatureProperties } from '../handlers/temperatureHandler';
import { IDataSet, IDataSetsObject } from '../models/chartTypes';
-import { createTemperatureProperties, createTemperatureActions } from '../handlers/temperatureHandler';
+import { TemperatureDatabaseDataType, TemperatureDataType } from '../models/temperatureDataType';
import { lineChart, sortDataByTimeStamp } from '../utils/chartUtils';
import { addColumnLabels } from '../utils/tableUtils';
import ToggleContainer from './toggleContainer';
-import { SetSubViewAction, SetFilterVisibility } from '../actions/toggleActions';
const mapProps = (state: IApplicationStoreState) => ({
temperatureProperties: createTemperatureProperties(state),
currentView: state.performanceHistory.subViews.temperatur.subView,
isFilterVisible: state.performanceHistory.subViews.temperatur.isFilterVisible,
- existingFilter: state.performanceHistory.temperature.filter
+ existingFilter: state.performanceHistory.temperature.filter,
});
const mapDisp = (dispatcher: IDispatcher) => ({
temperatureActions: createTemperatureActions(dispatcher.dispatch),
- setSubView: (value: "chart" | "table") => dispatcher.dispatch(new SetSubViewAction("Temp", value)),
- toggleFilterButton: (value: boolean) => { dispatcher.dispatch(new SetFilterVisibility("Temp", value)) },
+ setSubView: (value: 'chart' | 'table') => dispatcher.dispatch(new SetSubViewAction('Temp', value)),
+ toggleFilterButton: (value: boolean) => { dispatcher.dispatch(new SetFilterVisibility('Temp', value)); },
});
type TemperatureComponentProps = RouteComponentProps & Connect<typeof mapProps, typeof mapDisp> & {
- selectedTimePeriod: string
+ selectedTimePeriod: string;
};
const TemperatureTable = MaterialTable as MaterialTableCtorType<TemperatureDataType>;
@@ -54,22 +53,21 @@ const TemperatureTable = MaterialTable as MaterialTableCtorType<TemperatureDataT
/**
* The Component which gets the temperature data from the database based on the selected time period.
*/
-class TemperatureComponent extends React.Component<TemperatureComponentProps>{
-
+class TemperatureComponent extends React.Component<TemperatureComponentProps> {
onToggleFilterButton = () => {
this.props.toggleFilterButton(!this.props.isFilterVisible);
- }
+ };
- onChange = (value: "chart" | "table") => {
+ onChange = (value: 'chart' | 'table') => {
this.props.setSubView(value);
- }
+ };
onFilterChanged = (property: string, filterTerm: string) => {
this.props.temperatureActions.onFilterChanged(property, filterTerm);
if (!this.props.temperatureProperties.showFilter)
this.props.temperatureActions.onToggleFilter(false);
- }
+ };
render(): JSX.Element {
const properties = this.props.temperatureProperties;
@@ -77,12 +75,12 @@ class TemperatureComponent extends React.Component<TemperatureComponentProps>{
const chartPagedData = this.getChartDataValues(properties.rows);
const temperatureColumns: ColumnModel<TemperatureDataType>[] = [
- { property: "radioSignalId", title: "Radio signal", type: ColumnType.text },
- { property: "scannerId", title: "Scanner ID", type: ColumnType.text },
- { property: "timeStamp", title: "End Time", type: ColumnType.text },
+ { property: 'radioSignalId', title: 'Radio signal', type: ColumnType.text },
+ { property: 'scannerId', title: 'Scanner ID', type: ColumnType.text },
+ { property: 'timeStamp', title: 'End Time', type: ColumnType.text },
{
- property: "suspectIntervalFlag", title: "Suspect Interval", type: ColumnType.boolean
- }
+ property: 'suspectIntervalFlag', title: 'Suspect Interval', type: ColumnType.boolean,
+ },
];
chartPagedData.datasets.forEach(ds => {
@@ -93,11 +91,11 @@ class TemperatureComponent extends React.Component<TemperatureComponentProps>{
<ToggleContainer onToggleFilterButton={this.onToggleFilterButton} showFilter={this.props.isFilterVisible} existingFilter={this.props.temperatureProperties.filter} onFilterChanged={this.onFilterChanged} selectedValue={this.props.currentView} onChange={this.onChange}>
{lineChart(chartPagedData)}
- <TemperatureTable stickyHeader idProperty={"_id"} tableId="temperature-table" columns={temperatureColumns} {...properties} {...actions} />
+ <TemperatureTable stickyHeader idProperty={'_id'} tableId="temperature-table" columns={temperatureColumns} {...properties} {...actions} />
</ToggleContainer>
</>
);
- };
+ }
/**
* This function gets the performance values for Temperature according on the chartjs dataset structure
@@ -105,53 +103,53 @@ class TemperatureComponent extends React.Component<TemperatureComponentProps>{
*/
private getChartDataValues = (rows: TemperatureDataType[]): IDataSetsObject => {
- const _rows = [...rows];
- sortDataByTimeStamp(_rows);
+ const data_rows = [...rows];
+ sortDataByTimeStamp(data_rows);
const datasets: IDataSet[] = [{
- name: "rfTempMin",
- label: "rf-temp-min",
+ name: 'rfTempMin',
+ label: 'rf-temp-min',
borderColor: '#0e17f3de',
bezierCurve: false,
lineTension: 0,
fill: false,
data: [],
- columnLabel: "Rf Temp Min[deg C]"
+ columnLabel: 'Rf Temp Min[deg C]',
}, {
- name: "rfTempAvg",
- label: "rf-temp-avg",
+ name: 'rfTempAvg',
+ label: 'rf-temp-avg',
borderColor: '#08edb6de',
bezierCurve: false,
lineTension: 0,
fill: false,
data: [],
- columnLabel: "Rf Temp Avg[deg C]"
+ columnLabel: 'Rf Temp Avg[deg C]',
}, {
- name: "rfTempMax",
- label: "rf-temp-max",
+ name: 'rfTempMax',
+ label: 'rf-temp-max',
borderColor: '#b308edde',
bezierCurve: false,
lineTension: 0,
fill: false,
data: [],
- columnLabel: "Rf Temp Max[deg C]"
+ columnLabel: 'Rf Temp Max[deg C]',
}];
- _rows.forEach(row => {
+ data_rows.forEach(row => {
row.rfTempMin = row.performanceData.rfTempMin;
row.rfTempAvg = row.performanceData.rfTempAvg;
row.rfTempMax = row.performanceData.rfTempMax;
datasets.forEach(ds => {
ds.data.push({
- x: row["timeStamp" as keyof TemperatureDataType] as string,
- y: row.performanceData[ds.name as keyof TemperatureDatabaseDataType] as string
+ x: row['timeStamp' as keyof TemperatureDataType] as string,
+ y: row.performanceData[ds.name as keyof TemperatureDatabaseDataType] as string,
});
});
});
return {
- datasets: datasets
+ datasets: datasets,
};
- }
+ };
}
const Temperature = withRouter(connect(mapProps, mapDisp)(TemperatureComponent));
diff --git a/sdnr/wt/odlux/apps/performanceHistoryApp/src/components/toggleContainer.tsx b/sdnr/wt/odlux/apps/performanceHistoryApp/src/components/toggleContainer.tsx
index 8696fe4d6..e883aef7f 100644
--- a/sdnr/wt/odlux/apps/performanceHistoryApp/src/components/toggleContainer.tsx
+++ b/sdnr/wt/odlux/apps/performanceHistoryApp/src/components/toggleContainer.tsx
@@ -17,52 +17,54 @@
*/
import * as React from 'react';
-import ToggleButton from '@mui/material/ToggleButton';
-import ToggleButtonGroup from '@mui/material/ToggleButtonGroup';
+
import BarChartIcon from '@mui/icons-material/BarChart';
+import FilterListIcon from '@mui/icons-material/FilterList';
import TableChartIcon from '@mui/icons-material/TableChart';
-import makeStyles from '@mui/styles/makeStyles';
+import ToggleButton from '@mui/material/ToggleButton';
+import ToggleButtonGroup from '@mui/material/ToggleButtonGroup';
import Tooltip from '@mui/material/Tooltip';
-import ChartFilter from './chartFilter'
-import FilterListIcon from '@mui/icons-material/FilterList';
+import makeStyles from '@mui/styles/makeStyles';
+
+import ChartFilter from './chartFilter';
const styles = makeStyles({
- toggleButtonContainer: {
- display: "flex",
- alignItems: "center",
- justifyContent: "center",
- padding: "10px",
- },
- subViewGroup: {
- padding: "10px"
- },
- filterGroup: {
- marginLeft: "10px"
- }
+ toggleButtonContainer: {
+ display: 'flex',
+ alignItems: 'center',
+ justifyContent: 'center',
+ padding: '10px',
+ },
+ subViewGroup: {
+ padding: '10px',
+ },
+ filterGroup: {
+ marginLeft: '10px',
+ },
});
-type toggleProps = { selectedValue: string, onChange(value: string): void, showFilter: boolean, onToggleFilterButton(): void, onFilterChanged: (property: string, filterTerm: string) => void, existingFilter: any };
+type toggleProps = { selectedValue: string; onChange(value: string): void; showFilter: boolean; onToggleFilterButton(): void; onFilterChanged: (property: string, filterTerm: string) => void; existingFilter: any };
const ToggleContainer: React.FunctionComponent<toggleProps> = (props) => {
- const classes = styles();
+ const classes = styles();
- const handleChange = (event: React.MouseEvent<HTMLElement>, newView: string) => {
- if (newView !== null) {
- props.onChange(newView)
- }
- };
+ const handleChange = (event: React.MouseEvent<HTMLElement>, newView: string) => {
+ if (newView !== null) {
+ props.onChange(newView);
+ }
+ };
- const handleFilterChange = (event: React.MouseEvent<HTMLElement>, newView: string) => {
- props.onToggleFilterButton();
- };
+ const handleFilterChange = (_event: React.MouseEvent<HTMLElement>) => {
+ props.onToggleFilterButton();
+ };
- const children = React.Children.toArray(props.children);
+ const children = React.Children.toArray(props.children);
- //hide filter if visible + table
- //put current name into state, let container handle stuff itelf, register for togglestate, get right via set name
+ //hide filter if visible + table
+ //put current name into state, let container handle stuff itelf, register for togglestate, get right via set name
- return (
+ return (
<>
<div className={classes.toggleButtonContainer} >
<ToggleButtonGroup className={classes.subViewGroup} size="medium" value={props.selectedValue} exclusive onChange={handleChange}>
@@ -79,7 +81,7 @@ const ToggleContainer: React.FunctionComponent<toggleProps> = (props) => {
</ToggleButtonGroup>
<ToggleButtonGroup className={classes.filterGroup} onChange={handleFilterChange} >
- <ToggleButton value="" aria-label="show-filter" selected={props.showFilter as boolean} disabled={props.selectedValue !== "chart"}>
+ <ToggleButton value="" aria-label="show-filter" selected={props.showFilter as boolean} disabled={props.selectedValue !== 'chart'}>
<Tooltip disableInteractive title={props.showFilter ? 'Hide filter' : 'Show available filter'}>
<FilterListIcon />
</Tooltip>
@@ -89,13 +91,12 @@ const ToggleContainer: React.FunctionComponent<toggleProps> = (props) => {
</div>
{
- props.selectedValue === "chart" &&
+ props.selectedValue === 'chart' &&
<ChartFilter filters={props.existingFilter} onFilterChanged={props.onFilterChanged} isVisible={props.showFilter} />
}
- {props.selectedValue === "chart" ? children[0] : props.selectedValue === "table" && children[1]}
+ {props.selectedValue === 'chart' ? children[0] : props.selectedValue === 'table' && children[1]}
</>);
-
-}
+};
export default ToggleContainer; \ No newline at end of file
diff --git a/sdnr/wt/odlux/apps/performanceHistoryApp/src/components/transmissionPower.tsx b/sdnr/wt/odlux/apps/performanceHistoryApp/src/components/transmissionPower.tsx
index 97a35da0a..db9a7c077 100644
--- a/sdnr/wt/odlux/apps/performanceHistoryApp/src/components/transmissionPower.tsx
+++ b/sdnr/wt/odlux/apps/performanceHistoryApp/src/components/transmissionPower.tsx
@@ -15,75 +15,73 @@
* the License.
* ============LICENSE_END==========================================================================
*/
-import * as React from 'react';
+import React from 'react';
+import { RouteComponentProps, withRouter } from 'react-router-dom';
-import { withRouter, RouteComponentProps } from 'react-router-dom';
-
-import { MaterialTable, ColumnType, ColumnModel, MaterialTableCtorType } from '../../../../framework/src/components/material-table';
+import { ColumnModel, ColumnType, MaterialTable, MaterialTableCtorType } from '../../../../framework/src/components/material-table';
+import { connect, Connect, IDispatcher } from '../../../../framework/src/flux/connect';
import { IApplicationStoreState } from '../../../../framework/src/store/applicationStore';
-import connect, { Connect, IDispatcher } from '../../../../framework/src/flux/connect';
-import { TransmissionPowerDataType, TransmissionPowerDatabaseDataType } from '../models/transmissionPowerDataType';
+import { SetFilterVisibility, SetSubViewAction } from '../actions/toggleActions';
+import { createTransmissionPowerActions, createTransmissionPowerProperties } from '../handlers/transmissionPowerHandler';
import { IDataSet, IDataSetsObject } from '../models/chartTypes';
-import { createTransmissionPowerProperties, createTransmissionPowerActions } from '../handlers/transmissionPowerHandler';
+import { TransmissionPowerDatabaseDataType, TransmissionPowerDataType } from '../models/transmissionPowerDataType';
import { lineChart, sortDataByTimeStamp } from '../utils/chartUtils';
import { addColumnLabels } from '../utils/tableUtils';
-import { SetSubViewAction, SetFilterVisibility } from '../actions/toggleActions';
import ToggleContainer from './toggleContainer';
const mapProps = (state: IApplicationStoreState) => ({
transmissionPowerProperties: createTransmissionPowerProperties(state),
currentView: state.performanceHistory.subViews.transmissionPower.subView,
isFilterVisible: state.performanceHistory.subViews.transmissionPower.isFilterVisible,
- existingFilter: state.performanceHistory.transmissionPower.filter
+ existingFilter: state.performanceHistory.transmissionPower.filter,
});
const mapDisp = (dispatcher: IDispatcher) => ({
transmissionPowerActions: createTransmissionPowerActions(dispatcher.dispatch),
- setSubView: (value: "chart" | "table") => dispatcher.dispatch(new SetSubViewAction("transmissionPower", value)),
- toggleFilterButton: (value: boolean) => { dispatcher.dispatch(new SetFilterVisibility("transmissionPower", value)) },
+ setSubView: (value: 'chart' | 'table') => dispatcher.dispatch(new SetSubViewAction('transmissionPower', value)),
+ toggleFilterButton: (value: boolean) => { dispatcher.dispatch(new SetFilterVisibility('transmissionPower', value)); },
});
type TransmissionPowerComponentProps = RouteComponentProps & Connect<typeof mapProps, typeof mapDisp> & {
- selectedTimePeriod: string
-}
+ selectedTimePeriod: string;
+};
const TransmissionPowerTable = MaterialTable as MaterialTableCtorType<TransmissionPowerDataType>;
/**
* The Component which gets the transmission power data from the database based on the selected time period.
*/
-class TransmissionPowerComponent extends React.Component<TransmissionPowerComponentProps>{
-
+class TransmissionPowerComponent extends React.Component<TransmissionPowerComponentProps> {
onToggleFilterButton = () => {
this.props.toggleFilterButton(!this.props.isFilterVisible);
- }
+ };
- onChange = (value: "chart" | "table") => {
+ onChange = (value: 'chart' | 'table') => {
this.props.setSubView(value);
- }
+ };
onFilterChanged = (property: string, filterTerm: string) => {
this.props.transmissionPowerActions.onFilterChanged(property, filterTerm);
if (!this.props.transmissionPowerProperties.showFilter)
this.props.transmissionPowerActions.onToggleFilter(false);
- }
+ };
render(): JSX.Element {
- const properties = this.props.transmissionPowerProperties
- const actions = this.props.transmissionPowerActions
+ const properties = this.props.transmissionPowerProperties;
+ const actions = this.props.transmissionPowerActions;
const chartPagedData = this.getChartDataValues(properties.rows);
const transmissionColumns: ColumnModel<TransmissionPowerDataType>[] = [
- { property: "radioSignalId", title: "Radio signal", type: ColumnType.text },
- { property: "scannerId", title: "Scanner ID", type: ColumnType.text },
- { property: "timeStamp", title: "End Time", type: ColumnType.text },
+ { property: 'radioSignalId', title: 'Radio signal', type: ColumnType.text },
+ { property: 'scannerId', title: 'Scanner ID', type: ColumnType.text },
+ { property: 'timeStamp', title: 'End Time', type: ColumnType.text },
{
- property: "suspectIntervalFlag", title: "Suspect Interval", type: ColumnType.boolean
- }
+ property: 'suspectIntervalFlag', title: 'Suspect Interval', type: ColumnType.boolean,
+ },
];
chartPagedData.datasets.forEach(ds => {
@@ -92,13 +90,14 @@ class TransmissionPowerComponent extends React.Component<TransmissionPowerCompon
return (
<>
- <ToggleContainer onChange={this.onChange} onToggleFilterButton={this.onToggleFilterButton} showFilter={this.props.isFilterVisible} existingFilter={this.props.transmissionPowerProperties.filter} onFilterChanged={this.onFilterChanged} selectedValue={this.props.currentView} >
+ <ToggleContainer onChange={this.onChange} onToggleFilterButton={this.onToggleFilterButton} showFilter={this.props.isFilterVisible}
+ existingFilter={this.props.transmissionPowerProperties.filter} onFilterChanged={this.onFilterChanged} selectedValue={this.props.currentView} >
{lineChart(chartPagedData)}
- <TransmissionPowerTable stickyHeader idProperty={"_id"} tableId="transmission-power-table" columns={transmissionColumns} {...properties} {...actions} />
+ <TransmissionPowerTable stickyHeader idProperty={'_id'} tableId="transmission-power-table" columns={transmissionColumns} {...properties} {...actions} />
</ToggleContainer>
</>
);
- };
+ }
/**
* This function gets the performance values for TransmissionPower according on the chartjs dataset structure
@@ -106,53 +105,53 @@ class TransmissionPowerComponent extends React.Component<TransmissionPowerCompon
*/
private getChartDataValues = (rows: TransmissionPowerDataType[]): IDataSetsObject => {
- const _rows = [...rows];
- sortDataByTimeStamp(_rows);
+ const data_rows = [...rows];
+ sortDataByTimeStamp(data_rows);
const datasets: IDataSet[] = [{
- name: "txLevelMin",
- label: "tx-level-min",
+ name: 'txLevelMin',
+ label: 'tx-level-min',
borderColor: '#0e17f3de',
bezierCurve: false,
lineTension: 0,
fill: false,
data: [],
- columnLabel: "Tx min"
+ columnLabel: 'Tx min',
}, {
- name: "txLevelAvg",
- label: "tx-level-avg",
+ name: 'txLevelAvg',
+ label: 'tx-level-avg',
borderColor: '#08edb6de',
bezierCurve: false,
lineTension: 0,
fill: false,
data: [],
- columnLabel: "Tx avg"
+ columnLabel: 'Tx avg',
}, {
- name: "txLevelMax",
- label: "tx-level-max",
+ name: 'txLevelMax',
+ label: 'tx-level-max',
borderColor: '#b308edde',
bezierCurve: false,
lineTension: 0,
fill: false,
data: [],
- columnLabel: "Tx max"
+ columnLabel: 'Tx max',
}];
- _rows.forEach(row => {
+ data_rows.forEach(row => {
row.txLevelMin = row.performanceData.txLevelMin;
row.txLevelAvg = row.performanceData.txLevelAvg;
row.txLevelMax = row.performanceData.txLevelMax;
datasets.forEach(ds => {
ds.data.push({
- x: row["timeStamp" as keyof TransmissionPowerDataType] as string,
- y: row.performanceData[ds.name as keyof TransmissionPowerDatabaseDataType] as string
+ x: row['timeStamp' as keyof TransmissionPowerDataType] as string,
+ y: row.performanceData[ds.name as keyof TransmissionPowerDatabaseDataType] as string,
});
});
});
return {
- datasets: datasets
+ datasets: datasets,
};
- }
+ };
}
const TransmissionPower = withRouter(connect(mapProps, mapDisp)(TransmissionPowerComponent));
diff --git a/sdnr/wt/odlux/apps/performanceHistoryApp/src/handlers/adaptiveModulationHandler.ts b/sdnr/wt/odlux/apps/performanceHistoryApp/src/handlers/adaptiveModulationHandler.ts
index 8857845d2..9baf54529 100644
--- a/sdnr/wt/odlux/apps/performanceHistoryApp/src/handlers/adaptiveModulationHandler.ts
+++ b/sdnr/wt/odlux/apps/performanceHistoryApp/src/handlers/adaptiveModulationHandler.ts
@@ -26,12 +26,12 @@ export interface IAdaptiveModulationState extends IExternalTableState<AdaptiveMo
/**
* Creates elastic search material data fetch handler for Adaptive modulation from historicalperformance database.
*/
-const adaptiveModulationSearchHandler = createSearchDataHandler<AdaptiveModulationDataType>(getFilter, false, null)
+const adaptiveModulationSearchHandler = createSearchDataHandler<AdaptiveModulationDataType>(getFilter, false, null);
export const {
- actionHandler: adaptiveModulationActionHandler,
- createActions: createAdaptiveModulationActions,
- createProperties: createAdaptiveModulationProperties,
- createPreActions: createAdaptiveModulationPreActions,
- reloadAction: adaptiveModulationReloadAction,
+ actionHandler: adaptiveModulationActionHandler,
+ createActions: createAdaptiveModulationActions,
+ createProperties: createAdaptiveModulationProperties,
+ createPreActions: createAdaptiveModulationPreActions,
+ reloadAction: adaptiveModulationReloadAction,
} = createExternal<AdaptiveModulationDataType>(adaptiveModulationSearchHandler, appState => appState.performanceHistory.adaptiveModulation);
diff --git a/sdnr/wt/odlux/apps/performanceHistoryApp/src/handlers/availableLtpsActionHandler.ts b/sdnr/wt/odlux/apps/performanceHistoryApp/src/handlers/availableLtpsActionHandler.ts
index 4605efdb0..f943ef44c 100644
--- a/sdnr/wt/odlux/apps/performanceHistoryApp/src/handlers/availableLtpsActionHandler.ts
+++ b/sdnr/wt/odlux/apps/performanceHistoryApp/src/handlers/availableLtpsActionHandler.ts
@@ -38,7 +38,7 @@ const ltpListStateInit: IAvailableLtpsState = {
distinctLtps: [],
busy: false,
loadedOnce: false,
- error: undefined
+ error: undefined,
};
export const availableLtpsActionHandler: IActionHandler<IAvailableLtpsState> = (state = ltpListStateInit, action) => {
@@ -46,7 +46,7 @@ export const availableLtpsActionHandler: IActionHandler<IAvailableLtpsState> = (
state = {
...state,
- busy: true
+ busy: true,
};
} else if (action instanceof AllAvailableLtpsLoadedAction) {
@@ -56,21 +56,21 @@ export const availableLtpsActionHandler: IActionHandler<IAvailableLtpsState> = (
distinctLtps: action.availableLtps,
busy: false,
error: undefined,
- loadedOnce: true
+ loadedOnce: true,
};
} else if (action.error) {
state = {
...state,
busy: false,
loadedOnce: true,
- error: action.error
- }
+ error: action.error,
+ };
}
} else if (action instanceof SetInitialLoadedAction) {
state = {
...state,
- loadedOnce: action.initialLoaded
+ loadedOnce: action.initialLoaded,
};
} else if (action instanceof NoLtpsFoundAction) {
state = {
@@ -78,22 +78,20 @@ export const availableLtpsActionHandler: IActionHandler<IAvailableLtpsState> = (
busy: false,
error: undefined,
loadedOnce: true,
- distinctLtps: []
- }
+ distinctLtps: [],
+ };
} else if (action instanceof ResetLtpsAction) {
state = {
...state,
busy: false,
error: undefined,
loadedOnce: false,
- distinctLtps: []
- }
- }
-
- else {
+ distinctLtps: [],
+ };
+ } else {
state = {
...state,
- busy: false
+ busy: false,
};
}
diff --git a/sdnr/wt/odlux/apps/performanceHistoryApp/src/handlers/crossPolarDiscriminationHandler.ts b/sdnr/wt/odlux/apps/performanceHistoryApp/src/handlers/crossPolarDiscriminationHandler.ts
index 5008dd56d..96cabfa83 100644
--- a/sdnr/wt/odlux/apps/performanceHistoryApp/src/handlers/crossPolarDiscriminationHandler.ts
+++ b/sdnr/wt/odlux/apps/performanceHistoryApp/src/handlers/crossPolarDiscriminationHandler.ts
@@ -26,13 +26,13 @@ export interface ICrossPolarDiscriminationState extends IExternalTableState<Cros
/**
* Creates elastic search material data fetch handler for CPD from historicalperformance database.
*/
-const crossPolarDiscriminationSearchHandler = createSearchDataHandler<CrossPolarDiscriminationDataType>(getFilter, false, null)
+const crossPolarDiscriminationSearchHandler = createSearchDataHandler<CrossPolarDiscriminationDataType>(getFilter, false, null);
export const {
- actionHandler: crossPolarDiscriminationActionHandler,
- createActions: createCrossPolarDiscriminationActions,
- createProperties: createCrossPolarDiscriminationProperties,
- createPreActions: createCrossPolarDiscriminationPreActions,
- reloadAction: crossPolarDiscriminationReloadAction,
+ actionHandler: crossPolarDiscriminationActionHandler,
+ createActions: createCrossPolarDiscriminationActions,
+ createProperties: createCrossPolarDiscriminationProperties,
+ createPreActions: createCrossPolarDiscriminationPreActions,
+ reloadAction: crossPolarDiscriminationReloadAction,
} = createExternal<CrossPolarDiscriminationDataType>(crossPolarDiscriminationSearchHandler, appState => appState.performanceHistory.crossPolarDiscrimination);
diff --git a/sdnr/wt/odlux/apps/performanceHistoryApp/src/handlers/deviceListActionHandler.ts b/sdnr/wt/odlux/apps/performanceHistoryApp/src/handlers/deviceListActionHandler.ts
index b3c0db446..11e380ad5 100644
--- a/sdnr/wt/odlux/apps/performanceHistoryApp/src/handlers/deviceListActionHandler.ts
+++ b/sdnr/wt/odlux/apps/performanceHistoryApp/src/handlers/deviceListActionHandler.ts
@@ -27,7 +27,7 @@ export interface IDeviceListState {
const deviceListStateInit: IDeviceListState = {
deviceList: [],
- busy: false
+ busy: false,
};
export const deviceListActionHandler: IActionHandler<IDeviceListState> = (state = deviceListStateInit, action) => {
@@ -35,7 +35,7 @@ export const deviceListActionHandler: IActionHandler<IDeviceListState> = (state
state = {
...state,
- busy: true
+ busy: true,
};
} else if (action instanceof AllDeviceListLoadedAction) {
@@ -43,12 +43,12 @@ export const deviceListActionHandler: IActionHandler<IDeviceListState> = (state
state = {
...state,
deviceList: action.deviceList,
- busy: false
+ busy: false,
};
} else {
state = {
...state,
- busy: false
+ busy: false,
};
}
}
diff --git a/sdnr/wt/odlux/apps/performanceHistoryApp/src/handlers/performanceDataHandler.ts b/sdnr/wt/odlux/apps/performanceHistoryApp/src/handlers/performanceDataHandler.ts
index a7b63a324..664c7cd6c 100644
--- a/sdnr/wt/odlux/apps/performanceHistoryApp/src/handlers/performanceDataHandler.ts
+++ b/sdnr/wt/odlux/apps/performanceHistoryApp/src/handlers/performanceDataHandler.ts
@@ -15,12 +15,11 @@
* the License.
* ============LICENSE_END==========================================================================
*/
-import * as moment from 'moment';
import { createExternal, IExternalTableState } from '../../../../framework/src/components/material-table/utilities';
import { createSearchDataHandler } from '../../../../framework/src/utilities/elasticSearch';
-import { PerformanceDataType } from '../models/performanceDataType';
+import { PerformanceDataType } from '../models/performanceDataType';
import { getFilter } from '../utils/tableUtils';
export interface IPerformanceDataState extends IExternalTableState<PerformanceDataType> { }
@@ -31,10 +30,10 @@ export interface IPerformanceDataState extends IExternalTableState<PerformanceDa
const performanceDataSearchHandler = createSearchDataHandler<PerformanceDataType>(getFilter, false, null);
export const {
- actionHandler: performanceDataActionHandler,
- createActions: createPerformanceDataActions,
- createProperties: createPerformanceDataProperties,
- createPreActions: createPerformanceDataPreActions,
- reloadAction: performanceDataReloadAction
+ actionHandler: performanceDataActionHandler,
+ createActions: createPerformanceDataActions,
+ createProperties: createPerformanceDataProperties,
+ createPreActions: createPerformanceDataPreActions,
+ reloadAction: performanceDataReloadAction,
} = createExternal<PerformanceDataType>(performanceDataSearchHandler, appState => appState.performanceHistory.performanceData);
diff --git a/sdnr/wt/odlux/apps/performanceHistoryApp/src/handlers/performanceHistoryRootHandler.ts b/sdnr/wt/odlux/apps/performanceHistoryApp/src/handlers/performanceHistoryRootHandler.ts
index a05ff3787..c0cee46ba 100644
--- a/sdnr/wt/odlux/apps/performanceHistoryApp/src/handlers/performanceHistoryRootHandler.ts
+++ b/sdnr/wt/odlux/apps/performanceHistoryApp/src/handlers/performanceHistoryRootHandler.ts
@@ -17,29 +17,29 @@
*/
// main state handler
+import { IActionHandler } from '../../../../framework/src/flux/action';
import { combineActionHandler } from '../../../../framework/src/flux/middleware';
-
// ** do not remove **
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
import { IApplicationStoreState } from '../../../../framework/src/store/applicationStore';
-import { IActionHandler } from '../../../../framework/src/flux/action';
import { IConnectAppStoreState } from '../../../connectApp/src/handlers/connectAppRootHandler';
+import { UpdateMountId } from '../actions/deviceListActions';
+import { SetPanelAction } from '../actions/panelChangeActions';
+import { ReloadAction } from '../actions/reloadAction';
+import { TimeChangeAction } from '../actions/timeChangeAction';
+import { ResetAllSubViewsAction, SetFilterVisibility, SetSubViewAction } from '../actions/toggleActions';
+import { PmDataInterval } from '../models/performanceDataType';
+import { currentViewType, SubTabType } from '../models/toggleDataType';
+import { adaptiveModulationActionHandler, IAdaptiveModulationState } from './adaptiveModulationHandler';
+import { availableLtpsActionHandler, IAvailableLtpsState } from './availableLtpsActionHandler';
+import { crossPolarDiscriminationActionHandler, ICrossPolarDiscriminationState } from './crossPolarDiscriminationHandler';
+import { deviceListActionHandler, IDeviceListState } from './deviceListActionHandler';
import { IPerformanceDataState, performanceDataActionHandler } from './performanceDataHandler';
import { IReceiveLevelState, receiveLevelActionHandler } from './receiveLevelHandler';
-import { ITransmissionPowerState, transmissionPowerActionHandler } from './transmissionPowerHandler';
-import { IAdaptiveModulationState, adaptiveModulationActionHandler } from './adaptiveModulationHandler';
-import { ITemperatureState, temperatureActionHandler } from './temperatureHandler';
import { ISignalToInterferenceState, signalToInterferenceActionHandler } from './signalToInterferenceHandler';
-import { ICrossPolarDiscriminationState, crossPolarDiscriminationActionHandler } from './crossPolarDiscriminationHandler';
-import { SetPanelAction } from '../actions/panelChangeActions';
-import { IDeviceListState, deviceListActionHandler } from './deviceListActionHandler';
-import { IAvailableLtpsState, availableLtpsActionHandler } from './availableLtpsActionHandler';
-import { PmDataInterval } from '../models/performanceDataType';
-import { TimeChangeAction } from '../actions/timeChangeAction';
-import { UpdateMountId } from '../actions/deviceListActions';
-import { SetSubViewAction, ResetAllSubViewsAction, SetFilterVisibility } from '../actions/toggleActions';
-import { SubTabType, currentViewType } from '../models/toggleDataType';
-import { ReloadAction } from '../actions/reloadAction';
+import { ITemperatureState, temperatureActionHandler } from './temperatureHandler';
+import { ITransmissionPowerState, transmissionPowerActionHandler } from './transmissionPowerHandler';
export interface IPerformanceHistoryStoreState {
nodeId: string;
@@ -58,15 +58,15 @@ export interface IPerformanceHistoryStoreState {
isReloadSchedueled: boolean;
}
-const mountIdHandler: IActionHandler<string> = (state = "", action) => {
+const mountIdHandler: IActionHandler<string> = (state = '', action) => {
if (action instanceof UpdateMountId) {
- state = "";
+ state = '';
if (action.nodeId) {
state = action.nodeId;
}
}
return state;
-}
+};
const reloadHandler: IActionHandler<boolean> = (state = false, action) => {
@@ -74,7 +74,7 @@ const reloadHandler: IActionHandler<boolean> = (state = false, action) => {
state = action.show;
}
return state;
-}
+};
const currentOpenPanelHandler: IActionHandler<string | null> = (state = null, action) => {
@@ -82,59 +82,75 @@ const currentOpenPanelHandler: IActionHandler<string | null> = (state = null, ac
state = action.panelId;
}
return state;
-}
+};
const currentPMDataIntervalHandler: IActionHandler<PmDataInterval> = (state = PmDataInterval.pmInterval15Min, action) => {
if (action instanceof TimeChangeAction) {
state = action.time;
}
return state;
-}
+};
-type filterableSubview = { subView: SubTabType, isFilterVisible: boolean };
-type toggleViewDataType = { currentSubView: currentViewType, performanceData: filterableSubview, receiveLevel: filterableSubview, transmissionPower: filterableSubview, adaptiveModulation: filterableSubview, temperatur: filterableSubview, SINR: filterableSubview, CPD: filterableSubview };
+type filterableSubview = { subView: SubTabType; isFilterVisible: boolean };
+type toggleViewDataType = {
+ currentSubView: currentViewType;
+ performanceData: filterableSubview;
+ receiveLevel: filterableSubview;
+ transmissionPower: filterableSubview;
+ adaptiveModulation: filterableSubview;
+ temperatur: filterableSubview;
+ SINR: filterableSubview;
+ CPD: filterableSubview;
+};
-const toogleViewDataHandler: IActionHandler<toggleViewDataType> = (state = { currentSubView: "performanceData", performanceData: { subView: "chart", isFilterVisible: true }, receiveLevel: { subView: "chart", isFilterVisible: true }, adaptiveModulation: { subView: "chart", isFilterVisible: true }, transmissionPower: { subView: "chart", isFilterVisible: true }, temperatur: { subView: "chart", isFilterVisible: true }, SINR: { subView: "chart", isFilterVisible: true }, CPD: { subView: "chart", isFilterVisible: true } }, action) => {
+const toogleViewDataHandler: IActionHandler<toggleViewDataType> = (
+ state = {
+ currentSubView: 'performanceData',
+ performanceData: { subView: 'chart', isFilterVisible: true },
+ receiveLevel: { subView: 'chart', isFilterVisible: true },
+ adaptiveModulation: { subView: 'chart', isFilterVisible: true },
+ transmissionPower: { subView: 'chart', isFilterVisible: true },
+ temperatur: { subView: 'chart', isFilterVisible: true },
+ SINR: { subView: 'chart', isFilterVisible: true },
+ CPD: { subView: 'chart', isFilterVisible: true },
+ }, action) => {
if (action instanceof SetSubViewAction) {
switch (action.currentView) {
- case "performanceData": state = { ...state, performanceData: { ...state.performanceData, subView: action.selectedTab } }; break;
- case "adaptiveModulation": state = { ...state, adaptiveModulation: { ...state.adaptiveModulation, subView: action.selectedTab } }; break;
- case "receiveLevel": state = { ...state, receiveLevel: { ...state.receiveLevel, subView: action.selectedTab } }; break;
- case "transmissionPower": state = { ...state, transmissionPower: { ...state.transmissionPower, subView: action.selectedTab } }; break;
- case "Temp": state = { ...state, temperatur: { ...state.temperatur, subView: action.selectedTab } }; break;
- case "SINR": state = { ...state, SINR: { ...state.SINR, subView: action.selectedTab } }; break;
- case "CPD": state = { ...state, CPD: { ...state.CPD, subView: action.selectedTab } }; break;
+ case 'performanceData': state = { ...state, performanceData: { ...state.performanceData, subView: action.selectedTab } }; break;
+ case 'adaptiveModulation': state = { ...state, adaptiveModulation: { ...state.adaptiveModulation, subView: action.selectedTab } }; break;
+ case 'receiveLevel': state = { ...state, receiveLevel: { ...state.receiveLevel, subView: action.selectedTab } }; break;
+ case 'transmissionPower': state = { ...state, transmissionPower: { ...state.transmissionPower, subView: action.selectedTab } }; break;
+ case 'Temp': state = { ...state, temperatur: { ...state.temperatur, subView: action.selectedTab } }; break;
+ case 'SINR': state = { ...state, SINR: { ...state.SINR, subView: action.selectedTab } }; break;
+ case 'CPD': state = { ...state, CPD: { ...state.CPD, subView: action.selectedTab } }; break;
}
- }
- else if (action instanceof SetFilterVisibility) {
+ } else if (action instanceof SetFilterVisibility) {
switch (action.currentView) {
- case "performanceData": state = {
- ...state, performanceData: { ...state.performanceData, isFilterVisible: action.isVisible }
+ case 'performanceData': state = {
+ ...state, performanceData: { ...state.performanceData, isFilterVisible: action.isVisible },
}; break;
- case "adaptiveModulation": state = { ...state, adaptiveModulation: { ...state.performanceData, isFilterVisible: action.isVisible } }; break;
- case "receiveLevel": state = { ...state, receiveLevel: { ...state.receiveLevel, isFilterVisible: action.isVisible } }; break;
- case "transmissionPower": state = { ...state, transmissionPower: { ...state.transmissionPower, isFilterVisible: action.isVisible } }; break;
- case "Temp": state = { ...state, temperatur: { ...state.temperatur, isFilterVisible: action.isVisible } }; break;
- case "SINR": state = { ...state, SINR: { ...state.SINR, isFilterVisible: action.isVisible } }; break;
- case "CPD": state = { ...state, CPD: { ...state.CPD, isFilterVisible: action.isVisible } }; break;
+ case 'adaptiveModulation': state = { ...state, adaptiveModulation: { ...state.performanceData, isFilterVisible: action.isVisible } }; break;
+ case 'receiveLevel': state = { ...state, receiveLevel: { ...state.receiveLevel, isFilterVisible: action.isVisible } }; break;
+ case 'transmissionPower': state = { ...state, transmissionPower: { ...state.transmissionPower, isFilterVisible: action.isVisible } }; break;
+ case 'Temp': state = { ...state, temperatur: { ...state.temperatur, isFilterVisible: action.isVisible } }; break;
+ case 'SINR': state = { ...state, SINR: { ...state.SINR, isFilterVisible: action.isVisible } }; break;
+ case 'CPD': state = { ...state, CPD: { ...state.CPD, isFilterVisible: action.isVisible } }; break;
}
-
} else if (action instanceof ResetAllSubViewsAction) {
state = {
- ...state, performanceData: { ...state.performanceData, subView: "chart" },
- adaptiveModulation: { ...state.adaptiveModulation, subView: "chart" },
- receiveLevel: { ...state.receiveLevel, subView: "chart" },
- transmissionPower: { ...state.transmissionPower, subView: "chart" },
- temperatur: { ...state.temperatur, subView: "chart" },
- SINR: { ...state.SINR, subView: "chart" },
- CPD: { ...state.CPD, subView: "chart" }
- }
+ ...state, performanceData: { ...state.performanceData, subView: 'chart' },
+ adaptiveModulation: { ...state.adaptiveModulation, subView: 'chart' },
+ receiveLevel: { ...state.receiveLevel, subView: 'chart' },
+ transmissionPower: { ...state.transmissionPower, subView: 'chart' },
+ temperatur: { ...state.temperatur, subView: 'chart' },
+ SINR: { ...state.SINR, subView: 'chart' },
+ CPD: { ...state.CPD, subView: 'chart' },
+ };
}
-
return state;
-}
+};
declare module '../../../../framework/src/store/applicationStore' {
interface IApplicationStoreState {
@@ -157,7 +173,7 @@ const actionHandlers = {
currentOpenPanel: currentOpenPanelHandler,
pmDataIntervalType: currentPMDataIntervalHandler,
subViews: toogleViewDataHandler,
- isReloadSchedueled: reloadHandler
+ isReloadSchedueled: reloadHandler,
};
const performanceHistoryRootHandler = combineActionHandler<IPerformanceHistoryStoreState>(actionHandlers);
diff --git a/sdnr/wt/odlux/apps/performanceHistoryApp/src/handlers/receiveLevelHandler.ts b/sdnr/wt/odlux/apps/performanceHistoryApp/src/handlers/receiveLevelHandler.ts
index 34fd3ebce..78626ebec 100644
--- a/sdnr/wt/odlux/apps/performanceHistoryApp/src/handlers/receiveLevelHandler.ts
+++ b/sdnr/wt/odlux/apps/performanceHistoryApp/src/handlers/receiveLevelHandler.ts
@@ -29,10 +29,10 @@ export interface IReceiveLevelState extends IExternalTableState<ReceiveLevelData
const receiveLevelSearchHandler = createSearchDataHandler<ReceiveLevelDataType>(getFilter, false, null);
export const {
- actionHandler: receiveLevelActionHandler,
- createActions: createReceiveLevelActions,
- createProperties: createReceiveLevelProperties,
- createPreActions: createReceiveLevelPreActions,
- reloadAction: receiveLevelReloadAction,
+ actionHandler: receiveLevelActionHandler,
+ createActions: createReceiveLevelActions,
+ createProperties: createReceiveLevelProperties,
+ createPreActions: createReceiveLevelPreActions,
+ reloadAction: receiveLevelReloadAction,
} = createExternal<ReceiveLevelDataType>(receiveLevelSearchHandler, appState => appState.performanceHistory.receiveLevel);
diff --git a/sdnr/wt/odlux/apps/performanceHistoryApp/src/handlers/signalToInterferenceHandler.ts b/sdnr/wt/odlux/apps/performanceHistoryApp/src/handlers/signalToInterferenceHandler.ts
index 5fd5c0cde..ab6efabae 100644
--- a/sdnr/wt/odlux/apps/performanceHistoryApp/src/handlers/signalToInterferenceHandler.ts
+++ b/sdnr/wt/odlux/apps/performanceHistoryApp/src/handlers/signalToInterferenceHandler.ts
@@ -29,10 +29,10 @@ export interface ISignalToInterferenceState extends IExternalTableState<SignalTo
const signalToInterferenceSearchHandler = createSearchDataHandler<SignalToInterferenceDataType>(getFilter, false, null);
export const {
- actionHandler: signalToInterferenceActionHandler,
- createActions: createSignalToInterferenceActions,
- createProperties: createSignalToInterferenceProperties,
- createPreActions: createSignalToInterferencePreActions,
- reloadAction: signalToInterferenceReloadAction,
+ actionHandler: signalToInterferenceActionHandler,
+ createActions: createSignalToInterferenceActions,
+ createProperties: createSignalToInterferenceProperties,
+ createPreActions: createSignalToInterferencePreActions,
+ reloadAction: signalToInterferenceReloadAction,
} = createExternal<SignalToInterferenceDataType>(signalToInterferenceSearchHandler, appState => appState.performanceHistory.signalToInterference);
diff --git a/sdnr/wt/odlux/apps/performanceHistoryApp/src/handlers/temperatureHandler.ts b/sdnr/wt/odlux/apps/performanceHistoryApp/src/handlers/temperatureHandler.ts
index 130b81801..02bf69be7 100644
--- a/sdnr/wt/odlux/apps/performanceHistoryApp/src/handlers/temperatureHandler.ts
+++ b/sdnr/wt/odlux/apps/performanceHistoryApp/src/handlers/temperatureHandler.ts
@@ -26,13 +26,13 @@ export interface ITemperatureState extends IExternalTableState<TemperatureDataTy
/**
* Creates elastic search material data fetch handler for Temperature from historicalperformance database.
*/
-const temperatureSearchHandler = createSearchDataHandler< TemperatureDataType>(getFilter, false, null);
+const temperatureSearchHandler = createSearchDataHandler<TemperatureDataType>(getFilter, false, null);
export const {
- actionHandler: temperatureActionHandler,
- createActions: createTemperatureActions,
- createProperties: createTemperatureProperties,
- createPreActions: createTemperaturePreActions,
- reloadAction: temperatureReloadAction,
+ actionHandler: temperatureActionHandler,
+ createActions: createTemperatureActions,
+ createProperties: createTemperatureProperties,
+ createPreActions: createTemperaturePreActions,
+ reloadAction: temperatureReloadAction,
} = createExternal<TemperatureDataType>(temperatureSearchHandler, appState => appState.performanceHistory.temperature);
diff --git a/sdnr/wt/odlux/apps/performanceHistoryApp/src/handlers/transmissionPowerHandler.ts b/sdnr/wt/odlux/apps/performanceHistoryApp/src/handlers/transmissionPowerHandler.ts
index 2a09e58f3..9cf70dc87 100644
--- a/sdnr/wt/odlux/apps/performanceHistoryApp/src/handlers/transmissionPowerHandler.ts
+++ b/sdnr/wt/odlux/apps/performanceHistoryApp/src/handlers/transmissionPowerHandler.ts
@@ -26,13 +26,13 @@ export interface ITransmissionPowerState extends IExternalTableState<Transmissio
/**
* Creates elastic search material data fetch handler for Transmission power from historicalperformance database.
*/
-const transmissionPowerSearchHandler = createSearchDataHandler<TransmissionPowerDataType>(getFilter, false, null)
+const transmissionPowerSearchHandler = createSearchDataHandler<TransmissionPowerDataType>(getFilter, false, null);
export const {
- actionHandler: transmissionPowerActionHandler,
- createActions: createTransmissionPowerActions,
- createProperties: createTransmissionPowerProperties,
- createPreActions: createTransmissionPowerPreActions,
- reloadAction: transmissionPowerReloadAction,
+ actionHandler: transmissionPowerActionHandler,
+ createActions: createTransmissionPowerActions,
+ createProperties: createTransmissionPowerProperties,
+ createPreActions: createTransmissionPowerPreActions,
+ reloadAction: transmissionPowerReloadAction,
} = createExternal<TransmissionPowerDataType>(transmissionPowerSearchHandler, appState => appState.performanceHistory.transmissionPower);
diff --git a/sdnr/wt/odlux/apps/performanceHistoryApp/src/models/availableLtps.ts b/sdnr/wt/odlux/apps/performanceHistoryApp/src/models/availableLtps.ts
index dc6c7bc16..60061571c 100644
--- a/sdnr/wt/odlux/apps/performanceHistoryApp/src/models/availableLtps.ts
+++ b/sdnr/wt/odlux/apps/performanceHistoryApp/src/models/availableLtps.ts
@@ -15,7 +15,7 @@
* the License.
* ============LICENSE_END==========================================================================
*/
- export type LtpIds = {
- key : string
- }
+export type LtpIds = {
+ key: string;
+};
diff --git a/sdnr/wt/odlux/apps/performanceHistoryApp/src/models/chartTypes.ts b/sdnr/wt/odlux/apps/performanceHistoryApp/src/models/chartTypes.ts
index 53039faa2..969c0b399 100644
--- a/sdnr/wt/odlux/apps/performanceHistoryApp/src/models/chartTypes.ts
+++ b/sdnr/wt/odlux/apps/performanceHistoryApp/src/models/chartTypes.ts
@@ -24,21 +24,21 @@ export interface IData {
* Structure of chartjs dataset with the chart properties.
*/
export interface IDataSet {
- name: string,
- label: string,
- lineTension: 0,
+ name: string;
+ label: string;
+ lineTension: 0;
bezierCurve: boolean;
- fill: boolean,
- borderColor: string,
- data: IData[],
- columnLabel: string
+ fill: boolean;
+ borderColor: string;
+ data: IData[];
+ columnLabel: string;
}
/**
* Structure of chartjs dataset which is sent to the chart.
*/
export interface IDataSetsObject {
- datasets: IDataSet[]
+ datasets: IDataSet[];
}
/**
diff --git a/sdnr/wt/odlux/apps/performanceHistoryApp/src/models/crossPolarDiscriminationDataType.ts b/sdnr/wt/odlux/apps/performanceHistoryApp/src/models/crossPolarDiscriminationDataType.ts
index 8adb16f45..749624b9a 100644
--- a/sdnr/wt/odlux/apps/performanceHistoryApp/src/models/crossPolarDiscriminationDataType.ts
+++ b/sdnr/wt/odlux/apps/performanceHistoryApp/src/models/crossPolarDiscriminationDataType.ts
@@ -32,7 +32,7 @@ export type CrossPolarDiscriminationDatabaseDataType = {
* Internally used type to provide table and chart data
*/
export type CrossPolarDiscriminationDataType = {
- performanceData: CrossPolarDiscriminationDatabaseDataType
+ performanceData: CrossPolarDiscriminationDatabaseDataType;
radioSignalId: string;
scannerId: string;
timeStamp: string;
diff --git a/sdnr/wt/odlux/apps/performanceHistoryApp/src/models/deviceListType.ts b/sdnr/wt/odlux/apps/performanceHistoryApp/src/models/deviceListType.ts
index db8f2d71e..fbe314162 100644
--- a/sdnr/wt/odlux/apps/performanceHistoryApp/src/models/deviceListType.ts
+++ b/sdnr/wt/odlux/apps/performanceHistoryApp/src/models/deviceListType.ts
@@ -22,4 +22,4 @@
export type DeviceListType = {
nodeId: string;
-}
+};
diff --git a/sdnr/wt/odlux/apps/performanceHistoryApp/src/models/panelId.ts b/sdnr/wt/odlux/apps/performanceHistoryApp/src/models/panelId.ts
index 5889a64c8..08bf7f815 100644
--- a/sdnr/wt/odlux/apps/performanceHistoryApp/src/models/panelId.ts
+++ b/sdnr/wt/odlux/apps/performanceHistoryApp/src/models/panelId.ts
@@ -19,4 +19,4 @@
/**
* Represents PanelIds for the available Expansional panels.
*/
-export type PanelId = null | "PerformanceData" | "ReceiveLevel" | "TransmissionPower" | "AdaptiveModulation" | "Temperature" | "SINR" | "CPD"; \ No newline at end of file
+export type PanelId = null | 'PerformanceData' | 'ReceiveLevel' | 'TransmissionPower' | 'AdaptiveModulation' | 'Temperature' | 'SINR' | 'CPD'; \ No newline at end of file
diff --git a/sdnr/wt/odlux/apps/performanceHistoryApp/src/models/performanceDataType.ts b/sdnr/wt/odlux/apps/performanceHistoryApp/src/models/performanceDataType.ts
index 30f97fb54..f71e09de9 100644
--- a/sdnr/wt/odlux/apps/performanceHistoryApp/src/models/performanceDataType.ts
+++ b/sdnr/wt/odlux/apps/performanceHistoryApp/src/models/performanceDataType.ts
@@ -15,7 +15,6 @@
* the License.
* ============LICENSE_END==========================================================================
*/
-import { Moment } from "moment";
//export { HitEntry, Result } from '../../../../framework/src/models';
@@ -50,5 +49,5 @@ export type PerformanceDataType = {
*/
export const enum PmDataInterval {
pmInterval15Min,
- pmInterval24Hours
+ pmInterval24Hours,
} \ No newline at end of file
diff --git a/sdnr/wt/odlux/apps/performanceHistoryApp/src/models/temperatureDataType.ts b/sdnr/wt/odlux/apps/performanceHistoryApp/src/models/temperatureDataType.ts
index 3b0cb7683..5798d5c5d 100644
--- a/sdnr/wt/odlux/apps/performanceHistoryApp/src/models/temperatureDataType.ts
+++ b/sdnr/wt/odlux/apps/performanceHistoryApp/src/models/temperatureDataType.ts
@@ -32,7 +32,7 @@ export type TemperatureDatabaseDataType = {
* Internally used type to provide table and chart data
*/
export type TemperatureDataType = {
- performanceData: TemperatureDatabaseDataType
+ performanceData: TemperatureDatabaseDataType;
radioSignalId: string;
scannerId: string;
timeStamp: string;
diff --git a/sdnr/wt/odlux/apps/performanceHistoryApp/src/models/toggleDataType.ts b/sdnr/wt/odlux/apps/performanceHistoryApp/src/models/toggleDataType.ts
index f705e10b2..0e71c9474 100644
--- a/sdnr/wt/odlux/apps/performanceHistoryApp/src/models/toggleDataType.ts
+++ b/sdnr/wt/odlux/apps/performanceHistoryApp/src/models/toggleDataType.ts
@@ -19,7 +19,7 @@
/**
* Specifies possible sub views
*/
-export type SubTabType = "chart" | "table";
+export type SubTabType = 'chart' | 'table';
-export type currentViewType = "performanceData" | "receiveLevel" | "transmissionPower" | "adaptiveModulation" | "Temp" | "SINR" | "CPD";
+export type currentViewType = 'performanceData' | 'receiveLevel' | 'transmissionPower' | 'adaptiveModulation' | 'Temp' | 'SINR' | 'CPD';
diff --git a/sdnr/wt/odlux/apps/performanceHistoryApp/src/models/topologyNetconf.ts b/sdnr/wt/odlux/apps/performanceHistoryApp/src/models/topologyNetconf.ts
index 99123f55e..f52af9784 100644
--- a/sdnr/wt/odlux/apps/performanceHistoryApp/src/models/topologyNetconf.ts
+++ b/sdnr/wt/odlux/apps/performanceHistoryApp/src/models/topologyNetconf.ts
@@ -17,10 +17,10 @@
*/
export interface TopologyNode {
- "node-id": string;
+ 'node-id': string;
}
export interface Topology {
- "topology-id": string;
+ 'topology-id': string;
node: TopologyNode[];
}
diff --git a/sdnr/wt/odlux/apps/performanceHistoryApp/src/pluginPerformance.tsx b/sdnr/wt/odlux/apps/performanceHistoryApp/src/pluginPerformance.tsx
index a8aaca22f..ef939fdba 100644
--- a/sdnr/wt/odlux/apps/performanceHistoryApp/src/pluginPerformance.tsx
+++ b/sdnr/wt/odlux/apps/performanceHistoryApp/src/pluginPerformance.tsx
@@ -16,45 +16,64 @@
* ============LICENSE_END==========================================================================
*/
-import * as React from "react";
-import { faBook } from '@fortawesome/free-solid-svg-icons';
+import React from 'react';
+import { Redirect, Route, RouteComponentProps, Switch, withRouter } from 'react-router-dom';
+import { connect, Connect, IDispatcher } from '../../../framework/src/flux/connect';
import applicationManager from '../../../framework/src/services/applicationManager';
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+import { IApplicationStoreState } from '../../../framework/src/store/applicationStore';
+import { ApplicationStore } from '../../../framework/src/store/applicationStore';
-import { withRouter, RouteComponentProps, Route, Switch, Redirect } from 'react-router-dom';
+import { updateMountIdActionCreator } from './actions/deviceListActions';
+import { ResetLtpsAction } from './actions/ltpAction';
+import { ReloadAction } from './actions/reloadAction';
+import { ResetAllSubViewsAction } from './actions/toggleActions';
import performanceHistoryRootHandler from './handlers/performanceHistoryRootHandler';
import { PmDataInterval } from './models/performanceDataType';
import PerformanceHistoryApplication from './views/performanceHistoryApplication';
-import { ApplicationStore } from '../../../framework/src/store/applicationStore';
-import connect, { Connect, IDispatcher } from '../../../framework/src/flux/connect';
-import { IApplicationStoreState } from "../../../framework/src/store/applicationStore";
-import { updateMountIdActionCreator } from "./actions/deviceListActions";
-import { ResetAllSubViewsAction } from "./actions/toggleActions";
-import { ResetLtpsAction } from "./actions/ltpAction";
-import { ReloadAction } from "./actions/reloadAction";
+const appIcon = require('./assets/icons/performanceHistoryAppIcon.svg'); // select app icon
let api: {
readonly applicationStore: ApplicationStore | null;
readonly applicationStoreInitialized: Promise<ApplicationStore>;
-}
+};
-const mapProps = (state: IApplicationStoreState) => ({
+const mapProps = () => ({
});
const mapDisp = (dispatcher: IDispatcher) => ({
updateMountId: (mountId: string) => dispatcher.dispatch(updateMountIdActionCreator(mountId)),
resetLtps: () => dispatcher.dispatch(new ResetLtpsAction()),
resetSubViews: () => dispatcher.dispatch(new ResetAllSubViewsAction()),
- setScheduleReload: (show: boolean) => dispatcher.dispatch(new ReloadAction(show))
+ setScheduleReload: (show: boolean) => dispatcher.dispatch(new ReloadAction(show)),
});
let currentMountId: string | null = null;
-let lastUrl: string = "/performanceHistory";
+let lastUrl: string = '/performanceHistory';
const PerformanceHistoryApplicationRouteAdapter = connect(mapProps, mapDisp)((props: RouteComponentProps<{ mountId?: string }> & Connect<typeof mapProps, typeof mapDisp>) => {
- let mountId: string = "";
+ let mountId: string = '';
+
+ const getMountId = (last_url: string) => {
+ let index = last_url.lastIndexOf('performanceHistory/');
+ if (index >= 0) {
+ mountId = last_url.substring(index + 19);
+ } else {
+ mountId = '';
+ }
- // called when component finshed mounting
+ return mountId;
+ };
+
+ const scheduleReload = (current_mount_id: string) => {
+ props.updateMountId(current_mount_id);
+ props.resetLtps();
+ props.resetSubViews();
+ props.setScheduleReload(true);
+ };
+
+ // called when component finished mounting
React.useEffect(() => {
lastUrl = props.location.pathname;
@@ -62,11 +81,11 @@ const PerformanceHistoryApplicationRouteAdapter = connect(mapProps, mapDisp)((pr
if (currentMountId !== mountId) { // new element is loaded
currentMountId = mountId;
- schedueleReload(currentMountId);
+ scheduleReload(currentMountId);
} else
- if (currentMountId !== "") { // same element is loaded again
- schedueleReload(currentMountId);
- }
+ if (currentMountId !== '') { // same element is loaded again
+ scheduleReload(currentMountId);
+ }
}, []);
// called when component gets updated
@@ -77,52 +96,34 @@ const PerformanceHistoryApplicationRouteAdapter = connect(mapProps, mapDisp)((pr
if (currentMountId !== mountId) {
currentMountId = mountId;
- schedueleReload(currentMountId);
+ scheduleReload(currentMountId);
}
});
- const getMountId = (lastUrl: string) => {
- let index = lastUrl.lastIndexOf("performanceHistory/");
- if (index >= 0) {
- mountId = lastUrl.substr(index + 19);
- } else {
- mountId = "";
- }
-
- return mountId;
- }
-
- const schedueleReload = (currentMountId: string) => {
- props.updateMountId(currentMountId);
- props.resetLtps();
- props.resetSubViews();
- props.setScheduleReload(true);
- }
-
return (
<PerformanceHistoryApplication />
);
});
const PerformanceHistoryRouterApp = withRouter((props: RouteComponentProps) => {
- props.history.action = "POP";
+ props.history.action = 'POP';
return (
<Switch>
<Route path={`${props.match.path}/:mountId`} component={PerformanceHistoryApplicationRouteAdapter} />
<Route path={`${props.match.path}`} component={PerformanceHistoryApplicationRouteAdapter} />
<Redirect to={`${props.match.path}`} />
</Switch>
- )
+ );
});
export function register() {
api = applicationManager.registerApplication({
- name: "performanceHistory",
- icon: faBook,
+ name: 'performanceHistory',
+ icon: appIcon,
rootComponent: PerformanceHistoryRouterApp,
rootActionHandler: performanceHistoryRootHandler,
- menuEntry: "Performance"
+ menuEntry: 'Performance',
});
}
diff --git a/sdnr/wt/odlux/apps/performanceHistoryApp/src/services/performanceHistoryService.ts b/sdnr/wt/odlux/apps/performanceHistoryApp/src/services/performanceHistoryService.ts
index 70a8771b7..ef013f1cb 100644
--- a/sdnr/wt/odlux/apps/performanceHistoryApp/src/services/performanceHistoryService.ts
+++ b/sdnr/wt/odlux/apps/performanceHistoryApp/src/services/performanceHistoryService.ts
@@ -15,13 +15,12 @@
* the License.
* ============LICENSE_END==========================================================================
*/
-import { requestRest } from '../../../../framework/src/services/restService';
import { Result } from '../../../../framework/src/models/elasticSearch';
+import { requestRest } from '../../../../framework/src/services/restService';
import { convertPropertyNames, replaceUpperCase } from '../../../../framework/src/utilities/yangHelper';
import { LtpIds } from '../models/availableLtps';
import { DeviceListType } from '../models/deviceListType';
-import { Topology, TopologyNode } from '../models/topologyNetconf';
/**
* Represents a web api accessor service for Network elements actions.
@@ -34,26 +33,26 @@ class PerformanceService {
public async getDistinctLtpsFromDatabase(networkElement: string, selectedTimePeriod: string): Promise<LtpIds[] | null> {
let path;
const query = {
- "filter": [{
- "property": "node-name",
- "filtervalue": networkElement
+ 'filter': [{
+ 'property': 'node-name',
+ 'filtervalue': networkElement,
}],
- "sortorder": [],
- "pagination": {
- "size": 20,
- "page": 1
- }
- }
+ 'sortorder': [],
+ 'pagination': {
+ 'size': 20,
+ 'page': 1,
+ },
+ };
- if (selectedTimePeriod === "15min") {
+ if (selectedTimePeriod === '15min') {
path = '/rests/operations/data-provider:read-pmdata-15m-ltp-list';
} else {
path = '/rests/operations/data-provider:read-pmdata-24h-ltp-list';
}
- const result = await requestRest<Result<string>>(path, { method: "POST", body: JSON.stringify(convertPropertyNames({ input: query }, replaceUpperCase)) });
- return result && result["data-provider:output"] && result["data-provider:output"].data && result["data-provider:output"].data.map(ne => ({ key: ne })) || null;
+ const result = await requestRest<Result<string>>(path, { method: 'POST', body: JSON.stringify(convertPropertyNames({ input: query }, replaceUpperCase)) });
+ return result && result['data-provider:output'] && result['data-provider:output'].data && result['data-provider:output'].data.map(ne => ({ key: ne })) || null;
}
@@ -64,19 +63,19 @@ class PerformanceService {
public async getDeviceListfromPerf15minHistory(): Promise<(DeviceListType)[] | null> {
const path = '/rests/operations/data-provider:read-pmdata-15m-device-list';
const query = {
- "data-provider:input": {
- "filter": [],
- "sortorder": [],
- "pagination": {
- "size": 20,
- "page": 1
- }
- }
+ 'data-provider:input': {
+ 'filter': [],
+ 'sortorder': [],
+ 'pagination': {
+ 'size': 20,
+ 'page': 1,
+ },
+ },
};
- const result = await requestRest<Result<string>>(path, { method: "POST", body: JSON.stringify(query) });
- return result && result["data-provider:output"] && result["data-provider:output"].data && result["data-provider:output"].data.map(ne => ({
- nodeId: ne
+ const result = await requestRest<Result<string>>(path, { method: 'POST', body: JSON.stringify(query) });
+ return result && result['data-provider:output'] && result['data-provider:output'].data && result['data-provider:output'].data.map(ne => ({
+ nodeId: ne,
})) || null;
}
@@ -86,19 +85,19 @@ class PerformanceService {
public async getDeviceListfromPerf24hHistory(): Promise<(DeviceListType)[] | null> {
const path = '/rests/operations/data-provider:read-pmdata-24h-device-list';
const query = {
- "data-provider:input": {
- "filter": [],
- "sortorder": [],
- "pagination": {
- "size": 20,
- "page": 1
- }
- }
+ 'data-provider:input': {
+ 'filter': [],
+ 'sortorder': [],
+ 'pagination': {
+ 'size': 20,
+ 'page': 1,
+ },
+ },
};
- const result = await requestRest<Result<string>>(path, { method: "POST", body: JSON.stringify(query) });
- return result && result["data-provider:output"] && result["data-provider:output"].data && result["data-provider:output"].data.map(ne => ({
- nodeId: ne
+ const result = await requestRest<Result<string>>(path, { method: 'POST', body: JSON.stringify(query) });
+ return result && result['data-provider:output'] && result['data-provider:output'].data && result['data-provider:output'].data.map(ne => ({
+ nodeId: ne,
})) || null;
}
}
diff --git a/sdnr/wt/odlux/apps/performanceHistoryApp/src/utils/chartUtils.tsx b/sdnr/wt/odlux/apps/performanceHistoryApp/src/utils/chartUtils.tsx
index f58638e30..38abb3e79 100644
--- a/sdnr/wt/odlux/apps/performanceHistoryApp/src/utils/chartUtils.tsx
+++ b/sdnr/wt/odlux/apps/performanceHistoryApp/src/utils/chartUtils.tsx
@@ -15,15 +15,17 @@
* the License.
* ============LICENSE_END==========================================================================
*/
-import * as React from 'react';
-import { IDataSetsObject } from '../models/chartTypes';
+import React from 'react';
+import moment from 'moment';
import { Line } from 'react-chartjs-2';
-import * as moment from 'moment';
-import { ITimeStamp } from 'models/chartTypes';
+
+import { IDataSetsObject } from '../models/chartTypes';
+import { ITimeStamp } from '../models/chartTypes';
const style: React.CSSProperties = {
- height: "80%"
-}
+ height: '80%',
+};
+
export const lineChart = (chartPagedData: IDataSetsObject) => {
return (
<div style={style}>
@@ -44,32 +46,32 @@ export const lineChart = (chartPagedData: IDataSetsObject) => {
let offsetValue = new Date().getTimezoneOffset();
var utcDate = moment(date, 'YYYY-MM-DDTHH:mm:ss').utcOffset(offsetValue).utc(false);
return utcDate;
- }
+ },
},
display: true,
scaleLabel: {
display: true,
- labelString: 'Timestamp'
- }
+ labelString: 'Timestamp',
+ },
}],
yAxes: [{
ticks: {
- beginAtZero: true
+ beginAtZero: true,
},
scaleLabel: {
display: true,
- labelString: 'Value'
- }
- }]
- }
+ labelString: 'Value',
+ },
+ }],
+ },
}} />
</div>
);
-}
+};
export const sortDataByTimeStamp = <T extends ITimeStamp>(_rows: T[]): T[] => {
return (_rows.sort((a, b) => {
- const result = Date.parse(a["timeStamp"]) - Date.parse(b["timeStamp"]);
+ const result = Date.parse(a.timeStamp) - Date.parse(b.timeStamp);
return isNaN(result) ? 0 : result;
}));
-} \ No newline at end of file
+}; \ No newline at end of file
diff --git a/sdnr/wt/odlux/apps/performanceHistoryApp/src/utils/tableUtils.ts b/sdnr/wt/odlux/apps/performanceHistoryApp/src/utils/tableUtils.ts
index b5a3a3f36..37fe962dc 100644
--- a/sdnr/wt/odlux/apps/performanceHistoryApp/src/utils/tableUtils.ts
+++ b/sdnr/wt/odlux/apps/performanceHistoryApp/src/utils/tableUtils.ts
@@ -15,22 +15,22 @@
* the License.
* ============LICENSE_END==========================================================================
*/
-import { ColumnType, ColumnModel } from '../../../../framework/src/components/material-table';
+import { ColumnModel, ColumnType } from '../../../../framework/src/components/material-table';
import { PmDataInterval } from '../models/performanceDataType';
import { getPmDataInterval } from '../pluginPerformance';
export const addColumnLabels = <T>(name: string, title: string, disableFilter = true, disableSorting = true): ColumnModel<T> => {
return { property: name as keyof T, title: title, type: ColumnType.text, disableFilter: disableFilter, disableSorting: disableSorting };
-}
+};
export function getFilter(): string {
switch (getPmDataInterval()) {
- case PmDataInterval.pmInterval15Min:
- return "pmdata-15m";
- case PmDataInterval.pmInterval24Hours:
- return "pmdata-24h";
- default:
- throw new Error("Unknown time intervall");
+ case PmDataInterval.pmInterval15Min:
+ return 'pmdata-15m';
+ case PmDataInterval.pmInterval24Hours:
+ return 'pmdata-24h';
+ default:
+ throw new Error('Unknown time intervall');
}
} \ No newline at end of file
diff --git a/sdnr/wt/odlux/apps/performanceHistoryApp/src/views/performanceHistoryApplication.tsx b/sdnr/wt/odlux/apps/performanceHistoryApp/src/views/performanceHistoryApplication.tsx
index b33b442d3..a4b968622 100644
--- a/sdnr/wt/odlux/apps/performanceHistoryApp/src/views/performanceHistoryApplication.tsx
+++ b/sdnr/wt/odlux/apps/performanceHistoryApp/src/views/performanceHistoryApplication.tsx
@@ -15,57 +15,54 @@
* the License.
* ============LICENSE_END==========================================================================
*/
-import * as React from 'react';
+import React from 'react';
+import { connect, Connect, IDispatcher } from '../../../../framework/src/flux/connect';
import { Theme } from '@mui/material/styles';
import { WithStyles } from '@mui/styles';
import createStyles from '@mui/styles/createStyles';
import withStyles from '@mui/styles/withStyles';
-import FormControl from '@mui/material/FormControl';
-import MenuItem from '@mui/material/MenuItem';
-import Select from '@mui/material/Select';
-import connect, { Connect, IDispatcher } from '../../../../framework/src/flux/connect';
-import { IApplicationStoreState } from '../../../../framework/src/store/applicationStore';
-import { Panel, Loader } from '../../../../framework/src/components/material-ui';
+
import { NavigateToApplication } from '../../../../framework/src/actions/navigationActions';
import { Dispatch } from '../../../../framework/src/flux/store';
+import { IApplicationStoreState } from '../../../../framework/src/store/applicationStore';
-import { PanelId } from '../models/panelId';
-import { PmDataInterval } from '../models/performanceDataType';
-import PerformanceData from '../components/performanceData';
-import ReceiveLevel from '../components/receiveLevel';
-import TransmissionPower from '../components/transmissionPower';
-import AdaptiveModulation from '../components/adaptiveModulation';
-import Temperature from '../components/temperature';
-import SignalToInterference from '../components/signalToInterference';
-import CrossPolarDiscrimination from '../components/crossPolarDiscrimination';
import { loadAllDeviceListAsync } from '../actions/deviceListActions';
-import { TimeChangeAction } from '../actions/timeChangeAction';
import { loadDistinctLtpsbyNetworkElementAsync, ResetLtpsAction } from '../actions/ltpAction';
import { SetPanelAction } from '../actions/panelChangeActions';
-import { createPerformanceDataPreActions, performanceDataReloadAction, createPerformanceDataActions } from '../handlers/performanceDataHandler';
-import { createReceiveLevelPreActions, receiveLevelReloadAction, createReceiveLevelActions } from '../handlers/receiveLevelHandler';
-import { createTransmissionPowerPreActions, transmissionPowerReloadAction, createTransmissionPowerActions } from '../handlers/transmissionPowerHandler';
-import { createAdaptiveModulationPreActions, adaptiveModulationReloadAction, createAdaptiveModulationActions } from '../handlers/adaptiveModulationHandler';
-import { createTemperaturePreActions, temperatureReloadAction, createTemperatureActions } from '../handlers/temperatureHandler';
-import { createSignalToInterferencePreActions, signalToInterferenceReloadAction, createSignalToInterferenceActions } from '../handlers/signalToInterferenceHandler';
-import { createCrossPolarDiscriminationPreActions, crossPolarDiscriminationReloadAction, createCrossPolarDiscriminationActions } from '../handlers/crossPolarDiscriminationHandler';
+import { TimeChangeAction } from '../actions/timeChangeAction';
+import AdaptiveModulation from '../components/adaptiveModulation';
+import CrossPolarDiscrimination from '../components/crossPolarDiscrimination';
+import PerformanceData from '../components/performanceData';
+import ReceiveLevel from '../components/receiveLevel';
+import SignalToInterference from '../components/signalToInterference';
+import Temperature from '../components/temperature';
+import TransmissionPower from '../components/transmissionPower';
+import { adaptiveModulationReloadAction, createAdaptiveModulationActions, createAdaptiveModulationPreActions } from '../handlers/adaptiveModulationHandler';
+import { createCrossPolarDiscriminationActions, createCrossPolarDiscriminationPreActions, crossPolarDiscriminationReloadAction } from '../handlers/crossPolarDiscriminationHandler';
+import { createPerformanceDataActions, createPerformanceDataPreActions, performanceDataReloadAction } from '../handlers/performanceDataHandler';
+import { createReceiveLevelActions, createReceiveLevelPreActions, receiveLevelReloadAction } from '../handlers/receiveLevelHandler';
+import { createSignalToInterferenceActions, createSignalToInterferencePreActions, signalToInterferenceReloadAction } from '../handlers/signalToInterferenceHandler';
+import { createTemperatureActions, createTemperaturePreActions, temperatureReloadAction } from '../handlers/temperatureHandler';
+import { createTransmissionPowerActions, createTransmissionPowerPreActions, transmissionPowerReloadAction } from '../handlers/transmissionPowerHandler';
+import { PanelId } from '../models/panelId';
+import { PmDataInterval } from '../models/performanceDataType';
+import { AppBar, SelectChangeEvent, Tab, Tabs } from '@mui/material';
import { MaterialTable, MaterialTableCtorType } from '../../../../framework/src/components/material-table';
-import { AppBar, Tabs, Tab, SelectChangeEvent } from '@mui/material';
-import LtpSelection from '../components/ltpSelection';
-import { ResetAllSubViewsAction } from '../actions/toggleActions';
import { ReloadAction } from '../actions/reloadAction';
+import { ResetAllSubViewsAction } from '../actions/toggleActions';
+import LtpSelection from '../components/ltpSelection';
const PerformanceHistoryComponentStyles = (theme: Theme) => createStyles({
root: {
- display: "flex",
- flexWrap: "wrap",
+ display: 'flex',
+ flexWrap: 'wrap',
},
margin: {
margin: theme.spacing(1),
- }
+ },
});
const mapProps = (state: IApplicationStoreState) => ({
@@ -75,7 +72,7 @@ const mapProps = (state: IApplicationStoreState) => ({
networkElements: state.performanceHistory.networkElements.deviceList,
initialLoaded: state.performanceHistory.ltps.loadedOnce,
error: state.performanceHistory.ltps.error,
- shouldReload: state.performanceHistory.isReloadSchedueled
+ shouldReload: state.performanceHistory.isReloadSchedueled,
});
const mapDispatcher = (dispatcher: IDispatcher) => ({
@@ -103,112 +100,117 @@ const mapDispatcher = (dispatcher: IDispatcher) => ({
getAllDevicesPMdata: async () => {
await dispatcher.dispatch(loadAllDeviceListAsync);
},
- getDistinctLtpsIds: (selectedNetworkElement: string, selectedTimePeriod: string, selectedLtp: string, selectFirstLtp?: Function, resetLTP?: Function) => dispatcher.dispatch(loadDistinctLtpsbyNetworkElementAsync(selectedNetworkElement, selectedTimePeriod, selectedLtp, selectFirstLtp, resetLTP)),
+ getDistinctLtpsIds: (
+ selectedNetworkElement: string,
+ selectedTimePeriod: string,
+ selectedLtp: string,
+ selectFirstLtp?: Function,
+ resetLTP?: Function,
+ ) => dispatcher.dispatch(loadDistinctLtpsbyNetworkElementAsync(selectedNetworkElement, selectedTimePeriod, selectedLtp, selectFirstLtp, resetLTP)),
setCurrentPanel: (panelId: PanelId) => dispatcher.dispatch(new SetPanelAction(panelId)),
timeIntervalChange: (time: PmDataInterval) => dispatcher.dispatch(new TimeChangeAction(time)),
changeNode: (nodeId: string) => dispatcher.dispatch((dispatch: Dispatch) => {
- dispatch(new NavigateToApplication("performanceHistory", nodeId));
+ dispatch(new NavigateToApplication('performanceHistory', nodeId));
}),
resetLtps: () => dispatcher.dispatch((dispatch: Dispatch) => { dispatch(new ResetLtpsAction()); }),
resetSubViews: () => dispatcher.dispatch(new ResetAllSubViewsAction()),
- setShouldReload: (show: boolean) => dispatcher.dispatch(new ReloadAction(show))
+ setShouldReload: (show: boolean) => dispatcher.dispatch(new ReloadAction(show)),
});
export type NetworkElementType = {
- nodeId: string,
-}
+ nodeId: string;
+};
+
const NetworkElementTable = MaterialTable as MaterialTableCtorType<NetworkElementType>;
type PerformanceHistoryComponentProps = Connect<typeof mapProps, typeof mapDispatcher> & WithStyles<typeof PerformanceHistoryComponentStyles>;
type PerformanceHistoryComponentState = {
- selectedNetworkElement: string,
- selectedTimePeriod: string,
- selectedLtp: string,
- showNetworkElementsTable: boolean,
- showLtps: boolean,
- showPanels: boolean,
+ selectedNetworkElement: string;
+ selectedTimePeriod: string;
+ selectedLtp: string;
+ showNetworkElementsTable: boolean;
+ showLtps: boolean;
+ showPanels: boolean;
preFilter:
{
- "node-name": string,
- "uuid-interface": string
- } | {}
+ 'node-name': string;
+ 'uuid-interface': string;
+ } | {};
};
/**
* Represents the component for Performance history application.
*/
-class PerformanceHistoryComponent extends React.Component<PerformanceHistoryComponentProps, PerformanceHistoryComponentState>{
+class PerformanceHistoryComponent extends React.Component<PerformanceHistoryComponentProps, PerformanceHistoryComponentState> {
/**
* Initialises this instance
*/
constructor(props: PerformanceHistoryComponentProps) {
super(props);
this.state = {
- selectedNetworkElement: props.nodeId !== "" ? props.nodeId : "-1",
- selectedTimePeriod: "15min",
- selectedLtp: "-1",
+ selectedNetworkElement: props.nodeId !== '' ? props.nodeId : '-1',
+ selectedTimePeriod: '15min',
+ selectedLtp: '-1',
showNetworkElementsTable: true,
showLtps: false,
showPanels: false,
- preFilter: {}
+ preFilter: {},
};
}
onChangeTabs = (event: React.SyntheticEvent, newValue: PanelId) => {
const nextActivePanel = newValue;
this.changeTabs(nextActivePanel);
- }
+ };
changeTabs = (nextActivePanel: PanelId) => {
this.props.setCurrentPanel(nextActivePanel);
const preFilter = this.state.preFilter;
switch (nextActivePanel) {
- case "PerformanceData":
+ case 'PerformanceData':
if (this.props.performanceData.preFilter !== {} && this.props.performanceData.preFilter === preFilter) {
this.props.reloadPerformanceData();
} else {
this.props.performanceDataPreActions.onPreFilterChanged(preFilter);
}
break;
- case "ReceiveLevel":
+ case 'ReceiveLevel':
if (this.props.receiveLevel.preFilter !== {} && this.props.receiveLevel.preFilter === preFilter) {
this.props.reloadReceiveLevel();
- }
- else {
+ } else {
this.props.receiveLevelPreActions.onPreFilterChanged(preFilter);
}
break;
- case "TransmissionPower":
+ case 'TransmissionPower':
if (this.props.transmissionPower.preFilter !== {} && this.props.transmissionPower.preFilter === preFilter) {
this.props.reloadTransmissionPower();
- }
- else {
+ } else {
this.props.transmissionPowerPreActions.onPreFilterChanged(preFilter);
}
break;
- case "AdaptiveModulation":
+ case 'AdaptiveModulation':
if (this.props.adaptiveModulation.preFilter !== {} && this.props.adaptiveModulation.preFilter === preFilter) {
this.props.reloadAdaptiveModulation();
} else {
this.props.adaptiveModulationPreActions.onPreFilterChanged(preFilter);
}
break;
- case "Temperature":
+ case 'Temperature':
if (this.props.temperature.preFilter !== {} && this.props.temperature.preFilter === preFilter) {
this.props.reloadTemperature();
} else {
this.props.temperaturePreActions.onPreFilterChanged(preFilter);
}
break;
- case "SINR":
+ case 'SINR':
if (this.props.signalToInterference.preFilter !== {} && this.props.signalToInterference.preFilter === preFilter) {
this.props.reloadSignalToInterference();
} else {
this.props.signalToInterferencePreActions.onPreFilterChanged(preFilter);
}
break;
- case "CPD":
+ case 'CPD':
if (this.props.crossPolarDiscrimination.preFilter !== {} && this.props.crossPolarDiscrimination.preFilter === preFilter) {
this.props.reloadCrossPolarDiscrimination();
} else {
@@ -219,21 +221,20 @@ class PerformanceHistoryComponent extends React.Component<PerformanceHistoryComp
// do nothing if all panels are closed
break;
}
- }
+ };
render(): JSX.Element {
const { activePanel, nodeId } = this.props;
- if (nodeId === "") {
+ if (nodeId === '') {
return (
<>
- <NetworkElementTable tableId="performance-data-element-selection-table" defaultSortColumn={"nodeId"} defaultSortOrder="asc" stickyHeader title={"Please select the network element!"} idProperty={"nodeId"} rows={this.props.networkElements} asynchronus
- onHandleClick={(event, rowData) => { this.handleNetworkElementSelect(rowData.nodeId) }} columns={
- [{ property: "nodeId", title: "Node Name" }]
+ <NetworkElementTable tableId="performance-data-element-selection-table" defaultSortColumn={'nodeId'} defaultSortOrder="asc" stickyHeader title={'Please select the network element!'} idProperty={'nodeId'} rows={this.props.networkElements} asynchronus
+ onHandleClick={(event, rowData) => { this.handleNetworkElementSelect(rowData.nodeId); }} columns={
+ [{ property: 'nodeId', title: 'Node Name' }]
} />
</>
- )
- }
- else {
+ );
+ } else {
this.handleURLChange(nodeId);
return (
<>
@@ -259,42 +260,42 @@ class PerformanceHistoryComponent extends React.Component<PerformanceHistoryComp
</Tabs>
</AppBar>
{
- activePanel === "PerformanceData" &&
+ activePanel === 'PerformanceData' &&
<PerformanceData selectedTimePeriod={this.state.selectedTimePeriod} />
}
{
- activePanel === "ReceiveLevel" &&
+ activePanel === 'ReceiveLevel' &&
<ReceiveLevel selectedTimePeriod={this.state.selectedTimePeriod} />
}
{
- activePanel === "TransmissionPower" &&
+ activePanel === 'TransmissionPower' &&
<TransmissionPower selectedTimePeriod={this.state.selectedTimePeriod} />
}
{
- activePanel === "AdaptiveModulation" &&
+ activePanel === 'AdaptiveModulation' &&
<AdaptiveModulation selectedTimePeriod={this.state.selectedTimePeriod} />
}
{
- activePanel === "Temperature" &&
+ activePanel === 'Temperature' &&
<Temperature selectedTimePeriod={this.state.selectedTimePeriod} />
}
{
- activePanel === "SINR" &&
+ activePanel === 'SINR' &&
<SignalToInterference selectedTimePeriod={this.state.selectedTimePeriod} />
}
{
- activePanel === "CPD" &&
+ activePanel === 'CPD' &&
<CrossPolarDiscrimination selectedTimePeriod={this.state.selectedTimePeriod} />
}
</>
}
</>
- )
+ );
}
}
@@ -310,19 +311,19 @@ class PerformanceHistoryComponent extends React.Component<PerformanceHistoryComp
private selectFirstLtp = (firstLtp: string) => {
this.setState({
showPanels: true,
- selectedLtp: firstLtp
+ selectedLtp: firstLtp,
});
this.preFilterChangeAndReload(this.state.selectedNetworkElement, this.state.selectedTimePeriod, firstLtp);
- this.changeTabs("PerformanceData");
- }
+ this.changeTabs('PerformanceData');
+ };
/**
* A function which reloads the visible table, if available, based on prefilters defined by network element and ltp on selected time period.
*/
private preFilterChangeAndReload = (networkElement: string, timePeriod: string, ltp: string) => {
const newPreFilter = {
- "node-name": networkElement,
- "uuid-interface": ltp
+ 'node-name': networkElement,
+ 'uuid-interface': ltp,
};
const activePanel = this.props.activePanel;
@@ -331,25 +332,25 @@ class PerformanceHistoryComponent extends React.Component<PerformanceHistoryComp
// set prefilter and reload data if panel is open
switch (activePanel) {
- case "PerformanceData":
+ case 'PerformanceData':
this.props.performanceDataPreActions.onPreFilterChanged(newPreFilter);
break;
- case "ReceiveLevel":
+ case 'ReceiveLevel':
this.props.receiveLevelPreActions.onPreFilterChanged(newPreFilter);
break;
- case "TransmissionPower":
+ case 'TransmissionPower':
this.props.transmissionPowerPreActions.onPreFilterChanged(newPreFilter);
break;
- case "AdaptiveModulation":
+ case 'AdaptiveModulation':
this.props.adaptiveModulationPreActions.onPreFilterChanged(newPreFilter);
break;
- case "Temperature":
+ case 'Temperature':
this.props.temperaturePreActions.onPreFilterChanged(newPreFilter);
break;
- case "SINR":
+ case 'SINR':
this.props.signalToInterferencePreActions.onPreFilterChanged(newPreFilter);
break;
- case "CPD":
+ case 'CPD':
this.props.crossPolarDiscriminationPreActions.onPreFilterChanged(newPreFilter);
break;
default:
@@ -359,9 +360,9 @@ class PerformanceHistoryComponent extends React.Component<PerformanceHistoryComp
}
// set prefilter
- this.setState({ preFilter: newPreFilter })
+ this.setState({ preFilter: newPreFilter });
- }
+ };
/**
* Function which handles network element changes.
@@ -373,15 +374,15 @@ class PerformanceHistoryComponent extends React.Component<PerformanceHistoryComp
selectedNetworkElement: selectedNetworkElement,
showNetworkElementsTable: false,
showPanels: false,
- selectedLtp: "-1"
+ selectedLtp: '-1',
});
this.props.resetSubViews();
this.props.resetLtps();
this.setState({ preFilter: {} });
this.props.changeNode(selectedNetworkElement);
- this.props.getDistinctLtpsIds(selectedNetworkElement, this.state.selectedTimePeriod, "-1", this.selectFirstLtp);
- }
+ this.props.getDistinctLtpsIds(selectedNetworkElement, this.state.selectedTimePeriod, '-1', this.selectFirstLtp);
+ };
private handleURLChange = (selectedNetworkElement: string) => {
@@ -391,12 +392,12 @@ class PerformanceHistoryComponent extends React.Component<PerformanceHistoryComp
showLtps: true,
selectedNetworkElement: selectedNetworkElement,
showPanels: false,
- selectedLtp: "-1"
+ selectedLtp: '-1',
});
- this.props.getDistinctLtpsIds(selectedNetworkElement, this.state.selectedTimePeriod, "-1", this.selectFirstLtp);
+ this.props.getDistinctLtpsIds(selectedNetworkElement, this.state.selectedTimePeriod, '-1', this.selectFirstLtp);
this.props.setShouldReload(false);
}
- }
+ };
/**
* Function which resets the ltps to "--select--" in the state if the passed parameter @ltpNotSelected is true.
@@ -405,18 +406,18 @@ class PerformanceHistoryComponent extends React.Component<PerformanceHistoryComp
private resetLtpDropdown = (ltpNotSelected: boolean) => {
if (ltpNotSelected) {
this.setState({
- selectedLtp: "-1",
- showPanels: false
+ selectedLtp: '-1',
+ showPanels: false,
});
}
- }
+ };
/**
* Function which handles the time period changes.
*/
private handleTimePeriodChange = (event: SelectChangeEvent<HTMLSelectElement>) => {
- const selectedTimeInterval = event.target.value === "15min"
+ const selectedTimeInterval = event.target.value === '15min'
? PmDataInterval.pmInterval15Min
: PmDataInterval.pmInterval24Hours;
@@ -427,28 +428,28 @@ class PerformanceHistoryComponent extends React.Component<PerformanceHistoryComp
this.props.timeIntervalChange(selectedTimeInterval);
this.props.getDistinctLtpsIds(this.state.selectedNetworkElement, event.target.value as string, this.state.selectedLtp, undefined, this.resetLtpDropdown);
this.preFilterChangeAndReload(this.state.selectedNetworkElement, event.target.value as string, this.state.selectedLtp);
- }
+ };
/**
* Function which handles the ltp changes.
*/
private handleLtpChange = (event:SelectChangeEvent<HTMLSelectElement> ) => {
- if (event.target.value === "-1") {
+ if (event.target.value === '-1') {
this.setState({
showPanels: false,
- selectedLtp: event.target.value
+ selectedLtp: event.target.value,
});
} else if (event.target.value !== this.state.selectedLtp) {
this.setState({
showPanels: true,
- selectedLtp: event.target.value as string
+ selectedLtp: event.target.value as string,
});
this.preFilterChangeAndReload(this.state.selectedNetworkElement, this.state.selectedTimePeriod, event.target.value as string);
}
- }
+ };
}
const PerformanceHistoryApplication = withStyles(PerformanceHistoryComponentStyles)(connect(mapProps, mapDispatcher)(PerformanceHistoryComponent));
diff --git a/sdnr/wt/odlux/apps/performanceHistoryApp/tsconfig.json b/sdnr/wt/odlux/apps/performanceHistoryApp/tsconfig.json
index a66b5d828..ca65092e0 100644
--- a/sdnr/wt/odlux/apps/performanceHistoryApp/tsconfig.json
+++ b/sdnr/wt/odlux/apps/performanceHistoryApp/tsconfig.json
@@ -4,7 +4,7 @@
"outDir": "./dist",
"sourceMap": true,
"forceConsistentCasingInFileNames": true,
- "allowSyntheticDefaultImports": false,
+ "allowSyntheticDefaultImports": true,
"allowUnreachableCode": false,
"allowUnusedLabels": false,
"noFallthroughCasesInSwitch": true,
diff --git a/sdnr/wt/odlux/apps/performanceHistoryApp/webpack.config.js b/sdnr/wt/odlux/apps/performanceHistoryApp/webpack.config.js
index 8f2192f12..2f25d0df1 100644
--- a/sdnr/wt/odlux/apps/performanceHistoryApp/webpack.config.js
+++ b/sdnr/wt/odlux/apps/performanceHistoryApp/webpack.config.js
@@ -57,6 +57,16 @@ module.exports = (env) => {
use: [{
loader: "babel-loader"
}]
+ },{
+ //don't minify images
+ test: /\.(png|gif|jpg|svg)$/,
+ use: [{
+ loader: 'url-loader',
+ options: {
+ limit: 10,
+ name: './images/[name].[ext]'
+ }
+ }]
}]
},