diff options
Diffstat (limited to 'chef-server-webui/app/assets/javascripts/jquery.suggest.js')
| -rw-r--r-- | chef-server-webui/app/assets/javascripts/jquery.suggest.js | 250 |
1 files changed, 250 insertions, 0 deletions
diff --git a/chef-server-webui/app/assets/javascripts/jquery.suggest.js b/chef-server-webui/app/assets/javascripts/jquery.suggest.js new file mode 100644 index 0000000000..b5ff63460b --- /dev/null +++ b/chef-server-webui/app/assets/javascripts/jquery.suggest.js @@ -0,0 +1,250 @@ + +/* + * jquery.suggest 1.1 - 2007-08-06 + * + * Uses code and techniques from following libraries: + * 1. http://www.dyve.net/jquery/?autocomplete + * 2. http://dev.jquery.com/browser/trunk/plugins/interface/iautocompleter.js + * + * All the new stuff written by Peter Vulgaris (www.vulgarisoip.com) + * Feel free to do whatever you want with this file + * + */ + +(function($) { + + $.suggest = function(input, options) { + var $input = $(input).attr("autocomplete", "off"); + var $results = $(document.createElement("ul")); + + var timeout = false; // hold timeout ID for suggestion results to appear + var prevLength = 0; // last recorded length of $input.val() + var cache = []; // cache MRU list + var cacheSize = 0; // size of cache in chars (bytes?) + + $results.addClass(options.resultsClass).appendTo('body'); + + resetPosition(); + $(window) + .load(resetPosition) // just in case user is changing size of page while loading + .resize(resetPosition); + + //Show suggestion drop down list when on focus. + $input.focus(function() { + suggest(); + }); + + $input.blur(function() { + setTimeout(function() { $results.hide() }, 200); + }); + + // help IE users if possible + try { + $results.bgiframe(); + } catch(e) { } + + // I really hate browser detection, but I don't see any other way + if ($.browser.mozilla) + $input.keypress(processKey); // onkeypress repeats arrow keys in Mozilla/Opera + else + $input.keydown(processKey); // onkeydown repeats arrow keys in IE/Safari + + function resetPosition() { + // requires jquery.dimension plugin + var offset = $input.offset(); + $results.css({ + top: (offset.top + input.offsetHeight) + 'px', + left: offset.left + 'px' + }); + } + + function processKey(e) { + // handling up/down/escape requires results to be visible + // handling enter/tab requires that AND a result to be selected + if ((/27$|38$|40$/.test(e.keyCode) && $results.is(':visible')) || + (/^13$|^9$/.test(e.keyCode) && getCurrentResult())) { + + if (e.preventDefault) + e.preventDefault(); + if (e.stopPropagation) + e.stopPropagation(); + + e.cancelBubble = true; + e.returnValue = false; + + switch(e.keyCode) { + case 38: // up + prevResult(); + break; + case 40: // down + nextResult(); + break; + case 9: // tab + case 13: // return + selectCurrentResult(); + break; + case 27: // escape + $results.hide(); + break; + } + } else { + if (timeout) + clearTimeout(timeout); + timeout = setTimeout(suggest, options.delay); + prevLength = $input.val().length; + } + } + + function suggest() { + var q = $.trim($input.val()).replace(/\s/g, ''); + if (q.length >= options.minchars) { + var filter = new RegExp(q); + var filtered_list = []; + if (q != '0.0.0'){ + for (item in options.list) { + var item_string = options.list[item]; + if (filter.test(item_string.replace(/\s/g,''))){ + filtered_list.push(item_string); + } + } + } else { + filtered_list = options.list; + } + displayItems(filtered_list); + } else { + $results.hide(); + } + } + + function checkCache(q) { + for (var i = 0; i < cache.length; i++) + if (cache[i]['q'] == q) { + cache.unshift(cache.splice(i, 1)[0]); + return cache[0]; + } + return false; + } + + function addToCache(q, items, size) { + while (cache.length && (cacheSize + size > options.maxCacheSize)) { + var cached = cache.pop(); + cacheSize -= cached['size']; + } + cache.push({ + q: q, + size: size, + items: items + }); + cacheSize += size; + } + + function displayItems(items) { + if (!items) + return; + + if (!items.length) { + $results.hide(); + return; + } + + var html = ''; + for (var i = 0; i < items.length; i++) + html += '<li>' + items[i] + '</li>'; + $results.html(html).show(); + + $results + .children('li') + .mouseover(function() { + $results.children('li').removeClass(options.selectClass); + $(this).addClass(options.selectClass); + }) + .click(function(e) { + e.preventDefault(); + e.stopPropagation(); + selectCurrentResult(); + }); + } + + function parseTxt(txt, q) { + var items = []; + var tokens = txt.split(options.delimiter); + + // parse returned data for non-empty items + for (var i = 0; i < tokens.length; i++) { + var token = $.trim(tokens[i]); + if (token) { + token = token.replace( + new RegExp(q, 'ig'), + function(q) { return '<span class="' + options.matchClass + '">' + q + '</span>' } + ); + items[items.length] = token; + } + } + return items; + } + + function getCurrentResult() { + if (!$results.is(':visible')) + return false; + var $currentResult = $results.children('li.' + options.selectClass); + if (!$currentResult.length) + $currentResult = false; + return $currentResult; + } + + function selectCurrentResult() { + $currentResult = getCurrentResult(); + if ($currentResult) { + $input.val($currentResult.text()); + $results.hide(); + if (options.onSelect) + options.onSelect.apply($input[0]); + } + } + + function nextResult() { + $currentResult = getCurrentResult(); + if ($currentResult) + $currentResult + .removeClass(options.selectClass) + .next() + .addClass(options.selectClass); + else + $results.children('li:first-child').addClass(options.selectClass); + } + + function prevResult() { + $currentResult = getCurrentResult(); + if ($currentResult) + $currentResult + .removeClass(options.selectClass) + .prev() + .addClass(options.selectClass); + else + $results.children('li:last-child').addClass(options.selectClass); + } + } + + $.fn.suggest = function(list, options) { + //if (!source) + // return; + options = options || {}; + //options.source = source; + options.delay = options.delay || 100; + options.resultsClass = options.resultsClass || 'ac_results'; + options.selectClass = options.selectClass || 'ac_over'; + options.matchClass = options.matchClass || 'ac_match'; + options.minchars = options.minchars || 0; + options.delimiter = options.delimiter || '\n'; + options.onSelect = options.onSelect || false; + options.maxCacheSize = options.maxCacheSize || 65536; + options.list = list; + + this.each(function() { + new $.suggest(this, options); + }); + + return this; + }; + +})(jQuery); |