Colors theme: fix daygraph request (#2399)

cshagen · web-flow · commit fa6e4e6e4324 · 2025-05-16T14:44:19.000+02:00
* fix daygraph request

* fix month and year graph

* layout fixes
diff --git a/packages/modules/web_themes/colors/source/src/components/batteryList/BatteryList.vue b/packages/modules/web_themes/colors/source/src/components/batteryList/BatteryList.vue
@@ -18,7 +18,7 @@ Hagen */
 				{{ batteryState }}
 			</WbBadge>
 		</template>
-		<div class="px-3 subgrid grid-12">
+		<div class="subgrid grid-12">
 			<InfoItem heading="Ladestand:" class="grid-left grid-col-4">
 				<BatterySymbol
 					color="var(--color-battery)"
@@ -40,7 +40,7 @@ Hagen */
 			v-for="[key, battery] in batteries"
 			:key="key"
 			:bat="battery"
-			class="px-4"
+			class="px-0"
 		/>
 	</WbWidgetFlex>
 </template>
diff --git a/packages/modules/web_themes/colors/source/src/components/counterList/CounterList.vue b/packages/modules/web_themes/colors/source/src/components/counterList/CounterList.vue
@@ -6,11 +6,7 @@
 			>
 			<span>Zähler</span>
 		</template>
-		<div
-			v-for="(counter, index) in counters"
-			:key="index"
-			class="subgrid pb-2 px-4"
-		>
+		<div v-for="(counter, index) in counters" :key="index" class="subgrid pb-2">
 			<ClCounter :counter="counter" />
 		</div>
 	</WBWidgetFlex>
diff --git a/packages/modules/web_themes/colors/source/src/components/inverterList/InverterList.vue b/packages/modules/web_themes/colors/source/src/components/inverterList/InverterList.vue
@@ -11,11 +11,7 @@
 				{{ formatWatt(sourceSummary.pv.power) }}
 			</WbBadge>
 		</template>
-		<div
-			v-for="[key, pvsystem] in pvSystems"
-			:key="key"
-			class="subgrid pb-2 px-4"
-		>
+		<div v-for="[key, pvsystem] in pvSystems" :key="key" class="subgrid pb-2">
 			<IlInverter :inverter="pvsystem" />
 		</div>
 	</WBWidgetFlex>
diff --git a/packages/modules/web_themes/colors/source/src/components/powerGraph/model.ts b/packages/modules/web_themes/colors/source/src/components/powerGraph/model.ts
@@ -172,7 +172,7 @@ export const dayGraph = reactive({
 			graphData.waitForData = true
 			sendCommand({
 				command: 'getDailyLog',
-				data: { day: dateString },
+				data: { date: dateString },
 			})
 		}
 	},
@@ -208,7 +208,7 @@ export const monthGraph = reactive({
 		graphData.waitForData = true
 		sendCommand({
 			command: 'getMonthlyLog',
-			data: { month: dateString },
+			data: { date: dateString },
 		})
 	},
 	deactivate() {
@@ -256,7 +256,7 @@ export const yearGraph = reactive({
 		graphData.waitForData = true
 		sendCommand({
 			command: 'getYearlyLog',
-			data: { year: dateString },
+			data: { date: dateString },
 		})
 	},
 	deactivate() {
diff --git a/packages/modules/web_themes/colors/source/src/components/shared/WbWidgetFlex.vue b/packages/modules/web_themes/colors/source/src/components/shared/WbWidgetFlex.vue
@@ -16,7 +16,7 @@
 					<slot name="buttons" />
 				</div>
 			</div>
-			<div class="grid12 pb-3">
+			<div class="grid12 pb-3 px-3">
 				<slot />
 			</div>
 		</div>
diff --git a/packages/modules/web_themes/colors/web/assets/index-B-oIXkFa.js b/packages/modules/web_themes/colors/web/assets/index-B-oIXkFa.js
diff --git a/packages/modules/web_themes/colors/web/assets/index-BmACv-mh.css b/packages/modules/web_themes/colors/web/assets/index-BmACv-mh.css
diff --git a/packages/modules/web_themes/colors/web/index.html b/packages/modules/web_themes/colors/web/index.html
@@ -24,9 +24,9 @@
 	<link rel="apple-touch-icon" sizes="60x60" href="/openWB/web/img/favicons/apple-touch-icon-60x60.png">
 	<link rel="manifest" href="/openWB/web/manifest.json">
 	<title>openWB</title>
-  <script type="module" crossorigin src="/openWB/web/themes/colors/assets/index-B1IFxNDg.js"></script>
+  <script type="module" crossorigin src="/openWB/web/themes/colors/assets/index-B-oIXkFa.js"></script>
   <link rel="modulepreload" crossorigin href="/openWB/web/themes/colors/assets/vendor-CmSLe-Fc.js">
-  <link rel="stylesheet" crossorigin href="/openWB/web/themes/colors/assets/index-R7WEwZeK.css">
+  <link rel="stylesheet" crossorigin href="/openWB/web/themes/colors/assets/index-BmACv-mh.css">
 </head>
 
 <body>
