Merge pull request #283 from anarion80/issue278

Fix for ON states for climate entities #278

src/lib/Components/StateLogic.svelte

@@ -49,6 +49,10 @@
 		{@html title}
 	{/if}
 
+	<!--  Climate -->
+{:else if getDomain(entity_id) === 'climate' && attributes?.hvac_action}
+	{$lang(attributes?.hvac_action)}
+
 	<!--  Humidifier -->
 {:else if getDomain(entity_id) === 'humidifier' && entity?.state === 'on' && attributes?.action}
 	{$lang('humidifier_' + attributes?.action)}

src/lib/Main/Button.svelte

@@ -8,6 +8,7 @@
 		lang,
 		motion,
 		onStates,
+		climateHvacActionToMode,
 		ripple,
 		states
 	} from '$lib/Stores';
@@ -71,7 +72,9 @@
 	// icon is image if extension, e.g. test.png
 	$: image = icon?.includes('.');
 
-	$: stateOn = $onStates?.includes(entity?.state);
+	$: stateOn = $onStates?.includes(
+        attributes?.hvac_action ? $climateHvacActionToMode?.[attributes?.hvac_action] : entity?.state
+    );
 
 	/**
 	 * Toggles the state of the specified entity

src/lib/Stores.ts

@@ -46,6 +46,17 @@ export const onStates = readable([
 	'gas'
 ]);
 
+// climate states
+export const climateHvacActionToMode = readable<Record<string, string>>({
+	cooling: 'cool',
+	drying: 'dry',
+	fan: 'fan_only',
+	preheating: 'heat',
+	heating: 'heat',
+	idle: 'off',
+	off: 'off'
+});
+
 // drawer
 export const drawerSearch = writable<string | undefined>();
 export const focusSearch = writable<boolean>(false);