mirror of
https://github.com/Part-DB/Part-DB-server.git
synced 2025-06-23 18:28:49 +02:00
Moved some javascript into events_base.js
This commit is contained in:
Jan Böhmer
parent
fed1621a58
commit
b9a86c6a59
8 changed files with 308 additions and 46 deletions
213
assets/js/lib/jquery.tristate.js
Normal file
213
assets/js/lib/jquery.tristate.js
Normal file
|
|
@ -0,0 +1,213 @@
|
|||
/*jslint devel: true, bitwise: true, regexp: true, browser: true, confusion: true, unparam: true, eqeq: true, white: true, nomen: true, plusplus: true, maxerr: 50, indent: 4 */
|
||||
/*globals jQuery */
|
||||
|
||||
/*!
|
||||
* Tristate v1.2.1
|
||||
*
|
||||
* Copyright (c) 2013-2017 Martijn W. van der Lee
|
||||
* Licensed under the MIT.
|
||||
*/
|
||||
/* Based on work by:
|
||||
* Chris Coyier (http://css-tricks.com/indeterminate-checkboxes/)
|
||||
*
|
||||
* Tristate checkbox with support features
|
||||
* pseudo selectors
|
||||
* val() overwrite
|
||||
*/
|
||||
|
||||
;(function($, undefined) {
|
||||
'use strict';
|
||||
|
||||
var pluginName = 'tristate',
|
||||
defaults = {
|
||||
'change': undefined,
|
||||
'checked': undefined,
|
||||
'indeterminate': undefined,
|
||||
'init': undefined,
|
||||
'reverse': false,
|
||||
'state': undefined,
|
||||
'unchecked': undefined,
|
||||
'value': undefined // one-way only!
|
||||
},
|
||||
valFunction = $.fn.val;
|
||||
|
||||
function Plugin(element, options) {
|
||||
if($(element).is(':checkbox')) {
|
||||
this.element = $(element);
|
||||
this.settings = $.extend( {}, defaults, options );
|
||||
this._create();
|
||||
}
|
||||
}
|
||||
|
||||
$.extend(Plugin.prototype, {
|
||||
_create: function() {
|
||||
var that = this,
|
||||
state;
|
||||
|
||||
// Fix for #1
|
||||
if (window.navigator.userAgent.indexOf('Trident') >= 0) {
|
||||
this.element.click(function(e) {
|
||||
that._change.call(that, e);
|
||||
that.element.closest('form').change();
|
||||
});
|
||||
} else {
|
||||
this.element.change(function(e) {
|
||||
that._change.call(that, e);
|
||||
});
|
||||
}
|
||||
|
||||
this.settings.checked = this.element.attr('checkedvalue') || this.settings.checked;
|
||||
this.settings.unchecked = this.element.attr('uncheckedvalue') || this.settings.unchecked;
|
||||
this.settings.indeterminate = this.element.attr('indeterminatevalue') || this.settings.indeterminate;
|
||||
|
||||
// Initially, set state based on option state or attributes
|
||||
if (typeof this.settings.state === 'undefined') {
|
||||
this.settings.state = typeof this.element.attr('indeterminate') !== 'undefined'? null : this.element.is(':checked');
|
||||
}
|
||||
|
||||
// If value specified, overwrite with value
|
||||
if (typeof this.settings.value !== 'undefined') {
|
||||
state = this._parseValue(this.settings.value);
|
||||
if (typeof state !== 'undefined') {
|
||||
this.settings.state = state;
|
||||
}
|
||||
}
|
||||
|
||||
this._refresh(this.settings.init);
|
||||
|
||||
return this;
|
||||
},
|
||||
|
||||
_change: function(e) {
|
||||
if (e.isTrigger || !e.hasOwnProperty('which')) {
|
||||
e.preventDefault();
|
||||
}
|
||||
|
||||
switch (this.settings.state) {
|
||||
case true: this.settings.state = (this.settings.reverse ? false : null); break;
|
||||
case false: this.settings.state = (this.settings.reverse ? null : true); break;
|
||||
default: this.settings.state = (this.settings.reverse ? true : false); break;
|
||||
}
|
||||
|
||||
this._refresh(this.settings.change);
|
||||
},
|
||||
|
||||
_refresh: function(callback) {
|
||||
var value = this.value();
|
||||
|
||||
this.element.data("vanderlee." + pluginName, value);
|
||||
|
||||
this.element[this.settings.state === null ? 'attr' : 'removeAttr']('indeterminate', 'indeterminate');
|
||||
this.element.prop('indeterminate', this.settings.state === null);
|
||||
this.element.get(0).indeterminate = this.settings.state === null;
|
||||
|
||||
this.element[this.settings.state === true ? 'attr' : 'removeAttr']('checked', true);
|
||||
this.element.prop('checked', this.settings.state === true);
|
||||
|
||||
if ($.isFunction(callback)) {
|
||||
callback.call(this.element, this.settings.state, this.value());
|
||||
}
|
||||
},
|
||||
|
||||
state: function(value) {
|
||||
if (typeof value === 'undefined') {
|
||||
return this.settings.state;
|
||||
} else if (value === true || value === false || value === null) {
|
||||
this.settings.state = value;
|
||||
|
||||
this._refresh(this.settings.change);
|
||||
}
|
||||
return this;
|
||||
},
|
||||
|
||||
_parseValue: function(value) {
|
||||
if (value === this.settings.checked) {
|
||||
return true;
|
||||
} else if (value === this.settings.unchecked) {
|
||||
return false;
|
||||
} else if (value === this.settings.indeterminate) {
|
||||
return null;
|
||||
}
|
||||
},
|
||||
|
||||
value: function(value) {
|
||||
if (typeof value === 'undefined') {
|
||||
var value;
|
||||
switch (this.settings.state) {
|
||||
case true:
|
||||
value = this.settings.checked;
|
||||
break;
|
||||
|
||||
case false:
|
||||
value = this.settings.unchecked;
|
||||
break;
|
||||
|
||||
case null:
|
||||
value = this.settings.indeterminate;
|
||||
break;
|
||||
}
|
||||
return typeof value === 'undefined'? this.element.attr('value') : value;
|
||||
} else {
|
||||
var state = this._parseValue(value);
|
||||
if (typeof state !== 'undefined') {
|
||||
this.settings.state = state;
|
||||
this._refresh(this.settings.change);
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
$.fn[pluginName] = function (options, value) {
|
||||
var result = this;
|
||||
|
||||
this.each(function() {
|
||||
if (!$.data(this, "plugin.vanderlee." + pluginName)) {
|
||||
$.data(this, "plugin.vanderlee." + pluginName, new Plugin(this, options));
|
||||
} else if (typeof options === 'string') {
|
||||
if (typeof value === 'undefined') {
|
||||
result = $(this).data("plugin.vanderlee." + pluginName)[options]();
|
||||
return false;
|
||||
} else {
|
||||
$(this).data("plugin.vanderlee." + pluginName)[options](value);
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
return result;
|
||||
};
|
||||
|
||||
// Overwrite fn.val
|
||||
$.fn.val = function(value) {
|
||||
var data = this.data("vanderlee." + pluginName);
|
||||
if (typeof data === 'undefined') {
|
||||
if (typeof value === 'undefined') {
|
||||
return valFunction.call(this);
|
||||
} else {
|
||||
return valFunction.call(this, value);
|
||||
}
|
||||
} else {
|
||||
if (typeof value === 'undefined') {
|
||||
return data;
|
||||
} else {
|
||||
this.data("vanderlee." + pluginName, value);
|
||||
return this;
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
// :indeterminate pseudo selector
|
||||
$.expr.filters.indeterminate = function(element) {
|
||||
var $element = $(element);
|
||||
return typeof $element.data("vanderlee." + pluginName) !== 'undefined' && $element.prop('indeterminate');
|
||||
};
|
||||
|
||||
// :determinate pseudo selector
|
||||
$.expr.filters.determinate = function(element) {
|
||||
return !($.expr.filters.indeterminate(element));
|
||||
};
|
||||
|
||||
// :tristate selector
|
||||
$.expr.filters.tristate = function(element) {
|
||||
return typeof $(element).data("vanderlee." + pluginName) !== 'undefined';
|
||||
};
|
||||
})(jQuery);
|
||||
Loading…
Add table
Add a link
Reference in a new issue