Hiding channel4 when useWhite

code/html/custom.js

@@ -3,6 +3,7 @@ var password = false;
 var maxNetworks;
 var host;
 var port;
+var useWhite = false;
 
 // http://www.the-art-of-web.com/javascript/validate-password/
 function checkPassword(str) {
@@ -325,7 +326,11 @@ function initChannels(num) {
     var colors = $("#colors > div").length > 0;
 
     // calculate channels to create
-    var max = colors ? num % 3 : num;
+    var max = num;
+    if (colors) {
+        max = num % 3;
+        if ((max > 0) & useWhite) max--;
+    }
     var start = num - max;
 
     // add templates
@@ -438,6 +443,10 @@ function processData(data) {
             return;
         }
 
+        if (key == "useWhite") {
+            useWhite = data[key];
+        }
+
         if (key == "maxNetworks") {
             maxNetworks = parseInt(data.maxNetworks);
             return;

code/html/index.html

@@ -349,7 +349,7 @@
                                     <div class="pure-u-1 pure-u-sm-1-4"><input type="checkbox" name="useColor" tabindex="8" /></div>
                                     <div class="pure-u-0 pure-u-md-1-2">&nbsp;</div>
                                     <div class="pure-u-0 pure-u-md-1-4">&nbsp;</div>
-                                    <div class="pure-u-1 pure-u-md-3-4 hint">Use color picker for the first 3 channels as RGB.<br />Will only work if the device has at least 3 dimmable channels.</div>
+                                    <div class="pure-u-1 pure-u-md-3-4 hint">Use color picker for the first 3 channels as RGB.<br />Will only work if the device has at least 3 dimmable channels.<br />Reload the page to update the web interface.</div>
                                 </div>
 
                                 <div class="pure-g module module-color">
@@ -357,7 +357,7 @@
                                     <div class="pure-u-1 pure-u-sm-1-4"><input type="checkbox" name="useWhite" tabindex="9" /></div>
                                     <div class="pure-u-0 pure-u-md-1-2">&nbsp;</div>
                                     <div class="pure-u-0 pure-u-md-1-4">&nbsp;</div>
-                                    <div class="pure-u-1 pure-u-md-3-4 hint">Use forth dimmable channel as white when first 3 have the same RGB value.<br />Will only work if the device has at least 4 dimmable channels.</div>
+                                    <div class="pure-u-1 pure-u-md-3-4 hint">Use forth dimmable channel as white when first 3 have the same RGB value.<br />Will only work if the device has at least 4 dimmable channels.<br />Reload the page to update the web interface.</div>
                                 </div>
 
                                 <div class="pure-g module module-color">