module.js

$(document).ready(function () {
    var controller = new AdminModuleController();
    controller.init();
});

/**
 * Module Admin Page Controller.
 * @constructor
 */
var AdminModuleController = function () {

    /* Global configuration */
    this.keywordsSplitCharacter = ' ';
    this.currentDisplay = '';
    this.isCategoryGridDisplayed = false;
    this.currentTagsList = [];
    this.currentRefCategory = null;
    this.currentRefStatus = null;
    this.currentSorting = null;
    this.tagSearchBlock = null;
    this.areAllModuleDisplayed = true;
    this.baseAddonsUrl = 'https://addons.prestashop.com/';
    this.pstaggerInput = null;
    this.lastBulkAction = null;
    this.isUploadStarted = false;

    /* Selectors into vars to make it easier to change them while keeping same code logic */
    this.searchBarSelector = '#module-search-bar';
    this.sortDisplaySelector = '.module-sort-switch';
    this.moduleListSelector = '.modules-list';
    this.moduleGridSelector = '.modules-grid';
    this.moduleSortListSelector = '#module-sort-list';
    this.moduleSortGridSelector = '#module-sort-grid';
    this.moduleItemListSelector = '.module-item-list';
    this.moduleItemGridSelector = '.module-item-grid';
    this.categorySelectorLabelSelector = '.module-category-selector-label';
    this.categorySelector = '.module-category-selector';
    this.categoryItemSelector = '.module-category-menu';
    this.totalResultSelector = '.module-search-result-wording';
    this.addonsSearchSelector = '.module-addons-search';
    this.addonsSearchLinkSelector = '.module-addons-search-link';
    this.addonsLoginButtonSelector = '#addons_login_btn';
    this.categoryResetBtnSelector = '.module-category-reset';
    this.moduleInstallBtnSelector = 'input.module-install-btn';
    this.moduleInstallLoaderSelector = '.module-install-loader';
    this.moduleSortingDropdownSelector = '.module-sorting-author select';
    this.categoryGridSelector = '#modules-categories-grid';
    this.categoryGridItemSelector = '.module-category-item';
    this.addonItemGridSelector = '.module-addons-item-grid';
    this.addonItemListSelector = '.module-addons-item-list';
    this.bulkActionDropDownSelector = '.module-bulk-actions select';
    this.checkedBulkActionListSelector = '.module-checkbox-bulk-list:checked';
    this.checkedBulkActionGridSelector = '.module-checkbox-bulk-grid:checked';
    this.bulkActionCheckboxGridSelector = '.module-checkbox-bulk-grid';
    this.bulkActionCheckboxListSelector = '.module-checkbox-bulk-list';
    this.bulkActionCheckboxSelector = '#module-modal-bulk-checkbox';
    this.selectAllBulkActionSelector = '.module-checkbox-bulk-select-all';
    this.bulkConfirmModalSelector = '#module-modal-bulk-confirm';
    this.bulkConfirmModalActionNameSelector = '#module-modal-bulk-confirm-action-name';
    this.bulkConfirmModalListSelector = '#module-modal-bulk-confirm-list';
    this.bulkConfirmModalAckBtnSelector = '#module-modal-confirm-bulk-ack';
    this.placeholderGlobalSelector = '.module-placeholders-wrapper';
    this.placeholderFailureGlobalSelector = '.module-placeholders-failure';
    this.placeholderFailureMsgSelector = '.module-placeholders-failure-msg';
    this.placeholderFailureRetryBtnSelector = '#module-placeholders-failure-retry';
    /* Module's statuses selectors */
    this.statusSelectorLabelSelector = '.module-status-selector-label';
    this.statusSelector = '.module-status-selector';
    this.statusItemSelector = '.module-status-menu';
    this.statusResetBtnSelector = '.module-status-reset';

    /* Selectors for Module Import and Addons connect */
    this.dropModuleBtnSelector = '#page-header-desc-configuration-add_module';
    this.addonsConnectModalBtnSelector = '#page-header-desc-configuration-addons_connect';
    this.dropZoneModalSelector = '#module-modal-import';
    this.dropZoneImportZoneSelector = '#importDropzone';
    this.addonsConnectModalSelector = '#module-modal-addons-connect';
    this.addonsConnectForm = '#addons-connect-form';
    this.moduleImportModalCloseBtn = '#module-modal-import-closing-cross';
    this.moduleImportStartSelector = '.module-import-start';
    this.moduleImportProcessingSelector = '.module-import-processing';
    this.moduleImportSuccessSelector = '.module-import-success';
    this.moduleImportSuccessConfigureBtnSelector = '.module-import-success-configure';
    this.moduleImportFailureSelector = '.module-import-failure';
    this.moduleImportFailureRetrySelector = '.module-import-failure-retry';
    this.moduleImportFailureDetailsBtnSelector = '.module-import-failure-details-action';
    this.moduleImportSelectFileManualSelector = '.module-import-start-select-manual';
    this.moduleImportFailureMsgDetailsSelector = '.module-import-failure-details';


    /**
     * Initialize all listners and bind everything
     * @method init
     * @memberof AdminModule
     */
    this.init = function () {
        this.initBOEventRegistering();
        this.loadVariables();
        this.initSortingDisplaySwitch();
        this.initSortingDropdown();
        this.initSearchBlock();
        this.initCategorySelect();
        this.initCategoriesGrid();
        this.initActionButtons();
        this.initAddonsSearch();
        this.initAddonsConnect();
        this.initAddModuleAction();
        this.initDropzone();
        this.initPageChangeProtection();
        this.initBulkActions();
        this.initPlaceholderMechanism();
        this.initFilterStatusDropdown();
    };

    this.initFilterStatusDropdown = function() {
        var _this = this;

        $('body').on('click', this.statusItemSelector, function () {
            // Get data from li DOM input
            _this.currentRefStatus = $(this).attr('data-status-ref');
            var statusSelectedDisplayName = $(this).find('a:first').text();
            // Change dropdown label to set it to the current status' displayname
            $(_this.statusSelectorLabelSelector).text(statusSelectedDisplayName);
            $(_this.statusResetBtnSelector).show();
            // Do Search on categoryRef
            _this.doSearch();
        });

        $('body').on('click', this.statusResetBtnSelector, function () {
            var text = $(this).find('a > span').text();
            $(_this.statusSelectorLabelSelector).text(text);
            $(this).hide();
            _this.currentRefStatus = null;
            _this.doSearch();
        });
    };

    this.isModuleItemCategoryCompliant = function(moduleItem) {
        var dataCategories = moduleItem.attr('data-categories').toLowerCase();

        if (dataCategories === this.currentRefCategory.toLowerCase()) {
            return true;
        } else {
            return false;
        }
    };

    this.isModuleItemStatusCompliant = function(moduleItem) {
        var dataStatus = parseInt(moduleItem.attr('data-active'));

        if (dataStatus === parseInt(this.currentRefStatus)) {
            return true;
        } else {
            return false;
        }
    };

    this.isModuleItemTagsCompliant = function(moduleItem) {
        var dataName = moduleItem.attr('data-name').toLowerCase();
        var dataTechName = moduleItem.attr('data-tech-name').toLowerCase();
        var dataDescription = moduleItem.attr('data-description').toLowerCase();
        var dataAuthor = moduleItem.attr('data-author').toLowerCase();
        var hasMatched = false;
        var matchedTagsCount = 0;

        $.each(this.currentTagsList, function (index, value) {
            // If match any on these attrbute  its a match
            value = value.toLowerCase();
            if (dataName.indexOf(value) != -1 || dataDescription.indexOf(value) != -1 ||
                    dataAuthor.indexOf(value) != -1 || dataTechName.indexOf(value) != -1) {
                matchedTagsCount += 1;
            }
        });

        if (matchedTagsCount > 0) {
            return true;
        } else {
            return false;
        }
    };

    this.doSearch = function() {
        // Pick the right selector to process search
        var moduleItemSelector = this.getModuleItemSelector();
        var moduleGlobalSelector = this.getModuleGlobalSelector();
        var _this = this;

        $(moduleGlobalSelector).each(function (index, value) {
            var _that = _this;
            var totalFoundModules = 0;
            var totalAvailableModules = $(this).find(moduleItemSelector).length;
            // Go through each module items to check if its contains filters tags keywords...
            $(this).find(moduleItemSelector).each(function (index, value) {

                var isModuleToBeFound = true;

                if (_that.currentRefCategory !== null) {
                    isModuleToBeFound &= _that.isModuleItemCategoryCompliant($(this));
                }

                if (_that.currentRefStatus !== null) {
                    isModuleToBeFound &= _that.isModuleItemStatusCompliant($(this));
                }

                if (_that.currentTagsList.length) {
                    isModuleToBeFound &= _that.isModuleItemTagsCompliant($(this));
                }

                if (isModuleToBeFound) {
                    // If moduleItem is compliant with all filters, display it
                    $(this).show();
                    totalFoundModules += 1;
                } else {
                    $(this).hide();
                }
            });
            // Todo redo current sorting if necessary
            if (_this.currentSorting !== null) {
                _this.doDropdownSort(_this.currentSorting);
            }

            if(totalFoundModules != $(this).find(moduleItemSelector).length) {
                this.areAllModuleDisplayed = false;
            }

            _this.updateTotalResults(totalFoundModules, $(this));
        });
    };

    this.doDropdownSort = function(typeSort) {
        var availableSorts = [
                                'sort-by-price-asc',
                                'sort-by-price-desc',
                                'sort-by-name',
                                'sort-by-scoring'
                            ];

        if ($.inArray(typeSort, availableSorts) === -1) {
            console.error('typeSort "' + typeSort + '" is not a valid sort option');
            return false;
        }

        var dataAttr = null;
        var sortOrder = 'asc';
        var sortKind = 'alpha';
        var _this = this;
        var moduleGlobalSelector = this.getModuleGlobalSelector();
        var moduleItemSelector = this.getModuleItemSelector();
        var addonsItemSelector = this.getAddonItemSelector();
        var addonItemHtmlBackup = null;

        if ($(addonsItemSelector).length) {
            addonItemHtmlBackup = $(addonsItemSelector).get(0).outerHTML;
        }

        switch (typeSort) {
            case availableSorts[0]:
                dataAttr = ['data-price', 'data-tech-name'];
                sortKind = 'num';
                break;
            case availableSorts[1]:
                dataAttr = ['data-price', 'data-tech-name'];
                sortOrder = 'desc';
                sortKind = 'num';
                break;
            case availableSorts[2]:
                dataAttr = ['data-name', 'data-tech-name'];
                break;
            case availableSorts[3]:
                dataAttr = ['data-scoring', 'data-tech-name'];
                sortKind = 'num';
                break;
        }

        $(moduleGlobalSelector).each(function(index, value) {

            var arrayToSort = {};
            var keysToSort = [];

            $(this).find(moduleItemSelector).each(function(index, value) {
                var selectorObject = $(this);
                var uniqueID = '';
                $.each(dataAttr, function (index, value) {
                    if (uniqueID !== '') {
                        uniqueID += ' #'; // Explode separator
                    }
                    uniqueID += selectorObject.attr(value);
                });
                arrayToSort[uniqueID] = $(this);
                keysToSort.push(uniqueID);
            });

            var keysArrayLength = keysToSort.length;

            if (sortKind == 'alpha') {
                keysToSort.sort();
            } else {
                keysToSort.sort(function(elem1, elem2) {
                    var elem1Formatted = parseFloat(elem1.substring(0, elem1.indexOf('#')));
                    var elem2Formatted = parseFloat(elem2.substring(0, elem2.indexOf('#')));
                    if (sortOrder == 'asc') {
                        return elem1Formatted - elem2Formatted;
                    } else {
                        return elem2Formatted - elem1Formatted;
                    }
                });
            }

            var currentSelector = $(this);
            var _arrayToSort = arrayToSort;
            var _currentSelector = currentSelector;

            currentSelector.empty();
            currentSelector.append('<div class="row">');

            $.each(keysToSort, function(index, value){
                _currentSelector.find('.row').first().append(_arrayToSort[value].get(0).outerHTML);
                delete _arrayToSort[value];
            });

            currentSelector.find('.row').first().append(addonItemHtmlBackup);
            // Take care of Addons Search Card
            if ($(moduleItemSelector + ':visible').length != $(moduleItemSelector).length && addonItemHtmlBackup !== null) {
                $(addonsItemSelector).css('display', 'table');
            }

            currentSelector.append('</div>');
        });
    };

    this.updateTagList = function(tagList) {
        this.currentTagsList = tagList;
        /* When this happen we need to update the interface accordingly */
        this.doSearch();
    };

    this.resetSearch = function () {
        // Pick the right selector to process search
        var moduleItemSelector = this.getModuleItemSelector();
        var moduleGlobalSelector = this.getModuleGlobalSelector();
        var _this = this;

        // Reset currentTagsList
        this.currentTagsList = [];
        _this.doSearch();

        // Avoid trying to redisplay everything if it's already fully displayed
        if (this.areAllModuleDisplayed === false) {

            $(moduleGlobalSelector).each(function (index, value) {
                var totalModules = 0;
                var _that = _this;
                $(this).find(moduleItemSelector).each(function (index, value) {
                    if (_that.currentRefCategory !== null) {
                        var isFromFilterCategory = ($(this).attr('data-categories') == _that.currentRefCategory);
                        if (isFromFilterCategory === true) {
                            totalModules += 1;
                        }
                        if ($(this).is(':hidden') && isFromFilterCategory === true) {
                            $(this).show();
                        }
                    } else {
                        totalModules += 1;
                        if ($(this).is(':hidden')) {
                            $(this).show();
                        }
                    }
                });

                // Dont forget this vital var once this done
                _this.areAllModuleDisplayed = true;
                _this.updateTotalResults(totalModules, $(this));
            });
        }
    };

    this.initBOEventRegistering = function() {
        BOEvent.on('Module Disabled', this.onModuleDisabled, this);
    };

    this.onModuleDisabled = function(event) {
        var globalModuleSelector = this.getModuleGlobalSelector();
        var moduleItemSelector = this.getModuleItemSelector();
        var _this = this;

        $(globalModuleSelector).each(function(index, value){
            var totalForCurrentSelector = $(this).find(moduleItemSelector+':visible').length;
            _this.updateTotalResults(totalForCurrentSelector, $(this));
        });

    };

    this.initPlaceholderMechanism = function() {
        var _this = this;

        if ($(this.placeholderGlobalSelector).length) {
            this.ajaxLoadPage();
        }

        // Retry loading mechanism
        $('body').on('click', this.placeholderFailureRetryBtnSelector, function(event){
            $(_this.placeholderFailureGlobalSelector).fadeOut();
            $(_this.placeholderGlobalSelector).fadeIn();
            _this.ajaxLoadPage();
        });
    };

    this.ajaxLoadPage = function() {
        var urlToCall = baseAdminDir + 'module/catalog/refresh';
        var _this = this;

        $.ajax({
            method: 'GET',
            url: urlToCall,
        }).done(function (response) {
            var _that = _this;

            if (response.status === true) {
                var stylesheet = document.styleSheets[0];
                var stylesheetRule = '{display: none}';
                var moduleGlobalSelector = _this.getModuleGlobalSelector();
                var requiredSelectorCombination = moduleGlobalSelector + ', .module-sorting-menu ';

                if (stylesheet.insertRule) {
                    stylesheet.insertRule(
                        requiredSelectorCombination +
                        stylesheetRule, stylesheet.cssRules.length
                    );
                } else if (stylesheet.addRule) {
                    stylesheet.addRule(
                        requiredSelectorCombination,
                        stylesheetRule,
                        -1
                    );
                }

                $(_this.placeholderGlobalSelector).fadeOut(800, function(){
                    $(_that.placeholderGlobalSelector).replaceWith(response.content);
                    $(requiredSelectorCombination).fadeIn(800);
                });
            } else {
                $(_this.placeholderGlobalSelector).fadeOut(800, function(){
                    $(_that.placeholderFailureMsgSelector).text(response.msg);
                    $(_that.placeholderFailureGlobalSelector).fadeIn(800);
                });
            }
        }).fail(function (response){
            var _that = _this;

            $(_this.placeholderGlobalSelector).fadeOut(800, function(){
                $(_that.placeholderFailureMsgSelector).text(response.statusText);
                $(_that.placeholderFailureGlobalSelector).fadeIn(800);
            });
        });
    };

    this.initPageChangeProtection = function() {
        var _this = this;

        $(window).on('beforeunload', function(event){
            if (_this.isUploadStarted === true) {
                return "It seems some critical operation are running, are you sure you want to change page ? It might cause some unexepcted behaviors.";
            }
        });
    };

    this.initBulkActions = function() {
        var _this = this;

        $('body').on('change', this.bulkActionDropDownSelector, function(){
          _this.lastBulkAction = $(this).find(':checked').attr('value');
          var modulesListString = _this.buildBulkActionModuleList();
          var actionString = $(this).find(':checked').text().toLowerCase();
          $(_this.bulkConfirmModalListSelector).html(modulesListString);
          $(_this.bulkConfirmModalActionNameSelector).text(actionString);

          if (_this.lastBulkAction !== 'bulk-uninstall') {
            $(_this.bulkActionCheckboxSelector).hide();
          }
          $(_this.bulkConfirmModalSelector).modal('show');
        });

        $('body').on('change', this.selectAllBulkActionSelector, function(){
          _this.changeBulkCheckboxesState($(this).is(':checked'));
        });

        $('body').on('click', this.bulkConfirmModalAckBtnSelector, function(event) {
          event.preventDefault();
          event.stopPropagation();
          $(_this.bulkConfirmModalSelector).modal('hide');
          _this.doBulkAction(_this.lastBulkAction);
        });
    };

  this.buildBulkActionModuleList = function() {
      var checkBoxesSelector = this.getBulkCheckboxesSelector();
      var moduleItemSelector = this.getModuleItemSelector();
      var alreadyDoneFlag = 0;
      var htmlGenerated = '';

      $(checkBoxesSelector + ':checked').each(function(){
          if (alreadyDoneFlag != 10) {
              var currentElement = $(this).parents(moduleItemSelector);
              htmlGenerated += '- ' + currentElement.attr('data-name') + '<br/>';
              alreadyDoneFlag += 1;
          } else {
              // Break each
              htmlGenerated += '- ...';
              return false;
          }
      });

      return htmlGenerated;
  };

    this.changeBulkCheckboxesState = function (hasToCheck) {
        var checkBoxesSelector = this.getBulkCheckboxesSelector();

        $(checkBoxesSelector).each(function () {
            $(this).prop('checked', hasToCheck);
        });
    };

    this.initAddonsConnect = function () {
        var _this = this;

        // Make addons connect modal ready to be clicked
        if ($(this.addonsConnectModalBtnSelector).attr('href') == '#') {
            $(this.addonsConnectModalBtnSelector).attr('data-toggle', 'modal');
            $(this.addonsConnectModalBtnSelector).attr('data-target', this.addonsConnectModalSelector);
        }

        $('body').on('submit', this.addonsConnectForm, function (event) {
            event.preventDefault();
            event.stopPropagation();

            var _that = _this;

            $.ajax({
                method: 'POST',
                url: $(this).attr('action'),
                dataType: 'json',
                data: $(this).serialize(),
                beforeSend: function() {
                    $(_that.addonsLoginButtonSelector).show();
                    $("button.btn[type='submit']", _that.addonsConnectForm).hide();
                }
            }).done(function (response) {
                var responseCode = response.success;
                var responseMsg = response.message;

                if (responseCode === 1) {
                    location.reload();
                } else {
                    $.growl.error({message: responseMsg});
                    $(_that.addonsLoginButtonSelector).hide();
                    $("button.btn[type='submit']", _that.addonsConnectForm).fadeIn();
                }
            });
        });
    };

    this.initAddModuleAction = function () {
        $(this.dropModuleBtnSelector).attr('data-toggle', 'modal');
        $(this.dropModuleBtnSelector).attr('data-target', this.dropZoneModalSelector);
    };

  this.initDropzone = function () {
      var _this = this;

      // Reset modal when click on Retry in case of failure
      $('body').on('click', this.moduleImportFailureRetrySelector, function(event){
          var _that = _this;
           $(_this.moduleImportSuccessSelector + ', ' + _this.moduleImportFailureSelector + ', ' + _this.moduleImportProcessingSelector).fadeOut(function(){
               var _these = _that;
               // Added timeout for a better render of animation and avoid to have displayed at the same time
               setTimeout(function() {
                   $(_these.moduleImportStartSelector).fadeIn(function(event){
                       $(_these.moduleImportFailureMsgDetailsSelector).hide();
                       $(_these.moduleImportSuccessConfigureBtnSelector).hide();
                       $('.dropzone').removeAttr('style');
                   });
               }, 550);
           });
      });

      // Reinit modal on exit, but check if not already processing something
      $('body').on('hidden.bs.modal', this.dropZoneModalSelector, function (event) {
          $(_this.moduleImportSuccessSelector + ', ' + _this.moduleImportFailureSelector).hide();
          $(_this.moduleImportStartSelector).show();
          $('.dropzone').removeAttr('style');
          $(_this.moduleImportFailureMsgDetailsSelector).hide();
          $(_this.moduleImportSuccessConfigureBtnSelector).hide();
      });

      // Change the way Dropzone.js lib handle file input trigger
      $('body').on('click', '.dropzone:not(' + this.moduleImportSelectFileManualSelector + ', ' + this.moduleImportSuccessConfigureBtnSelector + ')', function(event, manual_select){
          // if click comes from .module-import-start-select-manual, stop everything
          if (typeof manual_select == "undefined") {
              event.stopPropagation();
              event.preventDefault();
          }
      });

      $('body').on('click', this.moduleImportSelectFileManualSelector, function(event){
          event.stopPropagation();
          event.preventDefault();
          // Trigger click on hidden file input, and pass extra data to .dropzone click handler fro it to notice it comes from here
          $('.dz-hidden-input').trigger('click', ["manual_select"]);
      });

      // Handle modal closure
      $('body').on('click', this.moduleImportModalCloseBtn, function(event) {
          if (_this.isUploadStarted === true) {
              //@TODO: Display tooltip saying you can't escape at this stage
              return;
          } else {
              $(_this.dropZoneModalSelector).modal('hide');
          }
      });

      // Fix issue on click configure button
      $('body').on('click', this.moduleImportSuccessConfigureBtnSelector, function(event) {
          event.stopPropagation();
          event.preventDefault();
          window.location = $(this).attr('href');
          return;
      });

      // Open failure message details box
      $('body').on('click', this.moduleImportFailureDetailsBtnSelector, function(event){
          $(_this.moduleImportFailureMsgDetailsSelector).slideDown();
      });

      // @see: dropzone.js
      Dropzone.options.importDropzone = {
          url: 'import',
          acceptedFiles: '.zip, .tar',
           // The name that will be used to transfer the file
          paramName: 'file_uploaded',
          maxFilesize: 5, // MB
          uploadMultiple: false,
          addRemoveLinks: true,
          dictDefaultMessage: '',
          hiddenInputContainer: _this.dropZoneImportZoneSelector,
          /* addedfile(file) */
          addedfile: function() {
              // State that we start module upload
              _this.isUploadStarted = true;
              var _that = _this;
             $(_this.moduleImportStartSelector).fadeOut(function(){
                 $('.dropzone').css('border', 'none');
                 $(_that.moduleImportProcessingSelector).fadeIn();
             });
          },
          /* processing(file, response) */
          processing: function () {
              // Leave it empty ATM since we don't require anything while processing upload
          },
          /* complete(file, response) */
          complete: function (file) {

              if (file.status !== 'error') {
                  var responseObject = jQuery.parseJSON(file.xhr.response);

                 $(_this.moduleImportProcessingSelector).fadeOut(function() {
                      if (responseObject.status === true) {
                          if (responseObject.is_configurable === true) {
                              var configureLink = baseAdminDir + 'module/manage/action/configure/' + responseObject.module_name;
                              $(_this.moduleImportSuccessConfigureBtnSelector).attr('href', configureLink);
                              $(_this.moduleImportSuccessConfigureBtnSelector).show();
                          }
                          $(_this.moduleImportSuccessSelector).fadeIn();
                      } else {
                          $(_this.moduleImportFailureMsgDetailsSelector).html(responseObject.msg);
                          $(_this.moduleImportFailureSelector).fadeIn();
                      }
                  });
              } else {
                  $(_this.moduleImportProcessingSelector).fadeOut(function() {
                       $(_this.moduleImportFailureMsgDetailsSelector).html(file.xhr.responseText);
                       $(_this.moduleImportFailureSelector).fadeIn();
                   });
              }
              // State that we have finish the process to unlock some actions
              _this.isUploadStarted = false;
          }
      };
  };

    this.getBulkCheckboxesSelector = function () {
        return (
                this.currentDisplay == 'grid' ?
                this.bulkActionCheckboxGridSelector :
                this.bulkActionCheckboxListSelector
                );
    };

    this.loadVariables = function () {
        if ($(this.moduleListSelector).length) {
            this.currentDisplay = 'list';
        } else {
            this.currentDisplay = 'grid';
        }
    };

    this.getModuleItemSelector = function () {
        return (
                this.currentDisplay == 'grid' ?
                this.moduleItemGridSelector :
                this.moduleItemListSelector
                );
    };

    this.getModuleGlobalSelector = function () {
        return (
                this.currentDisplay == 'grid' ?
                this.moduleGridSelector :
                this.moduleListSelector
                );
    };

    this.getAddonItemSelector = function () {
        return (
                this.currentDisplay == 'grid' ?
                this.addonItemGridSelector :
                this.addonItemListSelector
                );
    };

    this.getBulkActionSelectedSelector = function () {
        return (
                this.currentDisplay == 'grid' ?
                this.checkedBulkActionGridSelector :
                this.checkedBulkActionListSelector
                );
    };

    this.initAddonsSearch = function () {
        var _this = this;
        $('body').on('click', this.addonItemGridSelector + ', ' + this.addonItemListSelector, function (event) {
            var searchQuery = '';
            if (_this.currentTagsList.length) {
                searchQuery = encodeURIComponent(_this.currentTagsList.join(' '));
            }
            var hrefUrl = _this.baseAddonsUrl + 'search.php?search_query=' + searchQuery;
            window.open(hrefUrl, '_blank');
        });
    };

    this.initCategoriesGrid = function () {
        var _this = this;

        $('body').on('click', this.categoryGridItemSelector, function (event) {
            event.stopPropagation();
            event.preventDefault();
            var refCategory = $(this).attr('data-category-ref');

            // In case we have some tags we need to reset it !
            if (_this.currentTagsList.length) {
                _this.pstaggerInput.resetTags(false);
                _this.currentTagsList = [];
            }
            var menuCategoryToTrigger = $(_this.categoryItemSelector + '[data-category-ref="' + refCategory + '"]');

            if (!menuCategoryToTrigger.length) {
                alert('No category with ref (' + refMenu + ') seems to exists!');
                return false;
            }

            // Hide current category grid
            if (_this.isCategoryGridDisplayed === true) {
                $(_this.categoryGridSelector).fadeOut();
                _this.isCategoryGridDisplayed = false;
            }
            // Trigger click on right category
            $(_this.categoryItemSelector + '[data-category-ref="' + refCategory + '"]').click();

        });
    };

    this.initSortingDropdown = function () {
        var _this = this;

        $('body').on('change', this.moduleSortingDropdownSelector, function(event){
            var selectedSorting = $(this).find(':checked').attr('value');
            _this.currentSorting = selectedSorting;
            _this.doDropdownSort(selectedSorting);
        });
    };

    this.doBulkAction = function (requestedBulkAction) {
        // @NOTE:
        // This object is used to check if requested bulkAction is available and give proper
        // url segment to be called for it
        var forceDeletion = $('#force_bulk_deletion').prop('checked');

        var bulkActionToUrl = {
            'bulk-uninstall': 'uninstall',
            'bulk-disable': 'disable',
            'bulk-enable': 'enable',
            'bulk-disable-mobile': 'disable-mobile',
            'bulk-enable-mobile': 'enable-mobile',
            'bulk-reset': 'reset'
        };

        //@NOTE:
        // "@" char is used only to be easy to replace by the end of this function
        var baseActionUrl = baseAdminDir + 'module/manage/action/@/';

        //@NOTE:
        // Note no grid selector used yet since we do not needed it at dev time
        // Maybe useful to implement this kind of things later if intended to
        // use this functionality elsewhere but "manage my module" section

        if (typeof bulkActionToUrl[requestedBulkAction] == "undefined") {
            console.error('Request bulk action "' + requestedBulkAction + '" does not exist');
            return false;
        }

        // Loop over all checked bulk checkboxes
        var bulkActionSelectedSelector = this.getBulkActionSelectedSelector();

        if ($(bulkActionSelectedSelector).length > 0) {
            var bulkModulesTechNames = [];
            $(bulkActionSelectedSelector).each(function () {
                var moduleTechName = $(this).attr('data-tech-name');
                bulkModulesTechNames.push({
                    techName: moduleTechName,
                    actionMenuObj: $(this).parent().next()
                });
            });

            $.each(bulkModulesTechNames, function (index, data) {
                var actionMenuObj = data.actionMenuObj;
                var moduleTechName = data.techName;

                var urlActionSegment = bulkActionToUrl[requestedBulkAction];
                baseActionUrl.replace('@', urlActionSegment);

                if (typeof module_card_controller !== undefined) {
                    // We use jQuery to get the specific link for this action. If found, we send it.
                    var urlElement = $(module_card_controller.moduleActionMenuLinkSelector + urlActionSegment, actionMenuObj);

                    if (urlElement.length > 0) {
                        module_card_controller.requestToController(urlActionSegment, urlElement, forceDeletion);
                    } else {
                        $.growl.error({message: "Action " + urlActionSegment + " not available for module " + moduleTechName + ". Skipped."});
                    }
                }
            });

        } else {
            console.warning('Request bulk action "' + requestedBulkAction + '" can\'t be performed if you don\'t select at least 1 module');
            return false;
        }
    };

    this.doDropdownSort = function(typeSort) {
        var availableSorts = [
                                'sort-by-price-asc',
                                'sort-by-price-desc',
                                'sort-by-name',
                                'sort-by-scoring'
                            ];

        if ($.inArray(typeSort, availableSorts) === -1) {
            console.error('typeSort "' + typeSort + '" is not a valid sort option');
            return false;
        }

        var dataAttr = null;
        var sortOrder = 'asc';
        var sortKind = 'alpha';
        var _this = this;
        var moduleGlobalSelector = this.getModuleGlobalSelector();
        var moduleItemSelector = this.getModuleItemSelector();
        var addonsItemSelector = this.getAddonItemSelector();
        var addonItemHtmlBackup = null;

        if ($(addonsItemSelector).length) {
            addonItemHtmlBackup = $(addonsItemSelector).get(0).outerHTML;
        }

        switch (typeSort) {
            case availableSorts[0]:
                dataAttr = ['data-price', 'data-tech-name'];
                sortKind = 'num';
                break;
            case availableSorts[1]:
                dataAttr = ['data-price', 'data-tech-name'];
                sortOrder = 'desc';
                sortKind = 'num';
                break;
            case availableSorts[2]:
                dataAttr = ['data-name', 'data-tech-name'];
                break;
            case availableSorts[3]:
                dataAttr = ['data-scoring', 'data-tech-name'];
                sortKind = 'num';
                break;
        }

        $(moduleGlobalSelector).each(function(index, value) {

            var arrayToSort = {};
            var keysToSort = [];

            $(this).find(moduleItemSelector).each(function(index, value) {
                var selectorObject = $(this);
                var uniqueID = '';
                $.each(dataAttr, function (index, value) {
                    if (uniqueID !== '') {
                        uniqueID += ' #'; // Explode separator
                    }
                    uniqueID += selectorObject.attr(value);
                });
                arrayToSort[uniqueID] = $(this);
                keysToSort.push(uniqueID);
            });

            var keysArrayLength = keysToSort.length;

            if (sortKind == 'alpha') {
                keysToSort.sort();
            } else {
                keysToSort.sort(function(elem1, elem2) {
                    var elem1Formatted = parseFloat(elem1.substring(0, elem1.indexOf('#')));
                    var elem2Formatted = parseFloat(elem2.substring(0, elem2.indexOf('#')));
                    if (sortOrder == 'asc') {
                        return elem1Formatted - elem2Formatted;
                    } else {
                        return elem2Formatted - elem1Formatted;
                    }
                });
            }

            var currentSelector = $(this);
            var _arrayToSort = arrayToSort;
            var _currentSelector = currentSelector;

            currentSelector.empty();
            currentSelector.append('<div class="row">');

            $.each(keysToSort, function(index, value){
                _currentSelector.find('.row').first().append(_arrayToSort[value].get(0).outerHTML);
                delete _arrayToSort[value];
            });

            currentSelector.find('.row').first().append(addonItemHtmlBackup);
            // Take care of Addons Search Card
            if ($(moduleItemSelector + ':visible').length != $(moduleItemSelector).length && addonItemHtmlBackup !== null) {
                $(addonsItemSelector).css('display', 'table');
            }

            currentSelector.append('</div>');
        });
    };

    this.initActionButtons = function () {
        var _this = this;

        $('body').on('click', this.moduleInstallBtnSelector, function (event) {
            event.preventDefault();
            var _that = _this;
            var next = $(this).next();
            $(this).hide();
            $(next).show();
            $.ajax({
                url: $(this).attr("data-url"),
                dataType: 'json',
            }).done(function () {
                $(next).fadeOut();
            });
        });
    };

    this.initCategorySelect = function () {
        var _this = this;
        $('body').on('click', this.categoryItemSelector, function () {
            // Get data from li DOM input
            _this.currentRefCategory = $(this).attr('data-category-ref');
            var categorySelectedDisplayName = $(this).attr('data-category-display-name');
            // Change dropdown label to set it to the current category's displayname
            $(_this.categorySelectorLabelSelector).text(categorySelectedDisplayName);
            $(_this.categoryResetBtnSelector).show();
            // Do Search on categoryRef
            _this.doSearch();
        });

        $('body').on('click', this.categoryResetBtnSelector, function () {
            var rawText = $(_this.categorySelector).attr('aria-labelledby');
            var upperFirstLetter = rawText.charAt(0).toUpperCase();
            var removedFirstLetter = rawText.slice(1);
            var originalText = upperFirstLetter + removedFirstLetter;
            $(_this.categorySelectorLabelSelector).text(originalText);
            $(this).hide();
            _this.currentRefCategory = null;
            _this.doSearch();
        });
    };


    this.updateTotalResults = function (totalResultFound, domObject) {
        // Pick the right selector to process search
        var addonsItemSelector = this.getAddonItemSelector();
        var resultWordingObject = domObject.prev().find(this.totalResultSelector);

        $(addonsItemSelector).hide();
        var str = resultWordingObject.text();
        var explodedStr = str.split(' ');
        explodedStr[0] = totalResultFound;
        var gluedStr = explodedStr.join(' ');
        resultWordingObject.text(gluedStr);

        if (totalResultFound === 0) {
            // Construct search query
            var searchQuery = encodeURIComponent(this.currentTagsList.join(' '));
            var hrefUrl = this.baseAddonsUrl + 'search.php?search_query=' + searchQuery;
            $(this.addonsSearchLinkSelector).attr('href', hrefUrl);
            $(this.addonsSearchSelector).show();
            // Display category grid
            if (this.isCategoryGridDisplayed === false) {
                $(this.categoryGridSelector).fadeIn();
                this.isCategoryGridDisplayed = true;
            }
            $(addonsItemSelector).hide();

        } else {
            if (this.isCategoryGridDisplayed === true) {
                $(this.categoryGridSelector).fadeOut();
                this.isCategoryGridDisplayed = false;
            }
            var moduleItemSelector = this.getModuleItemSelector();

            if (totalResultFound != $(moduleItemSelector).length) {
                $(addonsItemSelector).css('display', 'table');
            } else {
                $(addonsItemSelector).hide();
            }
        }
    };

    this.initSearchBlock = function() {
        var _this = this;
        this.pstaggerInput = $(this.searchBarSelector).pstagger({
            onTagsChanged: _this.updateTagList,
            onResetTags: _this.resetSearch,
            inputPlaceholder: 'Add tag ...',
            closingCross: true,
            context: _this,
            clearAllBtn: true,
            clearAllIconClassAdditional: 'material-icons',
            clearAllSpanClassAdditional: 'module-tags-clear-btn ',
            tagInputClassAdditional: 'module-tags-input',
            tagClassAdditional: 'module-tag ',
            tagsWrapperClassAdditional: 'module-tags-labels',
        });

        $('body').on('click', this.addonsSearchLinkSelector, function(event){
            event.preventDefault();
            event.stopPropagation();
            var href = $(this).attr('href');
            window.open(href, '_blank');
        });
    };

    /**
     * Initialize display switching between List or Grid
     * @method initSortingDisplaySwitch
     * @memberof AdminModule
     */
     this.initSortingDisplaySwitch = function() {
       var _this = this;

       $('body').on('click', this.sortDisplaySelector, function() {
         var switchTo = $(this).attr('data-switch');
         var isAlreadyDisplayed = $(this).hasClass('active-display');
         if (typeof switchTo != 'undefined' && isAlreadyDisplayed === false) {
           _this.switchSortingDisplayTo(switchTo);
           _this.currentDisplay = switchTo;
         }
       });
     };

    /**
     * Initialize display switching between List or Grid
     * @method switchSortingDisplayTo
     * @memberof AdminModule
     * @param {string} switchTo name of the display to switch to
     * @return {boolean}
     */
    this.switchSortingDisplayTo = function (switchTo) {
        var _this = this;
        var addonsItemSelector = this.getAddonItemSelector();
        var gridListSelector = this.getModuleGlobalSelector();
        var addonItem = $(addonsItemSelector);

        if (switchTo == 'grid') {
            // Change main wrapper class to grid
            $(gridListSelector).addClass('modules-grid').removeClass('modules-list');
            $(this.moduleItemListSelector).each(function () {
                $(_this.moduleSortListSelector).removeClass('module-sort-active');
                $(_this.moduleSortGridSelector).addClass('module-sort-active');
                $(this).removeClass().addClass('module-item-grid col-12 col-xl-4 col-lg-6 col-md-12 col-sm-12');
                _this.setNewDisplay($(this), '-list', '-grid');
            });
            // Change module addons item
            addonItem.removeClass().addClass('module-addons-item-grid col-12 col-xl-4 col-lg-6 col-md-12 col-sm-12');
            this.setNewDisplay(addonItem, '-list', '-grid');

        } else if (switchTo == 'list') {
            // Change main wrapper class to list
            $(gridListSelector).addClass('modules-list').removeClass('modules-grid');
            $(this.moduleItemGridSelector).each(function (index) {
                $(_this.moduleSortGridSelector).removeClass('module-sort-active');
                $(_this.moduleSortListSelector).addClass('module-sort-active');
                $(this).removeClass().addClass('module-item-list col-lg-12');
                _this.setNewDisplay($(this), '-grid', '-list');
            });
            // Change module addons item
            addonItem.removeClass().addClass('module-addons-item-list col-lg-12');
            this.setNewDisplay(addonItem, '-grid', '-list');
        } else {
            console.error('Can\'t switch to undefined display property "' + switchTo + '"');
            return false;
        }

        return true;
    };

    /**
     * Initialize display switching between List or Grid
     * @method switchSortingDisplayTo
     * @memberof AdminModule
     * @param {string} domObj jQuery Dom Element
     * @param {string} toBeReplaced the string that has to be replaced
     * @param {string} replaceWith the string to replace toBeReplaced with
     */
    this.setNewDisplay = function (domObj, toBeReplaced, replaceWith) {
        var replaceRegex = new RegExp(toBeReplaced, 'g');
        var originalHTML = domObj.html();
        var alteredHTML = originalHTML.replace(replaceRegex, replaceWith);
        domObj.empty().html(alteredHTML);
    };

};