Merge pull request #367 from matt8707/notifications

Add sidebar persistent notifications, closes #203

package.json

@@ -22,13 +22,13 @@
 		"@types/express": "^4.17.21",
 		"@types/js-yaml": "^4.0.9",
 		"@types/promise-fs": "^2.1.5",
-		"@typescript-eslint/eslint-plugin": "^6.21.0",
-		"@typescript-eslint/parser": "^6.21.0",
+		"@typescript-eslint/eslint-plugin": "^7.0.1",
+		"@typescript-eslint/parser": "^7.0.1",
 		"eslint": "^8.56.0",
 		"eslint-config-prettier": "^9.1.0",
 		"eslint-plugin-svelte": "^2.35.1",
 		"prettier": "^3.2.5",
-		"prettier-plugin-svelte": "^3.1.2",
+		"prettier-plugin-svelte": "^3.2.0",
 		"svelte": "^4.2.10",
 		"svelte-check": "^3.6.4",
 		"svelte-fast-dimension": "^1.1.0",
@@ -52,7 +52,7 @@
 		"d3-array": "^3.2.4",
 		"d3-scale": "^4.0.2",
 		"d3-shape": "^3.2.0",
-		"dotenv": "^16.4.2",
+		"dotenv": "^16.4.3",
 		"express": "^4.18.2",
 		"home-assistant-js-websocket": "^9.1.0",
 		"http-proxy-middleware": "^2.0.6",

scripts/translations/fetch.py

@@ -127,6 +127,9 @@ def process_dir(_dir, _output, _keys):
             ("update_install", ["ui.dialogs.more_info_control.update.install"]),
             ("back", ["ui.common.back"]),
             ("service_data", ["ui.components.service-control.data"]),
+            ("notifications_empty", ["ui.notification_drawer.empty"]),
+            ("notifications", ["ui.notification_drawer.title"]),
+            ("notifications_dismiss", ["ui.notification_toast.dismiss"]),
         ],
     ),
     (  # MEDIA_PLAYER

src/lib/Modal/AlarmControlPanelModal.svelte

@@ -20,7 +20,6 @@
 	let reject: boolean;
 	let timeout: ReturnType<typeof setTimeout> | undefined;
 	let selectedService: string | undefined;
-	let unsubscribe: () => void;
 
 	function addCode(key: number) {
 		code += key;
@@ -56,7 +55,6 @@
 	}
 
 	onDestroy(() => {
-		unsubscribe?.();
 		clearTimeout(timeout);
 	});
 

src/lib/Modal/ConfigButtons.svelte

@@ -109,7 +109,6 @@
 					class="options action"
 					on:click={() => {
 						handleChangeType();
-						$record();
 					}}
 					use:Ripple={$ripple}
 				>

src/lib/Modal/MainItemConfig.svelte

@@ -29,6 +29,17 @@
 		if (searchElement) {
 			searchElement.focus();
 		}
+
+		// if changing type reset object
+		if (sel) {
+			Object.keys(sel).forEach((key) => {
+				if (key !== 'id') {
+					delete (sel as any)[key];
+				}
+			});
+			sel.type = 'configure';
+			$dashboard = $dashboard;
+		}
 	});
 
 	$: filter = itemTypes