From 1079649edfd6c965f9d3d99e726168dfa741c320 Mon Sep 17 00:00:00 2001 From: Hiromasa Ihara Date: Wed, 17 Jan 2024 23:09:06 +0900 Subject: [PATCH] UI: add `no-trailing-spaces:error` setting to eslintrc (#2488) --- ui/.eslintrc.json | 3 +- .../app/edge/history/abstracthistorychart.ts | 24 ++--- .../app/edge/history/abstracthistorywidget.ts | 4 +- .../edge/history/chpsoc/widget.component.ts | 2 +- .../common/autarchy/overview/overview.ts | 2 +- .../common/consumption/chart/channels.spec.ts | 10 +- .../history/common/consumption/flat/flat.ts | 2 +- .../common/consumption/overview/overview.ts | 2 +- .../common/energy/chart/channels.spec.ts | 10 +- .../history/common/grid/overview/overview.ts | 2 +- .../common/production/overview/overview.ts | 2 +- .../selfconsumption/overview/overview.ts | 2 +- .../fixdigitaloutput/widget.component.ts | 2 +- .../sellToGridLimitChart.component.ts | 2 +- ui/src/app/edge/history/shared.ts | 8 +- .../singlethreshold/widget.component.ts | 2 +- .../ChpSoc/modal/modal.component.ts | 6 +- .../Ess/GridOptimizedCharge/modal/modal.ts | 2 +- .../modal/predictionChart.ts | 10 +- .../edge/live/Controller/Evcs/flat/flat.ts | 8 +- .../edge/live/Controller/Evcs/modal/modal.ts | 6 +- .../FixDigitalOutput/modal/modal.component.ts | 6 +- .../Evcs_Api_Cluster/Evcs_Api_Cluster.ts | 2 +- .../modal/evcsCluster-modal.page.ts | 36 +++---- ui/src/app/edge/live/common/grid/flat/flat.ts | 2 +- .../common/storage/modal/modal.component.ts | 4 +- .../live/common/storage/storage.component.ts | 12 +-- .../section/abstractsection.component.ts | 12 +-- .../optionGroupPickerConfiguration.ts | 4 +- .../safe-input/formly-safe-input.extended.ts | 2 +- .../edge/settings/app/install.component.ts | 4 +- .../settings/app/jsonrpc/addAppInstance.ts | 8 +- .../settings/app/jsonrpc/deleteAppInstance.ts | 8 +- .../edge/settings/app/jsonrpc/flag/flags.ts | 4 +- .../app/edge/settings/app/jsonrpc/getApp.ts | 4 +- .../settings/app/jsonrpc/getAppAssistant.ts | 18 ++-- .../settings/app/jsonrpc/getAppDescriptor.ts | 6 +- .../settings/app/jsonrpc/getAppInstances.ts | 8 +- .../app/edge/settings/app/jsonrpc/getApps.ts | 4 +- .../settings/app/jsonrpc/updateAppInstance.ts | 8 +- .../edge/settings/app/keypopup/appCenter.ts | 8 +- .../appCenterAddRegisterKeyHistory.ts | 10 +- .../app/keypopup/appCenterGetPossibleApps.ts | 10 +- .../keypopup/appCenterGetRegisteredKeys.ts | 10 +- .../appCenterInstallAppWithSuppliedKey.ts | 8 +- .../app/keypopup/appCenterIsAppFree.ts | 10 +- .../app/keypopup/appCenterIsKeyApplicable.ts | 10 +- .../settings/app/keypopup/modal.component.ts | 24 ++--- .../settings/channels/channels.component.ts | 4 +- .../component/install/install.component.ts | 2 +- .../component/update/update.component.ts | 2 +- .../network/getNetworkConfigRequest.ts | 2 +- .../network/getNetworkConfigResponse.ts | 4 +- .../settings/network/network.component.ts | 14 +-- .../network/setNetworkConfigRequest.ts | 2 +- .../channelexport/channelExportXlsxRequest.ts | 2 +- .../getModbusProtocolExportXlsxRequest.ts | 2 +- .../modbusapi/getModbusProtocolRequest.ts | 2 +- .../modbusapi/getModbusProtocolResponse.ts | 2 +- .../systemupdate/executeSystemUpdate.ts | 6 +- .../executeSystemUpdateRequest.ts | 2 +- .../getSystemUpdateStateRequest.ts | 2 +- .../getSystemUpdateStateResponse.ts | 4 +- ui/src/app/index/filter/filter.component.ts | 4 +- ui/src/app/index/login.component.ts | 8 +- .../app/index/overview/overview.component.ts | 6 +- .../app/registration/modal/modal.component.ts | 2 +- ui/src/app/shared/edge/edge.ts | 52 +++++----- ui/src/app/shared/edge/edgeconfig.ts | 32 +++---- .../formly/formly-select-field.extended.ts | 2 +- .../abstracthistorywidget.ts | 4 +- .../chart/abstractHistoryChartOverview.ts | 4 +- .../chart/abstracthistorychart.ts | 36 +++---- .../flat/abstract-flat-widget-line.ts | 4 +- .../flat/abstract-flat-widget.ts | 2 +- .../modal/abstract-modal-line.ts | 10 +- .../genericComponents/modal/abstractModal.ts | 2 +- .../modal/modal-phases/modal-phases.ts | 2 +- .../genericComponents/shared/converter.ts | 32 +++---- .../genericComponents/shared/dataservice.ts | 4 +- .../shared/genericComponents/shared/filter.ts | 4 +- .../shared/genericComponents/shared/name.ts | 4 +- .../shared/oe-formly-component.ts | 2 +- .../shared/testing/tester.ts | 12 +-- ui/src/app/shared/header/header.component.ts | 2 +- .../notification/currentDataNotification.ts | 2 +- .../notification/edgeConfigNotification.ts | 2 +- .../notification/edgeRpcNotification.ts | 2 +- .../notification/systemLogNotification.ts | 2 +- .../authenticateWithPasswordRequest.ts | 4 +- .../request/authenticateWithTokenRequest.ts | 4 +- .../request/componentJsonApiRequest.ts | 2 +- .../request/createComponentConfigRequest.ts | 2 +- .../request/deleteComponentConfigRequest.ts | 2 +- .../shared/jsonrpc/request/edgeRpcRequest.ts | 2 +- .../jsonrpc/request/executeCommandRequest.ts | 2 +- .../request/get24HoursPredictionRequest.ts | 2 +- .../jsonrpc/request/getEdgeConfigRequest.ts | 2 +- .../shared/jsonrpc/request/getEdgeRequest.ts | 4 +- .../shared/jsonrpc/request/getEdgesRequest.ts | 4 +- .../jsonrpc/request/getScheduleRequest.ts | 2 +- .../request/getSetupProtocolRequest.ts | 2 +- .../shared/jsonrpc/request/logoutRequest.ts | 2 +- .../queryHistoricTimeseriesDataRequest.ts | 2 +- ...istoricTimeseriesEnergyPerPeriodRequest.ts | 2 +- .../queryHistoricTimeseriesEnergyRequest.ts | 2 +- .../queryHistoricTimeseriesExportXlxs.ts | 2 +- .../jsonrpc/request/setChannelValueRequest.ts | 2 +- .../request/setEmergencyReserveRequest.ts | 2 +- .../request/subscribeChannelsRequest.ts | 4 +- .../request/subscribeSystemLogRequest.ts | 6 +- .../request/updateComponentConfigRequest.ts | 2 +- .../request/updateUserLanguageRequest.ts | 2 +- .../request/updateUserSettingsRequest.ts | 2 +- .../jsonrpc/response/addEdgeToUserResponse.ts | 2 +- .../jsonrpc/response/authenticateResponse.ts | 2 +- .../jsonrpc/response/base64PayloadResponse.ts | 2 +- .../jsonrpc/response/edgeRpcResponse.ts | 2 +- .../response/executeSystemCommandResponse.ts | 4 +- .../response/get24HoursPredictionResponse.ts | 2 +- .../jsonrpc/response/getEdgeConfigResponse.ts | 2 +- .../jsonrpc/response/getEdgeResponse.ts | 2 +- .../jsonrpc/response/getEdgesResponse.ts | 2 +- .../jsonrpc/response/getScheduleResponse.ts | 2 +- .../response/getUserInformationResponse.ts | 2 +- .../queryHistoricTimeseriesDataResponse.ts | 2 +- ...storicTimeseriesEnergyPerPeriodResponse.ts | 2 +- .../queryHistoricTimeseriesEnergyResponse.ts | 2 +- .../app/shared/pickdate/pickdate.component.ts | 8 +- .../pickdate/popover/popover.component.ts | 4 +- ui/src/app/shared/pipe/keys/keys.pipe.ts | 2 +- ui/src/app/shared/service/abstractservice.ts | 18 ++-- ui/src/app/shared/service/defaulttypes.ts | 6 +- ui/src/app/shared/service/logger.ts | 10 +- ui/src/app/shared/service/service.ts | 6 +- ui/src/app/shared/service/utils.ts | 96 +++++++++---------- ui/src/app/shared/service/websocket.ts | 20 ++-- .../app/shared/service/websocketInterface.ts | 6 +- ui/src/app/shared/service/wsdata.ts | 16 ++-- ui/src/app/shared/shared.ts | 2 +- ui/src/app/shared/translate.extension.ts | 2 +- ui/src/app/shared/type/channeladdress.ts | 2 +- ui/src/app/shared/type/role.ts | 2 +- .../app/shared/utils/dateutils/dateutils.ts | 14 +-- .../app/shared/utils/timeutils/timeutils.ts | 2 +- ui/src/app/user/user.component.ts | 2 +- ui/src/environments/index.ts | 6 +- ui/src/test.ts | 2 +- 148 files changed, 482 insertions(+), 481 deletions(-) diff --git a/ui/.eslintrc.json b/ui/.eslintrc.json index 78493427e58..c0fa15fbf26 100644 --- a/ui/.eslintrc.json +++ b/ui/.eslintrc.json @@ -64,7 +64,8 @@ "eol-last": [ "error", "always" - ] + ], + "no-trailing-spaces": "error" } }, { diff --git a/ui/src/app/edge/history/abstracthistorychart.ts b/ui/src/app/edge/history/abstracthistorychart.ts index 0100d542617..713ca4245df 100644 --- a/ui/src/app/edge/history/abstracthistorychart.ts +++ b/ui/src/app/edge/history/abstracthistorychart.ts @@ -58,7 +58,7 @@ export abstract class AbstractHistoryChart { /** * Gets the ChannelAddresses that should be queried. - * + * * @param edge the current Edge * @param config the EdgeConfig */ @@ -67,7 +67,7 @@ export abstract class AbstractHistoryChart { /** * Sends the Historic Timeseries Data Query and makes sure the result is not empty. - * + * * @param fromDate the From-Date * @param toDate the To-Date * @param edge the current Edge @@ -112,14 +112,14 @@ export abstract class AbstractHistoryChart { /** * Sends the Historic Timeseries Energy per Period Query and makes sure the result is not empty. - * + * * @param fromDate the From-Date * @param toDate the To-Date * @param channelAddresses the Channel-Addresses */ protected queryHistoricTimeseriesEnergyPerPeriod(fromDate: Date, toDate: Date, channelAddresses: ChannelAddress[]): Promise { - // TODO should be removed, edge delivers too much data + // TODO should be removed, edge delivers too much data let resolution = calculateResolution(this.service, fromDate, toDate).resolution; this.errorResponse = null; @@ -152,9 +152,9 @@ export abstract class AbstractHistoryChart { /** * Generates a Tooltip Title string from a 'fromDate' and 'toDate'. - * + * * @param fromDate the From-Date - * @param toDate the To-Date + * @param toDate the To-Date * @param date Date from TooltipItem * @returns period for Tooltip Header */ @@ -170,9 +170,9 @@ export abstract class AbstractHistoryChart { /** * Creates the default Chart options - * + * * @Future TODO change into static method and pass the historyPeriods value - * + * * @returns the ChartOptions */ protected createDefaultChartOptions(): ChartOptions { @@ -197,7 +197,7 @@ export abstract class AbstractHistoryChart { /** * checks if chart is allowed to be refreshed - * + * */ // protected checkAllowanceChartRefresh(): boolean { // let currentDate = new Date(); @@ -273,11 +273,11 @@ export abstract class AbstractHistoryChart { /** * Start NGX-Spinner - * + * * Spinner will appear inside html tag only - * + * * @example - * + * * @param selector selector for specific spinner */ public startSpinner() { diff --git a/ui/src/app/edge/history/abstracthistorywidget.ts b/ui/src/app/edge/history/abstracthistorywidget.ts index 2ae628e9d7b..1ba071dae67 100644 --- a/ui/src/app/edge/history/abstracthistorywidget.ts +++ b/ui/src/app/edge/history/abstracthistorywidget.ts @@ -42,7 +42,7 @@ export abstract class AbstractHistoryWidget { /** * Sends the Historic Timeseries Data Query and makes sure the result is not empty. - * + * * @param fromDate the From-Date * @param toDate the To-Date * @param edge the current Edge @@ -86,7 +86,7 @@ export abstract class AbstractHistoryWidget { /** * Gets the ChannelAddresses that should be queried. - * + * * @param edge the current Edge * @param config the EdgeConfig */ diff --git a/ui/src/app/edge/history/chpsoc/widget.component.ts b/ui/src/app/edge/history/chpsoc/widget.component.ts index 6352f3ce2e2..5ef997758be 100644 --- a/ui/src/app/edge/history/chpsoc/widget.component.ts +++ b/ui/src/app/edge/history/chpsoc/widget.component.ts @@ -46,7 +46,7 @@ export class ChpSocWidgetComponent extends AbstractHistoryWidget implements OnIn this.updateValues(); }; - // Gather result & timestamps to calculate effective active time in % + // Gather result & timestamps to calculate effective active time in % protected updateValues() { this.queryHistoricTimeseriesData(this.service.historyPeriod.value.from, this.service.historyPeriod.value.to).then(response => { this.service.getConfig().then(config => { diff --git a/ui/src/app/edge/history/common/autarchy/overview/overview.ts b/ui/src/app/edge/history/common/autarchy/overview/overview.ts index b96752777d6..31104830130 100644 --- a/ui/src/app/edge/history/common/autarchy/overview/overview.ts +++ b/ui/src/app/edge/history/common/autarchy/overview/overview.ts @@ -4,4 +4,4 @@ import { AbstractHistoryChartOverview } from 'src/app/shared/genericComponents/c @Component({ templateUrl: './overview.html', }) -export class OverviewComponent extends AbstractHistoryChartOverview { } +export class OverviewComponent extends AbstractHistoryChartOverview { } diff --git a/ui/src/app/edge/history/common/consumption/chart/channels.spec.ts b/ui/src/app/edge/history/common/consumption/chart/channels.spec.ts index 0588b1fe66c..c0bd6115522 100644 --- a/ui/src/app/edge/history/common/consumption/chart/channels.spec.ts +++ b/ui/src/app/edge/history/common/consumption/chart/channels.spec.ts @@ -5,9 +5,9 @@ import { QueryHistoricTimeseriesEnergyResponse } from "src/app/shared/jsonrpc/re export namespace History { - /** + /** * up to 288 datapoints (5 min aggregated values) from a - * + * * {@link Day.energyPerPeriodChannelWithValues} and {@link Day.dataChannelWithValues} * */ export const DAY: OeTester.Types.Channels = ({ @@ -34,7 +34,7 @@ export namespace History { }), }); - /** + /** * up to 164 datapoints(1 hour values) from a {@link Day.energyPerPeriodChannelWithValues} and {@link Day.dataChannelWithValues} * */ export const WEEK: OeTester.Types.Channels = { @@ -55,7 +55,7 @@ export namespace History { }), }; - /** + /** * up to 31 datapoints(1 day values) from a {@link Day.energyPerPeriodChannelWithValues} and {@link Day.dataChannelWithValues}*/ export const MONTH: OeTester.Types.Channels = { energyChannelWithValues: new QueryHistoricTimeseriesEnergyResponse("0", { @@ -76,7 +76,7 @@ export namespace History { }), }; - /** + /** * up to 12 datapoints(1 month values) from a {@link Day.energyPerPeriodChannelWithValues} and {@link Day.dataChannelWithValues}*/ export const YEAR: OeTester.Types.Channels = { energyChannelWithValues: new QueryHistoricTimeseriesEnergyResponse("0", { diff --git a/ui/src/app/edge/history/common/consumption/flat/flat.ts b/ui/src/app/edge/history/common/consumption/flat/flat.ts index fd25eb1706c..ddfde940df7 100644 --- a/ui/src/app/edge/history/common/consumption/flat/flat.ts +++ b/ui/src/app/edge/history/common/consumption/flat/flat.ts @@ -43,7 +43,7 @@ export class FlatComponent extends AbstractFlatWidget { /** * Gets the totalOtherEnergy - * + * * @param currentData the current data * @returns the total other Energy */ diff --git a/ui/src/app/edge/history/common/consumption/overview/overview.ts b/ui/src/app/edge/history/common/consumption/overview/overview.ts index b96752777d6..31104830130 100644 --- a/ui/src/app/edge/history/common/consumption/overview/overview.ts +++ b/ui/src/app/edge/history/common/consumption/overview/overview.ts @@ -4,4 +4,4 @@ import { AbstractHistoryChartOverview } from 'src/app/shared/genericComponents/c @Component({ templateUrl: './overview.html', }) -export class OverviewComponent extends AbstractHistoryChartOverview { } +export class OverviewComponent extends AbstractHistoryChartOverview { } diff --git a/ui/src/app/edge/history/common/energy/chart/channels.spec.ts b/ui/src/app/edge/history/common/energy/chart/channels.spec.ts index fabbc5dd9b6..26842adba0a 100644 --- a/ui/src/app/edge/history/common/energy/chart/channels.spec.ts +++ b/ui/src/app/edge/history/common/energy/chart/channels.spec.ts @@ -187,9 +187,9 @@ export namespace History { }, }); - /** + /** * up to 288 datapoints (5 min aggregated values) from a - * + * * {@link Day.energyPerPeriodChannelWithValues} and {@link Day.dataChannelWithValues} * */ export const DAY: OeTester.Types.Channels = ({ @@ -1941,7 +1941,7 @@ export namespace History { }), }); - /** + /** * up to 164 datapoints(1 hour values) from a {@link Day.energyPerPeriodChannelWithValues} and {@link Day.dataChannelWithValues} * */ export const WEEK: OeTester.Types.Channels = { @@ -3140,7 +3140,7 @@ export namespace History { }), }; - /** + /** * up to 31 datapoints(1 day values) from a {@link Day.energyPerPeriodChannelWithValues} and {@link Day.dataChannelWithValues}*/ export const MONTH: OeTester.Types.Channels = { energyChannelWithValues: new QueryHistoricTimeseriesEnergyResponse("0", { @@ -3382,7 +3382,7 @@ export namespace History { }), }; - /** + /** * up to 12 datapoints(1 month values) from a {@link Day.energyPerPeriodChannelWithValues} and {@link Day.dataChannelWithValues}*/ export const YEAR: OeTester.Types.Channels = { energyChannelWithValues: new QueryHistoricTimeseriesEnergyResponse("0", { diff --git a/ui/src/app/edge/history/common/grid/overview/overview.ts b/ui/src/app/edge/history/common/grid/overview/overview.ts index b96752777d6..31104830130 100644 --- a/ui/src/app/edge/history/common/grid/overview/overview.ts +++ b/ui/src/app/edge/history/common/grid/overview/overview.ts @@ -4,4 +4,4 @@ import { AbstractHistoryChartOverview } from 'src/app/shared/genericComponents/c @Component({ templateUrl: './overview.html', }) -export class OverviewComponent extends AbstractHistoryChartOverview { } +export class OverviewComponent extends AbstractHistoryChartOverview { } diff --git a/ui/src/app/edge/history/common/production/overview/overview.ts b/ui/src/app/edge/history/common/production/overview/overview.ts index f5e621eea6a..480d20dc501 100644 --- a/ui/src/app/edge/history/common/production/overview/overview.ts +++ b/ui/src/app/edge/history/common/production/overview/overview.ts @@ -21,4 +21,4 @@ export class OverviewComponent extends AbstractHistoryChartOverview { .filter(component => component.isEnabled && this.config.isProducer(component)); return []; } -} +} diff --git a/ui/src/app/edge/history/common/selfconsumption/overview/overview.ts b/ui/src/app/edge/history/common/selfconsumption/overview/overview.ts index b96752777d6..31104830130 100644 --- a/ui/src/app/edge/history/common/selfconsumption/overview/overview.ts +++ b/ui/src/app/edge/history/common/selfconsumption/overview/overview.ts @@ -4,4 +4,4 @@ import { AbstractHistoryChartOverview } from 'src/app/shared/genericComponents/c @Component({ templateUrl: './overview.html', }) -export class OverviewComponent extends AbstractHistoryChartOverview { } +export class OverviewComponent extends AbstractHistoryChartOverview { } diff --git a/ui/src/app/edge/history/fixdigitaloutput/widget.component.ts b/ui/src/app/edge/history/fixdigitaloutput/widget.component.ts index f6e8d92330d..305496310dc 100644 --- a/ui/src/app/edge/history/fixdigitaloutput/widget.component.ts +++ b/ui/src/app/edge/history/fixdigitaloutput/widget.component.ts @@ -49,7 +49,7 @@ export class FixDigitalOutputWidgetComponent extends AbstractHistoryWidget imple }; protected updateValues() { - // Gather result & timestamps to calculate effective active time in % + // Gather result & timestamps to calculate effective active time in % this.queryHistoricTimeseriesData(this.service.historyPeriod.value.from, this.service.historyPeriod.value.to).then(response => { let result = (response as QueryHistoricTimeseriesDataResponse).result; this.service.getConfig().then(config => { diff --git a/ui/src/app/edge/history/gridoptimizedcharge/sellToGridLimitChart.component.ts b/ui/src/app/edge/history/gridoptimizedcharge/sellToGridLimitChart.component.ts index 8ee5d9425d4..ad807241796 100644 --- a/ui/src/app/edge/history/gridoptimizedcharge/sellToGridLimitChart.component.ts +++ b/ui/src/app/edge/history/gridoptimizedcharge/sellToGridLimitChart.component.ts @@ -119,7 +119,7 @@ export class SellToGridLimitChartComponent extends AbstractHistoryChart implemen } else if (value == 0) { return 0; } else { - // + // return value / 1000 * 0.95; // convert to kW } }); diff --git a/ui/src/app/edge/history/shared.ts b/ui/src/app/edge/history/shared.ts index b5d847fb1fa..7e0ba40932e 100644 --- a/ui/src/app/edge/history/shared.ts +++ b/ui/src/app/edge/history/shared.ts @@ -281,7 +281,7 @@ export function calculateActiveTimeOverPeriod(channel: ChannelAddress, queryResu /** * Calculates resolution from passed Dates for queryHistoricTime-SeriesData und -EnergyPerPeriod && * Calculates timeFormat from passed Dates for xAxes of chart - * + * * @param service the Service * @param fromDate the From-Date * @param toDate the To-Date @@ -335,9 +335,9 @@ export function calculateResolution(service: Service, fromDate: Date, toDate: Da /** * Returns true if Chart Label should be visible. Defaults to true. - * + * * Compares only the first part of the label string - without a value or unit. - * + * * @param label the Chart label * @param orElse the default, in case no value was stored yet in Session-Storage * @returns true for visible labels; hidden otherwise @@ -354,7 +354,7 @@ export function isLabelVisible(label: string, orElse?: boolean): boolean { /** * Stores if the Label should be visible or hidden in Session-Storage. - * + * * @param label the Chart label * @param visible true to set the Label visibile; false to hide ite */ diff --git a/ui/src/app/edge/history/singlethreshold/widget.component.ts b/ui/src/app/edge/history/singlethreshold/widget.component.ts index b94950b37f5..c5964b2a2f8 100644 --- a/ui/src/app/edge/history/singlethreshold/widget.component.ts +++ b/ui/src/app/edge/history/singlethreshold/widget.component.ts @@ -46,7 +46,7 @@ export class SinglethresholdWidgetComponent extends AbstractHistoryWidget implem this.updateValues(); }; - // Gather result & timestamps to calculate effective active time in % + // Gather result & timestamps to calculate effective active time in % protected updateValues() { this.queryHistoricTimeseriesData(this.service.historyPeriod.value.from, this.service.historyPeriod.value.to).then(response => { this.service.getConfig().then(config => { diff --git a/ui/src/app/edge/live/Controller/ChpSoc/modal/modal.component.ts b/ui/src/app/edge/live/Controller/ChpSoc/modal/modal.component.ts index 250cd76392d..fad00a41e97 100644 --- a/ui/src/app/edge/live/Controller/ChpSoc/modal/modal.component.ts +++ b/ui/src/app/edge/live/Controller/ChpSoc/modal/modal.component.ts @@ -39,10 +39,10 @@ export class Controller_ChpSocModalComponent implements OnInit { this.thresholds['upper'] = this.component.properties['highThreshold']; }; - /** + /** * Updates the Charge-Mode of the EVCS-Controller. - * - * @param event + * + * @param event */ updateMode(event: CustomEvent) { let oldMode = this.component.properties.mode; diff --git a/ui/src/app/edge/live/Controller/Ess/GridOptimizedCharge/modal/modal.ts b/ui/src/app/edge/live/Controller/Ess/GridOptimizedCharge/modal/modal.ts index 98cbbfd3f99..ace6d5feb60 100644 --- a/ui/src/app/edge/live/Controller/Ess/GridOptimizedCharge/modal/modal.ts +++ b/ui/src/app/edge/live/Controller/Ess/GridOptimizedCharge/modal/modal.ts @@ -83,7 +83,7 @@ export class ModalComponent extends AbstractModal { break; case 5: - // Case 6: 'DISABLED' hides 'state-line', so no Message needed + // Case 6: 'DISABLED' hides 'state-line', so no Message needed case 7: this.state = this.translate.instant('Edge.Index.Widgets.GridOptimizedCharge.State.noLimitActive'); break; diff --git a/ui/src/app/edge/live/Controller/Ess/GridOptimizedCharge/modal/predictionChart.ts b/ui/src/app/edge/live/Controller/Ess/GridOptimizedCharge/modal/predictionChart.ts index 536396793e4..8be72da193b 100644 --- a/ui/src/app/edge/live/Controller/Ess/GridOptimizedCharge/modal/predictionChart.ts +++ b/ui/src/app/edge/live/Controller/Ess/GridOptimizedCharge/modal/predictionChart.ts @@ -53,7 +53,7 @@ export class PredictionChartComponent extends AbstractHistoryChart implements On let result = response.result; let datasets = []; - // Get the 5 min index of the current time + // Get the 5 min index of the current time let hours = new Date().getHours(); let minutes = new Date().getMinutes(); let currIndex = Math.trunc((hours * 60 + minutes) / 5); @@ -128,7 +128,7 @@ export class PredictionChartComponent extends AbstractHistoryChart implements On // Calculate how much percentage is needed in every time step (5 min) dataSteps = remainingCapacity / remainingSteps; - // Set the data for the datasets + // Set the data for the datasets let predictedSoc = startSoc - dataSteps; for (let i = currIndex; i <= targetIndex; i++) { // Predicted SoC increases only after charge start time, when channel is not zero (e.g. for older versions). @@ -142,7 +142,7 @@ export class PredictionChartComponent extends AbstractHistoryChart implements On } } - // Add one buffer hour at the end to get more clarity in the chart + // Add one buffer hour at the end to get more clarity in the chart let chartEndIndex = targetIndex + 12; // Remove unimportant values that are after the end index @@ -182,7 +182,7 @@ export class PredictionChartComponent extends AbstractHistoryChart implements On position: 'right', }); - // Push the depending colors + // Push the depending colors this.colors.push({ backgroundColor: 'rgba(189, 195, 199,0.05)', borderColor: 'rgba(189, 195, 199,1)', @@ -197,7 +197,7 @@ export class PredictionChartComponent extends AbstractHistoryChart implements On this.service.stopSpinner(this.spinnerId); }).catch(reason => { - console.error(reason); // TODO error message + console.error(reason); // TODO error message this.initializeChart(); return; }); diff --git a/ui/src/app/edge/live/Controller/Evcs/flat/flat.ts b/ui/src/app/edge/live/Controller/Evcs/flat/flat.ts index 00917229269..56a5b1482ef 100644 --- a/ui/src/app/edge/live/Controller/Evcs/flat/flat.ts +++ b/ui/src/app/edge/live/Controller/Evcs/flat/flat.ts @@ -126,10 +126,10 @@ export class FlatComponent extends AbstractFlatWidget { /** * Returns the state of the EVCS - * - * @param state - * @param plug - * + * + * @param state + * @param plug + * */ private getState(state: number, plug: number): string { if (this.controller != null) { diff --git a/ui/src/app/edge/live/Controller/Evcs/modal/modal.ts b/ui/src/app/edge/live/Controller/Evcs/modal/modal.ts index 438361411a3..a5a9060f9fb 100644 --- a/ui/src/app/edge/live/Controller/Evcs/modal/modal.ts +++ b/ui/src/app/edge/live/Controller/Evcs/modal/modal.ts @@ -83,7 +83,7 @@ export class ModalComponent extends AbstractModal { protected override onCurrentData(currentData: CurrentData) { this.isConnectionSuccessful = currentData.allComponents[this.component.id + '/State'] !== 3 ? true : false; - // Do not change values after touching formControls + // Do not change values after touching formControls if (this.formGroup?.pristine) { this.status = this.getState(currentData.allComponents[this.component.id + "/Status"], currentData.allComponents[this.component.id + "/Plug"]); this.chargePower = Utils.convertChargeDischargePower(this.translate, currentData.allComponents[this.component.id + "/ChargePower"]); @@ -194,10 +194,10 @@ export class ModalComponent extends AbstractModal { /** * Returns the state of the EVCS - * + * * @param state the state * @param plug the plug - * + * */ private getState(state: number, plug: number): string { if (this.controller?.properties.enabledCharging && this.controller.properties.enabledCharging == false) { diff --git a/ui/src/app/edge/live/Controller/Io/FixDigitalOutput/modal/modal.component.ts b/ui/src/app/edge/live/Controller/Io/FixDigitalOutput/modal/modal.component.ts index 42dfe748325..ed67c543f09 100644 --- a/ui/src/app/edge/live/Controller/Io/FixDigitalOutput/modal/modal.component.ts +++ b/ui/src/app/edge/live/Controller/Io/FixDigitalOutput/modal/modal.component.ts @@ -21,10 +21,10 @@ export class Controller_Io_FixDigitalOutputModalComponent { public websocket: Websocket, ) { } - /** + /** * Updates the 'isOn'-Property of the FixDigitalOutput-Controller. - * - * @param event + * + * @param event */ updateMode(event: CustomEvent) { let oldMode = this.component.properties.isOn; diff --git a/ui/src/app/edge/live/Multiple/Evcs_Api_Cluster/Evcs_Api_Cluster.ts b/ui/src/app/edge/live/Multiple/Evcs_Api_Cluster/Evcs_Api_Cluster.ts index 14f5e34b0f0..f8d286cbf31 100644 --- a/ui/src/app/edge/live/Multiple/Evcs_Api_Cluster/Evcs_Api_Cluster.ts +++ b/ui/src/app/edge/live/Multiple/Evcs_Api_Cluster/Evcs_Api_Cluster.ts @@ -56,7 +56,7 @@ export class Evcs_Api_ClusterComponent extends AbstractFlatWidget { let controllers = this.config.getComponentsByFactory("Controller.Evcs"); - // Adds the controllers to the each charging stations + // Adds the controllers to the each charging stations controllers.forEach(controller => { if (this.evcsIdsInCluster.includes(controller.properties['evcs.id'])) { this.evcsMap[controller.properties['evcs.id']] = controller; diff --git a/ui/src/app/edge/live/Multiple/Evcs_Api_Cluster/modal/evcsCluster-modal.page.ts b/ui/src/app/edge/live/Multiple/Evcs_Api_Cluster/modal/evcsCluster-modal.page.ts index 95abaa1a6bd..838ccc9e045 100644 --- a/ui/src/app/edge/live/Multiple/Evcs_Api_Cluster/modal/evcsCluster-modal.page.ts +++ b/ui/src/app/edge/live/Multiple/Evcs_Api_Cluster/modal/evcsCluster-modal.page.ts @@ -86,10 +86,10 @@ export class Evcs_Api_ClusterModalComponent implements OnInit { this.modalCtrl.dismiss(); } - /** + /** * Updates the Charge-Mode of the EVCS-Controller. - * - * @param event + * + * @param event */ updateChargeMode(event: CustomEvent, currentController: EdgeConfig.Component) { let oldChargeMode = currentController.properties.chargeMode; @@ -200,9 +200,9 @@ export class Evcs_Api_ClusterModalComponent implements OnInit { /** * update the state of the toggle which renders the minimum charge power - * - * @param event - * @param phases + * + * @param event + * @param phases */ allowMinimumChargePower(event: CustomEvent, phases: number, currentController: EdgeConfig.Component) { @@ -228,8 +228,8 @@ export class Evcs_Api_ClusterModalComponent implements OnInit { /** * Activates or deactivates the Charging - * - * @param event + * + * @param event */ enableOrDisableCharging(event: CustomEvent, currentController: EdgeConfig.Component) { @@ -250,10 +250,10 @@ export class Evcs_Api_ClusterModalComponent implements OnInit { } /** * Gets the output for the current state or the current charging power - * - * @param power - * @param state - * @param plug + * + * @param power + * @param state + * @param plug */ getState(power: Number, state: number, plug: number, currentController: EdgeConfig.Component) { if (currentController != null) { @@ -296,10 +296,10 @@ export class Evcs_Api_ClusterModalComponent implements OnInit { } /** - * Round to 100 and + * Round to 100 and * Round up (ceil) - * - * @param i + * + * @param i */ formatNumber(i: number) { let round = Math.ceil(i / 100) * 100; @@ -308,8 +308,8 @@ export class Evcs_Api_ClusterModalComponent implements OnInit { /** * Get Value or 3 - * - * @param i + * + * @param i */ getValueOrThree(i: number) { if (i == null || i == undefined) { @@ -347,7 +347,7 @@ enum ChargeState { ERROR, //Error AUTHORIZATION_REJECTED, //Authorization rejected ENERGY_LIMIT_REACHED, //Charge limit reached - CHARGING_FINISHED //Charging has finished + CHARGING_FINISHED //Charging has finished } enum ChargePlug { diff --git a/ui/src/app/edge/live/common/grid/flat/flat.ts b/ui/src/app/edge/live/common/grid/flat/flat.ts index 06d24c747f5..f899ec73630 100644 --- a/ui/src/app/edge/live/common/grid/flat/flat.ts +++ b/ui/src/app/edge/live/common/grid/flat/flat.ts @@ -23,7 +23,7 @@ export class FlatComponent extends AbstractFlatWidget { let channelAddresses: ChannelAddress[] = [ FlatComponent.GRID_ACTIVE_POWER, FlatComponent.GRID_MODE, - // TODO should be moved to Modal + // TODO should be moved to Modal new ChannelAddress('_sum', 'GridActivePowerL1'), new ChannelAddress('_sum', 'GridActivePowerL2'), new ChannelAddress('_sum', 'GridActivePowerL3'), diff --git a/ui/src/app/edge/live/common/storage/modal/modal.component.ts b/ui/src/app/edge/live/common/storage/modal/modal.component.ts index b7afc296161..49cce2ba416 100644 --- a/ui/src/app/edge/live/common/storage/modal/modal.component.ts +++ b/ui/src/app/edge/live/common/storage/modal/modal.component.ts @@ -102,13 +102,13 @@ export class StorageModalComponent implements OnInit, OnDestroy { let expectedStartOfPreparation = new Date(0); expectedStartOfPreparation.setUTCSeconds(epochSeconds ?? 0); - // If targetTime not set, not equals 0 or targetTime is no valid time, + // If targetTime not set, not equals 0 or targetTime is no valid time, // then set targetTime to null if (!targetTime || targetTime == 0 || isNaN(Date.parse(targetTime))) { targetTime = null; } - // Channel "ExpectedStartEpochSeconds" is not set + // Channel "ExpectedStartEpochSeconds" is not set if ((epochSeconds == null || epochSeconds == 0)) { this.isTargetTimeInValid.set(essId, true); diff --git a/ui/src/app/edge/live/common/storage/storage.component.ts b/ui/src/app/edge/live/common/storage/storage.component.ts index 955e3841dfa..2267cd848e7 100644 --- a/ui/src/app/edge/live/common/storage/storage.component.ts +++ b/ui/src/app/edge/live/common/storage/storage.component.ts @@ -140,7 +140,7 @@ export class StorageComponent extends AbstractFlatWidget { } else if ((essIsCharging != null && essIsCharging == 1) || (essIsDischarging != null && essIsDischarging == 1)) { - // If Ess is charging to or discharging to the targetSoc + // If Ess is charging to or discharging to the targetSoc return { color: 'orange', text: this.translate.instant('Edge.Index.RETROFITTING.PREPARING') }; } else { return null; @@ -177,7 +177,7 @@ export class StorageComponent extends AbstractFlatWidget { /** * Use 'convertChargePower' to convert/map a value - * + * * @param value takes @Input value or channelAddress for chargePower * @returns value */ @@ -187,7 +187,7 @@ export class StorageComponent extends AbstractFlatWidget { /** * Use 'convertDischargePower' to convert/map a value - * + * * @param value takes @Input value or channelAddress for dischargePower * @returns value */ @@ -197,8 +197,8 @@ export class StorageComponent extends AbstractFlatWidget { /** * Use 'convertPower' to check whether 'charge/discharge' and to be only showed when not negative - * - * @param value takes passed value when called + * + * @param value takes passed value when called * @returns only positive and 0 */ public convertPower(value: number, isCharge?: boolean) { @@ -208,7 +208,7 @@ export class StorageComponent extends AbstractFlatWidget { let thisValue: number = (value / 1000); - // Round thisValue to Integer when decimal place equals 0 + // Round thisValue to Integer when decimal place equals 0 if (thisValue > 0) { return formatNumber(thisValue, 'de', '1.0-1') + " kW"; // TODO get locale dynamically diff --git a/ui/src/app/edge/live/energymonitor/chart/section/abstractsection.component.ts b/ui/src/app/edge/live/energymonitor/chart/section/abstractsection.component.ts index 0039f1971cd..85db3d1d101 100644 --- a/ui/src/app/edge/live/energymonitor/chart/section/abstractsection.component.ts +++ b/ui/src/app/edge/live/energymonitor/chart/section/abstractsection.component.ts @@ -193,7 +193,7 @@ export abstract class AbstractSection { /** * Gets the SVG for EnergyFlow - * + * * @param ratio the ratio of the value [-1,1] * scale factor * @param radius the available radius */ @@ -201,7 +201,7 @@ export abstract class AbstractSection { /** * Gets the SVG for EnergyFlowAnimation - * + * * @param ratio the ratio of the value [-1,1] * scale factor * @param radius the available radius */ @@ -209,7 +209,7 @@ export abstract class AbstractSection { /** * Updates the Values for this Section. - * + * * @param sum the CurrentData.Summary */ public updateCurrentData(sum: DefaultTypes.Summary): void { @@ -219,14 +219,14 @@ export abstract class AbstractSection { /** * Updates the Values for this Section. Should internally call updateSectionData(). - * + * * @param sum the CurrentData.Summary */ protected abstract _updateCurrentData(sum: DefaultTypes.Summary): void; /** * This method is called on every change of values. - * + * * @param valueAbsolute the absolute value of the Section * @param valueRatio the relative value of the Section in [-1,1] * @param sumRatio the relative value of the Section compared to the total System.InPower/OutPower [0,1] @@ -259,7 +259,7 @@ export abstract class AbstractSection { .endAngle(this.deg2rad(valueEndAngle)); this.valuePath = valueArc(); - /* + /* * Create the energy flow direction arrow */ if (!sumRatio) { diff --git a/ui/src/app/edge/settings/app/formly/option-group-picker/optionGroupPickerConfiguration.ts b/ui/src/app/edge/settings/app/formly/option-group-picker/optionGroupPickerConfiguration.ts index 76081b003ef..b94cf2c456c 100644 --- a/ui/src/app/edge/settings/app/formly/option-group-picker/optionGroupPickerConfiguration.ts +++ b/ui/src/app/edge/settings/app/formly/option-group-picker/optionGroupPickerConfiguration.ts @@ -32,9 +32,9 @@ export type Option = { /** * Gets the title of an OptionConfig that should be display. - * + * * @param option the config to get the title from - * @param field + * @param field * @returns the title of the option */ export function getTitleFromOptionConfig(option: OptionConfig, field: FormlyFieldConfig): string { diff --git a/ui/src/app/edge/settings/app/formly/safe-input/formly-safe-input.extended.ts b/ui/src/app/edge/settings/app/formly/safe-input/formly-safe-input.extended.ts index f566c5649e3..af18e0ba539 100644 --- a/ui/src/app/edge/settings/app/formly/safe-input/formly-safe-input.extended.ts +++ b/ui/src/app/edge/settings/app/formly/safe-input/formly-safe-input.extended.ts @@ -63,7 +63,7 @@ export class FormlySafeInputWrapperComponent extends FieldWrapper implements OnI this.model[key] = value; } - // set values with current form value when the fields are set via fieldGroup + // set values with current form value when the fields are set via fieldGroup // to make sure every value gets set accordingly to the object hierarchy if (this.field.fieldGroup) { this.form.setValue(this.form.getRawValue()); diff --git a/ui/src/app/edge/settings/app/install.component.ts b/ui/src/app/edge/settings/app/install.component.ts index 31d5b13aab2..2672d9235ab 100644 --- a/ui/src/app/edge/settings/app/install.component.ts +++ b/ui/src/app/edge/settings/app/install.component.ts @@ -175,7 +175,7 @@ export class InstallAppComponent implements OnInit, OnDestroy { /** * Gets the key to install the current app with. - * + * * @returns the key or null if the predefined key gets used */ private obtainKey(): Promise { @@ -236,7 +236,7 @@ export class InstallAppComponent implements OnInit, OnDestroy { /** * Displays a error toast with the string supplied from the messageBuilder. * If the error is from a Jsonrpc call the error message gets extracted. - * + * * @param service the service to open the toast with * @param messageBuilder the message supplier * @returns a method to handle a catch from a promise diff --git a/ui/src/app/edge/settings/app/jsonrpc/addAppInstance.ts b/ui/src/app/edge/settings/app/jsonrpc/addAppInstance.ts index 879e40c743e..6ed8717ca8b 100644 --- a/ui/src/app/edge/settings/app/jsonrpc/addAppInstance.ts +++ b/ui/src/app/edge/settings/app/jsonrpc/addAppInstance.ts @@ -3,10 +3,10 @@ import { GetAppInstances } from "./getAppInstances"; /** * Adds an OpenemsAppInstance. - * + * *

* Request: - * + * * 

  * {
  *   "jsonrpc": "2.0",
@@ -19,10 +19,10 @@ import { GetAppInstances } from "./getAppInstances";
  *   }
  * }
  *
- * + * *

* Response: - * + * * 

  * {
  *   "jsonrpc": "2.0",
diff --git a/ui/src/app/edge/settings/app/jsonrpc/deleteAppInstance.ts b/ui/src/app/edge/settings/app/jsonrpc/deleteAppInstance.ts
index 7b5c7a0cb38..3ec54287d34 100644
--- a/ui/src/app/edge/settings/app/jsonrpc/deleteAppInstance.ts
+++ b/ui/src/app/edge/settings/app/jsonrpc/deleteAppInstance.ts
@@ -2,10 +2,10 @@ import { JsonrpcRequest } from "../../../../shared/jsonrpc/base";
 
 /**
  * Updates an instance of an {@link OpenemsApp}.
- * 
+ *
  * 

  * Request:
- * 
+ *
  * 
  * {
  *   "jsonrpc": "2.0",
@@ -16,10 +16,10 @@ import { JsonrpcRequest } from "../../../../shared/jsonrpc/base";
  *   }
  * }
  * 

- * 
+ *
  * 

  * Response:
- * 
+ *
  * 
  * {
  *   "jsonrpc": "2.0",
diff --git a/ui/src/app/edge/settings/app/jsonrpc/flag/flags.ts b/ui/src/app/edge/settings/app/jsonrpc/flag/flags.ts
index 389d9f7529d..a7bc5a667fd 100644
--- a/ui/src/app/edge/settings/app/jsonrpc/flag/flags.ts
+++ b/ui/src/app/edge/settings/app/jsonrpc/flag/flags.ts
@@ -7,11 +7,11 @@ export namespace Flags {
 
     /**
      * Gets a flag by its type from an array of flags.
-     * 
+     *
      * @param flags the flags to search for the specific type
      * @param type the FlagType of the flag
      * @returns the flag or undefined if not found
-     * 
+     *
      * @see Flag
      */
     export function getByType(flags: Flag[], type: FlagType): Type | undefined {
diff --git a/ui/src/app/edge/settings/app/jsonrpc/getApp.ts b/ui/src/app/edge/settings/app/jsonrpc/getApp.ts
index 5dfb4229200..55363b4bbc6 100644
--- a/ui/src/app/edge/settings/app/jsonrpc/getApp.ts
+++ b/ui/src/app/edge/settings/app/jsonrpc/getApp.ts
@@ -3,7 +3,7 @@ import { GetApps } from "./getApps";
 
 /**
  * Represents a JSON-RPC Request for 'getApps'.
- * 
+ *
  * 
  * {
  *   "jsonrpc": "2.0",
@@ -12,7 +12,7 @@ import { GetApps } from "./getApps";
  *   "params": {}
  * }
  * 

- * 
+ *
  * 

  * Response:
  * 
diff --git a/ui/src/app/edge/settings/app/jsonrpc/getAppAssistant.ts b/ui/src/app/edge/settings/app/jsonrpc/getAppAssistant.ts
index f95e9db4c7a..6ccb7fc12ac 100644
--- a/ui/src/app/edge/settings/app/jsonrpc/getAppAssistant.ts
+++ b/ui/src/app/edge/settings/app/jsonrpc/getAppAssistant.ts
@@ -5,7 +5,7 @@ import { JsonrpcRequest, JsonrpcResponseSuccess } from "../../../../shared/jsonr
 
 /**
  * Represents a JSON-RPC Request for 'getAppAssistant'.
- * 
+ *
  * 
  * {
  *   "jsonrpc": "2.0",
@@ -16,10 +16,10 @@ import { JsonrpcRequest, JsonrpcResponseSuccess } from "../../../../shared/jsonr
  *   }
  * }
  * 

- * 
+ *
  * 

  * Response:
- * 
+ *
  * 
  * {
  *   "jsonrpc": "2.0",
@@ -103,7 +103,7 @@ export namespace GetAppAssistant {
 
     /**
      * Iterates over the given field an all child fields.
-     * 
+     *
      * @param field the current field to iterate thrue
      * @returns true if any field has 'ALIAS' as their key
      */
@@ -162,7 +162,7 @@ export namespace GetAppAssistant {
 
     /**
      * Converts expression strings of a 'formly-option-group-picker' to functions.
-     * 
+     *
      * e. g.
      * {
      *     group: 'exampleGroup',
@@ -187,7 +187,7 @@ export namespace GetAppAssistant {
      *          }
      *     ]
      * }
-     * 
+     *
      * @param rootFields the root fields
      * @param field the current field
      */
@@ -250,11 +250,11 @@ export namespace GetAppAssistant {
 
     /**
      * Converts a string expression e. g.
-     * 
+     *
      * "model.A < model.B" to "+model.A < +model.B"
-     * 
+     *
      * if the property value of the model is a number.
-     * 
+     *
      * @param field         the field
      * @param expression    the expression to convert
      * @returns the converted expression
diff --git a/ui/src/app/edge/settings/app/jsonrpc/getAppDescriptor.ts b/ui/src/app/edge/settings/app/jsonrpc/getAppDescriptor.ts
index 00edc2ffc58..e7295b7cce3 100644
--- a/ui/src/app/edge/settings/app/jsonrpc/getAppDescriptor.ts
+++ b/ui/src/app/edge/settings/app/jsonrpc/getAppDescriptor.ts
@@ -4,7 +4,7 @@ import { JsonrpcRequest, JsonrpcResponseSuccess } from "../../../../shared/jsonr
 
 /**
  * Represents a JSON-RPC Request for 'getAppDescriptor'.
- * 
+ *
  * 
  * {
  *   "jsonrpc": "2.0",
@@ -15,10 +15,10 @@ import { JsonrpcRequest, JsonrpcResponseSuccess } from "../../../../shared/jsonr
  *   }
  * }
  * 

- * 
+ *
  * 

  * Response:
- * 
+ *
  * 
  * {
  *   "jsonrpc": "2.0",
diff --git a/ui/src/app/edge/settings/app/jsonrpc/getAppInstances.ts b/ui/src/app/edge/settings/app/jsonrpc/getAppInstances.ts
index 467d4b0dabd..51641df80a9 100644
--- a/ui/src/app/edge/settings/app/jsonrpc/getAppInstances.ts
+++ b/ui/src/app/edge/settings/app/jsonrpc/getAppInstances.ts
@@ -2,10 +2,10 @@ import { JsonrpcRequest, JsonrpcResponseSuccess } from "../../../../shared/jsonr
 
 /**
  * Represents a JSON-RPC Request for 'getAppInstances'.
- * 
+ *
  * 

  * Request:
- * 
+ *
  * 
  * {
  *   "jsonrpc": "2.0",
@@ -16,10 +16,10 @@ import { JsonrpcRequest, JsonrpcResponseSuccess } from "../../../../shared/jsonr
  *   }
  * }
  * 

- * 
+ *
  * 

  * Response:
- * 
+ *
  * 
  * {
  *   "jsonrpc": "2.0",
diff --git a/ui/src/app/edge/settings/app/jsonrpc/getApps.ts b/ui/src/app/edge/settings/app/jsonrpc/getApps.ts
index 85e312f12c9..5c90982b190 100644
--- a/ui/src/app/edge/settings/app/jsonrpc/getApps.ts
+++ b/ui/src/app/edge/settings/app/jsonrpc/getApps.ts
@@ -3,7 +3,7 @@ import { Flag } from "./flag/flag";
 
 /**
  * Represents a JSON-RPC Request for 'getApps'.
- * 
+ *
  * 
  * {
  *   "jsonrpc": "2.0",
@@ -12,7 +12,7 @@ import { Flag } from "./flag/flag";
  *   "params": {}
  * }
  * 

- * 
+ *
  * 

  * Response:
  * 
diff --git a/ui/src/app/edge/settings/app/jsonrpc/updateAppInstance.ts b/ui/src/app/edge/settings/app/jsonrpc/updateAppInstance.ts
index 35d4b0cfac3..d57970e4787 100644
--- a/ui/src/app/edge/settings/app/jsonrpc/updateAppInstance.ts
+++ b/ui/src/app/edge/settings/app/jsonrpc/updateAppInstance.ts
@@ -3,10 +3,10 @@ import { GetAppInstances } from "./getAppInstances";
 
 /**
  * Updates an instance of an {@link OpenemsApp}.
- * 
+ *
  * 

  * Request:
- * 
+ *
  * 
  * {
  *   "jsonrpc": "2.0",
@@ -19,10 +19,10 @@ import { GetAppInstances } from "./getAppInstances";
  *   }
  * }
  * 

- * 
+ *
  * 

  * Response:
- * 
+ *
  * 
  * {
  *   "jsonrpc": "2.0",
diff --git a/ui/src/app/edge/settings/app/keypopup/appCenter.ts b/ui/src/app/edge/settings/app/keypopup/appCenter.ts
index cd7eadbda82..7eb44b71ffa 100644
--- a/ui/src/app/edge/settings/app/keypopup/appCenter.ts
+++ b/ui/src/app/edge/settings/app/keypopup/appCenter.ts
@@ -2,10 +2,10 @@ import { JsonrpcRequest } from "src/app/shared/jsonrpc/base";
 
 /**
  * Wrapper for Requests specific to AppCenter.
- * 
+ *
  * 

  * Request:
- * 
+ *
  * 
  * {
  *   "jsonrpc": "2.0",
@@ -16,10 +16,10 @@ import { JsonrpcRequest } from "src/app/shared/jsonrpc/base";
  *   }
  * }
  * 

- * 
+ *
  * 

  * Response:
- * 
+ *
  * 
  * The response base on the request in the payload.
  * 

diff --git a/ui/src/app/edge/settings/app/keypopup/appCenterAddRegisterKeyHistory.ts b/ui/src/app/edge/settings/app/keypopup/appCenterAddRegisterKeyHistory.ts
index 63c51c52c33..e97191cda88 100644
--- a/ui/src/app/edge/settings/app/keypopup/appCenterAddRegisterKeyHistory.ts
+++ b/ui/src/app/edge/settings/app/keypopup/appCenterAddRegisterKeyHistory.ts
@@ -2,13 +2,13 @@ import { JsonrpcRequest } from "src/app/shared/jsonrpc/base";
 
 /**
  * Registeres a Key to the current edge and the given app.
- * 
+ *
  * 

  * Note: This Request needs to be wrapped in a appCenter Request.
- * 
+ *
  * 

  * Request:
- * 
+ *
  * 
  * {
  *   "jsonrpc": "2.0",
@@ -20,10 +20,10 @@ import { JsonrpcRequest } from "src/app/shared/jsonrpc/base";
  *   }
  * }
  * 

- * 
+ *
  * 

  * Response:
- * 
+ *
  * 
  * {
  *   "jsonrpc": "2.0",
diff --git a/ui/src/app/edge/settings/app/keypopup/appCenterGetPossibleApps.ts b/ui/src/app/edge/settings/app/keypopup/appCenterGetPossibleApps.ts
index 1d774369ed9..7dc01e17104 100644
--- a/ui/src/app/edge/settings/app/keypopup/appCenterGetPossibleApps.ts
+++ b/ui/src/app/edge/settings/app/keypopup/appCenterGetPossibleApps.ts
@@ -4,13 +4,13 @@ import { App } from "./app";
 
 /**
  * Gets the Apps that can be installed with the given key.
- * 
+ *
  * 

  * Note: This Request needs to be wrapped in a appCenter Request.
- * 
+ *
  * 

  * Request:
- * 
+ *
  * 
  * {
  *   "jsonrpc": "2.0",
@@ -21,10 +21,10 @@ import { App } from "./app";
  *   }
  * }
  * 

- * 
+ *
  * 

  * Response:
- * 
+ *
  * 
  * {
  *   "jsonrpc": "2.0",
diff --git a/ui/src/app/edge/settings/app/keypopup/appCenterGetRegisteredKeys.ts b/ui/src/app/edge/settings/app/keypopup/appCenterGetRegisteredKeys.ts
index c12cd5a1d4e..101621dbb14 100644
--- a/ui/src/app/edge/settings/app/keypopup/appCenterGetRegisteredKeys.ts
+++ b/ui/src/app/edge/settings/app/keypopup/appCenterGetRegisteredKeys.ts
@@ -4,13 +4,13 @@ import { Key } from "./key";
 
 /**
  * Gets the registered keys to the current edge and if provided to the given app.
- * 
+ *
  * 

  * Note: This Request needs to be wrapped in a appCenter Request.
- * 
+ *
  * 

  * Request:
- * 
+ *
  * 
  * {
  *   "jsonrpc": "2.0",
@@ -21,10 +21,10 @@ import { Key } from "./key";
  *   }
  * }
  * 

- * 
+ *
  * 

  * Response:
- * 
+ *
  * 
  * {
  *   "jsonrpc": "2.0",
diff --git a/ui/src/app/edge/settings/app/keypopup/appCenterInstallAppWithSuppliedKey.ts b/ui/src/app/edge/settings/app/keypopup/appCenterInstallAppWithSuppliedKey.ts
index bb5812789ef..fd6e235fd71 100644
--- a/ui/src/app/edge/settings/app/keypopup/appCenterInstallAppWithSuppliedKey.ts
+++ b/ui/src/app/edge/settings/app/keypopup/appCenterInstallAppWithSuppliedKey.ts
@@ -2,13 +2,13 @@ import { JsonrpcRequest } from "src/app/shared/jsonrpc/base";
 
 /**
  * Gets if a key can be redeemed.
- * 
+ *
  * 

  * Note: This Request needs to be wrapped in a appCenter Request.
- * 
+ *
  * 

  * Request:
- * 
+ *
  * 
  * {
  *   "jsonrpc": "2.0",
@@ -20,7 +20,7 @@ import { JsonrpcRequest } from "src/app/shared/jsonrpc/base";
  *   }
  * }
  * 

- * 
+ *
  * 

  * Response: AddAppInstance#Response
  */
diff --git a/ui/src/app/edge/settings/app/keypopup/appCenterIsAppFree.ts b/ui/src/app/edge/settings/app/keypopup/appCenterIsAppFree.ts
index 0a25a821f45..0ae74f5928e 100644
--- a/ui/src/app/edge/settings/app/keypopup/appCenterIsAppFree.ts
+++ b/ui/src/app/edge/settings/app/keypopup/appCenterIsAppFree.ts
@@ -2,13 +2,13 @@ import { JsonrpcRequest, JsonrpcResponseSuccess } from "src/app/shared/jsonrpc/b
 
 /**
  * Gets if the key is free.
- * 
+ *
  * 

  * Note: This Request needs to be wrapped in a appCenter Request.
- * 
+ *
  * 

  * Request:
- * 
+ *
  * 
  * {
  *   "jsonrpc": "2.0",
@@ -19,10 +19,10 @@ import { JsonrpcRequest, JsonrpcResponseSuccess } from "src/app/shared/jsonrpc/b
  *   }
  * }
  * 

- * 
+ *
  * 

  * Response:
- * 
+ *
  * 
  * {
  *   "jsonrpc": "2.0",
diff --git a/ui/src/app/edge/settings/app/keypopup/appCenterIsKeyApplicable.ts b/ui/src/app/edge/settings/app/keypopup/appCenterIsKeyApplicable.ts
index 66e84cc9fc5..447d55c27e4 100644
--- a/ui/src/app/edge/settings/app/keypopup/appCenterIsKeyApplicable.ts
+++ b/ui/src/app/edge/settings/app/keypopup/appCenterIsKeyApplicable.ts
@@ -4,13 +4,13 @@ import { App } from "./app";
 
 /**
  * Gets if a key can be redeemed.
- * 
+ *
  * 

  * Note: This Request needs to be wrapped in a appCenter Request.
- * 
+ *
  * 

  * Request:
- * 
+ *
  * 
  * {
  *   "jsonrpc": "2.0",
@@ -22,10 +22,10 @@ import { App } from "./app";
  *   }
  * }
  * 

- * 
+ *
  * 

  * Response:
- * 
+ *
  * 
  * {
  *   "jsonrpc": "2.0",
diff --git a/ui/src/app/edge/settings/app/keypopup/modal.component.ts b/ui/src/app/edge/settings/app/keypopup/modal.component.ts
index 7f2b0885f0e..47e78e3786d 100644
--- a/ui/src/app/edge/settings/app/keypopup/modal.component.ts
+++ b/ui/src/app/edge/settings/app/keypopup/modal.component.ts
@@ -117,7 +117,7 @@ export class KeyModalComponent implements OnInit {
         const descriptionFields = [];
         for (const bundle of bundles) {
             let isCategorySet = false;
-            // if multiple apps are in bundle find category which has all the apps 
+            // if multiple apps are in bundle find category which has all the apps
             // and set the category name as the description
             for (const [catName, apps] of Object.entries(this.getAppsByCategory())) {
                 if (apps.every(app => {
@@ -167,7 +167,7 @@ export class KeyModalComponent implements OnInit {
 
     /**
      * Gets the input fields.
-     * 
+     *
      * @returns the input fields
      */
     private getFields(): FormlyFieldConfig[] {
@@ -262,10 +262,10 @@ export class KeyModalComponent implements OnInit {
 
     /**
      * Transformes the input so that the input matches the pattern 'XXXX-XXXX-XXXX-XXXX'.
-     * 
+     *
      * Prevents the user from typing in an invalid key.
-     * Gets automatically called when the user types something in. 
-     * 
+     * Gets automatically called when the user types something in.
+     *
      * @param value the value to transform
      * @returns the transformed value or null if there was no change to the given value
      */
@@ -300,7 +300,7 @@ export class KeyModalComponent implements OnInit {
 
         // join parts so it matches 'XXXX-XXXX-XXXX-XXXX'
         let modifiedValue = numbers.join('-');
-        // readd last 
+        // readd last
         if (hasDashAsLastChar) {
             modifiedValue += '-';
         }
@@ -315,13 +315,13 @@ export class KeyModalComponent implements OnInit {
 
     /**
      * Depending on the behaviour:
-     * 
+     *
      * KeyValidationBehaviour.NAVIGATE:
      *  navigates to the install page of the app and passes the key
-     * 
+     *
      * KeyValidationBehaviour.REGISTER:
      *  registers the entered key for the passed app
-     * 
+     *
      * KeyValidationBehaviour.SELECT:
      *  if a valid key gets selected it gets returned
      */
@@ -382,7 +382,7 @@ export class KeyModalComponent implements OnInit {
 
     /**
      * Gets the selected key.
-     * 
+     *
      * @returns the selected key
      */
     private getSelectedKey() {
@@ -447,7 +447,7 @@ export class KeyModalComponent implements OnInit {
 
     /**
      * Gets the currently entered key.
-     * 
+     *
      * @returns the entered key
      */
     private getRawAppKey(): string {
@@ -460,7 +460,7 @@ export class KeyModalComponent implements OnInit {
 
     /**
      * Determines if the current selected key is valid.
-     * 
+     *
      * @returns true if the current selected key is valid
      */
     protected isKeyValid(): boolean {
diff --git a/ui/src/app/edge/settings/channels/channels.component.ts b/ui/src/app/edge/settings/channels/channels.component.ts
index 8921efc45cd..0badd89bad6 100644
--- a/ui/src/app/edge/settings/channels/channels.component.ts
+++ b/ui/src/app/edge/settings/channels/channels.component.ts
@@ -51,7 +51,7 @@ export class ChannelsComponent {
 
   /**
    * Subscribes a channel
-   * 
+   *
    * @param componentId the componentId
    * @param channelId the channelId
    */
@@ -82,7 +82,7 @@ export class ChannelsComponent {
   }
   /**
    * Unsubscribes a channel
-   * 
+   *
    * @param channelAddress the channelAddress to be unsubscribed
    */
   protected unsubscribeChannel(channelAddress: ChannelAddress): void {
diff --git a/ui/src/app/edge/settings/component/install/install.component.ts b/ui/src/app/edge/settings/component/install/install.component.ts
index b0695f6253d..a22917a3c77 100644
--- a/ui/src/app/edge/settings/component/install/install.component.ts
+++ b/ui/src/app/edge/settings/component/install/install.component.ts
@@ -56,7 +56,7 @@ export class ComponentInstallComponent implements OnInit {
             description: property.description,
           },
         };
-        // add Property Schema 
+        // add Property Schema
         Utils.deepCopy(property.schema, field);
         fields.push(field);
         if (defaultValue != null) {
diff --git a/ui/src/app/edge/settings/component/update/update.component.ts b/ui/src/app/edge/settings/component/update/update.component.ts
index 894e3a032d6..d710984743f 100644
--- a/ui/src/app/edge/settings/component/update/update.component.ts
+++ b/ui/src/app/edge/settings/component/update/update.component.ts
@@ -57,7 +57,7 @@ export class ComponentUpdateComponent implements OnInit {
             required: property.isRequired,
           },
         };
-        // add Property Schema 
+        // add Property Schema
         Utils.deepCopy(property.schema, field);
         fields.push(field);
         if (component.properties[property.id]) {
diff --git a/ui/src/app/edge/settings/network/getNetworkConfigRequest.ts b/ui/src/app/edge/settings/network/getNetworkConfigRequest.ts
index 7a7715f382d..70ae0c9ee1d 100644
--- a/ui/src/app/edge/settings/network/getNetworkConfigRequest.ts
+++ b/ui/src/app/edge/settings/network/getNetworkConfigRequest.ts
@@ -2,7 +2,7 @@ import { JsonrpcRequest } from "../../../shared/jsonrpc/base";
 
 /**
  * Represents a JSON-RPC Request for 'getNetworkConfig'.
- * 
+ *
  * 
  * {
  *   "jsonrpc": "2.0",
diff --git a/ui/src/app/edge/settings/network/getNetworkConfigResponse.ts b/ui/src/app/edge/settings/network/getNetworkConfigResponse.ts
index 8c9ed525455..89f462a4b75 100644
--- a/ui/src/app/edge/settings/network/getNetworkConfigResponse.ts
+++ b/ui/src/app/edge/settings/network/getNetworkConfigResponse.ts
@@ -3,9 +3,9 @@ import { NetworkInterface } from './shared';
 
 /**
  * JSON-RPC Response to "getNetworkConfig" Request.
- * 
+ *
  * 

- * 
+ *
  * 
  * {
  *   "jsonrpc": "2.0",
diff --git a/ui/src/app/edge/settings/network/network.component.ts b/ui/src/app/edge/settings/network/network.component.ts
index bdc515a0294..d5ec98c0961 100644
--- a/ui/src/app/edge/settings/network/network.component.ts
+++ b/ui/src/app/edge/settings/network/network.component.ts
@@ -99,7 +99,7 @@ export class NetworkComponent implements OnInit {
       iface.model.ip = null;
       iface.model.subnetmask = null;
     } else {
-      // Ip address and subnetmask entered from regular form will be labelled as 'static'. 
+      // Ip address and subnetmask entered from regular form will be labelled as 'static'.
       addressJson.push({
         label: 'static',
         address: iface.model.ip,
@@ -128,9 +128,9 @@ export class NetworkComponent implements OnInit {
   }
 
   /**
-   * Hide expression dosent work with custom type 'repeat'. 
+   * Hide expression dosent work with custom type 'repeat'.
    * So this is the workaround for that functionality.
-   * 
+   *
    * @param index index of the form from form array.
    * @param value boolean value respresenting to show or hide.
    */
@@ -146,9 +146,9 @@ export class NetworkComponent implements OnInit {
 
   /**
    * Converts the subnetmask to a string address.
-   * 
+   *
    * e. g. Converts "24" to "255.255.255.0"
-   * 
+   *
    * @param cidr the CIDR
    * @returns the subnetmask as a string
    */
@@ -164,7 +164,7 @@ export class NetworkComponent implements OnInit {
 
   /**
    * Generates the interface for the individual networks.
-   * 
+   *
    * @param name string to display on the individual network interface window.
    * @param source contains values for individual network.
    */
@@ -197,7 +197,7 @@ export class NetworkComponent implements OnInit {
 
   /**
    * fills the fields with source.
-   * 
+   *
    * @returns FormlyFieldConfig[].
    */
   private fillFields(addressArray: String[]): FormlyFieldConfig[] {
diff --git a/ui/src/app/edge/settings/network/setNetworkConfigRequest.ts b/ui/src/app/edge/settings/network/setNetworkConfigRequest.ts
index c8c71ce4dd6..d42a2e71eaf 100644
--- a/ui/src/app/edge/settings/network/setNetworkConfigRequest.ts
+++ b/ui/src/app/edge/settings/network/setNetworkConfigRequest.ts
@@ -3,7 +3,7 @@ import { NetworkInterface } from './shared';
 
 /**
  * Represents a JSON-RPC Request for 'setNetworkConfig': Updates the current network configuration.
- * 
+ *
  * 
  * {
  *   "jsonrpc": "2.0",
diff --git a/ui/src/app/edge/settings/profile/channelexport/channelExportXlsxRequest.ts b/ui/src/app/edge/settings/profile/channelexport/channelExportXlsxRequest.ts
index 092d595ea3a..215dfa96925 100644
--- a/ui/src/app/edge/settings/profile/channelexport/channelExportXlsxRequest.ts
+++ b/ui/src/app/edge/settings/profile/channelexport/channelExportXlsxRequest.ts
@@ -2,7 +2,7 @@ import { JsonrpcRequest } from '../../../../shared/jsonrpc/base';
 
 /**
  * Exports Channels with current value and metadata to an Excel (xlsx) file.
- * 
+ *
  * 
  * {
  *   "jsonrpc": "2.0",
diff --git a/ui/src/app/edge/settings/profile/modbusapi/getModbusProtocolExportXlsxRequest.ts b/ui/src/app/edge/settings/profile/modbusapi/getModbusProtocolExportXlsxRequest.ts
index 179c83dc306..c67d1cafc52 100644
--- a/ui/src/app/edge/settings/profile/modbusapi/getModbusProtocolExportXlsxRequest.ts
+++ b/ui/src/app/edge/settings/profile/modbusapi/getModbusProtocolExportXlsxRequest.ts
@@ -3,7 +3,7 @@ import { JsonrpcRequest } from '../../../../shared/jsonrpc/base';
 /**
  * Wraps a JSON-RPC Request to query the Modbus Protocol from Modbus/TCP
  * Api-Controller
- * 
+ *
  * 
  * {
  *   "jsonrpc": "2.0",
diff --git a/ui/src/app/edge/settings/profile/modbusapi/getModbusProtocolRequest.ts b/ui/src/app/edge/settings/profile/modbusapi/getModbusProtocolRequest.ts
index c3b937f78d6..b0dbbcc8cdf 100644
--- a/ui/src/app/edge/settings/profile/modbusapi/getModbusProtocolRequest.ts
+++ b/ui/src/app/edge/settings/profile/modbusapi/getModbusProtocolRequest.ts
@@ -3,7 +3,7 @@ import { JsonrpcRequest } from '../../../../shared/jsonrpc/base';
 /**
  * Wraps a JSON-RPC Request to query the Modbus Protocol from Modbus/TCP
  * Api-Controller
- * 
+ *
  * 
  * {
  *   "jsonrpc": "2.0",
diff --git a/ui/src/app/edge/settings/profile/modbusapi/getModbusProtocolResponse.ts b/ui/src/app/edge/settings/profile/modbusapi/getModbusProtocolResponse.ts
index 348112401b4..d1bbe48e7c7 100644
--- a/ui/src/app/edge/settings/profile/modbusapi/getModbusProtocolResponse.ts
+++ b/ui/src/app/edge/settings/profile/modbusapi/getModbusProtocolResponse.ts
@@ -2,7 +2,7 @@ import { JsonrpcResponseSuccess } from '../../../../shared/jsonrpc/base';
 
 /**
  * Wraps a JSON-RPC Response to "getModbusProtocol" Request
- * 
+ *
  * 
  * {
  *   "jsonrpc": "2.0",
diff --git a/ui/src/app/edge/settings/systemupdate/executeSystemUpdate.ts b/ui/src/app/edge/settings/systemupdate/executeSystemUpdate.ts
index e8ec864dd27..25b679e5ebc 100644
--- a/ui/src/app/edge/settings/systemupdate/executeSystemUpdate.ts
+++ b/ui/src/app/edge/settings/systemupdate/executeSystemUpdate.ts
@@ -28,7 +28,7 @@ export class ExecuteSystemUpdate {
 
     /**
      * Starts asking the status of the device.
-     * 
+     *
      * If an update is running the status gets updated till the update is completed.
      * @returns the first received Promise
      */
@@ -84,7 +84,7 @@ export class ExecuteSystemUpdate {
 
     /**
      * Starts to execute the system update.
-     * Gets resolved after the update is fully completed. 
+     * Gets resolved after the update is fully completed.
      * @returns Promise
      */
     public executeSystemUpdate(): Promise {
@@ -116,7 +116,7 @@ export class ExecuteSystemUpdate {
 
     /**
      * Tries to get the status update every 15 seconds until its finished.
-     * 
+     *
      * @returns Promise
      */
     private update(): Promise {
diff --git a/ui/src/app/edge/settings/systemupdate/executeSystemUpdateRequest.ts b/ui/src/app/edge/settings/systemupdate/executeSystemUpdateRequest.ts
index adb9f3b6808..26fe459b5d3 100644
--- a/ui/src/app/edge/settings/systemupdate/executeSystemUpdateRequest.ts
+++ b/ui/src/app/edge/settings/systemupdate/executeSystemUpdateRequest.ts
@@ -2,7 +2,7 @@ import { JsonrpcRequest } from "src/app/shared/jsonrpc/base";
 
 /**
  * Represents a JSON-RPC Request to execute a system update on OpenEMS Edge.
- * 
+ *
  * 
  * {
  *   "jsonrpc": "2.0",
diff --git a/ui/src/app/edge/settings/systemupdate/getSystemUpdateStateRequest.ts b/ui/src/app/edge/settings/systemupdate/getSystemUpdateStateRequest.ts
index 66c546127c6..1da2bd3a62c 100644
--- a/ui/src/app/edge/settings/systemupdate/getSystemUpdateStateRequest.ts
+++ b/ui/src/app/edge/settings/systemupdate/getSystemUpdateStateRequest.ts
@@ -2,7 +2,7 @@ import { JsonrpcRequest } from "src/app/shared/jsonrpc/base";
 
 /**
  * Represents a JSON-RPC Request to get the current state of system update on OpenEMS Edge.
- * 
+ *
  * 
  * {
  *   "jsonrpc": "2.0",
diff --git a/ui/src/app/edge/settings/systemupdate/getSystemUpdateStateResponse.ts b/ui/src/app/edge/settings/systemupdate/getSystemUpdateStateResponse.ts
index 873cd0db53e..c0b6fb0806d 100644
--- a/ui/src/app/edge/settings/systemupdate/getSystemUpdateStateResponse.ts
+++ b/ui/src/app/edge/settings/systemupdate/getSystemUpdateStateResponse.ts
@@ -15,9 +15,9 @@ export interface SystemUpdateState {
 
 /**
  * JSON-RPC Response to "getSystemUpdateState" Request.
- * 
+ *
  * 

- * 
+ *
  * 
  * {
  *   "jsonrpc": "2.0",
diff --git a/ui/src/app/index/filter/filter.component.ts b/ui/src/app/index/filter/filter.component.ts
index 0908f4a346b..aaf4c3f32d9 100644
--- a/ui/src/app/index/filter/filter.component.ts
+++ b/ui/src/app/index/filter/filter.component.ts
@@ -18,8 +18,8 @@ export class FilterComponent {
   constructor(private translate: TranslateService) { }
 
   /**
-   * Collects the search params for a {@link GetEdgesRequest} 
-   * 
+   * Collects the search params for a {@link GetEdgesRequest}
+   *
    * @param event the event
    * @param filter the chosen filter
    */
diff --git a/ui/src/app/index/login.component.ts b/ui/src/app/index/login.component.ts
index 53d4aebd711..8ac3373a0e5 100644
--- a/ui/src/app/index/login.component.ts
+++ b/ui/src/app/index/login.component.ts
@@ -46,7 +46,7 @@ export class LoginComponent implements OnInit, AfterContentChecked, OnDestroy {
 
   async ionViewWillEnter() {
 
-    // Execute Login-Request if url path matches 'demo' 
+    // Execute Login-Request if url path matches 'demo'
     if (this.route.snapshot.routeConfig.path == 'demo') {
 
       await new Promise((resolve) => setTimeout(() => {
@@ -69,7 +69,7 @@ export class LoginComponent implements OnInit, AfterContentChecked, OnDestroy {
 
   /**
    * Trims credentials
-   * 
+   *
    * @param password the password
    * @param username the username
    * @returns trimmed credentials
@@ -83,7 +83,7 @@ export class LoginComponent implements OnInit, AfterContentChecked, OnDestroy {
 
   /**
    * Login to OpenEMS Edge or Backend.
-   * 
+   *
    * @param param data provided in login form
    */
   public doLogin(param: { username?: string, password: string }) {
@@ -107,7 +107,7 @@ export class LoginComponent implements OnInit, AfterContentChecked, OnDestroy {
 
   /**
   * Login to OpenEMS Edge or Backend for demo user.
-  * 
+  *
   * @param param data provided in login form
   */
   public doDemoLogin(param: { username?: string, password: string }) {
diff --git a/ui/src/app/index/overview/overview.component.ts b/ui/src/app/index/overview/overview.component.ts
index 9b3d253de86..f61751a9901 100644
--- a/ui/src/app/index/overview/overview.component.ts
+++ b/ui/src/app/index/overview/overview.component.ts
@@ -67,7 +67,7 @@ export class OverViewComponent implements OnInit, OnDestroy {
 
     /**
      * Search on change, triggered by searchbar input-event.
-     * 
+     *
      * @param event from template passed event
      */
     protected searchOnChange(searchParams?: Map) {
@@ -115,8 +115,8 @@ export class OverViewComponent implements OnInit, OnDestroy {
     }
 
     /**
-     * Updates available edges on scroll-event  
-     * 
+     * Updates available edges on scroll-event
+     *
      * @param infiniteScroll the InfiniteScrollCustomEvent
      */
     doInfinite(infiniteScroll: InfiniteScrollCustomEvent) {
diff --git a/ui/src/app/registration/modal/modal.component.ts b/ui/src/app/registration/modal/modal.component.ts
index ef147d6c73e..26d848cb277 100644
--- a/ui/src/app/registration/modal/modal.component.ts
+++ b/ui/src/app/registration/modal/modal.component.ts
@@ -31,7 +31,7 @@ export class RegistrationModalComponent implements OnInit {
 
   /**
    * Update the form depending on the thrown event (ionChange) value.
-   * 
+   *
    * @param event to get current value and change the form
    */
   updateRegistrationForm(event: CustomEvent) {
diff --git a/ui/src/app/shared/edge/edge.ts b/ui/src/app/shared/edge/edge.ts
index 764b9066375..859979190c1 100644
--- a/ui/src/app/shared/edge/edge.ts
+++ b/ui/src/app/shared/edge/edge.ts
@@ -54,7 +54,7 @@ export class Edge {
 
   /**
    * Gets the Config. If not available yet, it requests it via Websocket.
-   * 
+   *
    * @param websocket the Websocket connection
    */
   public getConfig(websocket: Websocket): BehaviorSubject {
@@ -99,7 +99,7 @@ export class Edge {
 
   /**
    * Add Channels to subscription
-   * 
+   *
    * @param websocket the Websocket
    * @param id        a unique ID for this subscription (e.g. the component selector)
    * @param channels  the subscribed Channel-Addresses
@@ -111,7 +111,7 @@ export class Edge {
 
   /**
    * Refreshes Channels subscriptions on websocket reconnect.
-   * 
+   *
    * @param websocket the Websocket
    */
   public subscribeChannelsOnReconnect(websocket: Websocket): void {
@@ -122,11 +122,11 @@ export class Edge {
 
   /**
    * Removes Channels from subscription
-   * 
+   *
    * @param websocket the Websocket
    * @param id        the unique ID for this subscription
    * @deprecated Use `unsubscribeFromChannels` instead.
-   * 
+   *
    * @todo should be removed
    */
   public unsubscribeChannels(websocket: Websocket, id: string): void {
@@ -136,10 +136,10 @@ export class Edge {
 
   /**
    * Unsubscribes from passed channels
-   * 
+   *
    * @param websocket the Websocket
    * @param channels the channels
-   * 
+   *
    * @todo should be renamed to `unsubscribeChannels` after unsubscribeChannels is removed
    */
   public unsubscribeFromChannels(websocket: Websocket, channels: ChannelAddress[]) {
@@ -159,7 +159,7 @@ export class Edge {
 
   /**
    * Subscribe to System-Log
-   * 
+   *
    * @param websocket the Websocket
    */
   public subscribeSystemLog(websocket: Websocket): Promise {
@@ -168,7 +168,7 @@ export class Edge {
 
   /**
    * Unsubscribe from System-Log
-   * 
+   *
    * @param websocket the Websocket
    */
   public unsubscribeSystemLog(websocket: Websocket): Promise {
@@ -177,7 +177,7 @@ export class Edge {
 
   /**
    * Sends a SubscribeChannelsRequest for all Channels in 'this.subscribedChannels'
-   * 
+   *
    * @param websocket the Websocket
    */
   private sendSubscribeChannels(websocket: Websocket): void {
@@ -227,9 +227,9 @@ export class Edge {
 
   /**
    * Creates a configuration for a OpenEMS Edge Component.
-   * 
+   *
    * @param ws          the Websocket
-   * @param factoryPId  the OpenEMS Edge Factory-PID 
+   * @param factoryPId  the OpenEMS Edge Factory-PID
    * @param properties  the properties to be updated.
    */
   public createComponentConfig(ws: Websocket, factoryPid: string, properties: { name: string, value: any }[]): Promise {
@@ -239,9 +239,9 @@ export class Edge {
 
   /**
    * Updates the configuration of a OpenEMS Edge Component.
-   * 
+   *
    * @param ws          the Websocket
-   * @param componentId the OpenEMS Edge Component-ID 
+   * @param componentId the OpenEMS Edge Component-ID
    * @param properties  the properties to be updated.
    */
   public updateComponentConfig(ws: Websocket, componentId: string, properties: { name: string, value: any }[]): Promise {
@@ -251,9 +251,9 @@ export class Edge {
 
   /**
    * Deletes the configuration of a OpenEMS Edge Component.
-   * 
+   *
    * @param ws          the Websocket
-   * @param componentId the OpenEMS Edge Component-ID 
+   * @param componentId the OpenEMS Edge Component-ID
    */
   public deleteComponentConfig(ws: Websocket, componentId: string): Promise {
     let request = new DeleteComponentConfigRequest({ componentId: componentId });
@@ -262,7 +262,7 @@ export class Edge {
 
   /**
    * Sends a JSON-RPC Request. The Request is wrapped in a EdgeRpcRequest.
-   * 
+   *
    * @param ws               the Websocket
    * @param request          the JSON-RPC Request
    * @param responseCallback the JSON-RPC Response callback
@@ -280,8 +280,8 @@ export class Edge {
 
   /**
    * Mark this edge as online or offline
-   * 
-   * @param isOnline 
+   *
+   * @param isOnline
    */
   public setOnline(isOnline: boolean): void {
     this.isOnline = isOnline;
@@ -289,10 +289,10 @@ export class Edge {
 
   /**
    * Returns whether the given version is higher than the Edge' version
-   * 
+   *
    * Example: {{ edge.isVersionAtLeast('2018.9') }}
-   * 
-   * @param version 
+   *
+   * @param version
    */
   public isVersionAtLeast(version: string): boolean {
     return compareVersions(this.version, version) >= 0;
@@ -300,10 +300,10 @@ export class Edge {
 
   /**
    * Determines if the version of the edge is a SNAPSHOT.
-   * 
+   *
    * 

    * Version strings are built like `major.minor.patch-branch.date.hash`. So any version string that contains a hyphen is a SNAPSHOT.
-   * 
+   *
    * @returns true if the version of the edge is a SNAPSHOT
    */
   public isSnapshot(): boolean {
@@ -313,7 +313,7 @@ export class Edge {
   /**
    * Evaluates whether the current Role is equal or more privileged than the
    * given Role.
-   * 
+   *
    * @param role     the compared Role
    * @return true if the current Role is equal or more privileged than the given Role
    */
@@ -323,7 +323,7 @@ export class Edge {
 
   /**
    * Gets the Role of the Edge as a human-readable string.
-   * 
+   *
    * @returns the name of the role
    */
   public getRoleString(): string {
diff --git a/ui/src/app/shared/edge/edgeconfig.ts b/ui/src/app/shared/edge/edgeconfig.ts
index 916cbcaf7a0..c632b5d95c7 100644
--- a/ui/src/app/shared/edge/edgeconfig.ts
+++ b/ui/src/app/shared/edge/edgeconfig.ts
@@ -107,7 +107,7 @@ export class EdgeConfig {
 
     /**
      * Get Component-IDs of Component instances by the given Factory.
-     * 
+     *
      * @param factoryId the Factory PID.
      */
     public getComponentIdsByFactory(factoryId: string): string[] {
@@ -121,7 +121,7 @@ export class EdgeConfig {
 
     /**
      * Get Factories of Nature.
-     * 
+     *
      * @param natureId the given Nature.
      */
     public getFactoriesByNature(natureId: string): EdgeConfig.Factory[] {
@@ -139,7 +139,7 @@ export class EdgeConfig {
 
     /**
      * Get Factories by Factory-IDs.
-     * 
+     *
      * @param ids the given Factory-IDs.
      */
     public getFactoriesByIds(factoryIds: string[]): EdgeConfig.Factory[] {
@@ -154,7 +154,7 @@ export class EdgeConfig {
 
     /**
      * Get Factories by Factory-IDs pattern.
-     * 
+     *
      * @param ids the given Factory-IDs pattern.
      */
     public getFactoriesByIdsPattern(patterns: RegExp[]): EdgeConfig.Factory[] {
@@ -171,7 +171,7 @@ export class EdgeConfig {
 
     /**
      * Get Component instances by the given Factory.
-     * 
+     *
      * @param factoryId the Factory PID.
      */
     public getComponentsByFactory(factoryId: string): EdgeConfig.Component[] {
@@ -185,7 +185,7 @@ export class EdgeConfig {
 
     /**
      * Get Component-IDs of Components that implement the given Nature.
-     * 
+     *
      * @param nature the given Nature.
      */
     public getComponentIdsImplementingNature(natureId: string): string[] {
@@ -210,7 +210,7 @@ export class EdgeConfig {
 
     /**
      * Get Components that implement the given Nature.
-     * 
+     *
      * @param nature the given Nature.
      */
     public getComponentsImplementingNature(natureId: string): EdgeConfig.Component[] {
@@ -235,7 +235,7 @@ export class EdgeConfig {
 
     /**
      * Get the implemented NatureIds by Factory-ID.
-     * 
+     *
      * @param factoryId the Factory-ID
      */
     public getNatureIdsByFactoryId(factoryId: string): string[] {
@@ -288,7 +288,7 @@ export class EdgeConfig {
 
     /**
      * Is the given Meter of type 'PRODUCTION'?
-     * 
+     *
      * @param component the Meter Component
      * @returns true for PRODUCTION
      */
@@ -320,7 +320,7 @@ export class EdgeConfig {
 
     /**
      * Is the given Meter of type 'CONSUMPTION_METERED'?
-     * 
+     *
      * @param component the Meter Component
      * @returns true for CONSUMPTION_METERED
      */
@@ -338,7 +338,7 @@ export class EdgeConfig {
 
     /**
      * Is the given Meter of type 'GRID'?
-     * 
+     *
      * @param component the Meter Component
      * @returns true for GRID
      */
@@ -572,7 +572,7 @@ export class EdgeConfig {
 
     /**
      * Get the implemented Natures by Component-ID.
-     * 
+     *
      * @param componentId the Component-ID
      */
     public getNatureIdsByComponentId(componentId: string): string[] {
@@ -586,7 +586,7 @@ export class EdgeConfig {
 
     /**
      * Get the Component.
-     * 
+     *
      * @param componentId the Component-ID
      */
     public getComponent(componentId: string): EdgeConfig.Component {
@@ -595,7 +595,7 @@ export class EdgeConfig {
 
     /**
      * Get the Component properties.
-     * 
+     *
      * @param componentId the Component-ID
      */
     public getComponentProperties(componentId: string): { [key: string]: any } {
@@ -609,7 +609,7 @@ export class EdgeConfig {
 
     /**
      * Get Channel.
-     * 
+     *
      * @param address the ChannelAddress
      */
     public getChannel(address: ChannelAddress): EdgeConfig.ComponentChannel {
@@ -665,7 +665,7 @@ export module EdgeConfig {
 
         /**
          * Gets the FactoryProperty definition for a Property-ID.
-         * 
+         *
          * @param propertyId the Property-ID
          */
         static getPropertyForId(factory: Factory, propertyId: string): FactoryProperty {
diff --git a/ui/src/app/shared/formly/formly-select-field.extended.ts b/ui/src/app/shared/formly/formly-select-field.extended.ts
index 3f612cd8ad2..dec0c0037e6 100644
--- a/ui/src/app/shared/formly/formly-select-field.extended.ts
+++ b/ui/src/app/shared/formly/formly-select-field.extended.ts
@@ -9,7 +9,7 @@ import { FormlySelectFieldModalComponent } from "./formly-select-field-modal.com
 })
 export class FormlySelectFieldExtendedWrapperComponent extends FieldWrapper {
 
-    // this wrapper is used to display a select which has more 
+    // this wrapper is used to display a select which has more
     // detailed information about an item when selecting them
     constructor(
         private modalController: ModalController,
diff --git a/ui/src/app/shared/genericComponents/abstracthistorywidget.ts b/ui/src/app/shared/genericComponents/abstracthistorywidget.ts
index fd48a025f05..bd52d012d96 100644
--- a/ui/src/app/shared/genericComponents/abstracthistorywidget.ts
+++ b/ui/src/app/shared/genericComponents/abstracthistorywidget.ts
@@ -82,7 +82,7 @@ export abstract class AbstractHistoryWidget implements OnInit, OnChanges, OnDest
 
   /**
    * Called on every new data.
-   * 
+   *
    * @param currentData new data for the subscribed Channel-Addresses
    */
   protected onCurrentData(currentData: CurrentData): void { }
@@ -96,7 +96,7 @@ export abstract class AbstractHistoryWidget implements OnInit, OnChanges, OnDest
 
   /**
    * Gets the ChannelAddresses that should be queried.
-   * 
+   *
    * @param edge the current Edge
    * @param config the EdgeConfig
    */
diff --git a/ui/src/app/shared/genericComponents/chart/abstractHistoryChartOverview.ts b/ui/src/app/shared/genericComponents/chart/abstractHistoryChartOverview.ts
index 0671836a914..3917cd93be4 100644
--- a/ui/src/app/shared/genericComponents/chart/abstractHistoryChartOverview.ts
+++ b/ui/src/app/shared/genericComponents/chart/abstractHistoryChartOverview.ts
@@ -75,7 +75,7 @@ export abstract class AbstractHistoryChartOverview implements OnInit, OnChanges,
 
   /**
    * Called on every new data.
-   * 
+   *
    * @param currentData new data for the subscribed Channel-Addresses
    */
   protected onCurrentData(currentData: CurrentData): void { }
@@ -89,7 +89,7 @@ export abstract class AbstractHistoryChartOverview implements OnInit, OnChanges,
 
   /**
    * Gets the ChannelAddresses that should be queried.
-   * 
+   *
    * @param edge the current Edge
    * @param config the EdgeConfig
    */
diff --git a/ui/src/app/shared/genericComponents/chart/abstracthistorychart.ts b/ui/src/app/shared/genericComponents/chart/abstracthistorychart.ts
index 9f8db24e0cb..514ca93ba01 100644
--- a/ui/src/app/shared/genericComponents/chart/abstracthistorychart.ts
+++ b/ui/src/app/shared/genericComponents/chart/abstracthistorychart.ts
@@ -97,7 +97,7 @@ export abstract class AbstractHistoryChart implements OnInit {
 
   /**
    * Fills the chart with required data
-   * 
+   *
    * @param energyPeriodResponse the response of a {@link QueryHistoricTimeseriesEnergyPerPeriodRequest} or {@link QueryHistoricTimeseriesDataResponse}
    * @param energyResponse the response of a {@link QueryHistoricTimeseriesEnergyResponse}
    */
@@ -209,7 +209,7 @@ export abstract class AbstractHistoryChart implements OnInit {
 
   /**
    * Gets the legendOptions for a displayValue
-   * 
+   *
    * @param label the label
    * @param element the displayValue
    * @returns the label, the hidingStyle of the legendLabel: strokeThroughHidingStyle, hideLabelInLegend
@@ -224,7 +224,7 @@ export abstract class AbstractHistoryChart implements OnInit {
 
   /**
    * Gets the color for the legend and chart for a displayValue
-   * 
+   *
    * @param color the color
    * @returns the backgroundColor and borderColor
    */
@@ -237,7 +237,7 @@ export abstract class AbstractHistoryChart implements OnInit {
 
   /**
    * Gets the dataset for a displayValue
-   * 
+   *
    * @param element the displayValue
    * @param label the label
    * @param data the data
@@ -344,7 +344,7 @@ export abstract class AbstractHistoryChart implements OnInit {
 
   /**
    * Sends the Historic Timeseries Data Query and makes sure the result is not empty.
-   * 
+   *
    * @param fromDate the From-Date
    * @param toDate   the To-Date
    * @param edge     the current Edge
@@ -393,7 +393,7 @@ export abstract class AbstractHistoryChart implements OnInit {
   /**
    * Sends the Historic Timeseries Energy per Period Query and makes sure the result is not empty.
    * Symbolizes First substracted from last Datapoint for each period, only used for cumulated channel
-   * 
+   *
    * @param fromDate the From-Date
    * @param toDate   the To-Date
    */
@@ -448,7 +448,7 @@ export abstract class AbstractHistoryChart implements OnInit {
   /**
    * Sends the Historic Timeseries Energy per Period Query and makes sure the result is not empty.
    * Symbolizes First substracted from last Datapoint for each period, only used for cumulated channel
-   * 
+   *
    * @param fromDate the From-Date
    * @param toDate   the To-Date
    */
@@ -489,9 +489,9 @@ export abstract class AbstractHistoryChart implements OnInit {
 
   /**
    * Generates a Tooltip Title string from a 'fromDate' and 'toDate'.
-   * 
+   *
    * @param fromDate the From-Date
-   * @param toDate the To-Date 
+   * @param toDate the To-Date
    * @param date Date from TooltipItem
    * @returns period for Tooltip Header
    */
@@ -685,7 +685,7 @@ export abstract class AbstractHistoryChart implements OnInit {
     options.scales.xAxes[0].bounds = 'ticks';
     options.responsive = true;
 
-    // Overwrite Tooltips -Title -Label 
+    // Overwrite Tooltips -Title -Label
     options.tooltips.callbacks.title = (tooltipItems: TooltipItem[], data: Data): string => {
       let date = new Date(tooltipItems[0].xLabel);
       return AbstractHistoryChart.toTooltipTitle(service.historyPeriod.value.from, service.historyPeriod.value.to, date, service);
@@ -838,9 +838,9 @@ export abstract class AbstractHistoryChart implements OnInit {
 
   /**
    * Gets the tooltips label, dependent on YAxisTitle
-   * 
+   *
    * @param title the YAxisTitle
-   * @returns 
+   * @returns
    */
   private static getToolTipsAfterTitleLabel(title: YAxisTitle | null, chartType: 'bar' | 'line', value: number | null, translate: TranslateService): string {
     switch (title) {
@@ -865,9 +865,9 @@ export abstract class AbstractHistoryChart implements OnInit {
 
   /**
    * Gets the tooltips label, dependent on YAxisTitle
-   * 
+   *
    * @param title the YAxisTitle
-   * @returns 
+   * @returns
    */
   private static getToolTipsSuffix(label: any, value: number, format: string, title: YAxisTitle, chartType: 'bar' | 'line', language: string, translate: TranslateService): string {
 
@@ -905,7 +905,7 @@ export abstract class AbstractHistoryChart implements OnInit {
 
   /**
    * Gets the Name for the tooltips label
-   * 
+   *
    * @param baseName the baseName = the value
    * @param unit the unit
    * @param suffix the suffix, a number that will be added to the baseName
@@ -962,12 +962,12 @@ export abstract class AbstractHistoryChart implements OnInit {
 
   /**
    * Start NGX-Spinner
-   * 
+   *
    * Spinner will appear inside html tag only
-   * 
+   *
    * @example 
    * the spinnerId represents a uuidv4() generated id
-   * 
+   *
    */
   public startSpinner() {
     this.service.startSpinner(this.spinnerId);
diff --git a/ui/src/app/shared/genericComponents/flat/abstract-flat-widget-line.ts b/ui/src/app/shared/genericComponents/flat/abstract-flat-widget-line.ts
index 4a717710a8e..7795dc44706 100644
--- a/ui/src/app/shared/genericComponents/flat/abstract-flat-widget-line.ts
+++ b/ui/src/app/shared/genericComponents/flat/abstract-flat-widget-line.ts
@@ -13,7 +13,7 @@ export abstract class AbstractFlatWidgetLine implements OnChanges, OnDestroy {
 
   /**
    * Use `converter` to convert/map a CurrentData value to another value, e.g. an Enum number to a text.
-   * 
+   *
    * @param value the value from CurrentData
    * @returns converter function
    */
@@ -33,7 +33,7 @@ export abstract class AbstractFlatWidgetLine implements OnChanges, OnDestroy {
 
   private _channelAddress: ChannelAddress | null = null;
 
-  /** 
+  /**
    * displayValue is the displayed @Input value in html
    */
   public displayValue: string | null = null;
diff --git a/ui/src/app/shared/genericComponents/flat/abstract-flat-widget.ts b/ui/src/app/shared/genericComponents/flat/abstract-flat-widget.ts
index dd26ab56998..6e0a3baecdd 100644
--- a/ui/src/app/shared/genericComponents/flat/abstract-flat-widget.ts
+++ b/ui/src/app/shared/genericComponents/flat/abstract-flat-widget.ts
@@ -80,7 +80,7 @@ export abstract class AbstractFlatWidget implements OnInit, OnDestroy {
 
     /**
      * Called on every new data.
-     * 
+     *
      * @param currentData new data for the subscribed Channel-Addresses
     */
     protected onCurrentData(currentData: CurrentData) { }
diff --git a/ui/src/app/shared/genericComponents/modal/abstract-modal-line.ts b/ui/src/app/shared/genericComponents/modal/abstract-modal-line.ts
index c69794db9a0..34ab2d1a6fb 100644
--- a/ui/src/app/shared/genericComponents/modal/abstract-modal-line.ts
+++ b/ui/src/app/shared/genericComponents/modal/abstract-modal-line.ts
@@ -26,7 +26,7 @@ export abstract class AbstractModalLine implements OnInit, OnDestroy, OnChanges
 
     /**
     * Use `converter` to convert/map a CurrentData value to another value, e.g. an Enum number to a text.
-    * 
+    *
     * @param value the current data value
     * @returns converter function
     */
@@ -34,7 +34,7 @@ export abstract class AbstractModalLine implements OnInit, OnDestroy, OnChanges
 
     /**
     * Use `filter` to remove a line depending on a value.
-    * 
+    *
     * @param value the current data value
     * @returns converter function
     */
@@ -67,14 +67,14 @@ export abstract class AbstractModalLine implements OnInit, OnDestroy, OnChanges
     /** Selector needed for Subscribe (Identifier) */
     private selector: string = uuidv4();
 
-    /** 
+    /**
      * displayValue is the displayed @Input value in html
      */
     public displayValue: string = null;
     public displayName: string = null;
 
     /** Checks if any value of this line can be seen => hides line if false
-     * 
+     *
      * @deprecated can be remove in future when live-view is refactored with formlyfield
      */
     protected isAllowedToBeSeen: boolean = true;
@@ -196,7 +196,7 @@ export abstract class AbstractModalLine implements OnInit, OnDestroy, OnChanges
     }
     /**
      * Called on every new data.
-     * 
+     *
      * @param currentData new data for the subscribed Channel-Addresses
      */
     protected onCurrentData(currentData: CurrentData) {
diff --git a/ui/src/app/shared/genericComponents/modal/abstractModal.ts b/ui/src/app/shared/genericComponents/modal/abstractModal.ts
index 28e2d6f0679..51774138ddc 100644
--- a/ui/src/app/shared/genericComponents/modal/abstractModal.ts
+++ b/ui/src/app/shared/genericComponents/modal/abstractModal.ts
@@ -109,7 +109,7 @@ export abstract class AbstractModal implements OnInit, OnDestroy {
 
     /**
      * Called on every new data.
-     * 
+     *
      * @param currentData new data for the subscribed Channel-Addresses
      */
     protected onCurrentData(currentData: CurrentData) {
diff --git a/ui/src/app/shared/genericComponents/modal/modal-phases/modal-phases.ts b/ui/src/app/shared/genericComponents/modal/modal-phases/modal-phases.ts
index 495fe7c6b57..8e67e98fd7f 100644
--- a/ui/src/app/shared/genericComponents/modal/modal-phases/modal-phases.ts
+++ b/ui/src/app/shared/genericComponents/modal/modal-phases/modal-phases.ts
@@ -41,7 +41,7 @@ export class ModalPhasesComponent extends AbstractModalLine {
 
   /**
    * Converts negative and positive [W] into positive [W]
-   * 
+   *
    * @param value the value form passed value in html
    * @returns converted value
    */
diff --git a/ui/src/app/shared/genericComponents/shared/converter.ts b/ui/src/app/shared/genericComponents/shared/converter.ts
index 4cdd96f0419..e8542cd16f6 100644
--- a/ui/src/app/shared/genericComponents/shared/converter.ts
+++ b/ui/src/app/shared/genericComponents/shared/converter.ts
@@ -11,7 +11,7 @@ export namespace Converter {
 
   /**
    * 'No-Operation' Converter: just returns the unchanged value as string.
-   * 
+   *
    * @param value the value
    * @returns the value or empty string for null
    */
@@ -51,7 +51,7 @@ export namespace Converter {
 
   /**
    * Converter for Grid-Buy-Power.
-   * 
+   *
    * @param value the ActivePower value (positive, negative or null)
    * @returns formatted positive value; zero for negative; '-' for null
    */
@@ -64,7 +64,7 @@ export namespace Converter {
 
   /**
    * Converter for Grid-Sell-Power.
-   * 
+   *
    * @param value the ActivePower value (positive, negative or null)
    * @returns formatted inverted negative value; zero for positive; '-' for null
    */
@@ -77,7 +77,7 @@ export namespace Converter {
 
   /**
    * Converter for ActivePower; always returns the formatted positive value.
-   * 
+   *
    * @param value the ActivePower value (positive, negative or null)
    * @returns formatted absolute value; '-' for null
    */
@@ -87,11 +87,11 @@ export namespace Converter {
   };
 
   /**
-   * Formats a Power value as Watt [W]. 
-   * 
+   * Formats a Power value as Watt [W].
+   *
    * Value 1000 -> "1.000 W".
    * Value null -> "-".
-   * 
+   *
    * @param value the power value
    * @returns formatted value; '-' for null
    */
@@ -111,11 +111,11 @@ export namespace Converter {
   };
 
   /**
-   * Formats a Voltage value as Volt [V]. 
-   * 
+   * Formats a Voltage value as Volt [V].
+   *
    * Value 1000 -> "1.000 V".
    * Value null -> "-".
-   * 
+   *
    * @param value the voltage value
    * @returns formatted value; '-' for null
    */
@@ -130,11 +130,11 @@ export namespace Converter {
   };
 
   /**
-   * Formats a Current value as Ampere [A]. 
-   * 
+   * Formats a Current value as Ampere [A].
+   *
    * Value 1000 -> "1.000 A".
    * Value null -> "-".
-   * 
+   *
    * @param value the current value
    * @returns formatted value; '-' for null
    */
@@ -182,7 +182,7 @@ export namespace Converter {
 
   /**
    * Hides the actual value, always returns empty string.
-   * 
+   *
    * @param value the value
    * @returns always ""
    */
@@ -192,9 +192,9 @@ export namespace Converter {
 
   /**
    * Calculates the otherPower: the power, that can't be assigned to a consumer
-   * 
+   *
    * @param evcss the evcss
-   * @param consumptionMeters the "CONSUMPTION_METERED" meters 
+   * @param consumptionMeters the "CONSUMPTION_METERED" meters
    * @param currentData the currentData
    * @returns the otherPower
    */
diff --git a/ui/src/app/shared/genericComponents/shared/dataservice.ts b/ui/src/app/shared/genericComponents/shared/dataservice.ts
index 55fd68fc613..2cc9b167d2a 100644
--- a/ui/src/app/shared/genericComponents/shared/dataservice.ts
+++ b/ui/src/app/shared/genericComponents/shared/dataservice.ts
@@ -15,7 +15,7 @@ export abstract class DataService {
 
   /**
    * Gets the values from passed channelAddresses
-   * 
+   *
    * @param channelAddress the channelAddresses to be subscribed
    * @param edge the edge
    * @param componentId the componentId
@@ -24,7 +24,7 @@ export abstract class DataService {
 
   /**
    * Unsubscribes from passed channels
-   * 
+   *
    * @param channels the channels
    */
   public abstract unsubscribeFromChannels(channels: ChannelAddress[]);
diff --git a/ui/src/app/shared/genericComponents/shared/filter.ts b/ui/src/app/shared/genericComponents/shared/filter.ts
index 62b0c1b0cda..ecc50004168 100644
--- a/ui/src/app/shared/genericComponents/shared/filter.ts
+++ b/ui/src/app/shared/genericComponents/shared/filter.ts
@@ -6,7 +6,7 @@ export namespace Filter {
 
   /**
    * Dummy/default filter. Always returns true.
-   * 
+   *
    * @param value the value
    * @returns always true
    */
@@ -14,7 +14,7 @@ export namespace Filter {
 
   /**
    * Filter passes only if GridMode is OFF_GRID.
-   * 
+   *
    * @param value the GridMode integer value
    * @returns true if GridMode is OFF_GRID
    */
diff --git a/ui/src/app/shared/genericComponents/shared/name.ts b/ui/src/app/shared/genericComponents/shared/name.ts
index 1506f76e90c..036f798d66f 100644
--- a/ui/src/app/shared/genericComponents/shared/name.ts
+++ b/ui/src/app/shared/genericComponents/shared/name.ts
@@ -19,9 +19,9 @@ export namespace Name {
 
   /**
    * Even though every meter should have set the alias, it still occurrs, that it is not set
-   * 
+   *
    * @param meter the meter: {@link EdgeConfig.Component}
-   * @returns the meter alias if existing, else meter id 
+   * @returns the meter alias if existing, else meter id
    */
   export const METER_ALIAS_OR_ID = (meter: EdgeConfig.Component): string => meter.alias ?? meter.id;
 }
diff --git a/ui/src/app/shared/genericComponents/shared/oe-formly-component.ts b/ui/src/app/shared/genericComponents/shared/oe-formly-component.ts
index 1f61e0a746e..49d049c03c6 100644
--- a/ui/src/app/shared/genericComponents/shared/oe-formly-component.ts
+++ b/ui/src/app/shared/genericComponents/shared/oe-formly-component.ts
@@ -45,7 +45,7 @@ export abstract class AbstractFormlyComponent {
 
   /**
     * Generate the View.
-    * 
+    *
     * @param config the Edge-Config
     * @param role  the Role of the User for this Edge
     * @param translate the Translate-Service
diff --git a/ui/src/app/shared/genericComponents/shared/testing/tester.ts b/ui/src/app/shared/genericComponents/shared/testing/tester.ts
index 9da9a30b52e..44d388539c8 100644
--- a/ui/src/app/shared/genericComponents/shared/testing/tester.ts
+++ b/ui/src/app/shared/genericComponents/shared/testing/tester.ts
@@ -26,7 +26,7 @@ export class OeFormlyViewTester {
   private static applyField(field: OeFormlyField, context: OeFormlyViewTester.Context): OeFormlyViewTester.Field {
     switch (field.type) {
       /**
-       * OeFormlyField.Line 
+       * OeFormlyField.Line
        */
       case 'children-line':
         let tmp = OeFormlyViewTester.applyLineWithChildren(field, context);
@@ -152,8 +152,8 @@ export class OeFormlyViewTester {
 
   /**
    * Common method for Line and Item as they share some fields and logic.
-   * 
-   * @param field the field 
+   *
+   * @param field the field
    * @param context the test context
    * @returns result or null
    */
@@ -250,7 +250,7 @@ export class OeChartTester {
 
   /**
    * Converts chartLabels to legendLabels
-   * 
+   *
    * @param labels the labels
    * @returns legendlabels
    */
@@ -263,7 +263,7 @@ export class OeChartTester {
 
   /**
    * Converts chartData to Dataset
-   * 
+   *
    * @param datasets the datasets
    * @returns data from a chartData dataset
    */
@@ -284,7 +284,7 @@ export class OeChartTester {
 
   /**
    * Converts chartData to chartOptions
-   * 
+   *
    * @param chartObject the chartObject
    * @param chartType the chartType
    * @param testContext the testContext
diff --git a/ui/src/app/shared/header/header.component.ts b/ui/src/app/shared/header/header.component.ts
index 5e7519cdc45..c58cd17f05c 100644
--- a/ui/src/app/shared/header/header.component.ts
+++ b/ui/src/app/shared/header/header.component.ts
@@ -66,7 +66,7 @@ export class HeaderComponent implements OnInit, OnDestroy, AfterViewChecked {
             // disable side-menu; show back-button instead
             this.enableSideMenu = false;
         } else {
-            // enable side-menu if back-button is not needed 
+            // enable side-menu if back-button is not needed
             this.enableSideMenu = true;
         }
     }
diff --git a/ui/src/app/shared/jsonrpc/notification/currentDataNotification.ts b/ui/src/app/shared/jsonrpc/notification/currentDataNotification.ts
index 8654faa0fa3..c3699a51fbc 100644
--- a/ui/src/app/shared/jsonrpc/notification/currentDataNotification.ts
+++ b/ui/src/app/shared/jsonrpc/notification/currentDataNotification.ts
@@ -3,7 +3,7 @@ import { JsonrpcNotification } from "../base";
 /**
  * Represents a JSON-RPC Notification for sending the current data of all
  * subscribed Channels.
- *  
+ *
  * 
  * {
  *   "jsonrpc": "2.0",
diff --git a/ui/src/app/shared/jsonrpc/notification/edgeConfigNotification.ts b/ui/src/app/shared/jsonrpc/notification/edgeConfigNotification.ts
index bcb7976ebf6..11f00747ffa 100644
--- a/ui/src/app/shared/jsonrpc/notification/edgeConfigNotification.ts
+++ b/ui/src/app/shared/jsonrpc/notification/edgeConfigNotification.ts
@@ -3,7 +3,7 @@ import { JsonrpcNotification } from "../base";
 
 /**
  * Represents a JSON-RPC Notification for new EdgeConfig.
- *  
+ *
  * 
  * {
  *   "jsonrpc": "2.0",
diff --git a/ui/src/app/shared/jsonrpc/notification/edgeRpcNotification.ts b/ui/src/app/shared/jsonrpc/notification/edgeRpcNotification.ts
index 878f79d0192..d48ed4fe8f7 100644
--- a/ui/src/app/shared/jsonrpc/notification/edgeRpcNotification.ts
+++ b/ui/src/app/shared/jsonrpc/notification/edgeRpcNotification.ts
@@ -2,7 +2,7 @@ import { JsonrpcNotification } from "../base";
 
 /**
  * Wraps a JSON-RPC Notification for a specific Edge-ID.
- * 
+ *
  * 
  * {
  *   "jsonrpc": "2.0",
diff --git a/ui/src/app/shared/jsonrpc/notification/systemLogNotification.ts b/ui/src/app/shared/jsonrpc/notification/systemLogNotification.ts
index b7fb02d3ece..0c233a75fdd 100644
--- a/ui/src/app/shared/jsonrpc/notification/systemLogNotification.ts
+++ b/ui/src/app/shared/jsonrpc/notification/systemLogNotification.ts
@@ -3,7 +3,7 @@ import { SystemLog } from "../../type/systemlog";
 
 /**
  * Represents a JSON-RPC Notification for sending the current system log.
- *  
+ *
  * 
  * {
  *   "jsonrpc": "2.0",
diff --git a/ui/src/app/shared/jsonrpc/request/authenticateWithPasswordRequest.ts b/ui/src/app/shared/jsonrpc/request/authenticateWithPasswordRequest.ts
index cebb0673a09..3dad3160453 100644
--- a/ui/src/app/shared/jsonrpc/request/authenticateWithPasswordRequest.ts
+++ b/ui/src/app/shared/jsonrpc/request/authenticateWithPasswordRequest.ts
@@ -2,10 +2,10 @@ import { JsonrpcRequest } from "../base";
 
 /**
  * Represents a JSON-RPC Request to authenticate with a Password.
- * 
+ *
  * 

  * This is used by UI to login with username + password at Edge or Backend.
- * 
+ *
  * 
  * {
  *   "jsonrpc": "2.0",
diff --git a/ui/src/app/shared/jsonrpc/request/authenticateWithTokenRequest.ts b/ui/src/app/shared/jsonrpc/request/authenticateWithTokenRequest.ts
index ef2540426ba..8ffc0711af4 100644
--- a/ui/src/app/shared/jsonrpc/request/authenticateWithTokenRequest.ts
+++ b/ui/src/app/shared/jsonrpc/request/authenticateWithTokenRequest.ts
@@ -2,10 +2,10 @@ import { JsonrpcRequest } from "../base";
 
 /**
  * Represents a JSON-RPC Request to authenticate with a Token.
- * 
+ *
  * 

  * This is used by UI to login with a Token at Edge or Backend.
- * 
+ *
  * 
  * {
  *   "jsonrpc": "2.0",
diff --git a/ui/src/app/shared/jsonrpc/request/componentJsonApiRequest.ts b/ui/src/app/shared/jsonrpc/request/componentJsonApiRequest.ts
index a47a697bb42..ea1d8c44eb5 100644
--- a/ui/src/app/shared/jsonrpc/request/componentJsonApiRequest.ts
+++ b/ui/src/app/shared/jsonrpc/request/componentJsonApiRequest.ts
@@ -2,7 +2,7 @@ import { JsonrpcRequest } from "../base";
 
 /**
  * Wraps a JSON-RPC Request for an OpenEMS Component that implements JsonApi
- * 
+ *
  * 
  * {
  *   "jsonrpc": "2.0",
diff --git a/ui/src/app/shared/jsonrpc/request/createComponentConfigRequest.ts b/ui/src/app/shared/jsonrpc/request/createComponentConfigRequest.ts
index 73137773dbf..00f0db9eabc 100644
--- a/ui/src/app/shared/jsonrpc/request/createComponentConfigRequest.ts
+++ b/ui/src/app/shared/jsonrpc/request/createComponentConfigRequest.ts
@@ -2,7 +2,7 @@ import { JsonrpcRequest } from "../base";
 
 /**
  * Represents a JSON-RPC Request to create a configuration for an OpenEMS Edge Component.
- * 
+ *
  * 
  * {
  *   "jsonrpc": "2.0",
diff --git a/ui/src/app/shared/jsonrpc/request/deleteComponentConfigRequest.ts b/ui/src/app/shared/jsonrpc/request/deleteComponentConfigRequest.ts
index b4112298119..04e6369068a 100644
--- a/ui/src/app/shared/jsonrpc/request/deleteComponentConfigRequest.ts
+++ b/ui/src/app/shared/jsonrpc/request/deleteComponentConfigRequest.ts
@@ -2,7 +2,7 @@ import { JsonrpcRequest } from "../base";
 
 /**
  * Represents a JSON-RPC Request to delete the configuration of an OpenEMS Edge Component.
- * 
+ *
  * 
  * {
  *   "jsonrpc": "2.0",
diff --git a/ui/src/app/shared/jsonrpc/request/edgeRpcRequest.ts b/ui/src/app/shared/jsonrpc/request/edgeRpcRequest.ts
index 147f226cf89..ca7d42ddff6 100644
--- a/ui/src/app/shared/jsonrpc/request/edgeRpcRequest.ts
+++ b/ui/src/app/shared/jsonrpc/request/edgeRpcRequest.ts
@@ -2,7 +2,7 @@ import { JsonrpcRequest } from "../base";
 
 /**
  * Wraps a JSON-RPC Request for a specific Edge-ID.
- * 
+ *
  * 
  * {
  *   "jsonrpc": "2.0",
diff --git a/ui/src/app/shared/jsonrpc/request/executeCommandRequest.ts b/ui/src/app/shared/jsonrpc/request/executeCommandRequest.ts
index 5c3eaed0c56..f219f147480 100644
--- a/ui/src/app/shared/jsonrpc/request/executeCommandRequest.ts
+++ b/ui/src/app/shared/jsonrpc/request/executeCommandRequest.ts
@@ -2,7 +2,7 @@ import { JsonrpcRequest } from "../base";
 
 /**
  * Represents a JSON-RPC Request to execute a system command on OpenEMS Edge.
- * 
+ *
  * 
  * {
  *   "jsonrpc": "2.0",
diff --git a/ui/src/app/shared/jsonrpc/request/get24HoursPredictionRequest.ts b/ui/src/app/shared/jsonrpc/request/get24HoursPredictionRequest.ts
index 86f6bc43880..e2a3e08b5c3 100644
--- a/ui/src/app/shared/jsonrpc/request/get24HoursPredictionRequest.ts
+++ b/ui/src/app/shared/jsonrpc/request/get24HoursPredictionRequest.ts
@@ -4,7 +4,7 @@ import { JsonRpcUtils } from "../jsonrpcutils";
 
 /**
  * Represents a JSON-RPC Request to query a 24 Hours Prediction.
- * 
+ *
  * 
  * {
  *   "jsonrpc": "2.0",
diff --git a/ui/src/app/shared/jsonrpc/request/getEdgeConfigRequest.ts b/ui/src/app/shared/jsonrpc/request/getEdgeConfigRequest.ts
index f50fbbd27ca..6369f71e1b0 100644
--- a/ui/src/app/shared/jsonrpc/request/getEdgeConfigRequest.ts
+++ b/ui/src/app/shared/jsonrpc/request/getEdgeConfigRequest.ts
@@ -2,7 +2,7 @@ import { JsonrpcRequest } from "../base";
 
 /**
  * Represents a JSON-RPC Request for 'getEdgeConfig'.
- * 
+ *
  * 
  * {
  *   "jsonrpc": "2.0",
diff --git a/ui/src/app/shared/jsonrpc/request/getEdgeRequest.ts b/ui/src/app/shared/jsonrpc/request/getEdgeRequest.ts
index 3d749caecae..639f663c0b0 100644
--- a/ui/src/app/shared/jsonrpc/request/getEdgeRequest.ts
+++ b/ui/src/app/shared/jsonrpc/request/getEdgeRequest.ts
@@ -2,10 +2,10 @@ import { JsonrpcRequest } from "../base";
 
 /**
  * Represents a JSON-RPC Request to get a Edge.
- * 
+ *
  * 

  * This is used by UI to get an Edge.
- * 
+ *
  * 
  * {
  *   "jsonrpc": "2.0",
diff --git a/ui/src/app/shared/jsonrpc/request/getEdgesRequest.ts b/ui/src/app/shared/jsonrpc/request/getEdgesRequest.ts
index 4f899d3634a..ab5fbaa5eb0 100644
--- a/ui/src/app/shared/jsonrpc/request/getEdgesRequest.ts
+++ b/ui/src/app/shared/jsonrpc/request/getEdgesRequest.ts
@@ -3,10 +3,10 @@ import { JsonrpcRequest } from "../base";
 
 /**
  * Represents a JSON-RPC Request to get Edges.
- * 
+ *
  * 

  * This is used by UI to get Edges for the overview.
- * 
+ *
  * 
  * {
  *   "jsonrpc": "2.0",
diff --git a/ui/src/app/shared/jsonrpc/request/getScheduleRequest.ts b/ui/src/app/shared/jsonrpc/request/getScheduleRequest.ts
index bd36bd8e6f9..5da8cdb1987 100644
--- a/ui/src/app/shared/jsonrpc/request/getScheduleRequest.ts
+++ b/ui/src/app/shared/jsonrpc/request/getScheduleRequest.ts
@@ -2,7 +2,7 @@ import { JsonrpcRequest } from "src/app/shared/jsonrpc/base";
 
 /**
  * Wraps a JSON-RPC Request for an OpenEMS Component that implements JsonApi
- * 
+ *
  * 
  * {
  *   "jsonrpc": "2.0",
diff --git a/ui/src/app/shared/jsonrpc/request/getSetupProtocolRequest.ts b/ui/src/app/shared/jsonrpc/request/getSetupProtocolRequest.ts
index b99e161f811..ab71c7c2395 100644
--- a/ui/src/app/shared/jsonrpc/request/getSetupProtocolRequest.ts
+++ b/ui/src/app/shared/jsonrpc/request/getSetupProtocolRequest.ts
@@ -7,7 +7,7 @@ import { JsonrpcRequest } from "../base";
  *   "id": UUID,
  *   "method": "submitSetupProtocol",
  *   "params": {
- *      
+ *
  *   }
  * 

  */
diff --git a/ui/src/app/shared/jsonrpc/request/logoutRequest.ts b/ui/src/app/shared/jsonrpc/request/logoutRequest.ts
index 67840b494bd..fba807988df 100644
--- a/ui/src/app/shared/jsonrpc/request/logoutRequest.ts
+++ b/ui/src/app/shared/jsonrpc/request/logoutRequest.ts
@@ -2,7 +2,7 @@ import { JsonrpcRequest } from "../base";
 
 /**
  * Wraps a JSON-RPC Request to logout.
- * 
+ *
  * 
  * {
  *   "jsonrpc": "2.0",
diff --git a/ui/src/app/shared/jsonrpc/request/queryHistoricTimeseriesDataRequest.ts b/ui/src/app/shared/jsonrpc/request/queryHistoricTimeseriesDataRequest.ts
index edc73b3d899..7253f7d2340 100644
--- a/ui/src/app/shared/jsonrpc/request/queryHistoricTimeseriesDataRequest.ts
+++ b/ui/src/app/shared/jsonrpc/request/queryHistoricTimeseriesDataRequest.ts
@@ -6,7 +6,7 @@ import { Resolution } from "src/app/edge/history/shared";
 
 /**
  * Represents a JSON-RPC Request to query Historic Timeseries Data.
- * 
+ *
  * 
  * {
  *   "jsonrpc": "2.0",
diff --git a/ui/src/app/shared/jsonrpc/request/queryHistoricTimeseriesEnergyPerPeriodRequest.ts b/ui/src/app/shared/jsonrpc/request/queryHistoricTimeseriesEnergyPerPeriodRequest.ts
index d3ad317895b..23c68ecbf3f 100644
--- a/ui/src/app/shared/jsonrpc/request/queryHistoricTimeseriesEnergyPerPeriodRequest.ts
+++ b/ui/src/app/shared/jsonrpc/request/queryHistoricTimeseriesEnergyPerPeriodRequest.ts
@@ -6,7 +6,7 @@ import { Resolution } from "src/app/edge/history/shared";
 
 /**
  * Represents a JSON-RPC Request to query Timeseries Energy data.
- * 
+ *
  * 
  * {
  *   "jsonrpc": "2.0",
diff --git a/ui/src/app/shared/jsonrpc/request/queryHistoricTimeseriesEnergyRequest.ts b/ui/src/app/shared/jsonrpc/request/queryHistoricTimeseriesEnergyRequest.ts
index 5dfba024334..ec0ec292f68 100644
--- a/ui/src/app/shared/jsonrpc/request/queryHistoricTimeseriesEnergyRequest.ts
+++ b/ui/src/app/shared/jsonrpc/request/queryHistoricTimeseriesEnergyRequest.ts
@@ -5,7 +5,7 @@ import { JsonRpcUtils } from "../jsonrpcutils";
 
 /**
  * Represents a JSON-RPC Request to query Timeseries Energy data.
- * 
+ *
  * 
  * {
  *   "jsonrpc": "2.0",
diff --git a/ui/src/app/shared/jsonrpc/request/queryHistoricTimeseriesExportXlxs.ts b/ui/src/app/shared/jsonrpc/request/queryHistoricTimeseriesExportXlxs.ts
index a217c305dde..a15f8cd76d4 100644
--- a/ui/src/app/shared/jsonrpc/request/queryHistoricTimeseriesExportXlxs.ts
+++ b/ui/src/app/shared/jsonrpc/request/queryHistoricTimeseriesExportXlxs.ts
@@ -3,7 +3,7 @@ import { JsonrpcRequest } from '../base';
 
 /**
  * Queries historic timeseries data; exports to Xlsx (Excel) file.
- * 
+ *
  * 
  * {
  *   "jsonrpc": "2.0",
diff --git a/ui/src/app/shared/jsonrpc/request/setChannelValueRequest.ts b/ui/src/app/shared/jsonrpc/request/setChannelValueRequest.ts
index db6fbb578e0..bc169026f6f 100644
--- a/ui/src/app/shared/jsonrpc/request/setChannelValueRequest.ts
+++ b/ui/src/app/shared/jsonrpc/request/setChannelValueRequest.ts
@@ -2,7 +2,7 @@ import { JsonrpcRequest } from "../base";
 
 /**
  * Sets the write value of a Channel.
- * 
+ *
  * 
  * {
  *   "jsonrpc": "2.0",
diff --git a/ui/src/app/shared/jsonrpc/request/setEmergencyReserveRequest.ts b/ui/src/app/shared/jsonrpc/request/setEmergencyReserveRequest.ts
index 369ca5acc2f..d8b3865b865 100644
--- a/ui/src/app/shared/jsonrpc/request/setEmergencyReserveRequest.ts
+++ b/ui/src/app/shared/jsonrpc/request/setEmergencyReserveRequest.ts
@@ -2,7 +2,7 @@ import { JsonrpcRequest } from "../base";
 
 /**
  * Sets the emergency reserve. (In development)
- * 
+ *
  * 
  * {
  *   "jsonrpc": "2.0",
diff --git a/ui/src/app/shared/jsonrpc/request/subscribeChannelsRequest.ts b/ui/src/app/shared/jsonrpc/request/subscribeChannelsRequest.ts
index 2303d642d3a..441ba33ea3b 100644
--- a/ui/src/app/shared/jsonrpc/request/subscribeChannelsRequest.ts
+++ b/ui/src/app/shared/jsonrpc/request/subscribeChannelsRequest.ts
@@ -3,9 +3,9 @@ import { JsonrpcRequest } from "../base";
 import { JsonRpcUtils } from "../jsonrpcutils";
 
 /**
- * Represents a JSON-RPC Request to subscribe to channels. The actual channel 
+ * Represents a JSON-RPC Request to subscribe to channels. The actual channel
  * data is then sent as JSON-RPC Notification
- * 
+ *
  * 
  * {
  *   "jsonrpc": "2.0",
diff --git a/ui/src/app/shared/jsonrpc/request/subscribeSystemLogRequest.ts b/ui/src/app/shared/jsonrpc/request/subscribeSystemLogRequest.ts
index a0ce5abfb28..4b7232970a5 100644
--- a/ui/src/app/shared/jsonrpc/request/subscribeSystemLogRequest.ts
+++ b/ui/src/app/shared/jsonrpc/request/subscribeSystemLogRequest.ts
@@ -1,12 +1,12 @@
 import { JsonrpcRequest } from "../base";
 
 /**
- * Represents a JSON-RPC Request to subscribe to system log. The actual system log 
+ * Represents a JSON-RPC Request to subscribe to system log. The actual system log
  * is then sent as JSON-RPC Notification
- * 
+ *
  * 

  * Set 'subscribe' param to 'true' to start the subscription, false for unsubscribe.
- * 
+ *
  * 
  * {
  *   "jsonrpc": "2.0",
diff --git a/ui/src/app/shared/jsonrpc/request/updateComponentConfigRequest.ts b/ui/src/app/shared/jsonrpc/request/updateComponentConfigRequest.ts
index 7ede8852b48..fd5ca8aae80 100644
--- a/ui/src/app/shared/jsonrpc/request/updateComponentConfigRequest.ts
+++ b/ui/src/app/shared/jsonrpc/request/updateComponentConfigRequest.ts
@@ -2,7 +2,7 @@ import { JsonrpcRequest } from "../base";
 
 /**
  * Represents a JSON-RPC Request to update the configuration of an OpenEMS Edge Component.
- * 
+ *
  * 
  * {
  *   "jsonrpc": "2.0",
diff --git a/ui/src/app/shared/jsonrpc/request/updateUserLanguageRequest.ts b/ui/src/app/shared/jsonrpc/request/updateUserLanguageRequest.ts
index 6c4cf6c24c4..ba1109ea1ac 100644
--- a/ui/src/app/shared/jsonrpc/request/updateUserLanguageRequest.ts
+++ b/ui/src/app/shared/jsonrpc/request/updateUserLanguageRequest.ts
@@ -1,7 +1,7 @@
 import { JsonrpcRequest } from "../base";
 
 /**
- * 
+ *
  * Represents a JSON-RPC Response for a {@link UpdateUserLanguageRequest}.
  * 
  * {
diff --git a/ui/src/app/shared/jsonrpc/request/updateUserSettingsRequest.ts b/ui/src/app/shared/jsonrpc/request/updateUserSettingsRequest.ts
index 82c6b62c0e0..e50fdc0216b 100644
--- a/ui/src/app/shared/jsonrpc/request/updateUserSettingsRequest.ts
+++ b/ui/src/app/shared/jsonrpc/request/updateUserSettingsRequest.ts
@@ -2,7 +2,7 @@ import { JsonrpcRequest } from "../base";
 
 /**
  * Represents a JSON-RPC Response for a {@link UpdateUserSettingsRequest}.
- * 
+ *
  * 
  * {
  *   "method": "updateUserSettings",
diff --git a/ui/src/app/shared/jsonrpc/response/addEdgeToUserResponse.ts b/ui/src/app/shared/jsonrpc/response/addEdgeToUserResponse.ts
index b5f1235fce4..20d67916ac4 100644
--- a/ui/src/app/shared/jsonrpc/response/addEdgeToUserResponse.ts
+++ b/ui/src/app/shared/jsonrpc/response/addEdgeToUserResponse.ts
@@ -2,7 +2,7 @@ import { JsonrpcResponseSuccess } from "../base";
 
 /**
  * Represents a JSON-RPC Response for a {@link AddEdgeToUserRequest}.
- * 
+ *
  * 
  * {
  *  "jsonrpc": "2.0",
diff --git a/ui/src/app/shared/jsonrpc/response/authenticateResponse.ts b/ui/src/app/shared/jsonrpc/response/authenticateResponse.ts
index 483f1f35c3d..720f8e20846 100644
--- a/ui/src/app/shared/jsonrpc/response/authenticateResponse.ts
+++ b/ui/src/app/shared/jsonrpc/response/authenticateResponse.ts
@@ -3,7 +3,7 @@ import { Edges, User } from "../shared";
 
 /**
  * Wraps a JSON-RPC Response for AuthenticateWithPasswordRequest or AuthenticateWithTokenRequest.
- * 
+ *
  * 
  * {
  *   "jsonrpc": "2.0",
diff --git a/ui/src/app/shared/jsonrpc/response/base64PayloadResponse.ts b/ui/src/app/shared/jsonrpc/response/base64PayloadResponse.ts
index 6fcaf8c76f2..4a5dc4caec6 100644
--- a/ui/src/app/shared/jsonrpc/response/base64PayloadResponse.ts
+++ b/ui/src/app/shared/jsonrpc/response/base64PayloadResponse.ts
@@ -2,7 +2,7 @@ import { JsonrpcResponseSuccess } from "../base";
 
 /**
  * Wraps a JSON-RPC Response with a Base64 encoded payload.
- * 
+ *
  * 
  * {
  *   "jsonrpc": "2.0",
diff --git a/ui/src/app/shared/jsonrpc/response/edgeRpcResponse.ts b/ui/src/app/shared/jsonrpc/response/edgeRpcResponse.ts
index 4434dfa0c2b..6d3729db020 100644
--- a/ui/src/app/shared/jsonrpc/response/edgeRpcResponse.ts
+++ b/ui/src/app/shared/jsonrpc/response/edgeRpcResponse.ts
@@ -2,7 +2,7 @@ import { JsonrpcRequest, JsonrpcResponseSuccess } from "../base";
 
 /**
  * Wraps a JSON-RPC Response for a EdgeRpcRequest.
- * 
+ *
  * 
  * {
  *   "jsonrpc": "2.0",
diff --git a/ui/src/app/shared/jsonrpc/response/executeSystemCommandResponse.ts b/ui/src/app/shared/jsonrpc/response/executeSystemCommandResponse.ts
index ab3bfde6361..2d0914e09c5 100644
--- a/ui/src/app/shared/jsonrpc/response/executeSystemCommandResponse.ts
+++ b/ui/src/app/shared/jsonrpc/response/executeSystemCommandResponse.ts
@@ -6,9 +6,9 @@ export interface Cumulated {
 
 /**
  * JSON-RPC Response to "executeSystemCommand" Request.
- * 
+ *
  * 

- * 
+ *
  * 
  * {
  *   "jsonrpc": "2.0",
diff --git a/ui/src/app/shared/jsonrpc/response/get24HoursPredictionResponse.ts b/ui/src/app/shared/jsonrpc/response/get24HoursPredictionResponse.ts
index 66899207326..fd5c561a6da 100644
--- a/ui/src/app/shared/jsonrpc/response/get24HoursPredictionResponse.ts
+++ b/ui/src/app/shared/jsonrpc/response/get24HoursPredictionResponse.ts
@@ -6,7 +6,7 @@ export class Prediction {
 
 /**
  * Wraps a JSON-RPC Response for a Get24HoursPredictionRequest.
- * 
+ *
  * 
  * {
  *   "jsonrpc": "2.0",
diff --git a/ui/src/app/shared/jsonrpc/response/getEdgeConfigResponse.ts b/ui/src/app/shared/jsonrpc/response/getEdgeConfigResponse.ts
index f0addd71d95..c4c89885cd5 100644
--- a/ui/src/app/shared/jsonrpc/response/getEdgeConfigResponse.ts
+++ b/ui/src/app/shared/jsonrpc/response/getEdgeConfigResponse.ts
@@ -3,7 +3,7 @@ import { JsonrpcResponseSuccess } from "../base";
 
 /**
  * Wraps a JSON-RPC Response for a GetEdgeConfigRequest.
- * 
+ *
  * 
  * {
  *   "jsonrpc": "2.0",
diff --git a/ui/src/app/shared/jsonrpc/response/getEdgeResponse.ts b/ui/src/app/shared/jsonrpc/response/getEdgeResponse.ts
index 570da58ffdf..bdfedbe7438 100644
--- a/ui/src/app/shared/jsonrpc/response/getEdgeResponse.ts
+++ b/ui/src/app/shared/jsonrpc/response/getEdgeResponse.ts
@@ -4,7 +4,7 @@ import { JsonrpcResponseSuccess } from "../base";
 
 /**
  * Wraps a JSON-RPC Response for a GetEdgeRequest.
- * 
+ *
  * 
  * {
  *   "jsonrpc": "2.0",
diff --git a/ui/src/app/shared/jsonrpc/response/getEdgesResponse.ts b/ui/src/app/shared/jsonrpc/response/getEdgesResponse.ts
index 87db23a2e17..b8e55bf3f83 100644
--- a/ui/src/app/shared/jsonrpc/response/getEdgesResponse.ts
+++ b/ui/src/app/shared/jsonrpc/response/getEdgesResponse.ts
@@ -3,7 +3,7 @@ import { JsonrpcResponseSuccess } from "../base";
 
 /**
  * Wraps a JSON-RPC Response for a GetEdgesRequest.
- * 
+ *
  * 
  * {
  *   "jsonrpc": "2.0",
diff --git a/ui/src/app/shared/jsonrpc/response/getScheduleResponse.ts b/ui/src/app/shared/jsonrpc/response/getScheduleResponse.ts
index c38db61428c..68ccae4845f 100644
--- a/ui/src/app/shared/jsonrpc/response/getScheduleResponse.ts
+++ b/ui/src/app/shared/jsonrpc/response/getScheduleResponse.ts
@@ -2,7 +2,7 @@ import { JsonrpcResponseSuccess } from "src/app/shared/jsonrpc/base";
 
 /**
  * Wraps a JSON-RPC Response for a GetScheduleRequest.
- * 
+ *
  * 
  * {
  *   "jsonrpc": "2.0",
diff --git a/ui/src/app/shared/jsonrpc/response/getUserInformationResponse.ts b/ui/src/app/shared/jsonrpc/response/getUserInformationResponse.ts
index a8526e514de..aeec4b0d3f8 100644
--- a/ui/src/app/shared/jsonrpc/response/getUserInformationResponse.ts
+++ b/ui/src/app/shared/jsonrpc/response/getUserInformationResponse.ts
@@ -2,7 +2,7 @@ import { JsonrpcResponseSuccess } from "../base";
 
 /**
  * Represents a JSON-RPC Response for {@link GetUserInformationRequest}.
- * 
+ *
  * 
  * {
  *   "jsonrpc": "2.0",
diff --git a/ui/src/app/shared/jsonrpc/response/queryHistoricTimeseriesDataResponse.ts b/ui/src/app/shared/jsonrpc/response/queryHistoricTimeseriesDataResponse.ts
index 3fd4149209b..766a230b561 100644
--- a/ui/src/app/shared/jsonrpc/response/queryHistoricTimeseriesDataResponse.ts
+++ b/ui/src/app/shared/jsonrpc/response/queryHistoricTimeseriesDataResponse.ts
@@ -2,7 +2,7 @@ import { JsonrpcResponseSuccess } from "../base";
 
 /**
  * Wraps a JSON-RPC Response for a QueryHistoricTimeseriesDataRequest.
- * 
+ *
  * 
  * {
  *   "jsonrpc": "2.0",
diff --git a/ui/src/app/shared/jsonrpc/response/queryHistoricTimeseriesEnergyPerPeriodResponse.ts b/ui/src/app/shared/jsonrpc/response/queryHistoricTimeseriesEnergyPerPeriodResponse.ts
index 7e4885e0c8e..3d9a4e224ce 100644
--- a/ui/src/app/shared/jsonrpc/response/queryHistoricTimeseriesEnergyPerPeriodResponse.ts
+++ b/ui/src/app/shared/jsonrpc/response/queryHistoricTimeseriesEnergyPerPeriodResponse.ts
@@ -2,7 +2,7 @@ import { JsonrpcResponseSuccess } from "../base";
 
 /**
  * Wraps a JSON-RPC Response for a queryHistoricTimeseriesEnergy.
- * 
+ *
  * 
  * {
  *   "jsonrpc": "2.0",
diff --git a/ui/src/app/shared/jsonrpc/response/queryHistoricTimeseriesEnergyResponse.ts b/ui/src/app/shared/jsonrpc/response/queryHistoricTimeseriesEnergyResponse.ts
index d1d695552b9..1caa332c44b 100644
--- a/ui/src/app/shared/jsonrpc/response/queryHistoricTimeseriesEnergyResponse.ts
+++ b/ui/src/app/shared/jsonrpc/response/queryHistoricTimeseriesEnergyResponse.ts
@@ -6,7 +6,7 @@ export interface Cumulated {
 
 /**
  * Wraps a JSON-RPC Response for a queryHistoricTimeseriesEnergy.
- * 
+ *
  * 
  * {
  *   "jsonrpc": "2.0",
diff --git a/ui/src/app/shared/pickdate/pickdate.component.ts b/ui/src/app/shared/pickdate/pickdate.component.ts
index c25e529b44d..2f4403ea9c7 100644
--- a/ui/src/app/shared/pickdate/pickdate.component.ts
+++ b/ui/src/app/shared/pickdate/pickdate.component.ts
@@ -121,7 +121,7 @@ export class PickDateComponent implements OnInit, OnDestroy {
 
     /**
      * Sets the current time period.
-     * 
+     *
      * @param fromDate the starting date
      * @param toDate   the end date
      */
@@ -345,7 +345,7 @@ export class PickDateComponent implements OnInit, OnDestroy {
 
     /**
      * Checks if previous time period is allowed to be queried
-     * 
+     *
      * @param service the service
      * @param firstSetupProtocol the date of setting up the edge
      * @returns true, if requested fromDate is not before firstSetupProtocolDate
@@ -373,8 +373,8 @@ export class PickDateComponent implements OnInit, OnDestroy {
 
     /**
      * Checks if next time period is allowed to be queried
-     * 
-     * @param service the service 
+     *
+     * @param service the service
      * @returns true, if requested toDate is not in the future
      */
     public static isNextPeriodAllowed(service: Service): boolean {
diff --git a/ui/src/app/shared/pickdate/popover/popover.component.ts b/ui/src/app/shared/pickdate/popover/popover.component.ts
index dbd4a73436a..d22f2fd1c67 100644
--- a/ui/src/app/shared/pickdate/popover/popover.component.ts
+++ b/ui/src/app/shared/pickdate/popover/popover.component.ts
@@ -61,7 +61,7 @@ export class PickDatePopoverComponent implements OnInit {
 
     /**
      * This is called by the input button on the UI.
-     * 
+     *
      * @param period
      * @param from
      * @param to
@@ -97,7 +97,7 @@ export class PickDatePopoverComponent implements OnInit {
 
     /**
      * Converts a 'Date' to 'IMyDate' format.
-     * 
+     *
      * @param date the 'Date'
      * @returns the 'IMyDate'
      */
diff --git a/ui/src/app/shared/pipe/keys/keys.pipe.ts b/ui/src/app/shared/pipe/keys/keys.pipe.ts
index 2ec58f3082e..456d615a364 100644
--- a/ui/src/app/shared/pipe/keys/keys.pipe.ts
+++ b/ui/src/app/shared/pipe/keys/keys.pipe.ts
@@ -15,4 +15,4 @@ export class KeysPipe implements PipeTransform {
     }
     return keys;
   }
-} 
+}
diff --git a/ui/src/app/shared/service/abstractservice.ts b/ui/src/app/shared/service/abstractservice.ts
index 90604782ba7..51cb2ffb876 100644
--- a/ui/src/app/shared/service/abstractservice.ts
+++ b/ui/src/app/shared/service/abstractservice.ts
@@ -52,14 +52,14 @@ export abstract class AbstractService extends ErrorHandler {
 
   /**
    * Gets the ChannelAddresses for cumulated values that should be queried.
-   * 
+   *
    * @param edge the current Edge
    */
   abstract getChannelAddresses(edge: Edge, channels: ChannelAddress[]): Promise;
 
   /**
    * Sends the Historic Timeseries Data Query and makes sure the result is not empty.
-   * 
+   *
    * @param fromDate the From-Date
    * @param toDate   the To-Date
    * @param edge     the current Edge
@@ -69,24 +69,24 @@ export abstract class AbstractService extends ErrorHandler {
 
   /**
    * Start NGX-Spinner
-   * 
-   * The spinner has a transparent background set 
+   *
+   * The spinner has a transparent background set
    * and the spinner color is the primary environment color
    * Spinner will appear inside html tag only
-   * 
+   *
    * @example 
-   * 
+   *
    * @param selector selector for specific spinner
    */
   abstract startSpinnerTransparentBackground(selector: string);
 
   /**
    * Start NGX-Spinner
-   * 
+   *
    * Spinner will appear inside html tag only
-   * 
+   *
    * @example 
-   * 
+   *
    * @param selector selector for specific spinner
    */
   abstract startSpinner(selector: string);
diff --git a/ui/src/app/shared/service/defaulttypes.ts b/ui/src/app/shared/service/defaulttypes.ts
index f377a990294..b456baa7551 100644
--- a/ui/src/app/shared/service/defaulttypes.ts
+++ b/ui/src/app/shared/service/defaulttypes.ts
@@ -15,7 +15,7 @@ export module DefaultTypes {
 
   /**
    * CurrentData Summary
-   * 
+   *
    * ratio is [-1,1]
    */
   export interface Summary {
@@ -187,7 +187,7 @@ export module DefaultTypes {
 
     /**
      * Returns a translated weekday name.
-     * 
+     *
      * @param translate the TranslateService
      * @param date the Date
      */
@@ -205,7 +205,7 @@ export module DefaultTypes {
 
     /**
      * Returns a translated month name.
-     * 
+     *
      * @param translate the TranslateService
      * @param date the Date
      */
diff --git a/ui/src/app/shared/service/logger.ts b/ui/src/app/shared/service/logger.ts
index cb14e0563f6..1f5899413d6 100644
--- a/ui/src/app/shared/service/logger.ts
+++ b/ui/src/app/shared/service/logger.ts
@@ -20,7 +20,7 @@ export class Logger {
 
     /**
      * Sends the given message via a websocket request.
-     * 
+     *
      * @param level the log level
      * @param msg the message to be logged
      */
@@ -33,7 +33,7 @@ export class Logger {
 
     /**
      * Log a messag at the DEBUG level.
-     * 
+     *
      * @param msg the message to be logged
      */
     public debug(msg: string) {
@@ -42,7 +42,7 @@ export class Logger {
 
     /**
      * Log a messag at the INFO level.
-     * 
+     *
      * @param msg the message to be logged
      */
     public info(msg: string) {
@@ -51,7 +51,7 @@ export class Logger {
 
     /**
      * Log a messag at the WARNING level.
-     * 
+     *
      * @param msg the message to be logged
      */
     public warn(msg: string) {
@@ -60,7 +60,7 @@ export class Logger {
 
     /**
      * Log a messag at the ERROR level.
-     * 
+     *
      * @param msg the message to be logged
      */
     public error(msg: string) {
diff --git a/ui/src/app/shared/service/service.ts b/ui/src/app/shared/service/service.ts
index 6f9a9368505..7d4a9c34d5e 100644
--- a/ui/src/app/shared/service/service.ts
+++ b/ui/src/app/shared/service/service.ts
@@ -280,7 +280,7 @@ export class Service extends AbstractService {
 
   /**
    * Gets the page for the given number.
-   * 
+   *
    * @param page the page number
    * @param query the query to restrict the edgeId
    * @param limit the number of edges to be retrieved
@@ -327,7 +327,7 @@ export class Service extends AbstractService {
 
   /**
    * Updates the currentEdge in metadata
-   * 
+   *
    * @param edgeId the edgeId
    * @returns a empty Promise
    */
@@ -406,7 +406,7 @@ export class Service extends AbstractService {
 
   /**
    * Currently selected history period string
-   * 
+   *
    * initialized as day, is getting changed by pickdate component
    */
   public periodString: DefaultTypes.PeriodString = DefaultTypes.PeriodString.DAY;
diff --git a/ui/src/app/shared/service/utils.ts b/ui/src/app/shared/service/utils.ts
index 1684b6859b6..c9710bc5cf2 100644
--- a/ui/src/app/shared/service/utils.ts
+++ b/ui/src/app/shared/service/utils.ts
@@ -77,7 +77,7 @@ export class Utils {
 
   /**
    * Safely gets the absolute value of a value.
-   * 
+   *
    * @param value
    */
   public static absSafely(value: number | null): number | null {
@@ -90,9 +90,9 @@ export class Utils {
 
   /**
    * Safely adds two - possibly 'null' - values: v1 + v2
-   * 
-   * @param v1 
-   * @param v2 
+   *
+   * @param v1
+   * @param v2
    */
   public static addSafely(v1: number, v2: number): number {
     if (v1 == null) {
@@ -105,8 +105,8 @@ export class Utils {
   }
 
   /**
-   *  Subtracts values from each other - possibly null values 
-   * 
+   *  Subtracts values from each other - possibly null values
+   *
    * @param values the values
    * @returns a number, if at least one value is not null, else null
    */
@@ -126,9 +126,9 @@ export class Utils {
 
   /**
    * Safely divides two - possibly 'null' - values: v1 / v2
-   * 
-   * @param v1 
-   * @param v2 
+   *
+   * @param v1
+   * @param v2
    */
   public static divideSafely(v1: number, v2: number): number | null {
     if (v1 == null || v2 == null) {
@@ -142,9 +142,9 @@ export class Utils {
 
   /**
    * Safely multiplies two - possibly 'null' - values: v1 * v2
-   * 
-   * @param v1 
-   * @param v2 
+   *
+   * @param v1
+   * @param v2
    */
   public static multiplySafely(v1: number, v2: number): number {
     if (v1 == null || v2 == null) {
@@ -156,10 +156,10 @@ export class Utils {
 
   /**
    * Safely compares two arrays - possibly 'null'
-   * 
+   *
    * @param v1
-   * @param v2 
-   * @returns 
+   * @param v2
+   * @returns
    */
   public static compareArraysSafely(v1: any[], v2: any[]): boolean {
     if (v1 == null || v2 == null) {
@@ -181,8 +181,8 @@ export class Utils {
 
   /**
    * Safely rounds a - possibly 'null' - value: Math.round(v)
-   * 
-   * @param v 
+   *
+   * @param v
    */
   public static roundSafely(v: number): number {
     if (v == null) {
@@ -194,7 +194,7 @@ export class Utils {
 
   /**
    * Gets the value; or if it is null, gets the 'orElse' value
-   * 
+   *
    * @param v      the value or null
    * @param orElse the default value
    * @returns      the value or the default value
@@ -209,7 +209,7 @@ export class Utils {
 
   /**
    * Matches all filter-strings with all base-strings.
-   * 
+   *
    * @param filters array of filter-strings
    * @param bases   array of base-strings
    * @returns       true if all filter strings exist in any base-strings
@@ -231,7 +231,7 @@ export class Utils {
 
   /**
    * Converts a value in Watt [W] to KiloWatt [kW].
-   * 
+   *
    * @param value the value from passed value in html
    * @returns converted value
    */
@@ -247,7 +247,7 @@ export class Utils {
 
   /**
    * Converts a value in Watt [W] to KiloWatt [kW].
-   * 
+   *
    * @param value the value from passed value in html
    * @returns converted value
    */
@@ -266,7 +266,7 @@ export class Utils {
 
   /**
    * Converts a value in Seconds [s] to Dateformat [kk:mm:ss].
-   * 
+   *
    * @param value the value from passed value in html
    * @returns converted value
    */
@@ -276,7 +276,7 @@ export class Utils {
 
   /**
    * Adds unit percentage [%] to a value.
-   * 
+   *
    * @param value the value from passed value in html
    * @returns converted value
    */
@@ -286,7 +286,7 @@ export class Utils {
 
   /**
    * Converts a value to WattHours [Wh]
-   * 
+   *
    * @param value the value from passed value in html
    * @returns converted value
    */
@@ -296,7 +296,7 @@ export class Utils {
 
   /**
    * Converts a value in WattHours [Wh] to KiloWattHours [kWh]
-   * 
+   *
    * @param value the value from passed value in html
    * @returns converted value
    */
@@ -306,7 +306,7 @@ export class Utils {
 
   /**
    * Converts states 'MANUAL_ON' and 'MANUAL_OFF' to translated strings.
-   * 
+   *
    * @param value the value from passed value in html
    * @returns converted value
    */
@@ -324,7 +324,7 @@ export class Utils {
 
   /**
    * Takes a power value and extracts the information if it represents Charge or Discharge.
-   * 
+   *
    * @param translate the translate service
    * @param power the power
    * @returns an object with charge/discharge information and power value
@@ -340,7 +340,7 @@ export class Utils {
 
   /**
    * Converts states 'MANUAL', 'OFF' and 'AUTOMATIC' to translated strings.
-   * 
+   *
    * @param value the value from passed value in html
    * @returns converted value
    */
@@ -360,7 +360,7 @@ export class Utils {
 
   /**
    * Converts Minute from start of day to daytime in 'HH:mm' format.
-   * 
+   *
    * @returns converted value
    */
   public static CONVERT_MINUTE_TO_TIME_OF_DAY = (translate: TranslateService) => {
@@ -374,7 +374,7 @@ export class Utils {
 
   /**
    * Converts Price to Cent per kWh [currency / kWh]
-   * 
+   *
    * @param decimal number of decimals after fraction
    * @param label label to be displayed along with price
    * @returns converted value
@@ -385,8 +385,8 @@ export class Utils {
   };
 
   /**
-   * Converts Time-Of-Use-Tariff-State 
-   * 
+   * Converts Time-Of-Use-Tariff-State
+   *
    * @param translate the current language to be translated to
    * @returns converted value
    */
@@ -405,7 +405,7 @@ export class Utils {
 
   /**
    * Gets the image path for storage depending on State-of-Charge.
-   * 
+   *
    * @param soc the state-of-charge
    * @returns the image path
    */
@@ -427,7 +427,7 @@ export class Utils {
 
   /**
    * Download a JSONRPC Base64PayloadResponse in Excel (XLSX) file format.
-   *  
+   *
    * @param response the Base64PayloadResponse
    * @param filename the filename without .xlsx suffix
    */
@@ -450,7 +450,7 @@ export class Utils {
 
   /*
   * Calculate the Self-Consumption rate.
-  * 
+  *
   * @param sellToGrid the Sell-To-Grid power (i.e. the inverted GridActivePower)
   * @param productionActivePower  the Production Power
   * @returns  the Self-Consumption rate
@@ -479,7 +479,7 @@ export class Utils {
 
   /**
    * Calculate the Autarchy Rate
-   * 
+   *
    * @param buyFromGrid the Buy-From-Grid power (GridActivePower)
    * @param consumptionActivePower the Consumption Power (ConsumptionActivePower)
    * @returns the Autarchy rate
@@ -503,7 +503,7 @@ export class Utils {
 
   /**
    * Rounds values between 0 and -1kW to 0
-   * 
+   *
    * @param value the value to convert
    */
   public static roundSlightlyNegativeValues(value: number) {
@@ -512,7 +512,7 @@ export class Utils {
 
   /**
    * Shuffles an array
-   * 
+   *
    * @param array the array to be shuffled
    * @returns the shuffled array
    */
@@ -523,7 +523,7 @@ export class Utils {
   /**
    * Checks if multiple array elements exist in the source object.
    * returns true only if all the elements in the array exist in the source Object.
-   * 
+   *
    * @param arrayToCheck The array with elements that needs to be checked.
    * @param source the source Object.
    * @returns the value.
@@ -542,7 +542,7 @@ export class Utils {
 
   /**
    * Converts a value in €/MWh to €Ct./kWh.
-   * 
+   *
    * @param price the price value
    * @returns  the converted price
    */
@@ -559,8 +559,8 @@ export class Utils {
 
   /**
    * Calculates the total other consumption.
-   * other consumption = total Consumption - (total evcs consumption) - (total consumptionMeter consumption) 
-   * 
+   * other consumption = total Consumption - (total evcs consumption) - (total consumptionMeter consumption)
+   *
    * @param energyValues the energyValues, retrieved from {@link QueryHistoricTimeseriesEnergyRequest}
    * @param evcsComponents the evcsComponents
    * @param consumptionMeterComponents the consumptionMeterComponents
@@ -587,9 +587,9 @@ export class Utils {
 
   /**
    * Calculates the other consumption.
-   * 
+   *
    * other consumption = total Consumption - (total evcs consumption) - (total consumptionMeter consumption)
-   * 
+   *
    * @param channelData the channelData, retrieved from {@link QueryHistoricTimeseriesDataRequest} or {@link QueryHistoricTimeseriesEnergyPerPeriodRequest}
    * @param evcsComponents the evcsComponents
    * @param consumptionMeterComponents the consumptionMeterComponents
@@ -646,7 +646,7 @@ export namespace HistoryUtils {
 
   /**
  * Creates an empty dataset for ChartJS with translated error message.
- * 
+ *
  * @param translate the TranslateService
  * @returns a dataset
  */
@@ -702,7 +702,7 @@ export namespace HistoryUtils {
 
   /**
  * Data from a subscription to Channel or from a historic data query.
- * 
+ *
  * TODO Lukas refactor
  */
   export type ChannelData = {
@@ -791,7 +791,7 @@ export namespace TimeOfUseTariffUtils {
 
   /**
    * Converts a value in €/MWh to €Ct./kWh.
-   * 
+   *
    * @param price the price value
    * @returns  the converted price
    */
@@ -808,7 +808,7 @@ export namespace TimeOfUseTariffUtils {
 
   /**
    * Gets the schedule chart data containing datasets, colors and labels.
-   * 
+   *
    * @param size The length of the dataset
    * @param prices The Time-of-Use-Tariff quarterly price array
    * @param states The Time-of-Use-Tariff state array
diff --git a/ui/src/app/shared/service/websocket.ts b/ui/src/app/shared/service/websocket.ts
index 999b028d577..7aeceec46e7 100644
--- a/ui/src/app/shared/service/websocket.ts
+++ b/ui/src/app/shared/service/websocket.ts
@@ -152,9 +152,9 @@ export class Websocket implements WebsocketInterface {
 
   /**
    * Logs in by sending an authentication JSON-RPC Request and handles the AuthenticateResponse.
-   * 
+   *
    * @param request the JSON-RPC Request
-   * @param lang provided for @demo User. This doesn't change the global language, its just set locally 
+   * @param lang provided for @demo User. This doesn't change the global language, its just set locally
    */
   public login(request: AuthenticateWithPasswordRequest | AuthenticateWithTokenRequest): Promise {
     return new Promise((resolve) => {
@@ -234,7 +234,7 @@ export class Websocket implements WebsocketInterface {
 
   /**
    * Sends a JSON-RPC Request to a Websocket and promises a callback.
-   * 
+   *
    * @param request the JSON-RPC Request
    */
   public sendRequest(request: JsonrpcRequest): Promise {
@@ -281,9 +281,9 @@ export class Websocket implements WebsocketInterface {
   }
 
   /**
-     * Waits until Websocket is 'online' and then 
+     * Waits until Websocket is 'online' and then
      * sends a safe JSON-RPC Request to a Websocket and promises a callback.
-     * 
+     *
      * @param request the JSON-RPC Request
      */
   public sendSafeRequest(request: JsonrpcRequest): Promise {
@@ -303,7 +303,7 @@ export class Websocket implements WebsocketInterface {
 
   /**
    * Sends a JSON-RPC notification to a Websocket.
-   * 
+   *
    * @param notification the JSON-RPC Notification
    */
   public sendNotification(notification: JsonrpcNotification): void {
@@ -315,7 +315,7 @@ export class Websocket implements WebsocketInterface {
 
   /**
    * Handle new JSON-RPC Request
-   * 
+   *
    * @param message the JSON-RPC Request
    */
   private onRequest(message: JsonrpcRequest): void {
@@ -324,7 +324,7 @@ export class Websocket implements WebsocketInterface {
 
   /**
    * Handle new JSON-RPC Notification
-   * 
+   *
    * @param message the JSON-RPC Notification
    */
   private onNotification(message: JsonrpcNotification): void {
@@ -339,7 +339,7 @@ export class Websocket implements WebsocketInterface {
 
   /**
    * Handle Websocket error.
-   * 
+   *
    * @param error the error
    */
   private onError(error: any): void {
@@ -355,7 +355,7 @@ export class Websocket implements WebsocketInterface {
 
   /**
    * Handles an EdgeRpcNotification.
-   * 
+   *
    * @param message the EdgeRpcNotification
    */
   private handleEdgeRpcNotification(edgeRpcNotification: EdgeRpcNotification): void {
diff --git a/ui/src/app/shared/service/websocketInterface.ts b/ui/src/app/shared/service/websocketInterface.ts
index 34e804b67e2..0d5b2b36261 100644
--- a/ui/src/app/shared/service/websocketInterface.ts
+++ b/ui/src/app/shared/service/websocketInterface.ts
@@ -6,7 +6,7 @@ export interface WebsocketInterface {
 
   /**
    * Logs in by sending an authentication JSON-RPC Request and handles the AuthenticateResponse.
-   * 
+   *
    * @param request the JSON-RPC Request
    */
   login(request: AuthenticateWithPasswordRequest | AuthenticateWithTokenRequest);
@@ -18,14 +18,14 @@ export interface WebsocketInterface {
 
   /**
    * Sends a JSON-RPC Request to a Websocket and promises a callback.
-   * 
+   *
    * @param request the JSON-RPC Request
    */
   sendRequest(request: JsonrpcRequest): Promise;
 
   /**
    * Sends a JSON-RPC notification to a Websocket.
-   * 
+   *
    * @param notification the JSON-RPC Notification
    */
   sendNotification(notification: JsonrpcNotification): void;
diff --git a/ui/src/app/shared/service/wsdata.ts b/ui/src/app/shared/service/wsdata.ts
index cd8025ee77a..48585d7686a 100644
--- a/ui/src/app/shared/service/wsdata.ts
+++ b/ui/src/app/shared/service/wsdata.ts
@@ -16,9 +16,9 @@ export class WsData {
 
   /**
    * Sends a JSON-RPC request to a Websocket and registers a callback.
-   * 
-   * @param ws 
-   * @param request 
+   *
+   * @param ws
+   * @param request
    */
   public sendRequest(ws: WebSocketSubject, request: JsonrpcRequest): Promise {
     if (environment.debugMode) {
@@ -53,9 +53,9 @@ export class WsData {
 
   /**
    * Sends a JSON-RPC notification to a Websocket.
-   * 
-   * @param ws 
-   * @param notification 
+   *
+   * @param ws
+   * @param notification
    */
   public sendNotification(ws: WebSocketSubject, notification: JsonrpcNotification) {
     ws.next(notification);
@@ -63,8 +63,8 @@ export class WsData {
 
   /**
    * Handles a JSON-RPC response by resolving the previously registered request Promise.
-   * 
-   * @param response 
+   *
+   * @param response
    */
   public handleJsonrpcResponse(response: JsonrpcResponse) {
     let promise = this.requestPromises[response.id];
diff --git a/ui/src/app/shared/shared.ts b/ui/src/app/shared/shared.ts
index 65defc8d72e..4ea97179094 100644
--- a/ui/src/app/shared/shared.ts
+++ b/ui/src/app/shared/shared.ts
@@ -40,7 +40,7 @@ export namespace Currency {
 
   /**
    * Gets the currencylabel for a edgeId
-   * 
+   *
    * @param edgeId the edgeId
    * @returns the Currencylabel dependent on edgeId
    */
diff --git a/ui/src/app/shared/translate.extension.ts b/ui/src/app/shared/translate.extension.ts
index d794b11b451..d740e46c5d5 100644
--- a/ui/src/app/shared/translate.extension.ts
+++ b/ui/src/app/shared/translate.extension.ts
@@ -31,7 +31,7 @@ export function registerTranslateExtension(translate: TranslateService) {
 
 /**
  * Generic function for serial number validation error message.
- * 
+ *
  * @param translate the translate service.
  * @param field the FormlyFieldConfig.
  * @param length length of the specific serial number.
diff --git a/ui/src/app/shared/type/channeladdress.ts b/ui/src/app/shared/type/channeladdress.ts
index 58b74e99e4c..7539bdccb9c 100644
--- a/ui/src/app/shared/type/channeladdress.ts
+++ b/ui/src/app/shared/type/channeladdress.ts
@@ -2,7 +2,7 @@ export class ChannelAddress {
 
     /**
      * Parses a string to a ChannelAddress
-     * 
+     *
      * @param address in the form 'Component-ID/Channel-ID'
      */
     public static fromString(address: string): ChannelAddress {
diff --git a/ui/src/app/shared/type/role.ts b/ui/src/app/shared/type/role.ts
index 0368861ff7d..cf927a34f7d 100644
--- a/ui/src/app/shared/type/role.ts
+++ b/ui/src/app/shared/type/role.ts
@@ -29,7 +29,7 @@ export namespace Role {
 
     /**
      * Evaluates whether "Role 1" is equal or more privileged than "Role 2".
-     * 
+     *
      * @param role1     the Role 1
      * @param role2     the Role 2
      * @return true if "Role 1" is equal or more privileged than "Role 2"
diff --git a/ui/src/app/shared/utils/dateutils/dateutils.ts b/ui/src/app/shared/utils/dateutils/dateutils.ts
index c0234af5ce7..b9f519514a7 100644
--- a/ui/src/app/shared/utils/dateutils/dateutils.ts
+++ b/ui/src/app/shared/utils/dateutils/dateutils.ts
@@ -3,7 +3,7 @@ export namespace DateUtils {
 
   /**
    * Filters for the biggest date
-   * 
+   *
    * @param dates the dates to be compared
    * @returns the max date
    */
@@ -20,7 +20,7 @@ export namespace DateUtils {
 
   /**
    * Filters for the smallest date
-   * 
+   *
    * @param dates the dates to be compared
    * @returns the min date
    */
@@ -37,7 +37,7 @@ export namespace DateUtils {
 
   /**
    * Converts string to date
-   * 
+   *
    * @param date the date
    * @returns the date if valid, else null
    */
@@ -48,9 +48,9 @@ export namespace DateUtils {
   /**
    * Converts a date into a local date string
    * @description should be used for mutating dates
-   * 
+   *
    * @todo use locales for formatting
-   * 
+   *
    * @param date the date
    * @param service the service
    * @returns a formateted date string
@@ -62,9 +62,9 @@ export namespace DateUtils {
   /**
    * Converts a date into a local date string
    * @description should be used for mutating dates
-   * 
+   *
    * @todo use locales for formatting
-   * 
+   *
    * @param date the date
    * @param service the service
    * @returns a formateted date string
diff --git a/ui/src/app/shared/utils/timeutils/timeutils.ts b/ui/src/app/shared/utils/timeutils/timeutils.ts
index 1ccae1108c6..8297c805975 100644
--- a/ui/src/app/shared/utils/timeutils/timeutils.ts
+++ b/ui/src/app/shared/utils/timeutils/timeutils.ts
@@ -5,7 +5,7 @@ export class TimeUtils {
 
   /**
    * Formats a value in seconds to hours and minutes
-   * 
+   *
    * @param value the value
    * @returns a time string with hours and minutes
    */
diff --git a/ui/src/app/user/user.component.ts b/ui/src/app/user/user.component.ts
index 3b9c516d3dc..306ef49ff02 100644
--- a/ui/src/app/user/user.component.ts
+++ b/ui/src/app/user/user.component.ts
@@ -45,7 +45,7 @@ export class UserComponent implements OnInit {
   ) { }
 
   ngOnInit() {
-    // Set currentLanguage to 
+    // Set currentLanguage to
     this.currentLanguage = Language.getByKey(localStorage.LANGUAGE) ?? Language.DEFAULT;
     this.service.setCurrentComponent({ languageKey: 'Menu.user' }, this.route);
     this.getUserInformation().then((userInformation) => {
diff --git a/ui/src/environments/index.ts b/ui/src/environments/index.ts
index dedaacba94e..b1b4762efad 100644
--- a/ui/src/environments/index.ts
+++ b/ui/src/environments/index.ts
@@ -74,11 +74,11 @@ export interface Environment {
         },
         APP_CENTER: {
             /**
-             * Gets the image url of an OpenemsApp. 
-             * 
+             * Gets the image url of an OpenemsApp.
+             *
              * The current order of the displayed image of an app is:
              * Image from edge -> Image from Url -> No image just the app name
-             * 
+             *
              * @param language the currently used language; can be obtained with {@link TranslateService#currentLang}
              * @param appId    the appId of the image
              * @returns the url of the image or null if not provided
diff --git a/ui/src/test.ts b/ui/src/test.ts
index 5824ebc71a4..d8e68564e1b 100644
--- a/ui/src/test.ts
+++ b/ui/src/test.ts
@@ -1,6 +1,6 @@
 // TO NOT AUTOFORMAT THIS FILE AS IT WILL BREAK CI BUILD WITH FOLLOWING ERROR:
 //   Error: zone-testing.js is needed for the fakeAsync() test helper but could not be found.
-//   Please make sure that your environment includes zone.js/testing 
+//   Please make sure that your environment includes zone.js/testing
 // (See https://stackoverflow.com/a/68797535/4137113)
 
 // This file is a copy of https://github.com/angular/angular/blob/main/aio/src/test.ts