Merge pull request #206 from matt8707/group

Add 'group' modal support, closes #179

PROGRESS.md

@@ -74,7 +74,7 @@ List grouped by domains and categorized based on their similar behaviors
   - [ ] idea: custom map if map camera
   - [x] <https://github.com/matt8707/ha-fusion/issues/24>
 - [x] counter
-- [ ] group
+- [x] group
 
 ### Date
 

src/lib/Main/Button.svelte

@@ -270,6 +270,10 @@
 					});
 					break;
 
+				case 'group':
+					openModal(() => import('$lib/Modal/GroupModal.svelte'), { sel });
+					break;
+
 				case 'device_tracker': {
 					if ($states?.[sel?.entity_id]?.attributes?.source_type === 'gps') {
 						openModal(() => import('$lib/Modal/DeviceTrackerModal.svelte'), { sel });

src/lib/Modal/GroupModal.svelte

@@ -0,0 +1,27 @@
+<script lang="ts">
+	import { states } from '$lib/Stores';
+	import Modal from '$lib/Modal/Index.svelte';
+	import StateLogic from '$lib/Components/StateLogic.svelte';
+	import ConfigButtons from '$lib/Modal/ConfigButtons.svelte';
+	import { getName } from '$lib/Utils';
+
+	export let isOpen: boolean;
+	export let sel: any;
+
+	$: entity = $states?.[sel?.entity_id];
+	$: group = entity?.attributes?.entity_id;
+</script>
+
+{#if isOpen}
+	<Modal>
+		<h1 slot="title">{getName(sel, entity)}</h1>
+
+		{#each group as child_entity_id}
+			<h2>{getName(undefined, $states?.[child_entity_id])}</h2>
+
+			<StateLogic entity_id={child_entity_id} selected={undefined} />
+		{/each}
+
+		<ConfigButtons />
+	</Modal>
+{/if}