gongo/table_beet

View on GitHub
lib/table_beet/formatters/html_template/data/js/jquery.quicksearch.js

Summary

Maintainability
B
5 hrs
Test Coverage
(function($, window, document, undefined) {
    $.fn.quicksearch = function (target, opt) {
        
        var timeout, cache, rowcache, jq_results, val = '', e = this, options = $.extend({ 
            delay: 100,
            selector: null,
            stripeRows: null,
            loader: null,
            noResults: '',
            matchedResultsCount: 0,
            bind: 'keyup',
            onBefore: function () { 
                return;
            },
            onAfter: function () { 
                return;
            },
            show: function () {
                this.style.display = "";
            },
            hide: function () {
                this.style.display = "none";
            },
            prepareQuery: function (val) {
                return val.toLowerCase().split(' ');
            },
            testQuery: function (query, txt, _row) {
                for (var i = 0; i < query.length; i += 1) {
                    if (txt.indexOf(query[i]) === -1) {
                        return false;
                    }
                }
                return true;
            }
        }, opt);
        
        this.go = function () {
            
            var i = 0,
                numMatchedRows = 0,
                noresults = true, 
                query = options.prepareQuery(val),
                val_empty = (val.replace(' ', '').length === 0);
            
            for (var i = 0, len = rowcache.length; i < len; i++) {
                if (val_empty || options.testQuery(query, cache[i], rowcache[i])) {
                    options.show.apply(rowcache[i]);
                    noresults = false;
                    numMatchedRows++;
                } else {
                    options.hide.apply(rowcache[i]);
                }
            }
            
            if (noresults) {
                this.results(false);
            } else {
                this.results(true);
                this.stripe();
            }
            
            this.matchedResultsCount = numMatchedRows;
            this.loader(false);
            options.onAfter();
            
            return this;
        };
        
        /*
         * External API so that users can perform search programatically. 
         * */
        this.search = function (submittedVal) {
            val = submittedVal;
            e.trigger();
        };
        
        /*
         * External API to get the number of matched results as seen in 
         * https://github.com/ruiz107/quicksearch/commit/f78dc440b42d95ce9caed1d087174dd4359982d6
         * */
        this.currentMatchedResults = function() {
            return this.matchedResultsCount;
        };
        
        this.stripe = function () {
            
            if (typeof options.stripeRows === "object" && options.stripeRows !== null)
            {
                var joined = options.stripeRows.join(' ');
                var stripeRows_length = options.stripeRows.length;
                
                jq_results.not(':hidden').each(function (i) {
                    $(this).removeClass(joined).addClass(options.stripeRows[i % stripeRows_length]);
                });
            }
            
            return this;
        };
        
        this.strip_html = function (input) {
            var output = input.replace(new RegExp('<[^<]+\>', 'g'), "");
            output = $.trim(output.toLowerCase());
            return output;
        };
        
        this.results = function (bool) {
            if (typeof options.noResults === "string" && options.noResults !== "") {
                if (bool) {
                    $(options.noResults).hide();
                } else {
                    $(options.noResults).show();
                }
            }
            return this;
        };
        
        this.loader = function (bool) {
            if (typeof options.loader === "string" && options.loader !== "") {
                 (bool) ? $(options.loader).show() : $(options.loader).hide();
            }
            return this;
        };
        
        this.cache = function () {
            
            jq_results = $(target);
            
            if (typeof options.noResults === "string" && options.noResults !== "") {
                jq_results = jq_results.not(options.noResults);
            }
            
            var t = (typeof options.selector === "string") ? jq_results.find(options.selector) : $(target).not(options.noResults);
            cache = t.map(function () {
                return e.strip_html(this.innerHTML);
            });
            
            rowcache = jq_results.map(function () {
                return this;
            });

            /*
             * Modified fix for sync-ing "val". 
             * Original fix https://github.com/michaellwest/quicksearch/commit/4ace4008d079298a01f97f885ba8fa956a9703d1
             * */
            val = val || this.val() || "";
            
            return this.go();
        };
        
        this.trigger = function () {
            this.loader(true);
            options.onBefore();
            
            window.clearTimeout(timeout);
            timeout = window.setTimeout(function () {
                e.go();
            }, options.delay);
            
            return this;
        };
        
        this.cache();
        this.results(true);
        this.stripe();
        this.loader(false);
        
        return this.each(function () {
            
            /*
             * Changed from .bind to .on.
             * */
            $(this).on(options.bind, function () {
                
                val = $(this).val();
                e.trigger();
            });
        });
        
    };

}(jQuery, this, document));