Add charging periods and charging tariff summary

OpenChargingCloud · May 1, 2024 · 7a284c2 · 7a284c2
1 parent ecd31a9
commit 7a284c2
Show file tree

Hide file tree

Showing 7 changed files with 1,168 additions and 341 deletions.
diff --git a/src/i18n.json b/src/i18n.json
@@ -531,10 +531,22 @@
     },
 
 
+    "Charging Tariffs": {
+        "de": "Ladetarife",
+        "en": "Charging Tariffs"
+    },
+
+    "Charging Tariff Id": {
+        "de": "Ladetarif-Id",
+        "en": "Charging Tariff Id"
+    },
+
+
 
-    "Costs and Tariffs": {
-        "de": "Kosten und Tarife",
-        "en": "Costs and Tariffs"
+
+    "Total Costs": {
+        "de": "Gesamtkosten",
+        "en": "Total Costs"
     },
 
     "Total": {
@@ -731,6 +743,83 @@
     "End value": {
         "de": "Endwert",
         "en": "End value"
+    },
+
+
+    "Adapter Id": {
+        "de": "Adapter-Id",
+        "en": "Adapter Id"
+    },
+
+    "Adapter Firmware Version": {
+        "de": "Adapter-Firmware-Version",
+        "en": "Adapter Firmware Version"
+    },
+
+    "Adapter Firmware Checksum": {
+        "de": "Adapter-Firmware-Checksumme",
+        "en": "Adapter Firmware Checksum"
+    },
+
+    "Meter number": {
+        "de": "Zählernummer",
+        "en": "Meter number"
+    },
+
+    "Meter status": {
+        "de": "Zählerstatus",
+        "en": "Meter status"
+    },
+
+    "Adapter status": {
+        "de": "Adapterstatus",
+        "en": "Adapter status"
+    },
+
+    "Seconds index": {
+        "de": "Sekundenindex",
+        "en": "Seconds index"
+    },
+
+    "Timestamp": {
+        "de": "Zeitstempel",
+        "en": "Timestamp"
+    },
+
+    "Unit (encoded)": {
+        "de": "Einheit (kodiert)",
+        "en": "Unit (encoded)"
+    },
+
+    "Scaling": {
+        "de": "Skalierung",
+        "en": "Scaling"
+    },
+
+    "Measurement Value": {
+        "de": "Messwert",
+        "en": "Measurement Value"
+    },
+
+    "Authorization": {
+        "de": "Autorisierung",
+        "en": "Authorization"
+    },
+
+    "SessionId": {
+        "de": "SessionId",
+        "en": "SessionId"
+    },
+
+    "Pagination counter": {
+        "de": "Paginierungszähler",
+        "en": "Pagination counter"
+    },
+
+
+    "Charging Periods": {
+        "de": "Ladeperioden",
+        "en": "Charging Periods"
     }
 
 }
diff --git a/src/index.html b/src/index.html
@@ -42,7 +42,7 @@
 <!-- script-src 'unsafe-eval' only required for faster WebPack during development! -->
 
         <!--<link rel="icon"       href="/favicon.png"                 type="image/png" />-->
-        <link rel="stylesheet" href="css/fontawesome-all.min.css"     type="text/css" />
+        <!-- <link rel="stylesheet" href="css/fontawesome-all.min.css"     type="text/css" /> -->
         <link rel="stylesheet" href="css/leaflet.css"                 type="text/css" />
         <link rel="stylesheet" href="css/leaflet.awesome-markers.css" type="text/css" />
         <link rel="stylesheet" href="css/chargy.css"                  type="text/css" />
@@ -295,8 +295,70 @@
 
             </div>
 
-            <div id="overlay">
-                <div id="overlayText">
+            <div id="chargingTariffDetails" class="overlay">
+                <div class="overlayText">
+
+                    <div class="headline">
+
+                        <div class="error"></div>
+
+                        <div class="intro">
+                            Tariff informations:
+                        </div>
+
+                    </div>
+
+                    <div class="data">
+                    </div>
+
+                    <div class="spacer"></div>
+
+                    <div class="footer">
+
+                        <button class="overlayLeftButton"><i class="fas fa-arrow-alt-circle-left"></i></button>
+
+                        <div id="signatureCheck"></div>
+
+                        <button class="overlayRightButton"><i class="fas fa-arrow-alt-circle-right"></i></button>
+
+                    </div>
+
+                </div>
+            </div>
+
+            <div id="chargingPeriodDetails" class="overlay">
+                <div class="overlayText">
+
+                    <div class="headline">
+
+                        <div class="error"></div>
+
+                        <div class="intro">
+                            Charging Period
+                        </div>
+
+                    </div>
+
+                    <div class="data">
+                    </div>
+
+                    <div class="spacer"></div>
+
+                    <div class="footer">
+
+                        <button class="overlayLeftButton"><i class="fas fa-arrow-alt-circle-left"></i></button>
+
+                        <div id="signatureCheck"></div>
+
+                        <button class="overlayRightButton"><i class="fas fa-arrow-alt-circle-right"></i></button>
+
+                    </div>
+
+                </div>
+            </div>
+
+            <div id="measurementsDetails" class="overlay">
+                <div class="overlayText">
 
                     <div class="headline">
 
@@ -345,19 +407,19 @@
 
                     <div class="footer">
 
-                        <button id="overlayLeftButton"><i class="fas fa-arrow-alt-circle-left"></i></button>
+                        <button class="overlayLeftButton"><i class="fas fa-arrow-alt-circle-left"></i></button>
 
                         <div id="signatureCheck"></div>
 
-                        <button id="overlayRightButton"><i class="fas fa-arrow-alt-circle-right"></i></button>
+                        <button class="overlayRightButton"><i class="fas fa-arrow-alt-circle-right"></i></button>
 
                     </div>
 
                 </div>
             </div>
 
-            <div id="issueTracker">
-                <div id="issueTrackerText">
+            <div id="issueTracker" class="overlay">
+                <div class="overlayText">
 
                     <div id="headline">
                         Sie wollen einen oder mehrere Mängel melden?
@@ -459,8 +521,8 @@ <h1>Datenschutzerklärung für diesen Mängelmelder</h1>
 
                     </form>
 
-                    <div id="issueBackButtonDiv">
-                        <button id="issueBackButton"><i class="fas fa-arrow-alt-circle-left"></i></button>
+                    <div class="footer">
+                        <button class="overlayLeftButton"><i class="fas fa-arrow-alt-circle-left"></i></button>
                     </div>
 
                 </div>