182 lines
4.1 KiB
JavaScript
182 lines
4.1 KiB
JavaScript
(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));
|