天津投入产出系统后端
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 

206 lines
6.4 KiB

/* ==========================================================
* bootstrap-tag.js v2.2.5
* https://github.com/fdeschenes/bootstrap-tag
* ==========================================================
* Copyright 2012 Francois Deschenes.
*
* 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 ;_;
var Tag = function ( element, options ) {
this.element = $(element)
this.options = $.extend(true, {}, $.fn.tag.defaults, options)
this.values = $.grep($.map(this.element.val().split(','), $.trim), function ( value ) { return value.length > 0 })
this.show()
}
Tag.prototype = {
constructor: Tag
, show: function () {
var that = this
that.element.parent().prepend(that.element.detach().hide())
that.element
.wrap($('<div class="tags">'))
.parent()
.on('click', function () {
that.input.focus()
})
if (that.values.length) {
$.each(that.values, function () {
that.createBadge(this)
})
}
that.input = $('<input type="text">')
.attr('placeholder', that.options.placeholder)
.insertAfter(that.element)
.on('focus', function () {
that.element.parent().addClass('tags-hover')
})
.on('blur', function () {
if (!that.skip) {
that.process()
that.element.parent().removeClass('tags-hover')
that.element.siblings('.tag').removeClass('tag-important')
}
that.skip = false
})
.on('keydown', function ( event ) {
if ( event.keyCode == 188 || event.keyCode == 13 || event.keyCode == 9 ) {
if ( $.trim($(this).val()) && ( !that.element.siblings('.typeahead').length || that.element.siblings('.typeahead').is(':hidden') ) ) {
if ( event.keyCode != 9 ) event.preventDefault()
that.process()
} else if ( event.keyCode == 188 ) {
if ( !that.element.siblings('.typeahead').length || that.element.siblings('.typeahead').is(':hidden') ) {
event.preventDefault()
} else {
that.input.data('typeahead').select()
event.stopPropagation()
event.preventDefault()
}
}
} else if ( !$.trim($(this).val()) && event.keyCode == 8 ) {
var count = that.element.siblings('.tag').length
if (count) {
var tag = that.element.siblings('.tag:eq(' + (count - 1) + ')')
if (tag.hasClass('tag-important')) that.remove(count - 1)
else tag.addClass('tag-important')
}
} else {
that.element.siblings('.tag').removeClass('tag-important')
}
})
.typeahead({
source: that.options.source
, matcher: function ( value ) {
return ~value.toLowerCase().indexOf(this.query.toLowerCase()) && (that.inValues(value) == -1 || that.options.allowDuplicates)
}
, updater: $.proxy(that.add, that)
})
$(that.input.data('typeahead').$menu).on('mousedown', function() {
that.skip = true
})
this.element.trigger('shown')
}
, inValues: function ( value ) {
if (this.options.caseInsensitive) {
var index = -1
$.each(this.values, function (indexInArray, valueOfElement) {
if ( valueOfElement.toLowerCase() == value.toLowerCase() ) {
index = indexInArray
return false
}
})
return index
} else {
return $.inArray(value, this.values)
}
}
, createBadge: function ( value ) {
var that = this
$('<span/>', {
'class' : "tag"
})
.text(value)
.append($('<button type="button" class="close">&times;</button>')
.on('click', function () {
that.remove(that.element.siblings('.tag').index($(this).closest('.tag')))
})
)
.insertBefore(that.element)
}
, add: function ( value ) {
var that = this
if ( !that.options.allowDuplicates ) {
var index = that.inValues(value)
if ( index != -1 ) {
var badge = that.element.siblings('.tag:eq(' + index + ')')
badge.addClass('tag-warning')
setTimeout(function () {
$(badge).removeClass('tag-warning')
}, 500)
return
}
}
this.values.push(value)
this.createBadge(value)
this.element.val(this.values.join(', '))
this.element.trigger('added', [value])
}
, remove: function ( index ) {
if ( index >= 0 ) {
var value = this.values.splice(index, 1)
this.element.siblings('.tag:eq(' + index + ')').remove()
this.element.val(this.values.join(', '))
this.element.trigger('removed', [value])
}
}
, process: function () {
var values = $.grep($.map(this.input.val().split(','), $.trim), function ( value ) { return value.length > 0 }),
that = this
$.each(values, function() {
that.add(this)
})
this.input.val('')
}
, skip: false
}
var old = $.fn.tag
$.fn.tag = function ( option ) {
return this.each(function () {
var that = $(this)
, data = that.data('tag')
, options = typeof option == 'object' && option
if (!data) that.data('tag', (data = new Tag(this, options)))
if (typeof option == 'string') data[option]()
})
}
$.fn.tag.defaults = {
allowDuplicates: false
, caseInsensitive: true
, placeholder: ''
, source: []
}
$.fn.tag.Constructor = Tag
$.fn.tag.noConflict = function () {
$.fn.tag = old
return this
}
$(window).on('load', function () {
$('[data-provide="tag"]').each(function () {
var that = $(this)
if (that.data('tag')) return
that.tag(that.data())
})
})
}(window.jQuery)