/*!
 * resTable
 * jQuery responsive Tables Plugin
 * author: Damien Barrère
 * company : Joomunited
 * version : 1.0.0
 * licence : MIT license
 */


;(function ( $, window, document, undefined ) {
    // Create the defaults once
    var pluginName = "restable",
        defaults = {
            type        :   'default',
            priority    :   {}, //{0:1,1:2,2:'persistent'} col0 with priority 0, col with priority 2 and col 2 always shown
            selectCol   :   true,
            hideColsDefault : []
        };
        
    var instancesCount = 0;

    // The actual plugin constructor
    function Plugin( element, options ) {
        this.element = element;

        // jQuery has an extend method that merges the
        this.options = $.extend( {}, defaults, options) ;

        this._defaults = defaults;
        this._name = pluginName;

        this.init();
    }

    Plugin.prototype = {

        init: function() {
            $(this.element).wrap('<div class="restableOverflow restable'+this.options.type.capitalize()+'">');
            this.wrapper = $(this.element).parent();
            this.enable();
        },

        yourOtherFunction: function() {            
            $(this).css(arguments[0],arguments[1]);
        },
        
        enable : function(){
            switch (this.options.type){
                case 'hideCols': 
                    this._enableHideCols();
                    break;
                default:
                    this._enableDefault();
                    break;
            }            
        },
        
        /** 
         * Enable the default type
         * The table is wrapped and a scrollbar is shown
         */
        _enableDefault : function(){
            var checkO = function(element,wrapper){
                if(checkOverflow(element,wrapper)){
                    $(wrapper).addClass('restableOverflowShow');
                }else{
                    $(wrapper).removeClass('restableOverflowShow');
                }
            };
            var that = this;
            $( window ).resize(function() {
                checkO(that.element,that.wrapper);
            });
            checkO(this.element,this.wrapper);
        },
        
        /**
        * Enable the show/hide cols type
        * Columns will be shown depending on their priority
        */
       _enableHideCols : function(){
           var priorities = [];
           $.each(this.options.priority,function(index,value){
                if(typeof(priorities[value])==='undefined'){
                    priorities[value]=[];
                }
                priorities[value].push(index);
           });
           if(typeof(priorities[0])==='undefined'){
                priorities[0]=[];
           }
           that = this;
           $.each($(this.element).find('tr,th').first().find('td,th'),function(index){
               if(typeof(that.options.priority[index])==='undefined'){                    
                    priorities[0].push(index);
               }
           });

           //init columns selection box
           if(this.options.selectCol===true){
               colHtml = '<div class="restableMenu restableMenuClosed" id="restableMenu'+instancesCount+'"><a class="restableMenuButton" href="#"><i class="material-icons">filter_list</i></a><ul>';
               cols = $(this.element).find('tr:first-child th');
               if(cols.length===0){
                   cols = $(this.element).find('tr:first-child td');
               }

               cols.each(function(index){
                   var checked = 'checked="checked"';
                   var $this = $(this);
                   if ($.inArray(index, that.options.hideColsDefault)) {
                       if (!$this.find('a').hasClass('currentOrderingCol')) {
                           checked = '';
                       }
                   }
                   colHtml += '<li>';
                   colHtml += '<input type="checkbox" name="restable-toggle-cols" id="restable-toggle-col-'+index+'-'+instancesCount+'" data-col="'+index+'" '+checked+'>';
                   colHtml += $(this).text() || "#";
                   colHtml += '</li>';
               });
               colHtml += '</ul></div>';
               this.wrapper.prepend(colHtml);
           }


           //check overflow and hide cols
           var checkO = function(element,wrapper){
               $(element).find('th,td').css('display','');
               $(wrapper).find('.restableMenu ul input').prop('checked',true);
               if(checkOverflow(element,wrapper)){
                   var doBreak = false;
                   for(ip in priorities){
                       if(ip==='persistent'){
                           //we never hide persistent cols
                           break;
                       }
                       $.each(priorities[ip],function(index,value){
                           $(element).find('th:nth-child('+(parseInt(value)+1)+'),td:nth-child('+(parseInt(value)+1)+')').css('display','none');
                           $(wrapper).find('.restableMenu ul li:nth-child('+(parseInt(value)+1)+') input').prop('checked',false);
                           if(!checkOverflow(element,wrapper)){
                               doBreak = true;
                               return false;
                           }
                       });
                       if(doBreak===true){
                           break;
                       }
                   }                
               }
           };
           var that = this;
           $( window ).resize(function() {
               checkO(that.element,that.wrapper);
           });
           checkO(this.element,this.wrapper);
           
           //Open the cols selection box
           $(this.wrapper).find('.restableMenuButton').click(function() {
               if($(this).parents('.restableMenu').hasClass('restableMenuClosed')){
                   $(this).parents('.restableMenu').removeClass('restableMenuClosed');
                   $('.wpfd-filter-file').css('right','115px');
               }else{
                   $(this).parents('.restableMenu').addClass('restableMenuClosed');
                   $('.wpfd-filter-file').css('right','55px');
               }
               return false;
           });
           $(document).click(function(event){
                if(!$(event.target).parents('.restableMenu').length){
                   $(that.wrapper).find('.restableMenu').addClass('restableMenuClosed');
                }
           });
           //Select a column to see or not
           $(this.wrapper).find('.restableMenu ul li').click(function(event){
               if($(event.target).is('input')){
                   $(event.target).prop('checked',!$(event.target).prop('checked'));
               }
               var input = $(this).find('input');
               
               var col = input.data('col')+1;
               if(input.prop('checked')){
                   $(that.element).find('th:nth-child('+col+'),td:nth-child('+col+')').css('display','none');
                   input.prop('checked',false);
               }else{
                   $(that.element).find('th:nth-child('+col+'),td:nth-child('+col+')').css('display','table-cell');
                   input.prop('checked',true);
               }
           });
            // hide columns by default
            $.each(that.options.hideColsDefault, function(idx, value) {

                var target = $(that.element).find('th:nth-child('+(value+1)+')').find('a');
                if (!target.hasClass('currentOrderingCol')) {
                    var input = $(that.wrapper).find('.restableMenu ul li input[data-col="'+value+'"]');
                    input.prop('checked',false);
                    $(that.element).find('th:nth-child('+(value+1)+'),td:nth-child('+(value+1)+')').css('display','none');
                }

            });
       }
       
    };
    
    /**
     * Check if the table overflow
     * @returns true if table is overflow, false otherwise
     */
    checkOverflow = function(el,wrapper){
        if($(el).outerWidth() > $(wrapper).width()){
            return true;
        }else{
            return false;
        }
    };

    // A really lightweight plugin wrapper around the constructor,
    // preventing against multiple instantiations
    $.fn[pluginName] = function ( method ) {
        args = arguments
        
        return this.each(function () {            
            if (!$.data(this, "plugin_" + pluginName)) {
                $.data(this, "plugin_" + pluginName,
                new Plugin( this, method ));
            }else{
                 var plugin = $.data(this, "plugin_" + pluginName);
                 if ( plugin[method] ) {
                    return plugin[method].apply( this, Array.prototype.slice.call(args,1));
                } 
            }
        });
    };

})( jQuery, window, document );

String.prototype.capitalize = function() {
    return this.charAt(0).toUpperCase() + this.slice(1);
}