Merge pull request #520 from openWB/feature-cards-display-theme

Feature cards display theme

Author: benderl

src/components/display_themes/cards/displayTheme.vue

@@ -40,7 +40,7 @@
 				Der PIN muss aus 4 bis 10 Zahlen bestehen.
 			</template>
 		</openwb-base-text-input>
-		<openwb-base-heading>Ansicht "Übersicht"</openwb-base-heading>
+		<openwb-base-heading>Ansichten</openwb-base-heading>
 		<openwb-base-button-group-input
 			title="Übersicht anzeigen"
 			:model-value="displayTheme.configuration.enable_dashboard_view"
@@ -64,13 +64,12 @@
 			]"
 		/>
 		<openwb-base-button-group-input
-			v-if="displayTheme.configuration.enable_dashboard_view"
-			title="EVU anzeigen"
-			:model-value="displayTheme.configuration.enable_dashboard_card_grid"
+			title="Energiefluss anzeigen"
+			:model-value="displayTheme.configuration.enable_energy_flow_view"
 			@update:model-value="
 				updateConfiguration(
 					$event,
-					'configuration.enable_dashboard_card_grid',
+					'configuration.enable_energy_flow_view',
 				)
 			"
 			:buttons="[
@@ -87,16 +86,35 @@
 			]"
 		/>
 		<openwb-base-button-group-input
-			v-if="displayTheme.configuration.enable_dashboard_view"
-			title="Hausverbrauch anzeigen"
-			:model-value="
-				displayTheme.configuration
-					.enable_dashboard_card_home_consumption
+			title="Ladepunkte anzeigen"
+			:model-value="displayTheme.configuration.enable_charge_points_view"
+			@update:model-value="
+				updateConfiguration(
+					$event,
+					'configuration.enable_charge_points_view',
+				)
 			"
+			:buttons="[
+				{
+					buttonValue: false,
+					text: 'Aus',
+					class: 'btn-outline-danger',
+				},
+				{
+					buttonValue: true,
+					text: 'An',
+					class: 'btn-outline-success',
+				},
+			]"
+		/>
+		<openwb-base-button-group-input
+			v-if="displayTheme.configuration.enable_charge_points_view == true"
+			title="Einfache Ansicht der Ladepunkte"
+			:model-value="displayTheme.configuration.simple_charge_point_view"
 			@update:model-value="
 				updateConfiguration(
 					$event,
-					'configuration.enable_dashboard_card_home_consumption',
+					'configuration.simple_charge_point_view',
 				)
 			"
 			:buttons="[
@@ -113,15 +131,38 @@
 			]"
 		/>
 		<openwb-base-button-group-input
-			v-if="displayTheme.configuration.enable_dashboard_view"
-			title="Batteriespeicher anzeigen"
-			:model-value="
-				displayTheme.configuration.enable_dashboard_card_battery_sum
+			title="Status anzeigen"
+			:model-value="displayTheme.configuration.enable_status_view"
+			@update:model-value="
+				updateConfiguration($event, 'configuration.enable_status_view')
 			"
+			:buttons="[
+				{
+					buttonValue: false,
+					text: 'Aus',
+					class: 'btn-outline-danger',
+				},
+				{
+					buttonValue: true,
+					text: 'An',
+					class: 'btn-outline-success',
+				},
+			]"
+		/>
+		<openwb-base-heading>
+			Datenauswahl
+			<template #help>
+				Hier kann festgelegt werden, welche Daten in den Ansichten
+				"Übersicht" und "Energiefluss" angezeigt werden.
+			</template>
+		</openwb-base-heading>
+		<openwb-base-button-group-input
+			title="EVU anzeigen"
+			:model-value="displayTheme.configuration.enable_dashboard_card_grid"
 			@update:model-value="
 				updateConfiguration(
 					$event,
-					'configuration.enable_dashboard_card_battery_sum',
+					'configuration.enable_dashboard_card_grid',
 				)
 			"
 			:buttons="[
@@ -138,16 +179,15 @@
 			]"
 		/>
 		<openwb-base-button-group-input
-			v-if="displayTheme.configuration.enable_dashboard_view"
-			title="Ladepunkte anzeigen"
+			title="Hausverbrauch anzeigen"
 			:model-value="
 				displayTheme.configuration
-					.enable_dashboard_card_charge_point_sum
+					.enable_dashboard_card_home_consumption
 			"
 			@update:model-value="
 				updateConfiguration(
 					$event,
-					'configuration.enable_dashboard_card_charge_point_sum',
+					'configuration.enable_dashboard_card_home_consumption',
 				)
 			"
 			:buttons="[
@@ -164,7 +204,6 @@
 			]"
 		/>
 		<openwb-base-button-group-input
-			v-if="displayTheme.configuration.enable_dashboard_view"
 			title="PV anzeigen"
 			:model-value="
 				displayTheme.configuration.enable_dashboard_card_inverter_sum
@@ -188,14 +227,40 @@
 				},
 			]"
 		/>
-		<openwb-base-heading>Ansicht "Ladepunkte"</openwb-base-heading>
+		<openwb-base-button-group-input
+			title="Batteriespeicher anzeigen"
+			:model-value="
+				displayTheme.configuration.enable_dashboard_card_battery_sum
+			"
+			@update:model-value="
+				updateConfiguration(
+					$event,
+					'configuration.enable_dashboard_card_battery_sum',
+				)
+			"
+			:buttons="[
+				{
+					buttonValue: false,
+					text: 'Aus',
+					class: 'btn-outline-danger',
+				},
+				{
+					buttonValue: true,
+					text: 'An',
+					class: 'btn-outline-success',
+				},
+			]"
+		/>
 		<openwb-base-button-group-input
 			title="Ladepunkte anzeigen"
-			:model-value="displayTheme.configuration.enable_charge_points_view"
+			:model-value="
+				displayTheme.configuration
+					.enable_dashboard_card_charge_point_sum
+			"
 			@update:model-value="
 				updateConfiguration(
 					$event,
-					'configuration.enable_charge_points_view',
+					'configuration.enable_dashboard_card_charge_point_sum',
 				)
 			"
 			:buttons="[
@@ -211,12 +276,16 @@
 				},
 			]"
 		/>
-		<openwb-base-heading>Ansicht "Status"</openwb-base-heading>
 		<openwb-base-button-group-input
-			title="Status anzeigen"
-			:model-value="displayTheme.configuration.enable_status_view"
+			title="Fahrzeuge anzeigen"
+			:model-value="
+				displayTheme.configuration.enable_dashboard_card_vehicles
+			"
 			@update:model-value="
-				updateConfiguration($event, 'configuration.enable_status_view')
+				updateConfiguration(
+					$event,
+					'configuration.enable_dashboard_card_vehicles',
+				)
 			"
 			:buttons="[
 				{