node-red-contrib-knx-ultimate 2.3.2 → 2.3.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/CHANGELOG.md +3 -0
  2. package/nodes/hue-config.js +4 -1
  3. package/nodes/knxUltimateHueLight.html +362 -357
  4. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -6,6 +6,9 @@
6
6
 
7
7
  # CHANGELOG
8
8
 
9
+ **Version 2.3.3** - Jan 2024<br/>
10
+ - HUE Light: added a warning if you double click a node, with the node still querying the HUE Bridge for the device.<br/>
11
+
9
12
  **Version 2.3.2** - Jan 2024<br/>
10
13
  - HUE Light: minor fixes.
11
14
 
package/nodes/hue-config.js CHANGED
@@ -506,6 +506,9 @@ module.exports = (RED) => {
506
506
 
507
507
  RED.httpAdmin.get("/knxUltimateGetLightObject", RED.auth.needsPermission("hue-config.read"), (req, res) => {
508
508
  try {
509
+ if (node.hueAllResources === undefined) {
510
+ throw (new Error("Resource not yet loaded"));
511
+ }
509
512
  const _lightId = req.query.id;
510
513
  const oLight = node.hueAllResources.filter((a) => a.id === _lightId)[0];
511
514
  // Infer some useful info, so the HTML part can avoid to query the server
@@ -527,7 +530,7 @@ module.exports = (RED) => {
527
530
  }
528
531
  res.json(oLight);
529
532
  } catch (error) {
530
- if (node.sysLogger !== undefined && node.sysLogger !== null) node.sysLogger.error(`KNXUltimateHue: hueEngine: knxUltimateGetLightObject: error ${error.message}. Resources still loading. Try later.`);
533
+ if (node.sysLogger !== undefined && node.sysLogger !== null) node.sysLogger.error(`KNXUltimateHue: hueEngine: knxUltimateGetLightObject: error ${error.message}.`);
531
534
  res.json({});
532
535
  }
533
536
  });
package/nodes/knxUltimateHueLight.html CHANGED
@@ -1,4 +1,5 @@
1
1
  'use strict'
2
+
2
3
  <script type="text/javascript" src="resources/node-red-contrib-knx-ultimate/11f26b4500.js"></script>
3
4
 
4
5
  <script type="text/javascript">
@@ -177,6 +178,10 @@
177
178
  } else {
178
179
  $.getJSON("knxUltimateGetLightObject?id=" + $("#node-input-hueDevice").val().split("#")[0] + "&" + { _: new Date().getTime() }, (data) => {
179
180
  let oLight = data;
181
+ if (JSON.stringify(data) === "{}") {
182
+ $("#mainWindow").hide();
183
+ RED.notify("Please close and reload this window in few seconds. Still querying the HUE Bridge.", { type: "warning", timeout: 8000 });
184
+ }
180
185
  // Check if grouped, to hide/show the "Get current" buttons
181
186
  if (oLight.type === "grouped_light") {
182
187
  $("#tabs").tabs("enable", "#tabs-4");
@@ -523,7 +528,7 @@
523
528
  $("#node-input-name").autocomplete({
524
529
  minLength: 1,
525
530
  source: function (request, response) {
526
- $.getJSON("KNXUltimateGetResourcesHUE?rtype=light&nodeID=" + oNodeServerHue.id, (data) => {
531
+ $.getJSON("KNXUltimateGetResourcesHUE?rtype=light&nodeID=" + oNodeServerHue.id + "&" + { _: new Date().getTime() }, (data) => {
527
532
  response(
528
533
  $.map(data.devices, function (value, key) {
529
534
  //alert(JSON.stringify(value) + " "+ key)
@@ -827,428 +832,428 @@
827
832
 
828
833
 
829
834
  <script type="text/html" data-template-name="knxUltimateHueLight">
835
+ <div id="mainWindow">
836
+ <div class="form-row">
837
+ <b>HUE Light/Group node</b>&nbsp&nbsp<span style="color:red" &nbsp &nbsp<i class="fa fa-youtube"></i></span>&nbsp<a
838
+ target="_blank" href="https://youtu.be/jjEUI1J8bkA"><u>Youtube sample</u></a>
839
+ <br />
840
+ <br />
841
+ <p align="center">
842
+ <i class="fa-regular fa-lightbulb fa-bounce fa-4x"></i>
843
+ </p>
844
+ <br />
845
+ <label for="node-input-server">
846
+ <img
847
+ src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAKnRFWHRDcmVhdGlvbiBUaW1lAEZyIDYgQXVnIDIwMTAgMjE6NTI6MTkgKzAxMDD84aS8AAAAB3RJTUUH3gYYCicNV+4WIQAAAAlwSFlzAAALEgAACxIB0t1+/AAAAARnQU1BAACxjwv8YQUAAACUSURBVHjaY2CgFZg5c+Z/ZEyWAZ8+f/6/ZsWs/xoamqMGkGrA6Wla/1+fVARjEBuGsSoGmY4eZSCNL59d/g8DIDbIAHR14OgFGQByKjIGKX5+6/T///8gGMQGiV1+/B0Fg70GIkD+RMYgxf/O5/7//2MSmAZhkBi6OrgB6Bg5DGB4ajr3f2xqsYYLSDE2THJUDg0AAAqyDVd4tp4YAAAAAElFTkSuQmCC"></img>
848
+ KNX GW
849
+ </label>
850
+ <input type="text" id="node-input-server" />
851
+ </div>
852
+
853
+ <div class="form-row">
854
+ <label for="node-input-serverHue">
855
+ <img
856
+ src="data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAEKADAAQAAAABAAAAEAAAAAA0VXHyAAABFUlEQVQ4EZWSsWoCQRCG1yiENEFEi6QSkjqWWoqFoBYJ+Br6JHkMn8Iibd4ihQpaJIhWNkry/ZtdGZY78Qa+m39nZ+dm9s4550awglNBluS/gVtAX6KgDclf68w2OThgfR9iT/jnoEv4TtByDThWTCDKW4SSZTf/zj9/eZbN+izTDuKGimu0vPF8B/YN8aC8LmcOj/AAn9CFTEs70Js/oGqy79C69bqJ5XbQI2kGO5N8QL9D08S8zBtBF5ZaVsznpCMoqJnVdjTpb1Db0fwIWmQV6BLXzFOYgA6/gDVfQN9bBWp2J2hdWDPoBV5FrKnAJutHikk/CHHR8i7x4iG7qQ720IYvu3GFbpHjx3pFrOFYkA354z/5bkK826phyAAAAABJRU5ErkJggg==" />
857
+ HUE Bridge
858
+ </label>
859
+ <input type="text" id="node-input-serverHue" />
860
+ </div>
830
861
 
831
- <div class="form-row">
832
- <b>HUE Light/Group node</b>&nbsp&nbsp<span style="color:red" &nbsp &nbsp<i class="fa fa-youtube"></i></span>&nbsp<a
833
- target="_blank" href="https://youtu.be/jjEUI1J8bkA"><u>Youtube sample</u></a>
834
- <br />
835
862
  <br />
836
- <p align="center">
837
- <i class="fa-regular fa-lightbulb fa-bounce fa-4x"></i>
863
+ <p>
864
+ <b>Philips HUE</b>
838
865
  </p>
866
+
867
+ <div class="form-row">
868
+ <label for="node-input-hueDevice">
869
+ <i class="fa fa-play-circle"></i>&nbspName</label>
870
+ <input type="text" id="node-input-name" placeholder="Enter your hue device name" />
871
+ <input type="hidden" id="node-input-hueDevice" />
872
+ </div>
873
+
839
874
  <br />
840
- <label for="node-input-server">
841
- <img
842
- src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAKnRFWHRDcmVhdGlvbiBUaW1lAEZyIDYgQXVnIDIwMTAgMjE6NTI6MTkgKzAxMDD84aS8AAAAB3RJTUUH3gYYCicNV+4WIQAAAAlwSFlzAAALEgAACxIB0t1+/AAAAARnQU1BAACxjwv8YQUAAACUSURBVHjaY2CgFZg5c+Z/ZEyWAZ8+f/6/ZsWs/xoamqMGkGrA6Wla/1+fVARjEBuGsSoGmY4eZSCNL59d/g8DIDbIAHR14OgFGQByKjIGKX5+6/T///8gGMQGiV1+/B0Fg70GIkD+RMYgxf/O5/7//2MSmAZhkBi6OrgB6Bg5DGB4ajr3f2xqsYYLSDE2THJUDg0AAAqyDVd4tp4YAAAAAElFTkSuQmCC"></img>
843
- KNX GW
844
- </label>
845
- <input type="text" id="node-input-server" />
846
- </div>
847
-
848
- <div class="form-row">
849
- <label for="node-input-serverHue">
850
- <img
851
- src="data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAEKADAAQAAAABAAAAEAAAAAA0VXHyAAABFUlEQVQ4EZWSsWoCQRCG1yiENEFEi6QSkjqWWoqFoBYJ+Br6JHkMn8Iibd4ihQpaJIhWNkry/ZtdGZY78Qa+m39nZ+dm9s4550awglNBluS/gVtAX6KgDclf68w2OThgfR9iT/jnoEv4TtByDThWTCDKW4SSZTf/zj9/eZbN+izTDuKGimu0vPF8B/YN8aC8LmcOj/AAn9CFTEs70Js/oGqy79C69bqJ5XbQI2kGO5N8QL9D08S8zBtBF5ZaVsznpCMoqJnVdjTpb1Db0fwIWmQV6BLXzFOYgA6/gDVfQN9bBWp2J2hdWDPoBV5FrKnAJutHikk/CHHR8i7x4iG7qQ720IYvu3GFbpHjx3pFrOFYkA354z/5bkK826phyAAAAABJRU5ErkJggg==" />
852
- HUE Bridge
853
- </label>
854
- <input type="text" id="node-input-serverHue" />
855
- </div>
856
-
857
- <br />
858
- <p>
859
- <b>Philips HUE</b>
860
- </p>
861
-
862
- <div class="form-row">
863
- <label for="node-input-hueDevice">
864
- <i class="fa fa-play-circle"></i>&nbspName</label>
865
- <input type="text" id="node-input-name" placeholder="Enter your hue device name" />
866
- <input type="hidden" id="node-input-hueDevice" />
867
- </div>
868
-
869
- <br />
870
-
871
- <div id="tabs" hidden">
872
- <ul>
873
- <li><a href="#tabs-1"><i class="fa-solid fa-toggle-on fa-beat"></i> Switching</a></li>
874
- <li><a href="#tabs-2"><i class="fa-solid fa-arrow-up-wide-short fa-beat"></i> Dim/Brightness</a></li>
875
- <li><a href="#tabs-3"><i class="fa-solid fa-temperature-quarter fa-beat"></i> Tunable white</a></li>
876
- <li><a href="#tabs-4"><i class="fa-solid fa-palette fa-beat"></i> Colors</a></li>
877
- <li><a href="#tabs-5"><i class="fa-solid fa-heart-circle-check fa-beat"></i> Effects</a></li>
878
- <li><a href="#tabs-6"><i class="fa-solid fa-code-merge fa-beat"></i> Behaviour</a></li>
879
- <li><a href="#tabs-7"><i class="fa-solid fa-house fa-beat"></i> Home Assistant Export (beta)</a></li>
880
- </ul>
881
- <div id="tabs-1">
882
- <p>
883
- <div class="form-row">
884
- <label for="node-input-nameLightSwitch" style="width:110px;"><i class="fa fa-play-circle-o"></i> Control</label>
885
-
886
- <label for="node-input-GALightSwitch" style="width:20px;">GA</label>
887
- <input type="text" id="node-input-GALightSwitch" placeholder="Ex: 1/1/1"
888
- style="width:70px;margin-left: 5px; text-align: left;">
889
-
890
- <label for="node-input-dptLightSwitch" style="width:40px; margin-left: 0px; text-align: right;">DPT</label>
891
- <select id="node-input-dptLightSwitch" style="width:140px;"></select>
892
-
893
- <label for="node-input-nameLightSwitch" style="width:50px; margin-left: 0px; text-align: right;">Name</label>
894
- <input type="text" id="node-input-nameLightSwitch" style="width:190px;margin-left: 5px; text-align: left;">
895
- </div>
896
- <div class="form-row">
897
- <label for="node-input-nameLightState" style="width:110px;"><i class="fa fa-play-circle-o"></i> Status</label>
898
875
 
899
- <label for="node-input-GALightState" style="width:20px;">GA</label>
900
- <input type="text" id="node-input-GALightState" placeholder="Ex: 1/1/1"
901
- style="width:70px;margin-left: 5px; text-align: left;">
876
+ <div id="tabs" hidden">
877
+ <ul>
878
+ <li><a href="#tabs-1"><i class="fa-solid fa-toggle-on fa-beat"></i> Switching</a></li>
879
+ <li><a href="#tabs-2"><i class="fa-solid fa-arrow-up-wide-short fa-beat"></i> Dim/Brightness</a></li>
880
+ <li><a href="#tabs-3"><i class="fa-solid fa-temperature-quarter fa-beat"></i> Tunable white</a></li>
881
+ <li><a href="#tabs-4"><i class="fa-solid fa-palette fa-beat"></i> Colors</a></li>
882
+ <li><a href="#tabs-5"><i class="fa-solid fa-heart-circle-check fa-beat"></i> Effects</a></li>
883
+ <li><a href="#tabs-6"><i class="fa-solid fa-code-merge fa-beat"></i> Behaviour</a></li>
884
+ <li><a href="#tabs-7"><i class="fa-solid fa-house fa-beat"></i> Home Assistant Export (beta)</a></li>
885
+ </ul>
886
+ <div id="tabs-1">
887
+ <p>
888
+ <div class="form-row">
889
+ <label for="node-input-nameLightSwitch" style="width:110px;"><i class="fa fa-play-circle-o"></i> Control</label>
902
890
 
903
- <label for="node-input-dptLightState" style="width:40px; margin-left: 0px; text-align: right;">DPT</label>
904
- <select id="node-input-dptLightState" style="width:140px;"></select>
891
+ <label for="node-input-GALightSwitch" style="width:20px;">GA</label>
892
+ <input type="text" id="node-input-GALightSwitch" placeholder="Ex: 1/1/1"
893
+ style="width:70px;margin-left: 5px; text-align: left;">
905
894
 
906
- <label for="node-input-nameLightState" style="width:50px; margin-left: 0px; text-align: right;"><span
907
- data-i18n="knxUltimateHueLight.node-input-name"></span></label>
908
- <input type="text" id="node-input-nameLightState" style="width:190px;margin-left: 5px; text-align: left;">
909
- </div>
910
- </p>
911
- </div>
912
- <div id="tabs-2">
913
- <p>
914
- <div class="form-row">
915
- <label for="node-input-nameLightDIM" style="width:110px;"><i class="fa fa-play-circle-o"></i> Control</label>
895
+ <label for="node-input-dptLightSwitch" style="width:40px; margin-left: 0px; text-align: right;">DPT</label>
896
+ <select id="node-input-dptLightSwitch" style="width:140px;"></select>
916
897
 
917
- <label for="node-input-GALightDIM" style="width:20px;">GA</label>
918
- <input type="text" id="node-input-GALightDIM" placeholder="Ex: 1/1/1"
919
- style="width:70px;margin-left: 5px; text-align: left;">
898
+ <label for="node-input-nameLightSwitch" style="width:50px; margin-left: 0px; text-align: right;">Name</label>
899
+ <input type="text" id="node-input-nameLightSwitch" style="width:190px;margin-left: 5px; text-align: left;">
900
+ </div>
901
+ <div class="form-row">
902
+ <label for="node-input-nameLightState" style="width:110px;"><i class="fa fa-play-circle-o"></i> Status</label>
903
+
904
+ <label for="node-input-GALightState" style="width:20px;">GA</label>
905
+ <input type="text" id="node-input-GALightState" placeholder="Ex: 1/1/1"
906
+ style="width:70px;margin-left: 5px; text-align: left;">
920
907
 
921
- <label for="node-input-dptLightDIM" style="width:40px; margin-left: 0px; text-align: right;">DPT</label>
922
- <select id="node-input-dptLightDIM" style="width:140px;"></select>
908
+ <label for="node-input-dptLightState" style="width:40px; margin-left: 0px; text-align: right;">DPT</label>
909
+ <select id="node-input-dptLightState" style="width:140px;"></select>
923
910
 
924
- <label for="node-input-nameLightDIM" style="width:50px; margin-left: 0px; text-align: right;"><span
925
- data-i18n="knxUltimateHueLight.node-input-name"></span></label>
926
- <input type="text" id="node-input-nameLightDIM" style="width:190px;margin-left: 5px; text-align: left;">
911
+ <label for="node-input-nameLightState" style="width:50px; margin-left: 0px; text-align: right;"><span
912
+ data-i18n="knxUltimateHueLight.node-input-name"></span></label>
913
+ <input type="text" id="node-input-nameLightState" style="width:190px;margin-left: 5px; text-align: left;">
914
+ </div>
915
+ </p>
927
916
  </div>
928
- <div class="form-row">
929
- <label for="node-input-nameLightBrightness" style="width:110px;"><i class="fa fa-play-circle-o"></i> Control
930
- %</label>
917
+ <div id="tabs-2">
918
+ <p>
919
+ <div class="form-row">
920
+ <label for="node-input-nameLightDIM" style="width:110px;"><i class="fa fa-play-circle-o"></i> Control</label>
931
921
 
932
- <label for="node-input-GALightBrightness" style="width:20px;">GA</label>
933
- <input type="text" id="node-input-GALightBrightness" placeholder="Ex: 1/1/1"
934
- style="width:70px;margin-left: 5px; text-align: left;">
922
+ <label for="node-input-GALightDIM" style="width:20px;">GA</label>
923
+ <input type="text" id="node-input-GALightDIM" placeholder="Ex: 1/1/1"
924
+ style="width:70px;margin-left: 5px; text-align: left;">
935
925
 
936
- <label for="node-input-dptLightBrightness" style="width:40px; margin-left: 0px; text-align: right;">DPT</label>
937
- <select id="node-input-dptLightBrightness" style="width:140px;"></select>
926
+ <label for="node-input-dptLightDIM" style="width:40px; margin-left: 0px; text-align: right;">DPT</label>
927
+ <select id="node-input-dptLightDIM" style="width:140px;"></select>
938
928
 
939
- <label for="node-input-nameLightBrightness" style="width:50px; margin-left: 0px; text-align: right;"><span
940
- data-i18n="knxUltimateHueLight.node-input-name"></span></label>
941
- <input type="text" id="node-input-nameLightBrightness" style="width:190px;margin-left: 5px; text-align: left;">
942
- </div>
929
+ <label for="node-input-nameLightDIM" style="width:50px; margin-left: 0px; text-align: right;"><span
930
+ data-i18n="knxUltimateHueLight.node-input-name"></span></label>
931
+ <input type="text" id="node-input-nameLightDIM" style="width:190px;margin-left: 5px; text-align: left;">
932
+ </div>
933
+ <div class="form-row">
934
+ <label for="node-input-nameLightBrightness" style="width:110px;"><i class="fa fa-play-circle-o"></i> Control
935
+ %</label>
943
936
 
944
- <div class="form-row">
945
- <label for="node-input-nameLightBrightnessState" style="width:110px;"><i class="fa fa-play-circle-o"></i>
946
- Status</label>
947
-
948
- <label for="node-input-GALightBrightnessState" style="width:20px;"><span
949
- data-i18n="knxUltimateHueLight.node-input-GALightState"></span></label>
950
- <input type="text" id="node-input-GALightBrightnessState" placeholder="Ex: 1/1/1"
951
- style="width:70px;margin-left: 5px; text-align: left;">
952
-
953
- <label for="node-input-dptLightBrightnessState"
954
- style="width:40px; margin-left: 0px; text-align: right;">DPT</label>
955
- <select id="node-input-dptLightBrightnessState" style="width:140px;"></select>
956
-
957
- <label for="node-input-nameLightBrightnessState" style="width:50px; margin-left: 0px; text-align: right;"><span
958
- data-i18n="knxUltimateHueLight.node-input-name"></span></label>
959
- <input type="text" id="node-input-nameLightBrightnessState"
960
- style="width:190px;margin-left: 5px; text-align: left;">
961
- </div>
962
- <div class="form-row">
963
- <label for="node-input-dimSpeed" style="width:260px">
964
- <i class="fa fa-bolt"></i> Dim Speed (ms)
965
- </label>
966
- <input type="text" id="node-input-dimSpeed" placeholder='Default is 5000' style="width:210px">
967
- </div>
968
- <div class="form-row">
969
- <label for="node-input-minDimLevelLight" style="width:260px;">
970
- <i class="fa fa-clone"></i> Min Dim Brightness
971
- </label>
972
- <select id="node-input-minDimLevelLight">
973
- <option value="useHueLightLevel">Use minimum brightness specified in the HUE light</option>
974
- </select>
975
- </div>
976
- <div class="form-row">
977
- <label for="node-input-maxDimLevelLight" style="width:260px;">
978
- <i class="fa fa-clone"></i> Max Dim Brightness
979
- </label>
980
- <select id="node-input-maxDimLevelLight"></select>
981
- </div>
982
- </p>
983
- </div>
984
- <div id="tabs-3">
985
- <p>
986
- <div class="form-row">
987
- <label for="node-input-nameLightHSV" style="width:110px;"><i class="fa fa-play-circle-o"></i> Control dim</label>
937
+ <label for="node-input-GALightBrightness" style="width:20px;">GA</label>
938
+ <input type="text" id="node-input-GALightBrightness" placeholder="Ex: 1/1/1"
939
+ style="width:70px;margin-left: 5px; text-align: left;">
988
940
 
989
- <label for="node-input-GALightHSV" style="width:20px;">GA</label>
990
- <input type="text" id="node-input-GALightHSV" placeholder="Ex: 1/1/1"
991
- style="width:70px;margin-left: 5px; text-align: left;">
941
+ <label for="node-input-dptLightBrightness" style="width:40px; margin-left: 0px; text-align: right;">DPT</label>
942
+ <select id="node-input-dptLightBrightness" style="width:140px;"></select>
992
943
 
993
- <label for="node-input-dptLightHSV" style="width:40px; margin-left: 0px; text-align: right;">DPT</label>
994
- <select id="node-input-dptLightHSV" style="width:140px;"></select>
944
+ <label for="node-input-nameLightBrightness" style="width:50px; margin-left: 0px; text-align: right;"><span
945
+ data-i18n="knxUltimateHueLight.node-input-name"></span></label>
946
+ <input type="text" id="node-input-nameLightBrightness" style="width:190px;margin-left: 5px; text-align: left;">
947
+ </div>
995
948
 
996
- <label for="node-input-nameLightHSV" style="width:50px; margin-left: 0px; text-align: right;">Name</label>
997
- <input type="text" id="node-input-nameLightHSV" style="width:190px;margin-left: 5px; text-align: left;">
998
- </div>
999
- <div class="form-row">
1000
- <label for="node-input-nameLightHSVPercentage" style="width:110px;"><i class="fa fa-play-circle-o"></i> Control
1001
- %</label>
949
+ <div class="form-row">
950
+ <label for="node-input-nameLightBrightnessState" style="width:110px;"><i class="fa fa-play-circle-o"></i>
951
+ Status</label>
1002
952
 
1003
- <label for="node-input-GALightHSVPercentage" style="width:20px;">GA</label>
1004
- <input type="text" id="node-input-GALightHSVPercentage" placeholder="Ex: 1/1/1"
1005
- style="width:70px;margin-left: 5px; text-align: left;">
953
+ <label for="node-input-GALightBrightnessState" style="width:20px;"><span
954
+ data-i18n="knxUltimateHueLight.node-input-GALightState"></span></label>
955
+ <input type="text" id="node-input-GALightBrightnessState" placeholder="Ex: 1/1/1"
956
+ style="width:70px;margin-left: 5px; text-align: left;">
1006
957
 
1007
- <label for="node-input-dptLightHSVPercentage" style="width:40px; margin-left: 0px; text-align: right;">DPT</label>
1008
- <select id="node-input-dptLightHSVPercentage" style="width:140px;"></select>
958
+ <label for="node-input-dptLightBrightnessState"
959
+ style="width:40px; margin-left: 0px; text-align: right;">DPT</label>
960
+ <select id="node-input-dptLightBrightnessState" style="width:140px;"></select>
1009
961
 
1010
- <label for="node-input-nameLightHSVPercentage"
1011
- style="width:50px; margin-left: 0px; text-align: right;">Name</label>
1012
- <input type="text" id="node-input-nameLightHSVPercentage" style="width:190px;margin-left: 5px; text-align: left;">
962
+ <label for="node-input-nameLightBrightnessState" style="width:50px; margin-left: 0px; text-align: right;"><span
963
+ data-i18n="knxUltimateHueLight.node-input-name"></span></label>
964
+ <input type="text" id="node-input-nameLightBrightnessState"
965
+ style="width:190px;margin-left: 5px; text-align: left;">
966
+ </div>
967
+ <div class="form-row">
968
+ <label for="node-input-dimSpeed" style="width:260px">
969
+ <i class="fa fa-bolt"></i> Dim Speed (ms)
970
+ </label>
971
+ <input type="text" id="node-input-dimSpeed" placeholder='Default is 5000' style="width:210px">
972
+ </div>
973
+ <div class="form-row">
974
+ <label for="node-input-minDimLevelLight" style="width:260px;">
975
+ <i class="fa fa-clone"></i> Min Dim Brightness
976
+ </label>
977
+ <select id="node-input-minDimLevelLight">
978
+ <option value="useHueLightLevel">Use minimum brightness specified in the HUE light</option>
979
+ </select>
980
+ </div>
981
+ <div class="form-row">
982
+ <label for="node-input-maxDimLevelLight" style="width:260px;">
983
+ <i class="fa fa-clone"></i> Max Dim Brightness
984
+ </label>
985
+ <select id="node-input-maxDimLevelLight"></select>
986
+ </div>
987
+ </p>
1013
988
  </div>
1014
- <div class="form-row">
1015
- <label for="node-input-nameLightKelvin" style="width:110px;"><i class="fa fa-play-circle-o"></i> Control
1016
- Kelvin</label>
989
+ <div id="tabs-3">
990
+ <p>
991
+ <div class="form-row">
992
+ <label for="node-input-nameLightHSV" style="width:110px;"><i class="fa fa-play-circle-o"></i> Control dim</label>
1017
993
 
1018
- <label for="node-input-GALightKelvin" style="width:20px;">GA</label>
1019
- <input type="text" id="node-input-GALightKelvin" placeholder="Ex: 1/1/1"
1020
- style="width:70px;margin-left: 5px; text-align: left;">
994
+ <label for="node-input-GALightHSV" style="width:20px;">GA</label>
995
+ <input type="text" id="node-input-GALightHSV" placeholder="Ex: 1/1/1"
996
+ style="width:70px;margin-left: 5px; text-align: left;">
1021
997
 
1022
- <label for="node-input-dptLightKelvin" style="width:40px; margin-left: 0px; text-align: right;">DPT</label>
1023
- <select id="node-input-dptLightKelvin" style="width:140px;"></select>
998
+ <label for="node-input-dptLightHSV" style="width:40px; margin-left: 0px; text-align: right;">DPT</label>
999
+ <select id="node-input-dptLightHSV" style="width:140px;"></select>
1024
1000
 
1025
- <label for="node-input-nameLightKelvin" style="width:50px; margin-left: 0px; text-align: right;">Name</label>
1026
- <input type="text" id="node-input-nameLightKelvin" style="width:190px;margin-left: 5px; text-align: left;">
1027
- </div>
1028
- <div class="form-row">
1029
- <label for="node-input-nameLightHSVState" style="width:110px;"><i class="fa fa-play-circle-o"></i> Status
1030
- %</label>
1001
+ <label for="node-input-nameLightHSV" style="width:50px; margin-left: 0px; text-align: right;">Name</label>
1002
+ <input type="text" id="node-input-nameLightHSV" style="width:190px;margin-left: 5px; text-align: left;">
1003
+ </div>
1004
+ <div class="form-row">
1005
+ <label for="node-input-nameLightHSVPercentage" style="width:110px;"><i class="fa fa-play-circle-o"></i> Control
1006
+ %</label>
1031
1007
 
1032
- <label for="node-input-GALightHSVState" style="width:20px;">GA</label>
1033
- <input type="text" id="node-input-GALightHSVState" placeholder="Ex: 1/1/1"
1034
- style="width:70px;margin-left: 5px; text-align: left;">
1008
+ <label for="node-input-GALightHSVPercentage" style="width:20px;">GA</label>
1009
+ <input type="text" id="node-input-GALightHSVPercentage" placeholder="Ex: 1/1/1"
1010
+ style="width:70px;margin-left: 5px; text-align: left;">
1035
1011
 
1036
- <label for="node-input-dptLightHSVState" style="width:40px; margin-left: 0px; text-align: right;">DPT</label>
1037
- <select id="node-input-dptLightHSVState" style="width:140px;"></select>
1012
+ <label for="node-input-dptLightHSVPercentage" style="width:40px; margin-left: 0px; text-align: right;">DPT</label>
1013
+ <select id="node-input-dptLightHSVPercentage" style="width:140px;"></select>
1038
1014
 
1039
- <label for="node-input-nameLightHSVState" style="width:50px; margin-left: 0px; text-align: right;">Name</label>
1040
- <input type="text" id="node-input-nameLightHSVState" style="width:190px;margin-left: 5px; text-align: left;">
1041
- </div>
1042
- <div class="form-row">
1043
- <label for="node-input-nameLightKelvinState" style="width:110px;"><i class="fa fa-play-circle-o"></i> Status
1044
- Kelvin</label>
1015
+ <label for="node-input-nameLightHSVPercentage"
1016
+ style="width:50px; margin-left: 0px; text-align: right;">Name</label>
1017
+ <input type="text" id="node-input-nameLightHSVPercentage" style="width:190px;margin-left: 5px; text-align: left;">
1018
+ </div>
1019
+ <div class="form-row">
1020
+ <label for="node-input-nameLightKelvin" style="width:110px;"><i class="fa fa-play-circle-o"></i> Control
1021
+ Kelvin</label>
1045
1022
 
1046
- <label for="node-input-GALightKelvinState" style="width:20px;">GA</label>
1047
- <input type="text" id="node-input-GALightKelvinState" placeholder="Ex: 1/1/1"
1048
- style="width:70px;margin-left: 5px; text-align: left;">
1023
+ <label for="node-input-GALightKelvin" style="width:20px;">GA</label>
1024
+ <input type="text" id="node-input-GALightKelvin" placeholder="Ex: 1/1/1"
1025
+ style="width:70px;margin-left: 5px; text-align: left;">
1049
1026
 
1050
- <label for="node-input-dptLightKelvinState" style="width:40px; margin-left: 0px; text-align: right;">DPT</label>
1051
- <select id="node-input-dptLightKelvinState" style="width:140px;"></select>
1027
+ <label for="node-input-dptLightKelvin" style="width:40px; margin-left: 0px; text-align: right;">DPT</label>
1028
+ <select id="node-input-dptLightKelvin" style="width:140px;"></select>
1052
1029
 
1053
- <label for="node-input-nameLightKelvinState" style="width:50px; margin-left: 0px; text-align: right;">Name</label>
1054
- <input type="text" id="node-input-nameLightKelvinState" style="width:190px;margin-left: 5px; text-align: left;">
1055
- </div>
1056
- <div class="form-row">
1057
- <label style="width:170px" for="node-input-invertDimTunableWhiteDirection">
1058
- <i class="fa fa-shuffle"></i> Invert DIM direction
1059
- </label>
1060
- <input type="checkbox" id="node-input-invertDimTunableWhiteDirection"
1061
- style="display:inline-block; width:auto; vertical-align:top;" />
1062
- </div>
1063
- </p>
1064
- </div>
1065
- <div id="tabs-4">
1066
- <p>
1067
- <div class="form-row">
1068
- <label for="node-input-nameLightColor" style="width:110px;"><i class="fa fa-play-circle-o"></i> Control</label>
1069
-
1070
- <label for="node-input-GALightColor" style="width:20px;"><span
1071
- data-i18n="knxUltimateHueLight.node-input-GALightState"></span></label>
1072
- <input type="text" id="node-input-GALightColor" placeholder="Ex: 1/1/1"
1073
- style="width:70px;margin-left: 5px; text-align: left;">
1074
-
1075
- <label for="node-input-dptLightColor" style="width:40px; margin-left: 0px; text-align: right;">DPT</label>
1076
- <select id="node-input-dptLightColor" style="width:140px;"></select>
1077
-
1078
- <label for="node-input-nameLightColor" style="width:50px; margin-left: 0px; text-align: right;"><span
1079
- data-i18n="knxUltimateHueLight.node-input-name"></span></label>
1080
- <input type="text" id="node-input-nameLightColor" style="width:190px;margin-left: 5px; text-align: left;">
1081
- </div>
1082
- <div class="form-row">
1083
- <label for="node-input-nameLightColorState" style="width:110px;"><i class="fa fa-play-circle-o"></i>
1084
- Status</label>
1030
+ <label for="node-input-nameLightKelvin" style="width:50px; margin-left: 0px; text-align: right;">Name</label>
1031
+ <input type="text" id="node-input-nameLightKelvin" style="width:190px;margin-left: 5px; text-align: left;">
1032
+ </div>
1033
+ <div class="form-row">
1034
+ <label for="node-input-nameLightHSVState" style="width:110px;"><i class="fa fa-play-circle-o"></i> Status
1035
+ %</label>
1085
1036
 
1086
- <label for="node-input-GALightColorState" style="width:20px;"><span
1087
- data-i18n="knxUltimateHueLight.node-input-GALightState"></span></label>
1088
- <input type="text" id="node-input-GALightColorState" placeholder="Ex: 1/1/1"
1089
- style="width:70px;margin-left: 5px; text-align: left;">
1037
+ <label for="node-input-GALightHSVState" style="width:20px;">GA</label>
1038
+ <input type="text" id="node-input-GALightHSVState" placeholder="Ex: 1/1/1"
1039
+ style="width:70px;margin-left: 5px; text-align: left;">
1090
1040
 
1091
- <label for="node-input-dptLightColorState" style="width:40px; margin-left: 0px; text-align: right;">DPT</label>
1092
- <select id="node-input-dptLightColorState" style="width:140px;"></select>
1041
+ <label for="node-input-dptLightHSVState" style="width:40px; margin-left: 0px; text-align: right;">DPT</label>
1042
+ <select id="node-input-dptLightHSVState" style="width:140px;"></select>
1093
1043
 
1094
- <label for="node-input-nameLightColorState" style="width:50px; margin-left: 0px; text-align: right;"><span
1095
- data-i18n="knxUltimateHueLight.node-input-name"></span></label>
1096
- <input type="text" id="node-input-nameLightColorState" style="width:190px;margin-left: 5px; text-align: left;">
1097
- </div>
1098
- </p>
1099
- </div>
1100
- <div id="tabs-5">
1101
- <p>
1102
- <div class="form-row">
1103
- <label for="node-input-nameLightBlink" style="width:110px;"><i class="fa fa-play-circle-o"></i> Blink</label>
1104
-
1105
- <label for="node-input-GALightBlink" style="width:20px;"><span
1106
- data-i18n="knxUltimateHueLight.node-input-GALightState"></span></label>
1107
- <input type="text" id="node-input-GALightBlink" placeholder="Ex: 1/1/1"
1108
- style="width:70px;margin-left: 5px; text-align: left;">
1109
-
1110
- <label for="node-input-dptLightBlink" style="width:40px; margin-left: 0px; text-align: right;">DPT</label>
1111
- <select id="node-input-dptLightBlink" style="width:140px;"></select>
1112
-
1113
- <label for="node-input-nameLightBlink" style="width:50px; margin-left: 0px; text-align: right;"><span
1114
- data-i18n="knxUltimateHueLight.node-input-name"></span></label>
1115
- <input type="text" id="node-input-nameLightBlink" style="width:190px;margin-left: 5px; text-align: left;">
1044
+ <label for="node-input-nameLightHSVState" style="width:50px; margin-left: 0px; text-align: right;">Name</label>
1045
+ <input type="text" id="node-input-nameLightHSVState" style="width:190px;margin-left: 5px; text-align: left;">
1046
+ </div>
1047
+ <div class="form-row">
1048
+ <label for="node-input-nameLightKelvinState" style="width:110px;"><i class="fa fa-play-circle-o"></i> Status
1049
+ Kelvin</label>
1050
+
1051
+ <label for="node-input-GALightKelvinState" style="width:20px;">GA</label>
1052
+ <input type="text" id="node-input-GALightKelvinState" placeholder="Ex: 1/1/1"
1053
+ style="width:70px;margin-left: 5px; text-align: left;">
1054
+
1055
+ <label for="node-input-dptLightKelvinState" style="width:40px; margin-left: 0px; text-align: right;">DPT</label>
1056
+ <select id="node-input-dptLightKelvinState" style="width:140px;"></select>
1057
+
1058
+ <label for="node-input-nameLightKelvinState" style="width:50px; margin-left: 0px; text-align: right;">Name</label>
1059
+ <input type="text" id="node-input-nameLightKelvinState" style="width:190px;margin-left: 5px; text-align: left;">
1060
+ </div>
1061
+ <div class="form-row">
1062
+ <label style="width:170px" for="node-input-invertDimTunableWhiteDirection">
1063
+ <i class="fa fa-shuffle"></i> Invert DIM direction
1064
+ </label>
1065
+ <input type="checkbox" id="node-input-invertDimTunableWhiteDirection"
1066
+ style="display:inline-block; width:auto; vertical-align:top;" />
1067
+ </div>
1068
+ </p>
1116
1069
  </div>
1070
+ <div id="tabs-4">
1071
+ <p>
1072
+ <div class="form-row">
1073
+ <label for="node-input-nameLightColor" style="width:110px;"><i class="fa fa-play-circle-o"></i> Control</label>
1117
1074
 
1118
- <div id="divColorCycle">
1075
+ <label for="node-input-GALightColor" style="width:20px;"><span
1076
+ data-i18n="knxUltimateHueLight.node-input-GALightState"></span></label>
1077
+ <input type="text" id="node-input-GALightColor" placeholder="Ex: 1/1/1"
1078
+ style="width:70px;margin-left: 5px; text-align: left;">
1079
+
1080
+ <label for="node-input-dptLightColor" style="width:40px; margin-left: 0px; text-align: right;">DPT</label>
1081
+ <select id="node-input-dptLightColor" style="width:140px;"></select>
1082
+
1083
+ <label for="node-input-nameLightColor" style="width:50px; margin-left: 0px; text-align: right;"><span
1084
+ data-i18n="knxUltimateHueLight.node-input-name"></span></label>
1085
+ <input type="text" id="node-input-nameLightColor" style="width:190px;margin-left: 5px; text-align: left;">
1086
+ </div>
1119
1087
  <div class="form-row">
1120
- <label for="node-input-nameLightColorCycle" style="width:110px;"><i class="fa fa-play-circle-o"></i> Color
1121
- Cycle</label>
1088
+ <label for="node-input-nameLightColorState" style="width:110px;"><i class="fa fa-play-circle-o"></i>
1089
+ Status</label>
1122
1090
 
1123
- <label for="node-input-GALightColorCycle" style="width:20px;">GA</label>
1124
- <input type="text" id="node-input-GALightColorCycle" placeholder="Ex: 1/1/1"
1091
+ <label for="node-input-GALightColorState" style="width:20px;"><span
1092
+ data-i18n="knxUltimateHueLight.node-input-GALightState"></span></label>
1093
+ <input type="text" id="node-input-GALightColorState" placeholder="Ex: 1/1/1"
1125
1094
  style="width:70px;margin-left: 5px; text-align: left;">
1126
1095
 
1127
- <label for="node-input-dptLightColorCycle" style="width:40px; margin-left: 0px; text-align: right;">DPT</label>
1128
- <select id="node-input-dptLightColorCycle" style="width:140px;"></select>
1096
+ <label for="node-input-dptLightColorState" style="width:40px; margin-left: 0px; text-align: right;">DPT</label>
1097
+ <select id="node-input-dptLightColorState" style="width:140px;"></select>
1129
1098
 
1130
- <label for="node-input-nameLightColorCycle" style="width:50px; margin-left: 0px; text-align: right;"><span
1099
+ <label for="node-input-nameLightColorState" style="width:50px; margin-left: 0px; text-align: right;"><span
1131
1100
  data-i18n="knxUltimateHueLight.node-input-name"></span></label>
1132
- <input type="text" id="node-input-nameLightColorCycle" style="width:190px;margin-left: 5px; text-align: left;">
1101
+ <input type="text" id="node-input-nameLightColorState" style="width:190px;margin-left: 5px; text-align: left;">
1133
1102
  </div>
1103
+ </p>
1134
1104
  </div>
1135
- </p>
1136
- </div>
1137
- <div id="tabs-6">
1138
- <p>
1139
- <div class="form-row">
1140
- <label style="width:260px;" for="node-input-readStatusAtStartup"><i class="fa fa-play-circle"></i> Read status at
1141
- startup</label>
1142
- <select id="node-input-readStatusAtStartup">
1143
- <option value="no">No</option>
1144
- <option value="yes">Yes, and emit KNX telegrams.</option>
1145
- </select>
1146
- </div>
1147
- <div class="form-row" id="divUpdateKNXBrightnessStatusOnHUEOnOff">
1148
- <label style="width:260px;" for="node-input-updateKNXBrightnessStatusOnHUEOnOff">
1149
- <i class="fa fa-tag"></i> KNX Brightness Status
1150
- </label>
1151
- <select id="node-input-updateKNXBrightnessStatusOnHUEOnOff">
1152
- <option value="onhueoff">When HUE light is Off send 0%. When HUE On, restore previous value (Default KNX behaviour)</option>
1153
- <option value="no">Leave as is (default HUE behaviour)</option>
1154
- </select>
1155
- </div>
1156
- <div id ="divBehaviourBrightness">
1105
+ <div id="tabs-5">
1106
+ <p>
1157
1107
  <div class="form-row">
1158
- <label for="node-input-specifySwitchOnBrightness" style="width:260px;">
1159
- <i class="fa fa-tag"></i> Switch on behaviour
1160
- </label>
1161
- <select id="node-input-specifySwitchOnBrightness">
1162
- <option value="no">None</option>
1163
- <!-- <option value="temperature">Select temperature and brightness</option>
1164
- <option value="yes">Select color</option> -->
1165
- </select>
1108
+ <label for="node-input-nameLightBlink" style="width:110px;"><i class="fa fa-play-circle-o"></i> Blink</label>
1109
+
1110
+ <label for="node-input-GALightBlink" style="width:20px;"><span
1111
+ data-i18n="knxUltimateHueLight.node-input-GALightState"></span></label>
1112
+ <input type="text" id="node-input-GALightBlink" placeholder="Ex: 1/1/1"
1113
+ style="width:70px;margin-left: 5px; text-align: left;">
1114
+
1115
+ <label for="node-input-dptLightBlink" style="width:40px; margin-left: 0px; text-align: right;">DPT</label>
1116
+ <select id="node-input-dptLightBlink" style="width:140px;"></select>
1117
+
1118
+ <label for="node-input-nameLightBlink" style="width:50px; margin-left: 0px; text-align: right;"><span
1119
+ data-i18n="knxUltimateHueLight.node-input-name"></span></label>
1120
+ <input type="text" id="node-input-nameLightBlink" style="width:190px;margin-left: 5px; text-align: left;">
1166
1121
  </div>
1167
1122
 
1168
- <div class="form-row" id="divColorsAtSwitchOn">
1169
- <label for="node-input-colorAtSwitchOnDayTime" style="width:260px">
1170
- </label>
1171
- <input type="hidden" id="node-input-colorAtSwitchOnDayTime">
1172
- <input type="color" id="colorPickerDay" style="width:260px">
1173
- <button id="getColorAtSwitchOnDayTimeButton" type="button" class="red-ui-button">Get current</button>
1123
+ <div id="divColorCycle">
1124
+ <div class="form-row">
1125
+ <label for="node-input-nameLightColorCycle" style="width:110px;"><i class="fa fa-play-circle-o"></i> Color
1126
+ Cycle</label>
1127
+
1128
+ <label for="node-input-GALightColorCycle" style="width:20px;">GA</label>
1129
+ <input type="text" id="node-input-GALightColorCycle" placeholder="Ex: 1/1/1"
1130
+ style="width:70px;margin-left: 5px; text-align: left;">
1131
+
1132
+ <label for="node-input-dptLightColorCycle" style="width:40px; margin-left: 0px; text-align: right;">DPT</label>
1133
+ <select id="node-input-dptLightColorCycle" style="width:140px;"></select>
1134
+
1135
+ <label for="node-input-nameLightColorCycle" style="width:50px; margin-left: 0px; text-align: right;"><span
1136
+ data-i18n="knxUltimateHueLight.node-input-name"></span></label>
1137
+ <input type="text" id="node-input-nameLightColorCycle" style="width:190px;margin-left: 5px; text-align: left;">
1138
+ </div>
1139
+ </div>
1140
+ </p>
1141
+ </div>
1142
+ <div id="tabs-6">
1143
+ <p>
1144
+ <div class="form-row">
1145
+ <label style="width:260px;" for="node-input-readStatusAtStartup"><i class="fa fa-play-circle"></i> Read status at
1146
+ startup</label>
1147
+ <select id="node-input-readStatusAtStartup">
1148
+ <option value="no">No</option>
1149
+ <option value="yes">Yes, and emit KNX telegrams.</option>
1150
+ </select>
1174
1151
  </div>
1175
- <div class="form-row" id="divTemperatureAtSwitchOn" hidden>
1176
- <label for="node-input-colorAtSwitchOnDayTime" style="width:260px">
1152
+ <div class="form-row" id="divUpdateKNXBrightnessStatusOnHUEOnOff">
1153
+ <label style="width:260px;" for="node-input-updateKNXBrightnessStatusOnHUEOnOff">
1154
+ <i class="fa fa-tag"></i> KNX Brightness Status
1177
1155
  </label>
1178
- <select style="width:12%;" id="comboTemperatureAtSwitchOn"></select>
1179
- <select style="width:25%;" id="comboBrightnessAtSwitchOn"></select>
1156
+ <select id="node-input-updateKNXBrightnessStatusOnHUEOnOff">
1157
+ <option value="onhueoff">When HUE light is Off send 0%. When HUE On, restore previous value (Default KNX behaviour)</option>
1158
+ <option value="no">Leave as is (default HUE behaviour)</option>
1159
+ </select>
1180
1160
  </div>
1181
-
1182
- <div id="divCCSBoxAtNightLighting">
1161
+ <div id ="divBehaviourBrightness">
1183
1162
  <div class="form-row">
1184
- <label for="node-input-enableDayNightLighting" style="width:260px;">
1185
- <i class="fa fa-clone"></i> Night Lighting
1163
+ <label for="node-input-specifySwitchOnBrightness" style="width:260px;">
1164
+ <i class="fa fa-tag"></i> Switch on behaviour
1186
1165
  </label>
1187
- <select id="node-input-enableDayNightLighting">
1188
- <option value="no">No night lighting</option>
1166
+ <select id="node-input-specifySwitchOnBrightness">
1167
+ <option value="no">None</option>
1189
1168
  <!-- <option value="temperature">Select temperature and brightness</option>
1190
1169
  <option value="yes">Select color</option> -->
1191
1170
  </select>
1192
1171
  </div>
1193
1172
 
1194
- <div id="divEnableDayNightLighting">
1195
-
1196
- <div class="form-row" id="divColorsAtSwitchOnNightTime">
1197
- <label for="node-input-colorAtSwitchOnNightTime" style="width:260px"></label>
1198
- <input type="hidden" id="node-input-colorAtSwitchOnNightTime">
1199
- <input type="color" id="colorPickerNight" style="width:260px">
1200
- <button id="getColorAtSwitchOnNightTimeButton" type="button" class="red-ui-button">Get current</button>
1201
- </div>
1202
- <div class="form-row" id="divTemperatureAtSwitchOnNightTime" hidden>
1203
- <label for="node-input-colorAtSwitchOnNightTime" style="width:260px"></label>
1204
- <select style="width:25%;" id="comboTemperatureAtSwitchOnNightTime"></select>
1205
- <select style="width:25%;" id="comboBrightnessAtSwitchOnNightTime"></select>
1206
- </div>
1173
+ <div class="form-row" id="divColorsAtSwitchOn">
1174
+ <label for="node-input-colorAtSwitchOnDayTime" style="width:260px">
1175
+ </label>
1176
+ <input type="hidden" id="node-input-colorAtSwitchOnDayTime">
1177
+ <input type="color" id="colorPickerDay" style="width:260px">
1178
+ <button id="getColorAtSwitchOnDayTimeButton" type="button" class="red-ui-button">Get current</button>
1179
+ </div>
1180
+ <div class="form-row" id="divTemperatureAtSwitchOn" hidden>
1181
+ <label for="node-input-colorAtSwitchOnDayTime" style="width:260px">
1182
+ </label>
1183
+ <select style="width:12%;" id="comboTemperatureAtSwitchOn"></select>
1184
+ <select style="width:25%;" id="comboBrightnessAtSwitchOn"></select>
1185
+ </div>
1207
1186
 
1187
+ <div id="divCCSBoxAtNightLighting">
1208
1188
  <div class="form-row">
1209
- <label for="node-input-nameDaylightSensor" style="width:110px;"><i class="fa fa-clock-o"></i>
1210
- Day/Night</label>
1211
- <label for="node-input-GADaylightSensor" style="width:20px;">GA</label>
1212
- <input type="text" id="node-input-GADaylightSensor" placeholder="Ex: 1/1/1"
1213
- style="width:70px;margin-left: 5px; text-align: left;">
1214
-
1215
- <label for="node-input-dptDaylightSensor" style="width:40px; margin-left: 0px; text-align: right;">DPT</label>
1216
- <select id="node-input-dptDaylightSensor" style="width:140px;"></select>
1217
-
1218
- <label for="node-input-nameDaylightSensor" style="width:50px; margin-left: 0px; text-align: right;"><span
1219
- data-i18n="knxUltimateHueLight.node-input-name"></span></label>
1220
- <input type="text" id="node-input-nameDaylightSensor" style="width:190px;margin-left: 5px; text-align: left;">
1221
- </div>
1222
- <div class="form-row">
1223
- <label style="width:170px" for="node-input-invertDayNight">
1224
- <i class="fa fa-shuffle"></i> Invert day/night values
1189
+ <label for="node-input-enableDayNightLighting" style="width:260px;">
1190
+ <i class="fa fa-clone"></i> Night Lighting
1225
1191
  </label>
1226
- <input type="checkbox" id="node-input-invertDayNight"
1227
- style="display:inline-block; width:auto; vertical-align:top;" />
1192
+ <select id="node-input-enableDayNightLighting">
1193
+ <option value="no">No night lighting</option>
1194
+ <!-- <option value="temperature">Select temperature and brightness</option>
1195
+ <option value="yes">Select color</option> -->
1196
+ </select>
1197
+ </div>
1198
+
1199
+ <div id="divEnableDayNightLighting">
1200
+
1201
+ <div class="form-row" id="divColorsAtSwitchOnNightTime">
1202
+ <label for="node-input-colorAtSwitchOnNightTime" style="width:260px"></label>
1203
+ <input type="hidden" id="node-input-colorAtSwitchOnNightTime">
1204
+ <input type="color" id="colorPickerNight" style="width:260px">
1205
+ <button id="getColorAtSwitchOnNightTimeButton" type="button" class="red-ui-button">Get current</button>
1206
+ </div>
1207
+ <div class="form-row" id="divTemperatureAtSwitchOnNightTime" hidden>
1208
+ <label for="node-input-colorAtSwitchOnNightTime" style="width:260px"></label>
1209
+ <select style="width:25%;" id="comboTemperatureAtSwitchOnNightTime"></select>
1210
+ <select style="width:25%;" id="comboBrightnessAtSwitchOnNightTime"></select>
1211
+ </div>
1212
+
1213
+ <div class="form-row">
1214
+ <label for="node-input-nameDaylightSensor" style="width:110px;"><i class="fa fa-clock-o"></i>
1215
+ Day/Night</label>
1216
+ <label for="node-input-GADaylightSensor" style="width:20px;">GA</label>
1217
+ <input type="text" id="node-input-GADaylightSensor" placeholder="Ex: 1/1/1"
1218
+ style="width:70px;margin-left: 5px; text-align: left;">
1219
+
1220
+ <label for="node-input-dptDaylightSensor" style="width:40px; margin-left: 0px; text-align: right;">DPT</label>
1221
+ <select id="node-input-dptDaylightSensor" style="width:140px;"></select>
1222
+
1223
+ <label for="node-input-nameDaylightSensor" style="width:50px; margin-left: 0px; text-align: right;"><span
1224
+ data-i18n="knxUltimateHueLight.node-input-name"></span></label>
1225
+ <input type="text" id="node-input-nameDaylightSensor" style="width:190px;margin-left: 5px; text-align: left;">
1226
+ </div>
1227
+ <div class="form-row">
1228
+ <label style="width:170px" for="node-input-invertDayNight">
1229
+ <i class="fa fa-shuffle"></i> Invert day/night values
1230
+ </label>
1231
+ <input type="checkbox" id="node-input-invertDayNight"
1232
+ style="display:inline-block; width:auto; vertical-align:top;" />
1233
+ </div>
1228
1234
  </div>
1229
1235
  </div>
1236
+ <br/>
1230
1237
  </div>
1231
- <br/>
1238
+ <div class="form-row">
1239
+ <label for="node-input-enableNodePINS" style="width:260px;">
1240
+ <i class="fa fa-circle"></i> Node Input/Output PINs
1241
+ </label>
1242
+ <select id="node-input-enableNodePINS">
1243
+ <option value="no">Hide</option>
1244
+ <option value="yes">Show node input/output PINs</option>
1245
+ </select>
1246
+ </div>
1247
+ </p>
1232
1248
  </div>
1233
- <div class="form-row">
1234
- <label for="node-input-enableNodePINS" style="width:260px;">
1235
- <i class="fa fa-circle"></i> Node Input/Output PINs
1236
- </label>
1237
- <select id="node-input-enableNodePINS">
1238
- <option value="no">Hide</option>
1239
- <option value="yes">Show node input/output PINs</option>
1240
- </select>
1249
+ <div id="tabs-7">
1250
+ <p>
1251
+ <br/> <b>YAML</b> <br/>
1252
+ <div style="height: 220px; min-height:150px;" class="node-text-editor" id="aceEditor"></div>
1253
+ <!-- <button type="button" class="red-ui-button">Button</button> -->
1254
+ </p>
1241
1255
  </div>
1242
- </p>
1243
1256
  </div>
1244
- <div id="tabs-7">
1245
- <p>
1246
- <br/> <b>YAML</b> <br/>
1247
- <div style="height: 220px; min-height:150px;" class="node-text-editor" id="aceEditor"></div>
1248
- <!-- <button type="button" class="red-ui-button">Button</button> -->
1249
- </p>
1250
- </div>
1251
-
1252
1257
  <br />
1253
1258
  </script>
1254
1259
 
package/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "engines": {
4
4
  "node": ">=16.0.0"
5
5
  },
6
- "version": "2.3.2",
6
+ "version": "2.3.3",
7
7
  "description": "Control your KNX intallation via Node-Red! A bunch of KNX nodes, with integrated Philips HUE control and ETS group address importer. Easy to use and highly configurable.",
8
8
  "dependencies": {
9
9
  "binary-parser": "2.2.1",