Merge branch 'dashboard' into Dev

Author: actuallyakash

assets/admin/css/admin-styles.css

@@ -0,0 +1,103 @@
+( function( $ ) {
+
+    function saveAddons() {
+        $.ajax({
+            url: settings.ajaxurl,
+            type: 'post',
+            data: {
+                action: 'save_mighty_addons_settings',
+                security: settings.nonce,
+                fields: $('form#mighty-settings').serialize(),
+            },
+            success: function(response) {
+                console.log('successfully saved!');
+            },
+            error: function() {
+                console.log('#212 Something went wrong!');
+            }
+        });
+    }
+
+    function tabsStatus(tab, source, obj) {
+        $('.ma-tabs li').removeClass('active');
+        $('#toplevel_page_mighty-addons-home .wp-submenu li').removeClass('current');
+        // Modifies Tab active status
+        if ( source == "sidebar" ) {
+            $('.ma-tabs li a[href="'+ tab +'"]').parent('li').addClass('active');
+            $(obj).parent('li').addClass('current');
+        } else {
+            var url = tab == "#general" ? 'admin.php?page=mighty-addons-home' : 'admin.php?page=mighty-addons-home'+tab;
+            $('#toplevel_page_mighty-addons-home .wp-submenu li a[href="'+ url +'"]').parent('li').addClass('current');
+            $(obj).addClass('active');
+        }
+        $('.ma-tabs-content').hide();
+    }
+
+    // Tabs Setting
+    $('.ma-tabs li:last-child').addClass('active');
+    $('.ma-tabs-content').hide();
+    $('.ma-tabs-content:first').show();
+
+    // Tabs Events
+    $('.ma-tabs li').click(function() {
+        var activeTab = $(this).find('a').attr('href');
+        tabsStatus(activeTab, 'topbar', this);
+        $(activeTab).show();
+        return false;
+    });
+
+    // Sidebar Events
+    $("#toplevel_page_mighty-addons-home .wp-submenu li a").click( function() {
+        var activeTab = $(this).attr("href").substr($(this).attr("href").indexOf("#"));
+        activeTab = activeTab === "e" ? "#general" : activeTab;
+        tabsStatus(activeTab, 'sidebar',this);
+        $(activeTab).show();
+        return false;
+    });
+
+    // Submit event - Form button
+    $('form#mighty-settings').on('submit', function (e) {
+        e.preventDefault();
+        saveAddons(settings);
+
+        $('.ma-settings-header-bar .ma-save-button').html('<span class="updated-widgets dashicons dashicons-yes-alt"></span> Updated');
+        $('#mighty-settings .ma-save-button').html('<span class="updated-widgets dashicons dashicons-yes-alt"></span> Updated');
+
+        setTimeout(function() {
+            $('.ma-settings-header-bar .ma-save-button').text('Save Settings');
+            $('#mighty-settings .ma-save-button').text('Save Settings');
+        }, 2000);
+        
+        // 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
+    $('.ma-settings-header-bar .ma-save-button').on('click', function () {
+        $("form#mighty-settings .ma-save-button").trigger('click');
+    });
+    
+    // Enable all button
+    $('.ma-gl-cnt-right #enable-all').on('click', function() {
+        $(".switch-input").attr('checked', 'checked');
+    });
+    
+    // Disable all button
+    $('.ma-gl-cnt-right #disable-all').on('click', function() {
+        $(".switch-input").removeAttr('checked');
+    });
+
+    // Detecting changes (Switch)
+    $('#mighty-settings .switch').off('click').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 );