99 lines
2.8 KiB
JavaScript
99 lines
2.8 KiB
JavaScript
|
/**
|
||
|
|
* bootstrap-toggle.js v1.0
|
||
|
|
* http://github.com/Nijikokun/bootstrap-toggle/
|
||
|
|
* --
|
||
|
|
* http://twitter.com/nijikokun
|
||
|
|
* Copyright 2012 Nijiko Yonskai, Goodybag 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 ($) {
|
||
|
|
|
||
|
|
var Toggle = function (element, options) {
|
||
|
|
var self = this;
|
||
|
|
|
||
|
|
// Collect elements
|
||
|
|
this.$element = $(element)
|
||
|
|
this.$checkbox = this.$element.children('.checkbox')
|
||
|
|
this.options = $.extend({}, $.fn.toggle.defaults, options)
|
||
|
|
|
||
|
|
// Initial Setup from options
|
||
|
|
if(this.options.text.enabled) this.$element.attr('data-enabled', this.options.text.enabled)
|
||
|
|
if(this.options.text.disabled) this.$element.attr('data-disabled', this.options.text.disabled)
|
||
|
|
|
||
|
|
// setup state
|
||
|
|
this.setState(this.$checkbox.is(':checked'))
|
||
|
|
|
||
|
|
// Setup Click
|
||
|
|
this.$element.click(function (e) {
|
||
|
|
if(self.options.onClick) self.options.onClick(e, self.$checkbox.is(':checked'))
|
||
|
|
self.toggle()
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
Toggle.prototype.setState = function (state) {
|
||
|
|
// change checkbox state
|
||
|
|
this.$checkbox.attr('checked', state)
|
||
|
|
|
||
|
|
if(state) {
|
||
|
|
this.$element.removeClass('disabled')
|
||
|
|
if(this.options.style.disabled)
|
||
|
|
this.$element.removeClass('disabled-' + this.options.style.disabled)
|
||
|
|
if(this.options.style.enabled)
|
||
|
|
this.$element.addClass(this.options.style.enabled)
|
||
|
|
} else {
|
||
|
|
this.$element.addClass('disabled')
|
||
|
|
if(this.options.style.enabled)
|
||
|
|
this.$element.removeClass(this.options.style.enabled)
|
||
|
|
if(this.options.style.disabled)
|
||
|
|
this.$element.addClass('disabled-' + this.options.style.disabled)
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
Toggle.prototype.on = function () {
|
||
|
|
this.setState(true)
|
||
|
|
}
|
||
|
|
|
||
|
|
Toggle.prototype.off = function () {
|
||
|
|
this.setState(false)
|
||
|
|
}
|
||
|
|
|
||
|
|
Toggle.prototype.toggle = function () {
|
||
|
|
var status = this.$checkbox.is(':checked')
|
||
|
|
|
||
|
|
// Toggle status
|
||
|
|
this.setState(!status)
|
||
|
|
}
|
||
|
|
|
||
|
|
/*
|
||
|
|
* Toggle Definition
|
||
|
|
*/
|
||
|
|
$.fn.toggle = function (options) {
|
||
|
|
return new Toggle(this, typeof options == 'object' ? options : {})
|
||
|
|
}
|
||
|
|
|
||
|
|
$.fn.toggle.defaults = {
|
||
|
|
onClick: function () {},
|
||
|
|
text: {
|
||
|
|
enabled: false,
|
||
|
|
disabled: false
|
||
|
|
},
|
||
|
|
style: {
|
||
|
|
enabled: false,
|
||
|
|
disabled: false
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
$.fn.toggle.Constructor = Toggle
|
||
|
|
}(window.jQuery);
|