Mirrors/invoiceninja
1
0
Fork 0
mirror of https://github.com/invoiceninja/invoiceninja.git synced 2024-11-08 20:22:42 +01:00
Code Issues Releases Activity

Updated bootstrap combobox

Browse Source
This commit is contained in:
Hillel Coren 2015-10-18 20:12:23 +03:00
parent 420de05ebc
commit 27f075e7ea
3 changed files with 185 additions and 129 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

103
public/js/bootstrap-combobox.js vendored
View File

@ -1,5 +1,5 @@
/* ============================================================= /* =============================================================
* bootstrap-combobox.js v1.1.5 * bootstrap-combobox.js v1.1.6
* ============================================================= * =============================================================
* Copyright 2012 Daniel Farrell * Copyright 2012 Daniel Farrell
* *
@ -25,6 +25,7 @@
var Combobox = function ( element, options ) { var Combobox = function ( element, options ) {
this.options = $.extend({}, $.fn.combobox.defaults, options); this.options = $.extend({}, $.fn.combobox.defaults, options);
this.template = this.options.template || this.template
this.$source = $(element); this.$source = $(element);
this.$container = this.setup(); this.$container = this.setup();
this.$element = this.$container.find('input[type=text]'); this.$element = this.$container.find('input[type=text]');
@ -46,12 +47,25 @@
constructor: Combobox constructor: Combobox
, setup: function () { , setup: function () {
var combobox = $(this.options.template); var combobox = $(this.template());
this.$source.before(combobox); this.$source.before(combobox);
this.$source.hide(); this.$source.hide();
return combobox; return combobox;
} }
, disable: function() {
this.$element.prop('disabled', true);
this.$button.attr('disabled', true);
this.disabled = true;
this.$container.addClass('combobox-disabled');
}
, enable: function() {
this.$element.prop('disabled', false);
this.$button.attr('disabled', false);
this.disabled = false;
this.$container.removeClass('combobox-disabled');
}
, parse: function () { , parse: function () {
var that = this var that = this
, map = {} , map = {}
@ -82,32 +96,26 @@
} }
, transferAttributes: function() { , transferAttributes: function() {
this.options.placeholder = this.$source.attr('data-placeholder') || this.options.placeholder; this.options.placeholder = this.$source.attr('data-placeholder') || this.options.placeholder
this.$element.attr('placeholder', this.options.placeholder); this.$element.attr('placeholder', this.options.placeholder)
this.$target.prop('name', this.$source.prop('name')); this.$target.prop('name', this.$source.prop('name'))
this.$target.val(this.$source.val()); this.$target.val(this.$source.val())
this.$source.removeAttr('name'); // Remove from source otherwise form will pass parameter twice. this.$source.removeAttr('name') // Remove from source otherwise form will pass parameter twice.
this.$element.attr('required', this.$source.attr('required')); this.$element.attr('required', this.$source.attr('required'))
this.$element.attr('rel', this.$source.attr('rel')); this.$element.attr('rel', this.$source.attr('rel'))
this.$element.attr('title', this.$source.attr('title')); this.$element.attr('title', this.$source.attr('title'))
this.$element.attr('class', this.$source.attr('class')); this.$element.attr('class', this.$source.attr('class'))
this.$element.attr('tabindex', this.$source.attr('tabindex')); this.$element.attr('tabindex', this.$source.attr('tabindex'))
this.$source.removeAttr('tabindex'); this.$source.removeAttr('tabindex')
this.$source.removeAttr('required'); if (this.$source.attr('disabled')!==undefined)
} this.disable();
, setSelected: function() {
this.selected = true;
} }
, select: function () { , select: function () {
var val = this.$menu.find('.active').attr('data-value'); var val = this.$menu.find('.active').attr('data-value');
this.$element.val(this.updater(val)); this.$element.val(this.updater(val)).trigger('change');
this.$target.val(this.map[val]); this.$target.val(this.map[val]).trigger('change');
this.$source.val(this.map[val]); this.$source.val(this.map[val]).trigger('change');
this.$element.trigger('change');
this.$target.trigger('change');
this.$source.trigger('change');
this.$container.addClass('combobox-selected'); this.$container.addClass('combobox-selected');
this.selected = true; this.selected = true;
return this.hide(); return this.hide();
@ -130,12 +138,16 @@
}) })
.show(); .show();
$('.dropdown-menu').on('mousedown', $.proxy(this.scrollSafety, this));
this.shown = true; this.shown = true;
return this; return this;
} }
, hide: function () { , hide: function () {
this.$menu.hide(); this.$menu.hide();
$('.dropdown-menu').off('mousedown', $.proxy(this.scrollSafety, this));
this.$element.on('blur', $.proxy(this.blur, this));
this.shown = false; this.shown = false;
return this; return this;
} }
@ -161,6 +173,14 @@
return this.render(items.slice(0, this.options.items)).show(); return this.render(items.slice(0, this.options.items)).show();
} }
, template: function() {
if (this.options.bsVersion == '2') {
return '<div class="combobox-container"><input type="hidden" /> <div class="input-append"> <input type="text" autocomplete="off" /> <span class="add-on dropdown-toggle" data-dropdown="dropdown"> <span class="caret"/> <i class="icon-remove"/> </span> </div> </div>'
} else {
return '<div class="combobox-container"> <input type="hidden" /> <div class="input-group"> <input type="text" autocomplete="off" /> <span class="input-group-addon dropdown-toggle" data-dropdown="dropdown"> <span class="caret" /> <span class="glyphicon glyphicon-remove" /> </span> </div> </div>'
}
}
, matcher: function (item) { , matcher: function (item) {
return ~item.toLowerCase().indexOf(this.query.toLowerCase()); return ~item.toLowerCase().indexOf(this.query.toLowerCase());
} }
@ -224,24 +244,27 @@
} }
, toggle: function () { , toggle: function () {
if (this.$container.hasClass('combobox-selected')) { if (!this.disabled) {
this.clearTarget(); if (this.$container.hasClass('combobox-selected')) {
this.triggerChange(); this.clearTarget();
this.clearElement(); this.triggerChange();
} else {
if (this.shown) {
this.hide();
} else {
this.clearElement(); this.clearElement();
this.lookup(); } else {
if (this.shown) {
this.hide();
} else {
this.clearElement();
this.lookup();
}
} }
} }
this.$element.trigger('change');
this.$target.trigger('change');
this.$source.trigger('change');
} }
, scrollSafety: function(e) {
if (e.target.tagName == 'UL') {
this.$element.off('blur');
}
}
, clearElement: function () { , clearElement: function () {
this.$element.val('').focus(); this.$element.val('').focus();
} }
@ -333,12 +356,9 @@
case 37: // left arrow case 37: // left arrow
case 36: // home case 36: // home
case 35: // end case 35: // end
case 33: // page up
case 34: // page down
case 16: // shift case 16: // shift
case 17: // ctrl case 17: // ctrl
case 18: // alt case 18: // alt
case 20: // cap lock
break; break;
case 9: // tab case 9: // tab
@ -397,7 +417,6 @@
/* COMBOBOX PLUGIN DEFINITION /* COMBOBOX PLUGIN DEFINITION
* =========================== */ * =========================== */
$.fn.combobox = function ( option ) { $.fn.combobox = function ( option ) {
return this.each(function () { return this.each(function () {
var $this = $(this) var $this = $(this)
@ -409,7 +428,7 @@
}; };
$.fn.combobox.defaults = { $.fn.combobox.defaults = {
template: '<div class="combobox-container"> <input type="hidden" /> <div class="input-group"> <input type="text" autocomplete="off" /> <span class="input-group-addon dropdown-toggle" data-dropdown="dropdown"> <span class="caret" /> <i class="fa fa-times"></i> </span> </div> </div> ' bsVersion: '3'
, menu: '<ul class="typeahead typeahead-long dropdown-menu"></ul>' , menu: '<ul class="typeahead typeahead-long dropdown-menu"></ul>'
, item: '<li><a href="#"></a></li>' , item: '<li><a href="#"></a></li>'
}; };

104
public/js/built.js
View File

File diff suppressed because one or more lines are too long

103
public/js/built.public.js
View File

File diff suppressed because one or more lines are too long