OpenEMS · Sn0w3y · Jan 13, 2025 · Jan 17, 2025 · Jan 17, 2025 · Jan 17, 2025
diff --git a/ui/src/app/edge/history/shared.ts b/ui/src/app/edge/history/shared.ts
@@ -1,10 +1,10 @@
 // @ts-strict-ignore
 import * as Chart from "chart.js";
-/* eslint-disable import/no-duplicates */
+
 // cf. https://github.com/import-js/eslint-plugin-import/issues/1479
 import { differenceInDays, differenceInMinutes, startOfDay } from "date-fns";
 import { de } from "date-fns/locale";
-/* eslint-enable import/no-duplicates */
+
 import { QueryHistoricTimeseriesDataResponse } from "src/app/shared/jsonrpc/response/queryHistoricTimeseriesDataResponse";
 import { ChannelAddress, Service } from "src/app/shared/shared";
 import { DateUtils } from "src/app/shared/utils/date/dateutils";

diff --git a/ui/src/app/edge/history/storage/storagechartoverview/storagechartoverview.component.html b/ui/src/app/edge/history/storage/storagechartoverview/storagechartoverview.component.html
@@ -1,4 +1,24 @@
 <ng-container *ngIf="edge">
+
+    <!-- Reusable Info Text Template -->
+    <ng-template #infoStorageText>
+        <ion-card-content class="underline">
+            <ion-row class="ion-justify-content-center">
+                <ion-item class="ion-text-center" lines="none">
+                    <ion-icon color="primary" size="large" slot="start" name="alert-outline"></ion-icon>
+                    <ion-label class="ion-text-wrap">
+                        <ion-row class="ion-text-center" style="white-space: pre !important; width: 100%">
+                            <small translate>Edge.Index.Widgets.InfoStorageForCharge</small>
+                        </ion-row>
+                        <ion-row size="6" class="ion-text-center" style="white-space: pre !important; width: 100%">
+                            <small translate>Edge.Index.Widgets.InfoStorageForDischarge</small>
+                        </ion-row>
+                    </ion-label>
+                </ion-item>
+            </ion-row>
+        </ion-card-content>
+    </ng-template>
+
     <ion-header>
         <ion-toolbar class="ion-justify-content-center" style="--background: var(--ion-color-toolbar-primary);">
             <ion-title class="ion-text-start ion-padding-left" style="color: var(--ion-title-color);"
@@ -36,26 +56,8 @@
                         <td style="width: 100%" class="ion-padding" translate>General.TOTAL</td>
                     </tr>
                 </table>
-                <storageTotalChart [showPhases]="showPhases" [period]="service.historyPeriod.value">
-                </storageTotalChart>
-                <!-- Info Text -->
-                <ion-row class="ion-justify-content-center">
-                    <ion-item class="ion-text-center" lines="none">
-                        <ion-icon color="primary" size="large" slot="start" name="alert-outline"></ion-icon>
-                        <ion-label class="ion-text-wrap">
-                            <ion-row class="ion-text-center" style="white-space: pre !important; width: 100%">
-                                <small translate>
-                                    Edge.Index.Widgets.InfoStorageForCharge
-                                </small>
-                            </ion-row>
-                            <ion-row size="6" class="ion-text-center" style="white-space: pre !important; width: 100%">
-                                <small translate>
-                                    Edge.Index.Widgets.InfoStorageForDischarge
-                                </small>
-                            </ion-row>
-                        </ion-label>
-                    </ion-item>
-                </ion-row>
+                <storageTotalChart [showPhases]="showPhases" [period]="service.historyPeriod.value"></storageTotalChart>
+                <ng-container *ngTemplateOutlet="infoStorageText"></ng-container>
             </ion-card-content>
         </ng-container>
         <ng-container *ngIf="!showTotal">
@@ -69,27 +71,7 @@
                     <storageSingleChart [showPhases]="showPhases" [period]="service.historyPeriod.value">
                     </storageSingleChart>
                 </ion-card-content>
-                <!-- Info Text -->
-                <ion-card-content class="underline">
-                    <ion-row class="ion-justify-content-center">
-                        <ion-item class="ion-text-center" lines="none">
-                            <ion-icon color="primary" size="large" slot="start" name="alert-outline"></ion-icon>
-                            <ion-label class="ion-text-wrap">
-                                <ion-row class="ion-text-center" style="white-space: pre !important; width: 100%">
-                                    <small translate>
-                                        Edge.Index.Widgets.InfoStorageForCharge
-                                    </small>
-                                </ion-row>
-                                <ion-row size="6" class="ion-text-center"
-                                    style="white-space: pre !important; width: 100%">
-                                    <small translate>
-                                        Edge.Index.Widgets.InfoStorageForDischarge
-                                    </small>
-                                </ion-row>
-                            </ion-label>
-                        </ion-item>
-                    </ion-row>
-                </ion-card-content>
+                <ng-container *ngTemplateOutlet="infoStorageText"></ng-container>
             </ng-container>
             <ng-container *ngIf="essComponents?.length > 1">
                 <ion-card-content class="underline">
@@ -114,27 +96,7 @@
                             [componentId]="component.id"></storageESSChart>
                     </ion-card-content>
                 </ng-container>
-                <!-- Info Text -->
-                <ion-card-content class="underline">
-                    <ion-row class="ion-justify-content-center">
-                        <ion-item class="ion-text-center" lines="none">
-                            <ion-icon color="primary" size="large" slot="start" name="alert-outline"></ion-icon>
-                            <ion-label class="ion-text-wrap">
-                                <ion-row class="ion-text-center" style="white-space: pre !important; width: 100%">
-                                    <small translate>
-                                        Edge.Index.Widgets.InfoStorageForCharge
-                                    </small>
-                                </ion-row>
-                                <ion-row size="6" class="ion-text-center"
-                                    style="white-space: pre !important; width: 100%">
-                                    <small translate>
-                                        Edge.Index.Widgets.InfoStorageForDischarge
-                                    </small>
-                                </ion-row>
-                            </ion-label>
-                        </ion-item>
-                    </ion-row>
-                </ion-card-content>
+                <ng-container *ngTemplateOutlet="infoStorageText"></ng-container>
             </ng-container>
             <ng-container *ngIf="essComponents?.length !== 1">
                 <ng-container *ngFor="let component of chargerComponents">

diff --git a/ui/src/app/shared/components/edge/edgeconfig.spec.ts b/ui/src/app/shared/components/edge/edgeconfig.spec.ts
@@ -365,7 +365,7 @@ export namespace DummyConfig {
  * Factories.
  */
 // identifier `Factory` is also used in namespace
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
+
 type Factory = {
     id: string,
     natureIds: string[],

diff --git a/ui/src/app/shared/service/myerrorhandler.ts b/ui/src/app/shared/service/myerrorhandler.ts
@@ -9,7 +9,7 @@ export class MyErrorHandler implements ErrorHandler {
     ) { }
 
     // https://v16.angular.io/api/core/ErrorHandler#errorhandler
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+
     handleError(error: any) {
         const logger = this.injector.get(Logger);
         console.error(error);

diff --git a/ui/src/app/shared/service/service.ts b/ui/src/app/shared/service/service.ts
@@ -135,7 +135,7 @@ export class Service extends AbstractService {
   }
 
   // https://v16.angular.io/api/core/ErrorHandler#errorhandler
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+
   public override handleError(error: any) {
     console.error(error);
     // TODO: show notification

diff --git a/ui/src/app/shared/service/test/dummyservice.ts b/ui/src/app/shared/service/test/dummyservice.ts
@@ -62,7 +62,7 @@ export class DummyService extends AbstractService {
         throw new Error("Method not implemented.");
     }
     // https://v16.angular.io/api/core/ErrorHandler#errorhandler
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+
     override handleError(error: any): void {
         throw new Error("Method not implemented.");
     }

diff --git a/ui/src/app/shared/type/language.ts b/ui/src/app/shared/type/language.ts
@@ -52,7 +52,7 @@ export class Language {
         public readonly json: any,
         // Angular is not providing common type for locale.
         // https://github.com/angular/angular/issues/30506
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+
         public readonly locale: any,
     ) {
     }

diff --git a/ui/src/app/shared/utils/datetime/datetime-utils.ts b/ui/src/app/shared/utils/datetime/datetime-utils.ts
@@ -1,9 +1,9 @@
 // @ts-strict-ignore
-/* eslint-disable import/no-duplicates */
+
 // cf. https://github.com/import-js/eslint-plugin-import/issues/1479
 import { differenceInMilliseconds, format, startOfMonth, startOfYear } from "date-fns";
 import { de } from "date-fns/locale";
-/* eslint-enable import/no-duplicates */
+
 import { ChronoUnit } from "src/app/edge/history/shared";
 
 import { QueryHistoricTimeseriesDataResponse } from "../../jsonrpc/response/queryHistoricTimeseriesDataResponse";

diff --git a/ui/src/zone-flags.ts b/ui/src/zone-flags.ts
@@ -3,6 +3,6 @@
  * running with certain Web Component callbacks
  * https://ionicframework.com/docs/ja/troubleshooting/runtime#angular-change-detection
  */
-// eslint-disable-next-line no-underscore-dangle
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
+
+
 (window as any).__Zone_disable_customElements = true;