node-red-contrib-huemagic 3.0.0 → 4.0.3

package/huemagic/hue-buttons.html

@@ -0,0 +1,197 @@
+<script type="text/x-red" data-template-name="hue-buttons">
+    <div class="form-row">
+        <label for="node-input-name"><i class="fa fa-tag"></i> <span data-i18n="hue-buttons.config.name"></span></label>
+        <input type="text" id="node-input-name" data-i18n="[placeholder]hue-buttons.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>
+        <input type="text" id="node-input-bridge" style="width: calc(100% - 105px)">
+    </div>
+    <div class="form-row">
+        <label for="node-input-sensorid"><i class="fa fa-hand-pointer-o"></i> <span data-i18n="hue-buttons.config.button"></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-sensorid" placeholder="00000000-0000-0000-0000-000000000000" style="width: 100%"/>
+            </div>
+            <button id="node-config-input-scan-buttons-sensors" 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; width: calc(100% - 105px)">
+            <input type="checkbox" id="node-input-skipevents" style="flex: 15px;">
+            <span data-i18n="hue-buttons.config.skipevents-node" style="width: 100%; margin-left: 10px;"></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-buttons.config.sendinitevents-node" style="width: 100%; margin-left: 10px;"></span>
+        </div>
+    </div>
+</script>
+
+<script type="text/javascript">
+    RED.nodes.registerType('hue-buttons',{
+        category: 'HueMagic',
+        color: '#347aeb',
+        defaults: {
+            name: { value:"" },
+            bridge: { type: "hue-bridge", required: true },
+            sensorid: { value:"", required: false },
+            skipevents: { value: false },
+            initevents: { value: false }
+        },
+        align: 'left',
+        icon: "hue-buttons.png",
+        inputs: 1,
+        outputs: 1,
+        label: function() {
+            return this.name || this._("hue-buttons.node.title");
+        },
+        paletteLabel: function() {
+            return this._("hue-buttons.node.title");
+        },
+        inputLabels: function() {
+            return this._("hue-buttons.node.input");
+        },
+        outputLabels: function() {
+            return this._("hue-buttons.node.output");
+        },
+        oneditprepare: function()
+        {
+            const scope = this;
+            let options = [];
+
+            function manualInput()
+            {
+                // GET CURRENT SELECTED VALUE
+                var current = $('#node-input-sensorid').val();
+
+                // REMOVE SELECT FIELD
+                $('#input-select-toggle').empty();
+
+                // CREATE NEW INPUT FIELD
+                $('#input-select-toggle').append('<input type="text" id="node-input-sensorid" placeholder="00000000-0000-0000-0000-000000000000" style="width: 100%" value="'+current+'" />');
+
+                // CHANGE BUTTON ICON
+                var button = $("#node-config-input-scan-buttons-sensors");
+                var buttonIcon = button.find("i");
+                buttonIcon.removeClass("fa-pencil");
+                buttonIcon.addClass("fa-search");
+            }
+
+            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-sensorid').val();
+
+                // TRIGGER SEARCHING NOTIFICATION
+                var notification = RED.notify(scope._("hue-buttons.config.searching"), { type: "compact", modal: true, fixed: true });
+
+                // GET THE SENSORS
+                $.get('hue/resources', { bridge: bridgeConfig.bridge, key: bridgeConfig.key, type: "button" })
+                .done( function(data) {
+                    var allResources = JSON.parse(data);
+                    if(allResources.length <= 0)
+                    {
+                        notification.close();
+                        RED.notify(scope._("hue-buttons.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-sensorid").typedInput({
+                        types: [
+                            {
+                                value: current,
+                                options: Object.values(options)
+                            }
+                        ]
+                    });
+
+                    // CHANGE BUTTON ICON
+                    var button = $("#node-config-input-scan-buttons-sensors");
+                    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-buttons.config.unknown-error"), "error");
+                });
+            }
+
+            // CHANGED SENSOR ID? -> REPLACE NAME (IF POSSIBLE)
+            $(document).on('change', '#node-input-sensorid', 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-buttons-sensors').click(function()
+            {
+                if($('#input-select-toggle').find(".red-ui-typedInput-container").length > 0)
+                {
+                    manualInput();
+                }
+                else
+                {
+                    searchAndSelect();
+                }
+            });
+        },
+        button: {
+            enabled: function() {
+                return (this.sensorid && this.sensorid.length > 1)
+            },
+            visible: function() {
+                return (this.sensorid && this.sensorid.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-buttons.node.statusmsg"), { type: "success", id: "status", timeout: 2000 });
+                        }
+                    });
+                }
+            }
+        }
+    });
+</script>

package/huemagic/hue-buttons.js

@@ -0,0 +1,158 @@
+module.exports = function(RED)
+{
+	"use strict";
+
+	function HueButtons(config)
+	{
+		RED.nodes.createNode(this, config);
+
+		const scope = this;
+		const bridge = RED.nodes.getNode(config.bridge);
+
+		// NODE UI STATUS TIMEOUT
+		this.timeout = null;
+
+		// SAVE LAST COMMAND
+		this.lastCommand = null;
+
+		//
+		// CHECK CONFIG
+		if(bridge == null)
+		{
+			this.status({fill: "red", shape: "ring", text: "hue-buttons.node.not-configured"});
+			return false;
+		}
+
+		//
+		// UNIVERSAL MODE?
+		if(!config.sensorid)
+		{
+			this.status({fill: "grey", shape: "dot", text: "hue-buttons.node.universal"});
+		}
+
+		//
+		// UPDATE STATE
+		if(config.sensorid)
+		{
+			scope.status({fill: "grey", shape: "dot", text: "hue-buttons.node.waiting"});
+		}
+
+		//
+		// SUBSCRIBE TO UPDATES FROM THE BRIDGE
+		bridge.subscribe("button", config.sensorid, function(info)
+		{
+			let currentState = bridge.get("button", info.id);
+
+			// RESOURCE FOUND?
+			if(currentState !== false)
+			{
+				// SEND MESSAGE
+				if(!config.skipevents && currentState.payload.button !== false && (config.initevents || info.suppressMessage == false))
+				{
+					// SET LAST COMMAND
+					if(scope.lastCommand !== null)
+					{
+						currentState.command = scope.lastCommand;
+					}
+
+					// SEND STATE
+					scope.send(currentState);
+
+					// RESET LAST COMMAND
+					scope.lastCommand = null;
+				}
+
+				// NOT IN UNIVERAL MODE? -> CHANGE UI STATES
+				if(config.sensorid)
+				{
+					if(currentState.payload.button === false)
+					{
+						scope.status({fill: "grey", shape: "dot", text: "hue-buttons.node.waiting"});
+					}
+					else
+					{
+						var action = "";
+						switch (currentState.payload.action)
+						{
+						  case "initial_press":
+						    action = "(pressed)";
+						    break;
+						  case "repeat":
+						    action = "(repeated)";
+						    break;
+						  case "short_release":
+						    action = "(short press)";
+						    break;
+						  case "long_release":
+						    action = "(long press)";
+						    break;
+						  case "double_short_release":
+						  	action = "(double pressed)";
+						  	break;
+						  default:
+						    action = "(pressed)";
+						}
+
+						scope.status({fill: "blue", shape: "dot", text: "Button #"+ currentState.payload.button + " " + action });
+
+						// RESET TO WAITING AFTER 3 SECONDS
+						if(scope.timeout !== null) { clearTimeout(scope.timeout); };
+						scope.timeout = setTimeout(function()
+						{
+							scope.status({fill: "grey", shape: "dot", text: "hue-buttons.node.waiting"});
+
+							// REMOVE OLD BUTTON STATES
+							for (const [oneButtonID, oneButton] of Object.entries(bridge.resources[config.sensorid]["services"]["button"]))
+							{
+								delete bridge.resources[config.sensorid]["services"]["button"][oneButtonID]["button"];
+							}
+						}, 3000);
+					}
+				}
+			}
+		});
+
+		//
+		// ON COMMAND
+		this.on('input', function(msg, send, done)
+		{
+			// REDEFINE SEND AND DONE IF NOT AVAILABLE
+			send = send || function() { scope.send.apply(scope,arguments); }
+			done = done || function() { scope.done.apply(scope,arguments); }
+
+			// SAVE LAST COMMAND
+			scope.lastCommand = RED.util.cloneMessage(msg);
+
+			// DEFINE SENSOR ID
+			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 button ID.");
+				return false;
+			}
+
+			let currentState = bridge.get("button", tempSensorID);
+
+			// GET CURRENT STATE
+			if( (typeof msg.payload != 'undefined' && typeof msg.payload.status != 'undefined') || (typeof msg.__user_inject_props__ != 'undefined' && msg.__user_inject_props__ == "status") )
+			{
+				// SET LAST COMMAND
+				if(scope.lastCommand !== null)
+				{
+					currentState.command = scope.lastCommand;
+				}
+
+				// SEND STATE
+				scope.send(currentState);
+
+				// RESET LAST COMMAND
+				scope.lastCommand = null;
+
+				if(done) { done(); }
+				return true;
+			}
+		});
+	}
+
+	RED.nodes.registerType("hue-buttons", HueButtons);
+}

package/huemagic/hue-group.html

@@ -1,38 +1,34 @@
 <script type="text/x-red" data-template-name="hue-group">
     <div class="form-row">
         <label for="node-input-name"><i class="fa fa-tag"></i> <span data-i18n="hue-group.config.name"></span></label>
-        <input type="text" id="node-input-name" data-i18n="[placeholder]hue-group.config.input-name">
+        <input type="text" id="node-input-name" data-i18n="[placeholder]hue-group.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>
-        <input type="text" id="node-input-bridge">
+        <input type="text" id="node-input-bridge" style="width: calc(100% - 105px)">
     </div>
     <div class="form-row">
         <label for="node-input-groupid"><i class="fa fa-lightbulb-o"></i> <span data-i18n="hue-group.config.group"></span></label>
-        <div style="display: inline-block; position: relative; width: 70%; height: 20px;">
-            <div style="position: absolute; left: 0px; right: 40px;">
-                <input type="text" id="node-input-groupid" placeholder="1" style="width: 100%"/>
+        <div style="display: inline-flex; width: calc(100% - 105px)">
+            <div id="input-select-toggle" style="flex-grow: 1;">
+                <input type="text" id="node-input-groupid" placeholder="00000000-0000-0000-0000-000000000000" style="width: 100%"/>
             </div>
-            <a id="node-config-input-scan-groups" class="editor-button" style="position: absolute; right: 0px; top: 0px;">
+            <button id="node-config-input-scan-groups" type="button" class="red-ui-button" style="margin-left: 10px;">
                 <i class="fa fa-search"></i>
-            </a>
+            </button>
         </div>
     </div>
-    <div class="form-row">
-        <label for="node-input-colornamer"><i class="fa fa-check-circle"></i> <span data-i18n="hue-group.config.colornamer"></span></label>
-        <label for="node-input-colornamer" style="width:70%">
-        <input type="checkbox" id="node-input-colornamer" style="display:inline-block; width:22px; vertical-align:baseline;"><span data-i18n="hue-group.config.colornamer-info"></span>
-        </label>
-    </div>
-    <div class="form-row">
-        <label for="node-input-skipevents"><i class="fa fa-sign-out"></i> <span data-i18n="hue-group.config.skipevents"></span></label>
-        <input type="checkbox" id="node-input-skipevents" style="display:inline-block; width:22px; vertical-align:baseline;"><span data-i18n="hue-group.config.skipevents-node"></span>
-        </label>
+    <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-group.config.skipevents-node" style="width: 100%; margin-left: 10px;"></span>
+        </div>
     </div>
     <div class="form-row">
-        <label for="node-input-universalevents"><i class="fa fa-bullhorn"></i> <span data-i18n="hue-group.config.universalevents"></span></label>
-        <input type="checkbox" id="node-input-universalevents" style="display:inline-block; width:22px; vertical-align:baseline;"><span data-i18n="hue-group.config.universalevents-node"></span>
-        </label>
+        <div style="display: inline-flex; width: calc(100% - 105px)">
+            <input type="checkbox" id="node-input-initevents" style="flex: 15px;">
+            <span data-i18n="hue-group.config.sendinitevents-node" style="width: 100%; margin-left: 10px;"></span>
+        </div>
     </div>
 </script>
 
@@ -41,97 +37,172 @@
         category: 'HueMagic',
         color: '#f94f8b',
         defaults: {
-            name: {value:""},
-            bridge: {type: "hue-bridge", required: true},
-            groupid: {value:"", required: false, validate: function(id) {
-                if(id.length < 1) { return true; }
-                else if(!isNaN(id)) { return true; }
-                else { return false; }
-            }},
-            colornamer: {value: true},
-            skipevents: {value: false},
-            universalevents: {value: false}
+            name: { value:"" },
+            bridge: { type: "hue-bridge", required: true },
+            groupid: { value:"", required: false },
+            skipevents: { value: false },
+            initevents: { value: false }
         },
+        align: 'left',
+        icon: "hue-group.png",
         inputs: 1,
         outputs: 1,
+        label: function() {
+            return this.name || this._("hue-group.node.title");
+        },
+        paletteLabel: function() {
+            return this._("hue-group.node.title");
+        },
         inputLabels: function() {
             return this._("hue-group.node.input");
         },
         outputLabels: function() {
             return this._("hue-group.node.output");
         },
-        align: 'right',
-        icon: "hue-group.png",
-        paletteLabel: function() {
-            return this._("hue-group.node.title");
-        },
-        label: function() {
-            return this.name || this._("hue-group.node.title");
-        },
         oneditprepare: function()
         {
-            var scope = this;
+            const scope = this;
+            let options = [];
 
-            function manualGroupID()
+            function manualInput()
             {
+                // GET CURRENT SELECTED VALUE
                 var current = $('#node-input-groupid').val();
-                $('#node-input-groupid').replaceWith('<input type="text" id="node-input-groupid" style="width: 100%"/>');
-                $('#node-input-groupid').val(current);
+
+                // REMOVE SELECT FIELD
+                $('#input-select-toggle').empty();
+
+                // CREATE NEW INPUT FIELD
+                $('#input-select-toggle').append('<input type="text" id="node-input-groupid" placeholder="00000000-0000-0000-0000-000000000000" style="width: 100%" value="'+current+'" />');
+
+                // CHANGE BUTTON ICON
+                var button = $("#node-config-input-scan-groups");
+                var buttonIcon = button.find("i");
+                buttonIcon.removeClass("fa-pencil");
+                buttonIcon.addClass("fa-search");
             }
 
-            function searchAndSelectGroupID()
+            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-groupid').val();
-                $('#node-input-groupid').replaceWith('<select id="node-input-groupid" style="width: 100%"></select>');
-                $('#node-input-groupid').append('<option selected="selected" value="null">'+scope._("hue-group.config.searching")+'</option>');
 
-                var bridgeConfig = RED.nodes.node($('#node-input-bridge option:selected').val());
-                $.get('hue/groups', {bridge: bridgeConfig.bridge, key: bridgeConfig.key})
-                .done(function(data) {
-                    var groups = JSON.parse(data);
+                // TRIGGER SEARCHING NOTIFICATION
+                var notification = RED.notify(scope._("hue-group.config.searching"), { type: "compact", modal: true, fixed: true });
 
-                    if(groups.length <= 0)
+                // GET THE GROUPS
+                $.get('hue/resources', { bridge: bridgeConfig.bridge, key: bridgeConfig.key, type: "group" })
+                .done( function(data) {
+                    var allResources = JSON.parse(data);
+                    if(allResources.length <= 0)
                     {
-                        RED.notify(scope._("hue-group.config.none-found"), "error");
+                        notification.close();
+                        RED.notify(scope._("hue-group.config.none-found"), { type: "error" });
+                        return false;
                     }
 
-                    // RESET OPTIONS
-                    $('#node-input-groupid').empty();
-
                     // SET GROUPS AS OPTIONS
-                    $('#node-input-groupid').append('<option value="0">'+scope._("hue-group.config.all")+'</option>');
-                    groups.forEach(function(group)
+                    allResources.forEach(function(resource)
                     {
-                        $('#node-input-groupid').append('<option value="' + group.id + '">' + group.name + '</option>');
+                        if(!resource.name) // ALL SPECIAL
+                        {
+                            options[resource.id] = { value: resource.id, label: "● "+scope._("hue-group.config.all") };
+                        }
+                    });
+
+                    allResources.forEach(function(resource)
+                    {
+                        if(resource.name) // REGULAR GROUPS
+                        {
+                            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-groupid').val(current);
+                    $("#node-input-groupid").typedInput({
+                        types: [
+                            {
+                                value: current,
+                                options: Object.values(options)
+                            }
+                        ]
+                    });
+
+                    // CHANGE BUTTON ICON
+                    var button = $("#node-config-input-scan-groups");
+                    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-group.config.unknown-error"), "error");
                 });
             }
 
-            $(document).on('change', '#node-input-groupid', function()
+            // CHANGED GROUP ID? -> REPLACE NAME (IF POSSIBLE)
+            $(document).on('change', '#node-input-groupid', function(e)
             {
-                var groupName = $('#node-input-groupid option:selected').text();
-                if(groupName.length > 0)
+                let currentSelectedOptionID = $(e.currentTarget).val();
+                let currentSelectedOptionValue = (currentSelectedOptionID.length > 0 && options[currentSelectedOptionID]) ? options[currentSelectedOptionID].label : false;
+
+                if(currentSelectedOptionValue !== false)
                 {
-                    $('#node-input-name').val(groupName);
+                    $('#node-input-name').val(currentSelectedOptionValue.split(" (")[0]);
                 }
             });
 
+            // TOGGLE SELECT/INPUT FIELD
             $('#node-config-input-scan-groups').click(function()
             {
-                if($('#node-input-groupid').prop("tagName") === "INPUT")
+                if($('#input-select-toggle').find(".red-ui-typedInput-container").length > 0)
                 {
-                    searchAndSelectGroupID();
-                } else {
-                    manualGroupID();
+                    manualInput();
+                }
+                else
+                {
+                    searchAndSelect();
                 }
             });
+        },
+        button: {
+            enabled: function() {
+                return (this.groupid && this.groupid.length > 1)
+            },
+            visible: function() {
+                return (this.groupid && this.groupid.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-group.node.statusmsg"), { type: "success", id: "status", timeout: 2000 });
+                        }
+                    });
+                }
+            }
         }
     });
 </script>