Widget zur Erstellung einer Stromquittung

th-gauweiler · July 20, 2021, 4:44pm

Hallo zusammen,

der Service StromQuittung (https://corrently.de/service/quittung.html) erlaubt es rechtssichere Strom-Rechnungen von z.B. Ladevorgängen zu erstellen.

Da es hierfür jede Menge Anwendungsfälle gibt und der Service leicht implementierbar ist, habe ich hierzu ein Widget in OpenEMS erstellt,
um direkt aus einer in OpenEMS implementierten Ladesäule eine Quittung für einen Ladevorgang erstellen zu können. (https://github.com/OpenEMS/openems/pull/1571)

Voraussetzung für das Widget innerhalb OpenEMS ist, dass eine Ladesäule aktiviert ist, sonst erscheint das Widget nicht.

Innerhalb des Widgets lässt sich der Zeitraum und die jeweilige Komponente des Ladevorgangs wählen.

Über Rechnung erstellen, wird dann der Service mit den OpenEMS Daten, in einem neuen Fenster, aufgerufen.

Ich habe das Feld zur Auswahl explizit ‘Komponenten-Wahl’ und nicht ‘Ladesäulen-Wahl’ benannt, da das Widget auch für weitere Komponenten wie Zähler etc. erweiterbar ist.
Intern wird der Channel EnergySession über den ausgewählten Zeitraum der EVCS Komponente abgefragt, um die kWh Daten zu erhalten.

Gruß
Thomas Gauweiler

Sn0w3y · March 21, 2023, 3:44am

Hallo !

hab mal den Versuch gewagt, das in mein UI einzubauen, leider erhalte ich immer folgendes:

PS E:\git\openems\ui> ng build -c “openems,openems-backend-prod,prod”
Your global Angular CLI version (15.1.4) is greater than your local version (15.0.4). The local Angular CLI version is used.

To disable this warning use “ng config -g cli.warnings.versionMismatch false”.
⠋ Generating browser application bundles (phase: setup)… TypeScript compiler options “target” and “useDefineForClassFields” are set to “ES2022” and “false” respectively by the Angular CLI. To control ECMA version and features use the Browerslist configuration. For more information, see Angular
Browser application bundle generation complete.

Error: src/app/edge/live/receipt/modal/modal.component.html:1:1 - error NG8001: ‘ion-header’ is not a known element:

If ‘ion-header’ is an Angular component, then verify that it is part of this module.
If ‘ion-header’ is a Web Component then add ‘CUSTOM_ELEMENTS_SCHEMA’ to the ‘@NgModule.schemas’ of this component to suppress this message.

1


src/app/edge/live/receipt/modal/modal.component.ts:15:18
  15     templateUrl: "./modal.component.html",
                      ~~~~~~~~~~~~~~~~~~~~~~~~
  Error occurs in the template of component ReceiptModalComponent.


Error: src/app/edge/live/receipt/modal/modal.component.html:2:5 - error NG8001: 'ion-toolbar' is not a known element:
1. If 'ion-toolbar' is an Angular component, then verify that it is part of this module.
2. If 'ion-toolbar' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.

2     <ion-toolbar class="ion-justify-content-center" color="primary">
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

src/app/edge/live/receipt/modal/modal.component.ts:15:18
  15     templateUrl: "./modal.component.html",
                      ~~~~~~~~~~~~~~~~~~~~~~~~
  Error occurs in the template of component ReceiptModalComponent.


Error: src/app/edge/live/receipt/modal/modal.component.html:3:9 - error NG8001: 'ion-title' is not a known element:
1. If 'ion-title' is an Angular component, then verify that it is part of this module.
2. If 'ion-title' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.

3         <ion-title translate>Edge.Index.Widgets.Receipt.receipt</ion-title>
        ~~~~~~~~~~~~~~~~~~~~~

src/app/edge/live/receipt/modal/modal.component.ts:15:18
  15     templateUrl: "./modal.component.html",
                      ~~~~~~~~~~~~~~~~~~~~~~~~
  Error occurs in the template of component ReceiptModalComponent.


Error: src/app/edge/live/receipt/modal/modal.component.html:4:9 - error NG8001: 'ion-buttons' is not a known element:
1. If 'ion-buttons' is an Angular component, then verify that it is part of this module.
2. If 'ion-buttons' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.

4         <ion-buttons slot="end">
        ~~~~~~~~~~~~~~~~~~~~~~~~

src/app/edge/live/receipt/modal/modal.component.ts:15:18
  15     templateUrl: "./modal.component.html",
                      ~~~~~~~~~~~~~~~~~~~~~~~~
  Error occurs in the template of component ReceiptModalComponent.


Error: src/app/edge/live/receipt/modal/modal.component.html:5:13 - error NG8001: 'ion-button' is not a known element:
1. If 'ion-button' is an Angular component, then verify that it is part of this module.
2. If 'ion-button' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.

5             <ion-button (click)="modalCtrl.dismiss()">
            ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

src/app/edge/live/receipt/modal/modal.component.ts:15:18
  15     templateUrl: "./modal.component.html",
                      ~~~~~~~~~~~~~~~~~~~~~~~~
  Error occurs in the template of component ReceiptModalComponent.


Error: src/app/edge/live/receipt/modal/modal.component.html:6:17 - error NG8001: 'ion-icon' is not a known element:
1. If 'ion-icon' is an Angular component, then verify that it is part of this module.
2. If 'ion-icon' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.

6                 <ion-icon name="close-outline"></ion-icon>
                ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

src/app/edge/live/receipt/modal/modal.component.ts:15:18
  15     templateUrl: "./modal.component.html",
                      ~~~~~~~~~~~~~~~~~~~~~~~~
  Error occurs in the template of component ReceiptModalComponent.


Error: src/app/edge/live/receipt/modal/modal.component.html:12:1 - error NG8001: 'ion-content' is not a known element:
1. If 'ion-content' is an Angular component, then verify that it is part of this module.
2. If 'ion-content' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.

12 <ion-content>