| /* ============================================================= |
| * bootstrap-typeahead.js v2.1.1 |
| * http://twitter.github.com/bootstrap/javascript.html#typeahead |
| * ============================================================= |
| * Copyright 2012 Twitter, Inc. |
| * |
| * Licensed under the Apache License, Version 2.0 (the "License"); |
| * you may not use this file except in compliance with the License. |
| * You may obtain a copy of the License at |
| * |
| * http://www.apache.org/licenses/LICENSE-2.0 |
| * |
| * Unless required by applicable law or agreed to in writing, software |
| * distributed under the License is distributed on an "AS IS" BASIS, |
| * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
| * See the License for the specific language governing permissions and |
| * limitations under the License. |
| * ============================================================ */ |
| |
| |
| !function($){ |
| |
| "use strict"; // jshint ;_; |
| |
| |
| /* TYPEAHEAD PUBLIC CLASS DEFINITION |
| * ================================= */ |
| |
| var Typeahead = function (element, options) { |
| this.$element = $(element) |
| this.options = $.extend({}, $.fn.typeahead.defaults, options) |
| this.matcher = this.options.matcher || this.matcher |
| this.sorter = this.options.sorter || this.sorter |
| this.highlighter = this.options.highlighter || this.highlighter |
| this.updater = this.options.updater || this.updater |
| this.$menu = $(this.options.menu).appendTo('body') |
| this.source = this.options.source |
| this.shown = false |
| this.listen() |
| } |
| |
| Typeahead.prototype = { |
| |
| constructor: Typeahead |
| |
| , select: function () { |
| var val = this.$menu.find('.active').attr('data-value') |
| this.$element |
| .val(this.updater(val)) |
| .change() |
| return this.hide() |
| } |
| |
| , updater: function (item) { |
| return item |
| } |
| |
| , show: function () { |
| var pos = $.extend({}, this.$element.offset(), { |
| height: this.$element[0].offsetHeight |
| }) |
| |
| this.$menu.css({ |
| top: pos.top + pos.height |
| , left: pos.left |
| }) |
| |
| this.$menu.show() |
| this.shown = true |
| return this |
| } |
| |
| , hide: function () { |
| this.$menu.hide() |
| this.shown = false |
| return this |
| } |
| |
| , lookup: function (event) { |
| var items |
| |
| this.query = this.$element.val() |
| |
| if (!this.query || this.query.length < this.options.minLength) { |
| return this.shown ? this.hide() : this |
| } |
| |
| items = $.isFunction(this.source) ? this.source(this.query, $.proxy(this.process, this)) : this.source |
| |
| return items ? this.process(items) : this |
| } |
| |
| , process: function (items) { |
| var that = this |
| |
| items = $.grep(items, function (item) { |
| return that.matcher(item) |
| }) |
| |
| items = this.sorter(items) |
| |
| if (!items.length) { |
| return this.shown ? this.hide() : this |
| } |
| |
| return this.render(items.slice(0, this.options.items)).show() |
| } |
| |
| , matcher: function (item) { |
| return ~item.toLowerCase().indexOf(this.query.toLowerCase()) |
| } |
| |
| , sorter: function (items) { |
| var beginswith = [] |
| , caseSensitive = [] |
| , caseInsensitive = [] |
| , item |
| |
| while (item = items.shift()) { |
| if (!item.toLowerCase().indexOf(this.query.toLowerCase())) beginswith.push(item) |
| else if (~item.indexOf(this.query)) caseSensitive.push(item) |
| else caseInsensitive.push(item) |
| } |
| |
| return beginswith.concat(caseSensitive, caseInsensitive) |
| } |
| |
| , highlighter: function (item) { |
| var query = this.query.replace(/[\-\[\]{}()*+?.,\\\^$|#\s]/g, '\\$&') |
| return item.replace(new RegExp('(' + query + ')', 'ig'), function ($1, match) { |
| return '<strong>' + match + '</strong>' |
| }) |
| } |
| |
| , render: function (items) { |
| var that = this |
| |
| items = $(items).map(function (i, item) { |
| i = $(that.options.item).attr('data-value', item) |
| i.find('a').html(that.highlighter(item)) |
| return i[0] |
| }) |
| |
| items.first().addClass('active') |
| this.$menu.html(items) |
| return this |
| } |
| |
| , next: function (event) { |
| var active = this.$menu.find('.active').removeClass('active') |
| , next = active.next() |
| |
| if (!next.length) { |
| next = $(this.$menu.find('li')[0]) |
| } |
| |
| next.addClass('active') |
| } |
| |
| , prev: function (event) { |
| var active = this.$menu.find('.active').removeClass('active') |
| , prev = active.prev() |
| |
| if (!prev.length) { |
| prev = this.$menu.find('li').last() |
| } |
| |
| prev.addClass('active') |
| } |
| |
| , listen: function () { |
| this.$element |
| .on('blur', $.proxy(this.blur, this)) |
| .on('keypress', $.proxy(this.keypress, this)) |
| .on('keyup', $.proxy(this.keyup, this)) |
| |
| if ($.browser.chrome || $.browser.webkit || $.browser.msie) { |
| this.$element.on('keydown', $.proxy(this.keydown, this)) |
| } |
| |
| this.$menu |
| .on('click', $.proxy(this.click, this)) |
| .on('mouseenter', 'li', $.proxy(this.mouseenter, this)) |
| } |
| |
| , move: function (e) { |
| if (!this.shown) return |
| |
| switch(e.keyCode) { |
| case 9: // tab |
| case 13: // enter |
| case 27: // escape |
| e.preventDefault() |
| break |
| |
| case 38: // up arrow |
| e.preventDefault() |
| this.prev() |
| break |
| |
| case 40: // down arrow |
| e.preventDefault() |
| this.next() |
| break |
| } |
| |
| e.stopPropagation() |
| } |
| |
| , keydown: function (e) { |
| this.suppressKeyPressRepeat = !~$.inArray(e.keyCode, [40,38,9,13,27]) |
| this.move(e) |
| } |
| |
| , keypress: function (e) { |
| if (this.suppressKeyPressRepeat) return |
| this.move(e) |
| } |
| |
| , keyup: function (e) { |
| switch(e.keyCode) { |
| case 40: // down arrow |
| case 38: // up arrow |
| break |
| |
| case 9: // tab |
| case 13: // enter |
| if (!this.shown) return |
| this.select() |
| break |
| |
| case 27: // escape |
| if (!this.shown) return |
| this.hide() |
| break |
| |
| default: |
| this.lookup() |
| } |
| |
| e.stopPropagation() |
| e.preventDefault() |
| } |
| |
| , blur: function (e) { |
| var that = this |
| setTimeout(function () { that.hide() }, 150) |
| } |
| |
| , click: function (e) { |
| e.stopPropagation() |
| e.preventDefault() |
| this.select() |
| } |
| |
| , mouseenter: function (e) { |
| this.$menu.find('.active').removeClass('active') |
| $(e.currentTarget).addClass('active') |
| } |
| |
| } |
| |
| |
| /* TYPEAHEAD PLUGIN DEFINITION |
| * =========================== */ |
| |
| $.fn.typeahead = function (option) { |
| return this.each(function () { |
| var $this = $(this) |
| , data = $this.data('typeahead') |
| , options = typeof option == 'object' && option |
| if (!data) $this.data('typeahead', (data = new Typeahead(this, options))) |
| if (typeof option == 'string') data[option]() |
| }) |
| } |
| |
| $.fn.typeahead.defaults = { |
| source: [] |
| , items: 8 |
| , menu: '<ul class="typeahead dropdown-menu"></ul>' |
| , item: '<li><a href="#"></a></li>' |
| , minLength: 1 |
| } |
| |
| $.fn.typeahead.Constructor = Typeahead |
| |
| |
| /* TYPEAHEAD DATA-API |
| * ================== */ |
| |
| $(function () { |
| $('body').on('focus.typeahead.data-api', '[data-provide="typeahead"]', function (e) { |
| var $this = $(this) |
| if ($this.data('typeahead')) return |
| e.preventDefault() |
| $this.typeahead($this.data()) |
| }) |
| }) |
| |
| }(window.jQuery); |
