➕ Active/incactive button on save

Author: actuallyakash

assets/admin/js/admin-script.js

@@ -22,6 +22,10 @@
     $('form#mighty-settings').on('submit', function (e) {
         e.preventDefault();
         saveAddons(settings);
+        
+        // Disable after save
+        $('.ma-settings-header-bar .ma-save-button').attr('disabled', 'disabled'); // Header Button
+        $('#mighty-settings .ma-save-button').attr('disabled', 'disabled'); // Form's Button
     });
 
     // Click event - Header Button
@@ -39,4 +43,16 @@
         $(".switch-input").removeAttr('checked');
     });
 
+    // Detecting changes (Switch)
+    $('#mighty-settings .switch-label').on('click', function() {
+        $('.ma-settings-header-bar .ma-save-button').removeAttr('disabled'); // Header Button
+        $('#mighty-settings .ma-save-button').removeAttr('disabled'); // Form's Button
+    });
+
+    // Detecting changes (Enable/Disable All)
+    $('#widgets .ma-btn-action').on('click', function() {
+        $('.ma-settings-header-bar .ma-save-button').removeAttr('disabled'); // Header Button
+        $('#mighty-settings .ma-save-button').removeAttr('disabled'); // Form's Button
+    });
+
 }) ( jQuery );

panel/includes/header.php

@@ -20,7 +20,7 @@
             </div>
             <?php if ( $page == "widgets") : ?>
             <div class="ma-settings-header-right">
-                <button type="submit" class="button ma-btn js-ma-settings-save ma-btn ma-save-button"><?php echo __('Save Settings', 'mighty-addons'); ?></button>
+                <button type="submit" class="button ma-btn js-ma-settings-save ma-btn ma-save-button" disabled="disabled"><?php echo __('Save Settings', 'mighty-addons'); ?></button>
             </div>
             <?php endif; ?>
         </div>

panel/widget-settings.php

@@ -55,7 +55,7 @@
                 </div>
 
                 <div class="text-center ma-cta-save">
-                    <button type="submit" class="button ma-btn js-ma-settings-save ma-btn ma-save-button"><?php echo __('Save Settings', 'mighty-addons'); ?></button>
+                    <button type="submit" class="button ma-btn js-ma-settings-save ma-btn ma-save-button" disabled="disabled"><?php echo __('Save Settings', 'mighty-addons'); ?></button>
                 </div>
             </form>
         </div>