Adding a 'Clear ALL' button on the LED Strip tab. Updating 'Clear' so

that it also clears the wire order.

This makes it easier to change LED layouts without too much button
clicking.

tabs/led_strip.html

@@ -7,6 +7,7 @@
     <div class="controls">
         <div class="wires-remaining"><div></div>Remaining</div>
         <button class="funcClear">Clear selected</button>
+        <button class="funcClearAll">Clear ALL</button>
 
         <div class="section">LED Functions</div>
         <div class="functions">

tabs/led_strip.js

@@ -53,22 +53,43 @@ TABS.led_strip.initialize = function (callback, scrollPosition) {
             $(this).select();
         });
 
-        // Clear Button
+        // Clear button
         $('.funcClear').click(function() {
             $('.gPoint').each(function() {
                 if ($(this).is('.ui-selected')) {
-                    $(this).removeClass(function(index, theClass) { 
+                    removeFunctionsAndDirections(this);
-                       theClass = theClass.replace(/(^|\s)+gPoint\s+/, '');                    
+                    $(this).find('.wire').html('');
-                       return theClass;
-                    });
-                    $(this).addClass('ui-selected');
-                    updateBulkCmd();
                 }
             });
 
             $('.controls button').removeClass('btnOn');
+            updateBulkCmd();
         });
 
+        // Clear All button
+        $('.funcClearAll').click(function() {
+            $('.gPoint').each(function() {
+                removeFunctionsAndDirections(this);
+            });
+            $('.gPoint .wire').html('');
+
+            updateBulkCmd();
+
+            $('.controls button').removeClass('btnOn');
+        });
+
+        function removeFunctionsAndDirections(element) {
+            var classesToRemove = [];
+            
+            TABS.led_strip.functions.forEach(function(letter) {
+                classesToRemove.push('function-' + letter);
+            });
+            TABS.led_strip.directions.forEach(function(letter) {
+                classesToRemove.push('dir-' + letter);
+            });
+            $(element).removeClass(classesToRemove.join(' '));
+        }
+
 
         // Directional Buttons
         $('.directions').on('click', 'button', function() {