Sindbad~EG File Manager

'use strict';

(function($) {
    $(document).ready(function() {

        var $plugins = $('.imi-plugins'),
            $btn = $('.imi-admin-btn');

        // install action
        $plugins.on('click', '.imi-admin-btn[data-plugin-action="install"]', function(e) {

            e.preventDefault();

            if ($('.imi-admin-btn').hasClass('installing')) {
                return;
            }

            var $this = $(this),
                q_href = $this.attr('href').split('&'),
                data = {
                    'action': 'imi_install_plugin',
                    'plugin': q_href[1].substr(q_href[1].lastIndexOf('=') + 1, q_href[1].length),
                    'tgmpa-install': 'install-plugin',
                    'tgmpa-nonce': q_href[3].substr(q_href[3].lastIndexOf('=') + 1, q_href[3].length),
                    'page': 'install-required-plugins'
                };

            $this.addClass('installing');

            $btn.css('opacity', '0.5');
            $this.css('opacity', '1');

            $.ajax({
                type: 'GET',
                url: ajaxurl,
                data: data
            }).done(function(response) {
                $btn.css('opacity', '1');
                if ($this.closest('.imi-plugin').length) {
                    $this.closest('.row-actions').replaceWith('<div class="row-actions visible active"><span class="activate"><a href="#" class="button imi-admin-btn">Activated</a></span></div>');
                } else {
                    $this.removeClass('installing').attr('data-plugin-action', 'deactivate').attr('href', response.substr(response.lastIndexOf('imi') + 6, response.length)).text('Deactivate').closest('.theme').addClass('active');
                }
                window.location.href = vals.siteurl;
            }).fail(function() {
                alert('Something went wrong! Reload page and try again.')
            });

        });

        // update action
        $plugins.on('click', '.imi-admin-btn[data-plugin-action="update"]', function(e) {
            e.preventDefault();

            if ($('.imi-admin-btn').hasClass('installing')) {
                return;
            }

            var $this = $(this),
                q_href = $this.attr('href').split('&'),
                data = {
                    'action': 'imi_update_plugin',
                    'plugin': q_href[1].substr(q_href[1].lastIndexOf('=') + 1, q_href[1].length),
                    'tgmpa-update': 'update-plugin',
                    'tgmpa-nonce': q_href[3].substr(q_href[3].lastIndexOf('=') + 1, q_href[3].length),
                    'page': 'install-required-plugins'
                };

            $this.addClass('installing');

            $btn.css('opacity', '0.5');
            $this.css('opacity', '1');

            $.ajax({
                type: 'GET',
                url: ajaxurl,
                data: data
            }).done(function(response) {
                $btn.css('opacity', '1');
                $this.closest('.row-actions').find('.update').remove();
                if ($this.closest('.imi-plugin').length) {
                    $this.closest('.row-actions').replaceWith('<div class="row-actions visible active"><span class="activate"><a href="#" class="button imi-admin-btn">Activated</a></span></div>');
                } else {
                    $this.removeClass('installing').attr('data-plugin-action', 'deactivate').attr('href', response.substr(response.lastIndexOf('imi') + 6, response.length)).text('Deactivate').closest('.theme').addClass('active');
                }
            }).fail(function() {
                alert('Something went wrong! Reload page and try again.')
            });
        });

        // activate action
        $plugins.on('click', '.imi-admin-btn[data-plugin-action="activate"]', function(e) {

            e.preventDefault();

            if ($('.imi-admin-btn').hasClass('installing')) {
                return;
            }

            var $this = $(this),
                q_href = $this.attr('href').split('&'),
                data = {
                    'action': 'imi_activate_plugin',
                    'plugin': q_href[1].substr(q_href[1].lastIndexOf('=') + 1, q_href[1].length),
                    'tgmpa-activate': 'activate-plugin',
                    'tgmpa-nonce': q_href[3].substr(q_href[3].lastIndexOf('=') + 1, q_href[3].length),
                };

            $this.addClass('installing');

            $btn.css('opacity', '0.5');
            $this.css('opacity', '1');

            $.ajax({
                type: 'GET',
                url: ajaxurl,
                data: data,
                success: function(response) {
                    $btn.css('opacity', '1');
                    if ($this.closest('.imi-plugin').length) {
                        $this.closest('.row-actions').replaceWith('<div class="row-actions visible active"><span class="activate"><a href="#" class="button imi-admin-btn">Activated</a></span></div>');
                    } else {
                        $this.removeClass('installing').attr('data-plugin-action', 'deactivate').attr('href', response).text('Deactivate').closest('.theme').addClass('active');
                    }
                }
            });

        });

        // deactivate action
        $plugins.on('click', '.imi-admin-btn[data-plugin-action="deactivate"]', function(e) {

            e.preventDefault();

            if ($('.imi-admin-btn').hasClass('installing')) {
                return;
            }

            var $this = $(this),
                q_href = $this.attr('href').split('&'),
                data = {
                    'action': 'imi_deactivate_plugin',
                    'plugin': q_href[1].substr(q_href[1].lastIndexOf('=') + 1, q_href[1].length),
                    'tgmpa-deactivate': 'deactivate-plugin',
                    'tgmpa-nonce': q_href[3].substr(q_href[3].lastIndexOf('=') + 1, q_href[3].length),
                };

            $this.addClass('installing');

            $btn.css('opacity', '0.5');
            $this.css('opacity', '1');

            $.ajax({
                type: 'GET',
                url: ajaxurl,
                data: data,
                success: function(response) {
                    $btn.css('opacity', '1');
                    $this.removeClass('installing').attr('data-plugin-action', 'activate').attr('href', response).text('Activate').closest('.theme').removeClass('active');
                }
            });

        });

        $('.imi-install-plugins').on('click', function(e) {
            e.preventDefault();

            var $installPluginsBtn = $(this);
            var $allPlugins = $installPluginsBtn.parent().next('.imi-plugins');
            var plugins = [];

            $allPlugins.find('.imi-plugin:not(:hidden)').each(function(index, element) {
                var $this = $(this);
                var $pluginActionBtn = $this.find('.imi-admin-btn');
                var q_href = $pluginActionBtn.attr('href');
                var pluginAction = $pluginActionBtn.data('plugin-action');

                if (q_href != undefined && q_href != '#') {
                    plugins.push({
                        elem: $pluginActionBtn[0],
                        href: q_href,
                        pluginAction: pluginAction
                    });
                }
            });

            if (plugins.length) {
                imiInstallPlugins(plugins, $installPluginsBtn);
            } else {
                $installPluginsBtn.css({
                    'background': '#58cf74',
                    'pointer-events': 'none'
                });
            }
        });

        function imiInstallPlugins(plugins, $installPluginsBtn) {
            if (!plugins.length) {
                $installPluginsBtn.css({
                    'background': '#58cf74',
                    'pointer-events': 'none'
                });
                return;
            }

            if ($('.imi-admin-btn').hasClass('installing')) {
                return;
            }

            var $this = $(plugins[0]['elem']);
            var pluginAction = plugins[0]['pluginAction'];
            var q_href = $this.attr('href').split('&');
            var data;

            if (pluginAction == 'install') {
                data = {
                    'action': 'imi_install_plugin',
                    'plugin': q_href[1].substr(q_href[1].lastIndexOf('=') + 1, q_href[1].length),
                    'tgmpa-install': 'install-plugin',
                    'tgmpa-nonce': q_href[3].substr(q_href[3].lastIndexOf('=') + 1, q_href[3].length),
                    'page': 'install-required-plugins'
                };
            } else if (pluginAction == 'activate') {
                data = {
                    'action': 'imi_activate_plugin',
                    'plugin': q_href[1].substr(q_href[1].lastIndexOf('=') + 1, q_href[1].length),
                    'tgmpa-activate': 'activate-plugin',
                    'tgmpa-nonce': q_href[3].substr(q_href[3].lastIndexOf('=') + 1, q_href[3].length),
                };
            } else if (pluginAction == 'update') {
                data = {
                    'action': 'imi_update_plugin',
                    'plugin': q_href[1].substr(q_href[1].lastIndexOf('=') + 1, q_href[1].length),
                    'tgmpa-update': 'update-plugin',
                    'tgmpa-nonce': q_href[3].substr(q_href[3].lastIndexOf('=') + 1, q_href[3].length),
                    'page': 'install-required-plugins'
                };
            } else {
                plugins.shift();
                imiInstallPlugins(plugins, $installPluginsBtn);
            }

            $this.addClass('installing');

            $btn.css('opacity', '0.5');
            $this.css('opacity', '1');

            $.ajax({
                type: 'GET',
                url: ajaxurl,
                data: data
            }).done(function(response) {
                $btn.css('opacity', '1');
                if ($this.closest('.imi-plugin').length) {
                    $this.closest('.row-actions').replaceWith('<div class="row-actions visible active"><span class="activate"><a href="#" class="button imi-admin-btn">Activated</a></span></div>');
                } else {
                    $this.removeClass('installing').attr('data-plugin-action', 'deactivate').attr('href', response.substr(response.lastIndexOf('imi') + 6, response.length)).text('Deactivate').closest('.theme').addClass('active');
                }
                plugins.shift();
                imiInstallPlugins(plugins, $installPluginsBtn);
            }).fail(function() {
                alert('Something went wrong! Reload page and try again.')
            });
        }
    });
})(jQuery);