Merge pull request #686 from mosvov/osd-switch-all-elements

Enable/Disable all button for OSD screen

Author: mikeller

_locales/en/messages.json

@@ -2312,6 +2312,9 @@
     "osdSetupElementsTitle": {
         "message": "Elements"
     },
+    "osdSetupElementsSwitchAll": {
+      "message": "Switch all"
+    },
     "osdSetupPreviewTitle": {
         "message": "Preview (drag to change position)"
     },

tabs/osd.css

@@ -316,6 +316,10 @@
   background: rgba(255,255,255,0.4);
 }
 
+.tab-osd .switch-all-elements {
+  float: right;
+}
+
 .tab-osd .preview .char[draggable="true"] {
   cursor: move;
 }

tabs/osd.html

@@ -18,7 +18,13 @@ <h1 class="tab_title">
                     <div class="spacer_right">
                         <div class="gui_box grey">
                             <div class="gui_box_titlebar" style="margin-bottom: 0px;">
-                                <div class="spacer_box_title" i18n="osdSetupElementsTitle" />
+                                <div class="spacer_box_title">
+                                    <span i18n="osdSetupElementsTitle" />
+                                    <span class="switch-all-elements">
+                                        <label for="switch-all"><span i18n="osdSetupElementsSwitchAll" />: </label>
+                                        <input type="checkbox" checked id="switch-all" name="switch-all" class="togglesmall"></input>
+                                    </span>
+                                </div>
                             </div>
                             <div class="spacer_box">
                                 <div id="element-fields" class="switchable-fields"></div>

tabs/osd.js

@@ -1532,6 +1532,23 @@ TABS.osd.initialize = function (callback) {
             }
         });
 
+        //Switch all elements
+        $('input#switch-all').change(function () {
+            var new_state = $(this).is(':checked');
+
+            var updateList = [];
+            $('#element-fields input[type=checkbox]').each(function () {
+                var field = $(this).data('field');
+                field.isVisible = new_state;
+
+                updateList.push(MSP.promise(MSPCodes.MSP_SET_OSD_CONFIG, OSD.msp.encodeLayout(field)));
+            })
+
+            Promise.all(updateList).then(function () {
+                updateOsdView();
+            });
+        })
+
         $(document).on('click', 'span.progressLabel a.save_font', function () {
             chrome.fileSystem.chooseEntry({type: 'saveFile', suggestedName: 'baseflight', accepts: [{extensions: ['mcm']}]}, function (fileEntry) {
                 if (chrome.runtime.lastError) {