node-red-contrib-huemagic 4.2.2 → 5.0.0

package/huemagic/hue-motion.html

@@ -4,7 +4,7 @@
         <input type="text" id="node-input-name" data-i18n="[placeholder]hue-motion.config.input-name" style="width: calc(100% - 105px)">
     </div>
     <div class="form-row">
-        <label for="node-input-bridge"><i class="fa fa-server"></i> Bridge</label>
+        <label for="node-input-bridge"><i class="fa fa-server"></i> <span data-i18n="hue-motion.config.bridge"></span></label>
         <input type="text" id="node-input-bridge" style="width: calc(100% - 105px)">
     </div>
     <div class="form-row">
@@ -19,15 +19,21 @@
         </div>
     </div>
     <div class="form-row" style="margin-top: 30px">
-        <div style="display: inline-flex; width: calc(100% - 105px)">
-            <input type="checkbox" id="node-input-skipevents" style="flex: 15px;">
-            <span data-i18n="hue-motion.config.skipevents-node" style="width: 100%; margin-left: 10px;"></span>
+        <div style="display: inline-flex; align-items: center; width: calc(100% - 105px)">
+            <input type="checkbox" id="node-input-skipevents" style="flex: 0 0 auto; width: auto; margin: 0;">
+            <span data-i18n="hue-motion.config.skipevents-node" style="flex: 1; margin-left: 8px;"></span>
         </div>
     </div>
     <div class="form-row">
-        <div style="display: inline-flex; width: calc(100% - 105px)">
-            <input type="checkbox" id="node-input-initevents" style="flex: 15px;">
-            <span data-i18n="hue-motion.config.sendinitevents-node" style="width: 100%; margin-left: 10px;"></span>
+        <div style="display: inline-flex; align-items: center; width: calc(100% - 105px)">
+            <input type="checkbox" id="node-input-initevents" style="flex: 0 0 auto; width: auto; margin: 0;">
+            <span data-i18n="hue-motion.config.sendinitevents-node" style="flex: 1; margin-left: 8px;"></span>
+        </div>
+    </div>
+    <div class="form-row">
+        <div style="display: inline-flex; align-items: center; width: calc(100% - 105px)">
+            <input type="checkbox" id="node-input-onlycommands" style="flex: 0 0 auto; width: auto; margin: 0;">
+            <span data-i18n="hue-motion.config.onlycommands-node" style="flex: 1; margin-left: 8px;"></span>
         </div>
     </div>
 </script>
@@ -41,10 +47,11 @@
             bridge: { type: "hue-bridge", required: true },
             sensorid: { value:"", required: false },
             skipevents: { value: false },
-            initevents: { value: false }
+            initevents: { value: false },
+            onlycommands: { value: false }
         },
         align: 'left',
-        icon: "hue-motion.png",
+        icon: "hue-motion.svg",
         inputs: 1,
         outputs: 1,
         label: function() {

package/huemagic/hue-motion.js

@@ -37,7 +37,7 @@ module.exports = function(RED)
 
 		//
 		// SUBSCRIBE TO UPDATES FROM THE BRIDGE
-		bridge.subscribe("motion", config.sensorid, function(info)
+		this.unsubscribe = bridge.subscribe("motion", config.sensorid, function(info)
 		{
 			let currentState = bridge.get("motion", info.id);
 
@@ -45,7 +45,7 @@ module.exports = function(RED)
 			if(currentState !== false)
 			{
 				// SEND MESSAGE
-				if(!config.skipevents && (config.initevents || info.suppressMessage == false))
+				if(!config.skipevents && (config.initevents || info.suppressMessage == false) && (!config.onlycommands || scope.lastCommand !== null))
 				{
 					// SET LAST COMMAND
 					if(scope.lastCommand !== null)
@@ -104,14 +104,14 @@ module.exports = function(RED)
 			const tempSensorID = (!config.sensorid && typeof msg.topic != 'undefined' && bridge.validResourceID.test(msg.topic) === true) ? msg.topic : config.sensorid;
 			if(!tempSensorID)
 			{
-				scope.error("Please submit a valid sensor ID.");
+				scope.error(RED._("hue-motion.node.error-no-id"), msg);
 				return false;
 			}
 
 			let currentState = bridge.get("motion", tempSensorID);
 			if(!currentState)
 			{
-				scope.error("The sensor in not yet available. Please wait until HueMagic has established a connection with the bridge or check whether the resource ID in the configuration is valid.");
+				scope.error(RED._("hue-motion.node.error-not-available"), msg);
 				return false;
 			}
 
@@ -141,6 +141,27 @@ module.exports = function(RED)
 				patchObject["enabled"] = (msg.payload == true);
 			}
 
+			// TUNE THE SENSITIVITY (CAMERAS AND MOTIONAWARE AREAS)
+			if(typeof msg.payload != 'undefined' && typeof msg.payload.sensitivity != 'undefined')
+			{
+				const maximum = currentState.payload.sensitivityMax;
+
+				if(typeof maximum == 'undefined')
+				{
+					scope.error(RED._("hue-motion.node.error-no-sensitivity"), msg);
+					return false;
+				}
+
+				const sensitivity = parseInt(msg.payload.sensitivity);
+				if(isNaN(sensitivity) || sensitivity < 0 || sensitivity > maximum)
+				{
+					scope.error(RED._("hue-motion.node.error-invalid-sensitivity", { max: maximum }), msg);
+					return false;
+				}
+
+				patchObject["sensitivity"] = { sensitivity: sensitivity };
+			}
+
 			//
 			// SHOULD PATCH?
 			if(Object.values(patchObject).length > 0)
@@ -153,15 +174,15 @@ module.exports = function(RED)
 
 				// PATCH!
 				async.retry({
-					times: 3,
+					times: 5,
 					errorFilter: function(err) {
-						return (err.status == 503);
+						return (err.status == 503 || err.status == 429);
 					},
-					interval: function(retryCount) { return retryCount*2000; }
+					interval: function(retryCount) { return 750*retryCount; }
 				},
 				function(callback, results)
 				{
-					bridge.patch("motion", tempSensorID, patchObject)
+					bridge.patch(currentState.info.type, tempSensorID, patchObject)
 					.then(function() { if(done) { callback(null, true); }})
 					.catch(function(errors) { callback(errors, null); });
 				},
@@ -194,6 +215,14 @@ module.exports = function(RED)
 				if(done) { done(); }
 			}
 		});
+
+		//
+		// CLOSE NODE / DETACH FROM THE BRIDGE
+		this.on('close', function()
+		{
+			if(scope.unsubscribe) { scope.unsubscribe(); }
+		});
+
 	}
 
 	RED.nodes.registerType("hue-motion", HueMotion);

package/huemagic/hue-rules.html

@@ -4,7 +4,7 @@
         <input type="text" id="node-input-name" data-i18n="[placeholder]hue-rules.config.input-name" style="width: calc(100% - 105px)">
     </div>
     <div class="form-row">
-        <label for="node-input-bridge"><i class="fa fa-server"></i> Bridge</label>
+        <label for="node-input-bridge"><i class="fa fa-server"></i> <span data-i18n="hue-rules.config.bridge"></span></label>
         <input type="text" id="node-input-bridge" style="width: calc(100% - 105px)">
     </div>
     <div class="form-row">
@@ -19,15 +19,21 @@
         </div>
     </div>
     <div class="form-row" style="margin-top: 30px">
-        <div style="display: inline-flex; width: calc(100% - 105px)">
-            <input type="checkbox" id="node-input-skipevents" style="flex: 15px;">
-            <span data-i18n="hue-rules.config.skipevents-node" style="width: 100%; margin-left: 10px;"></span>
+        <div style="display: inline-flex; align-items: center; width: calc(100% - 105px)">
+            <input type="checkbox" id="node-input-skipevents" style="flex: 0 0 auto; width: auto; margin: 0;">
+            <span data-i18n="hue-rules.config.skipevents-node" style="flex: 1; margin-left: 8px;"></span>
         </div>
     </div>
     <div class="form-row">
-        <div style="display: inline-flex; width: calc(100% - 105px)">
-            <input type="checkbox" id="node-input-initevents" style="flex: 15px;">
-            <span data-i18n="hue-rules.config.sendinitevents-node" style="width: 100%; margin-left: 10px;"></span>
+        <div style="display: inline-flex; align-items: center; width: calc(100% - 105px)">
+            <input type="checkbox" id="node-input-initevents" style="flex: 0 0 auto; width: auto; margin: 0;">
+            <span data-i18n="hue-rules.config.sendinitevents-node" style="flex: 1; margin-left: 8px;"></span>
+        </div>
+    </div>
+    <div class="form-row">
+        <div style="display: inline-flex; align-items: center; width: calc(100% - 105px)">
+            <input type="checkbox" id="node-input-onlycommands" style="flex: 0 0 auto; width: auto; margin: 0;">
+            <span data-i18n="hue-rules.config.onlycommands-node" style="flex: 1; margin-left: 8px;"></span>
         </div>
     </div>
 </script>
@@ -41,10 +47,11 @@
             bridge: { type: "hue-bridge", required: true },
             ruleid: { value:"", required: false },
             skipevents: { value: false },
-            initevents: { value: false }
+            initevents: { value: false },
+            onlycommands: { value: false }
         },
         align: 'left',
-        icon: "hue-rules.png",
+        icon: "hue-rules.svg",
         inputs: 1,
         outputs: 1,
         label: function() {

package/huemagic/hue-rules.js

@@ -37,7 +37,7 @@ module.exports = function(RED)
 
 		//
 		// SUBSCRIBE TO UPDATES FROM THE BRIDGE
-		bridge.subscribe("rule", config.ruleid, function(info)
+		this.unsubscribe = bridge.subscribe("rule", config.ruleid, function(info)
 		{
 			let currentState = bridge.get("rule", info.id);
 
@@ -58,7 +58,7 @@ module.exports = function(RED)
 				}
 
 				// SEND MESSAGE
-				if(!config.skipevents && (config.initevents || info.suppressMessage == false))
+				if(!config.skipevents && (config.initevents || info.suppressMessage == false) && (!config.onlycommands || scope.lastCommand !== null))
 				{
 					// SET LAST COMMAND
 					if(scope.lastCommand !== null)
@@ -94,14 +94,14 @@ module.exports = function(RED)
 			const tempRuleID = (!config.ruleid && typeof msg.topic != 'undefined' && isNaN(msg.topic) == false) ? msg.topic : config.ruleid;
 			if(!tempRuleID)
 			{
-				scope.error("Please submit a valid rule ID.");
+				scope.error(RED._("hue-rules.node.error-no-id"), msg);
 				return false;
 			}
 
 			let currentState = bridge.get("rule", "rule_" + tempRuleID);
 			if(!currentState)
 			{
-				scope.error("The rule in not yet available. Please wait until HueMagic has established a connection with the bridge or check whether the resource ID in the configuration is valid.");
+				scope.error(RED._("hue-rules.node.error-not-available"), msg);
 				return false;
 			}
 
@@ -113,11 +113,11 @@ module.exports = function(RED)
 
 				// PATCH!
 				async.retry({
-					times: 3,
+					times: 5,
 					errorFilter: function(err) {
-						return (err.status == 503);
+						return (err.status == 503 || err.status == 429);
 					},
-					interval: function(retryCount) { return retryCount*2000; }
+					interval: function(retryCount) { return 750*retryCount; }
 				},
 				function(callback, results)
 				{
@@ -154,7 +154,15 @@ module.exports = function(RED)
 				if(done) {done();}
 			}
 		});
+
+		//
+		// CLOSE NODE / DETACH FROM THE BRIDGE
+		this.on('close', function()
+		{
+			if(scope.unsubscribe) { scope.unsubscribe(); }
+		});
+
 	}
 
 	RED.nodes.registerType("hue-rules", HueRules);
-}
+}

package/huemagic/hue-scene.html

@@ -4,7 +4,7 @@
         <input type="text" id="node-input-name" data-i18n="[placeholder]hue-scene.config.input-name" style="width: calc(100% - 105px)">
     </div>
     <div class="form-row">
-        <label for="node-input-bridge"><i class="fa fa-server"></i> Bridge</label>
+        <label for="node-input-bridge"><i class="fa fa-server"></i> <span data-i18n="hue-scene.config.bridge"></span></label>
         <input type="text" id="node-input-bridge" style="width: calc(100% - 105px)">
     </div>
     <div class="form-row">
@@ -30,7 +30,7 @@
             sceneid: { value: null }
         },
         align: 'left',
-        icon: "hue-scene.png",
+        icon: "hue-scene.svg",
         inputs: 1,
         outputs: 1,
         label: function() {
@@ -97,7 +97,11 @@
                 $.get('hue/resources', { bridge: bridgeConfig.bridge, key: bridgeConfig.key, type: "scene" })
                 .done( function(data) {
                     var allResources = JSON.parse(data);
-                    allResources = sortResourcesBy('name', allResources);
+                    allResources = allResources.sort(function(a, b) {
+                        // GROUP FIRST, SO THE SCENES OF A ROOM STAY TOGETHER
+                        const byGroup = (a.group || "").localeCompare(b.group || "");
+                        return (byGroup !== 0) ? byGroup : (a.name || "").localeCompare(b.name || "");
+                    });
                     if(allResources.length <= 0)
                     {
                         notification.close();
@@ -108,7 +112,7 @@
                     // SET OPTIONS
                     allResources.forEach(function(resource)
                     {
-                        sceneOptions[resource.id] = { value: resource.id, label: resource.name + " ("+resource.group+")" };
+                        sceneOptions[resource.id] = { value: resource.id, label: resource.group + " – " + resource.name };
                     });
 
                     // SELECT CURRENT VALUE
@@ -145,7 +149,7 @@
 
                 if(currentSelectedOptionValue !== false)
                 {
-                    $('#node-input-name').val(currentSelectedOptionValue.split(" (")[0]);
+                    $('#node-input-name').val(currentSelectedOptionValue.split(" – ").pop());
                 }
             });
 

package/huemagic/hue-scene.js

@@ -12,9 +12,11 @@ module.exports = function(RED)
 
 		// GET TARGET WIRED GROUPS
 		this.targetGroups = {};
-		for (var w = scope.wires[0].length - 1; w >= 0; w--)
+		const wiredNodes = (scope.wires && scope.wires[0]) ? scope.wires[0] : [];
+
+		for (var w = wiredNodes.length - 1; w >= 0; w--)
 		{
-			let oneWiredNode = RED.nodes.getNode(scope.wires[0][w]);
+			let oneWiredNode = RED.nodes.getNode(wiredNodes[w]);
 			if(oneWiredNode && oneWiredNode.type == "hue-group" && oneWiredNode.exportedConfig && oneWiredNode.exportedConfig.groupid && oneWiredNode.exportedConfig.groupid.length > 1)
 			{
 				this.targetGroups[oneWiredNode.exportedConfig.groupid] = true;
@@ -43,8 +45,7 @@ module.exports = function(RED)
 			// PREPARE TARGET GROUPS
 			let copyOfTargetGroups = Object.keys(scope.targetGroups);
 			if(typeof groupIDS == 'string') { copyOfTargetGroups.push(groupIDS); }
-			else if(typeof groupIDS == 'object') { copyOfTargetGroups.concat(groupIDS); }
-			else { return false; }
+			else if(Array.isArray(groupIDS)) { copyOfTargetGroups = copyOfTargetGroups.concat(groupIDS); }
 
 			// CREATE PATCH
 			let patchObject = {};
@@ -54,14 +55,23 @@ module.exports = function(RED)
 			{
 				// ERROR
 				this.status({fill: "red", shape: "ring", text: "hue-scene.node.no-id"});
-				scope.error("Scene ID not found");
+				scope.error(RED._("hue-scene.node.no-id"), msg);
+				return false;
+			}
+
+			// SCENE NOT (YET) KNOWN?
+			const targetScene = bridge.resources ? bridge.resources[sceneDef] : false;
+			if(!targetScene)
+			{
+				this.status({fill: "red", shape: "ring", text: "hue-scene.node.no-id"});
+				scope.error(RED._("hue-scene.node.error-not-available"), msg);
 				return false;
 			}
 
 			// RECALL ON GROUP? -> USE API v1
-			if(copyOfTargetGroups.length > 0)
+			if(copyOfTargetGroups.length > 0 && targetScene.id_v1)
 			{
-				let targetSceneID = bridge.resources[sceneDef].id_v1.replace("/scenes/", "");
+				let targetSceneID = targetScene.id_v1.replace("/scenes/", "");
 
 				// SEND STATUS
 				scope.status({fill: "blue", shape: "dot", text: "hue-scene.node.recalled-on-group"})
@@ -75,11 +85,11 @@ module.exports = function(RED)
 					{
 						// PATCH!
 						async.retry({
-							times: 3,
+							times: 5,
 							errorFilter: function(err) {
-								return (err.status == 503);
+								return (err.status == 503 || err.status == 429);
 							},
-							interval: function(retryCount) { return retryCount*2000; }
+							interval: function(retryCount) { return 750*retryCount; }
 						},
 						function(callback, results)
 						{
@@ -110,23 +120,49 @@ module.exports = function(RED)
 			}
 			else
 			{
-				// RECALL SCENE
-				patchObject["recall"] = { action: "active" };
+				// RECALL SCENE (SMART SCENES USE THEIR OWN RESOURCE AND ACTION)
+				const sceneType = (targetScene.type === "smart_scene") ? "smart_scene" : "scene";
+				patchObject["recall"] = { action: (sceneType === "smart_scene") ? "activate" : "active" };
+
+				// A NORMAL SCENE CAN ALSO FADE IN AND BE DIMMED WHILE IT IS RECALLED
+				if(sceneType === "scene")
+				{
+					if(typeof msg.payload != 'undefined' && typeof msg.payload.transitionTime != 'undefined')
+					{
+						let duration = Math.round(parseFloat(msg.payload.transitionTime) * 1000);
+						duration = (duration > 6000000) ? 6000000 : ((duration < 0) ? 0 : duration);
+
+						patchObject["recall"]["duration"] = duration;
+					}
+
+					if(typeof msg.payload != 'undefined' && typeof msg.payload.brightness != 'undefined')
+					{
+						const brightness = parseFloat(msg.payload.brightness);
+
+						if(isNaN(brightness) || brightness < 0 || brightness > 100)
+						{
+							scope.error(RED._("hue-scene.node.error-invalid-brightness"), msg);
+							return false;
+						}
+
+						patchObject["recall"]["dimming"] = { brightness: brightness };
+					}
+				}
 
 				// CHANGE NODE UI STATE
 				scope.status({fill: "grey", shape: "ring", text: "hue-scene.node.command"});
 
 				// PATCH!
 				async.retry({
-					times: 3,
+					times: 5,
 					errorFilter: function(err) {
-						return (err.status == 503);
+						return (err.status == 503 || err.status == 429);
 					},
-					interval: function(retryCount) { return retryCount*2000; }
+					interval: function(retryCount) { return 750*retryCount; }
 				},
 				function(callback, results)
 				{
-					bridge.patch("scene", sceneDef, patchObject)
+					bridge.patch(sceneType, sceneDef, patchObject)
 					.then(function()
 					{
 						scope.status({fill: "blue", shape: "dot", text: "hue-scene.node.recalled"});

package/huemagic/hue-speaker.html

@@ -0,0 +1,218 @@
+<script type="text/x-red" data-template-name="hue-speaker">
+    <div class="form-row">
+        <label for="node-input-name"><i class="fa fa-tag"></i> <span data-i18n="hue-speaker.config.name"></span></label>
+        <input type="text" id="node-input-name" data-i18n="[placeholder]hue-speaker.config.input-name" style="width: calc(100% - 105px)">
+    </div>
+    <div class="form-row">
+        <label for="node-input-bridge"><i class="fa fa-server"></i> <span data-i18n="hue-speaker.config.bridge"></span></label>
+        <input type="text" id="node-input-bridge" style="width: calc(100% - 105px)">
+    </div>
+    <div class="form-row">
+        <label for="node-input-speakerid"><i class="fa fa-volume-up"></i> <span data-i18n="hue-speaker.config.speaker"></span></label>
+        <div style="display: inline-flex; width: calc(100% - 105px)">
+            <div id="input-select-toggle" style="flex-grow: 1;">
+                <input type="text" id="node-input-speakerid" placeholder="00000000-0000-0000-0000-000000000000" style="width: 100%"/>
+            </div>
+            <button id="node-config-input-scan-speaker" type="button" class="red-ui-button" style="margin-left: 10px;">
+                <i class="fa fa-search"></i>
+            </button>
+        </div>
+    </div>
+    <div class="form-row" style="margin-top: 30px">
+        <div style="display: inline-flex; align-items: center; width: calc(100% - 105px)">
+            <input type="checkbox" id="node-input-skipevents" style="flex: 0 0 auto; width: auto; margin: 0;">
+            <span data-i18n="hue-speaker.config.skipevents-node" style="flex: 1; margin-left: 8px;"></span>
+        </div>
+    </div>
+    <div class="form-row">
+        <div style="display: inline-flex; align-items: center; width: calc(100% - 105px)">
+            <input type="checkbox" id="node-input-initevents" style="flex: 0 0 auto; width: auto; margin: 0;">
+            <span data-i18n="hue-speaker.config.sendinitevents-node" style="flex: 1; margin-left: 8px;"></span>
+        </div>
+    </div>
+    <div class="form-row">
+        <div style="display: inline-flex; align-items: center; width: calc(100% - 105px)">
+            <input type="checkbox" id="node-input-onlycommands" style="flex: 0 0 auto; width: auto; margin: 0;">
+            <span data-i18n="hue-speaker.config.onlycommands-node" style="flex: 1; margin-left: 8px;"></span>
+        </div>
+    </div>
+</script>
+
+<script type="text/javascript">
+    RED.nodes.registerType('hue-speaker',{
+        category: 'HueMagic',
+        color: '#8182df',
+        defaults: {
+            name: { value:"" },
+            bridge: { type: "hue-bridge", required: true },
+            speakerid: { value:"", required: false },
+            skipevents: { value: false },
+            initevents: { value: false },
+            onlycommands: { value: false }
+        },
+        align: 'left',
+        icon: "hue-speaker.svg",
+        inputs: 1,
+        outputs: 1,
+        label: function() {
+            return this.name || this._("hue-speaker.node.title");
+        },
+        paletteLabel: function() {
+            return this._("hue-speaker.node.title");
+        },
+        inputLabels: function() {
+            return this._("hue-speaker.node.input");
+        },
+        outputLabels: function() {
+            return this._("hue-speaker.node.output");
+        },
+        oneditprepare: function()
+        {
+            const scope = this;
+            let options = [];
+
+            function manualInput()
+            {
+                // GET CURRENT SELECTED VALUE
+                var current = $('#node-input-speakerid').val();
+
+                // REMOVE SELECT FIELD
+                $('#input-select-toggle').empty();
+
+                // CREATE NEW INPUT FIELD
+                $('#input-select-toggle').append('<input type="text" id="node-input-speakerid" placeholder="00000000-0000-0000-0000-000000000000" style="width: 100%" value="'+current+'" />');
+
+                // CHANGE BUTTON ICON
+                var button = $("#node-config-input-scan-speaker");
+                var buttonIcon = button.find("i");
+                buttonIcon.removeClass("fa-pencil");
+                buttonIcon.addClass("fa-search");
+            }
+            
+            function sortResourcesBy(prop, resources)
+            {
+                return resources.sort((a, b) => {
+                    if ( a[prop] < b[prop] ){
+                        return -1;
+                    }
+                    if ( a[prop] > b[prop] ){
+                        return 1;
+                    }
+                    return 0;
+                });
+            }
+
+            function searchAndSelect()
+            {
+                // GET CURRENT BRIDGE CONFIGURATION
+                var bridgeConfig = RED.nodes.node($('#node-input-bridge option:selected').val());
+                if(!bridgeConfig) { return false; }
+
+                // GET CURRENT SELECTED VALUE
+                var current = $('#node-input-speakerid').val();
+
+                // TRIGGER SEARCHING NOTIFICATION
+                var notification = RED.notify(scope._("hue-speaker.config.searching"), { type: "compact", modal: true, fixed: true });
+
+                // GET THE SENSORS
+                $.get('hue/resources', { bridge: bridgeConfig.bridge, key: bridgeConfig.key, type: "speaker" })
+                .done( function(data) {
+                    var allResources = JSON.parse(data);
+                    allResources = sortResourcesBy('name', allResources);
+                    if(allResources.length <= 0)
+                    {
+                        notification.close();
+                        RED.notify(scope._("hue-speaker.config.none-found"), { type: "error" });
+                        return false;
+                    }
+
+                    // SET OPTIONS
+                    allResources.forEach(function(resource)
+                    {
+                        if(resource.model)
+                        {
+                            options[resource.id] = { value: resource.id, label: resource.name + " ("+resource.model+")" };
+                        }
+                        else
+                        {
+                            options[resource.id] = { value: resource.id, label: resource.name };
+                        }
+                    });
+
+                    // SELECT CURRENT VALUE
+                    $("#node-input-speakerid").typedInput({
+                        types: [
+                            {
+                                value: current,
+                                options: Object.values(options)
+                            }
+                        ]
+                    });
+
+                    // CHANGE BUTTON ICON
+                    var button = $("#node-config-input-scan-speaker");
+                    var buttonIcon = button.find("i");
+                    buttonIcon.removeClass("fa-search");
+                    buttonIcon.addClass("fa-pencil");
+
+                    // CLOSE SEARCH NOTIFICATION
+                    notification.close();
+                })
+                .fail(function()
+                {
+                    notification.close();
+                    RED.notify(scope._("hue-speaker.config.unknown-error"), "error");
+                });
+            }
+
+            // CHANGED SENSOR ID? -> REPLACE NAME (IF POSSIBLE)
+            $(document).on('change', '#node-input-speakerid', function(e)
+            {
+                let currentSelectedOptionID = $(e.currentTarget).val();
+                let currentSelectedOptionValue = (currentSelectedOptionID.length > 0 && options[currentSelectedOptionID]) ? options[currentSelectedOptionID].label : false;
+
+                if(currentSelectedOptionValue !== false)
+                {
+                    $('#node-input-name').val(currentSelectedOptionValue.split(" (")[0]);
+                }
+            });
+
+            // TOGGLE SELECT/INPUT FIELD
+            $('#node-config-input-scan-speaker').click(function()
+            {
+                if($('#input-select-toggle').find(".red-ui-typedInput-container").length > 0)
+                {
+                    manualInput();
+                }
+                else
+                {
+                    searchAndSelect();
+                }
+            });
+        },
+        button: {
+            enabled: function() {
+                return (this.speakerid && this.speakerid.length > 1)
+            },
+            visible: function() {
+                return (this.speakerid && this.speakerid.length > 1)
+            },
+            onclick: function()
+            {
+                const node = this;
+                if(node.bridge)
+                {
+                    $.ajax({
+                        url: "inject/" + node.id,
+                        type: "POST",
+                        data: JSON.stringify({ __user_inject_props__: "status"}),
+                        contentType: "application/json; charset=utf-8",
+                        success: function (resp) {
+                            RED.notify(node.name + ": " + node._("hue-speaker.node.statusmsg"), { type: "success", id: "status", timeout: 2000 });
+                        }
+                    });
+                }
+            }
+        }
+    });
+</script>