Merge pull request #2134 from Brett-S-OWB/standard-custom-theme

Standard theme add energy flow chart
openWB · Jan 13, 2025 · a7d8478 · a7d8478
2 parents 66e0695 + b2430a1
commit a7d8478
Show file tree

Hide file tree

Showing 19 changed files with 1,241 additions and 106 deletions.
diff --git a/packages/modules/web_themes/standard/source/public/icons/icon_Data.md b/packages/modules/web_themes/standard/source/public/icons/icon_Data.md
@@ -0,0 +1,2 @@
+Herkunft der Icons:
+https://www.veryicon.com/
diff --git a/packages/modules/web_themes/standard/source/public/icons/openWB_logo_dark.png b/packages/modules/web_themes/standard/source/public/icons/openWB_logo_dark.png
diff --git a/packages/modules/web_themes/standard/source/public/icons/owbBattery.svg b/packages/modules/web_themes/standard/source/public/icons/owbBattery.svg
diff --git a/packages/modules/web_themes/standard/source/public/icons/owbChargePoint.svg b/packages/modules/web_themes/standard/source/public/icons/owbChargePoint.svg
diff --git a/packages/modules/web_themes/standard/source/public/icons/owbGrid.svg b/packages/modules/web_themes/standard/source/public/icons/owbGrid.svg
diff --git a/packages/modules/web_themes/standard/source/public/icons/owbHouse.svg b/packages/modules/web_themes/standard/source/public/icons/owbHouse.svg
diff --git a/packages/modules/web_themes/standard/source/public/icons/owbPV.svg b/packages/modules/web_themes/standard/source/public/icons/owbPV.svg
diff --git a/packages/modules/web_themes/standard/source/public/icons/owbVehicle.svg b/packages/modules/web_themes/standard/source/public/icons/owbVehicle.svg
diff --git a/packages/modules/web_themes/standard/source/src/components/ChartCarousel.vue b/packages/modules/web_themes/standard/source/src/components/ChartCarousel.vue
@@ -15,9 +15,8 @@
       v-for="(chartComponent, index) in chartCarouselItems"
       :key="index"
       :name="chartComponent.name"
-      class="col items-center justify-center"
     >
-      <component :is="chartComponent" />
+      <component :is="chartComponent.component" />
     </q-carousel-slide>
 
     <template v-slot:control>
@@ -39,7 +38,7 @@
 import { ref } from 'vue';
 import { useQuasar } from 'quasar';
 
-import EnergyFlowChart from './charts/EnergyFlowChart.vue';
+import EnergyFlowChart from './charts/energyFlowChart/EnergyFlowChart.vue';
 import HistoryChart from './charts/HistoryChart.vue';
 
 defineOptions({
@@ -48,6 +47,15 @@ defineOptions({
 
 const $q = useQuasar();
 const fullscreen = ref(false);
-const chartCarouselItems = [EnergyFlowChart, HistoryChart];
-const currentSlide = ref<string>(EnergyFlowChart.__name ?? '');
+const chartCarouselItems = [
+  {
+    name: 'EnergyFlowChart',
+    component: EnergyFlowChart,
+  },
+  {
+    name: 'HistoryChart',
+    component: HistoryChart,
+  },
+];
+const currentSlide = ref<string>(chartCarouselItems[0].name);
 </script>
diff --git a/packages/modules/web_themes/standard/source/src/components/charts/EnergyFlowChart.vue b/packages/modules/web_themes/standard/source/src/components/charts/EnergyFlowChart.vue