!function ($) { /* CHECKBOX PUBLIC CLASS DEFINITION * ============================== */ var Checkbox = function (element, options) { this.init(element, options); } Checkbox.prototype = { constructor: Checkbox , init: function (element, options) { var $el = this.$element = $(element) this.options = $.extend({}, $.fn.checkbox.defaults, options); $el.before(this.options.template); this.setState(); } , setState: function () { var $el = this.$element , $parent = $el.closest('.checkbox'); $el.prop('disabled') && $parent.addClass('disabled'); $el.prop('checked') && $parent.addClass('checked'); } , toggle: function () { var ch = 'checked' , $el = this.$element , $parent = $el.closest('.checkbox') , checked = $el.prop(ch) , e = $.Event('toggle') if ($el.prop('disabled') == false) { $parent.toggleClass(ch) && checked ? $el.removeAttr(ch) : $el.prop(ch, ch); $el.trigger(e).trigger('change'); } } , setCheck: function (option) { var d = 'disabled' , ch = 'checked' , $el = this.$element , $parent = $el.closest('.checkbox') , checkAction = option == 'check' ? true : false , e = $.Event(option) $parent[checkAction ? 'addClass' : 'removeClass' ](ch) && checkAction ? $el.prop(ch, ch) : $el.removeAttr(ch); $el.trigger(e).trigger('change'); } } /* CHECKBOX PLUGIN DEFINITION * ======================== */ var old = $.fn.checkbox $.fn.checkbox = function (option) { return this.each(function () { var $this = $(this) , data = $this.data('checkbox') , options = $.extend({}, $.fn.checkbox.defaults, $this.data(), typeof option == 'object' && option); if (!data) $this.data('checkbox', (data = new Checkbox(this, options))); if (option == 'toggle') data.toggle() if (option == 'check' || option == 'uncheck') data.setCheck(option) else if (option) data.setState(); }); } $.fn.checkbox.defaults = { template: '' } /* CHECKBOX NO CONFLICT * ================== */ $.fn.checkbox.noConflict = function () { $.fn.checkbox = old; return this; } /* CHECKBOX DATA-API * =============== */ $(document).on('click.checkbox.data-api', '[data-toggle^=checkbox], .checkbox', function (e) { var $checkbox = $(e.target); if (e.target.tagName != "A") { e && e.preventDefault() && e.stopPropagation(); if (!$checkbox.hasClass('checkbox')) $checkbox = $checkbox.closest('.checkbox'); $checkbox.find(':checkbox').checkbox('toggle'); } }); $(function () { $('[data-toggle="checkbox"]').each(function () { var $checkbox = $(this); $checkbox.checkbox(); }); }); }(window.jQuery); /* ============================================================= * flatui-radio v0.0.3 * ============================================================ */ !function ($) { /* RADIO PUBLIC CLASS DEFINITION * ============================== */ var Radio = function (element, options) { this.init(element, options); } Radio.prototype = { constructor: Radio , init: function (element, options) { var $el = this.$element = $(element) this.options = $.extend({}, $.fn.radio.defaults, options); $el.before(this.options.template); this.setState(); } , setState: function () { var $el = this.$element , $parent = $el.closest('.radio'); $el.prop('disabled') && $parent.addClass('disabled'); $el.prop('checked') && $parent.addClass('checked'); } , toggle: function () { var d = 'disabled' , ch = 'checked' , $el = this.$element , checked = $el.prop(ch) , $parent = $el.closest('.radio') , $parentWrap = $el.closest('form').length ? $el.closest('form') : $el.closest('body') , $elemGroup = $parentWrap.find(':radio[name="' + $el.attr('name') + '"]') , e = $.Event('toggle') if ($el.prop(d) == false) { $elemGroup.not($el).each(function () { var $el = $(this) , $parent = $(this).closest('.radio'); if ($el.prop(d) == false) { $parent.removeClass(ch) && $el.removeAttr(ch).trigger('change'); } }); if (checked == false) $parent.addClass(ch) && $el.prop(ch, true); $el.trigger(e); if (checked !== $el.prop(ch)) { $el.trigger('change'); } } } , setCheck: function (option) { var ch = 'checked' , $el = this.$element , $parent = $el.closest('.radio') , checkAction = option == 'check' ? true : false , checked = $el.prop(ch) , $parentWrap = $el.closest('form').length ? $el.closest('form') : $el.closest('body') , $elemGroup = $parentWrap.find(':radio[name="' + $el['attr']('name') + '"]') , e = $.Event(option) $elemGroup.not($el).each(function () { var $el = $(this) , $parent = $(this).closest('.radio'); $parent.removeClass(ch) && $el.removeAttr(ch); }); $parent[checkAction ? 'addClass' : 'removeClass'](ch) && checkAction ? $el.prop(ch, ch) : $el.removeAttr(ch); $el.trigger(e); if (checked !== $el.prop(ch)) { $el.trigger('change'); } } } /* RADIO PLUGIN DEFINITION * ======================== */ var old = $.fn.radio $.fn.radio = function (option) { return this.each(function () { var $this = $(this) , data = $this.data('radio') , options = $.extend({}, $.fn.radio.defaults, $this.data(), typeof option == 'object' && option); if (!data) $this.data('radio', (data = new Radio(this, options))); if (option == 'toggle') data.toggle() if (option == 'check' || option == 'uncheck') data.setCheck(option) else if (option) data.setState(); }); } $.fn.radio.defaults = { template: '' } /* RADIO NO CONFLICT * ================== */ $.fn.radio.noConflict = function () { $.fn.radio = old; return this; } /* RADIO DATA-API * =============== */ $(document).on('click.radio.data-api', '[data-toggle^=radio], .radio', function (e) { var $radio = $(e.target); e && e.preventDefault() && e.stopPropagation(); if (!$radio.hasClass('radio')) $radio = $radio.closest('.radio'); $radio.find(':radio').radio('toggle'); }); $(function () { $('[data-toggle="radio"]').each(function () { var $radio = $(this); $radio.radio(); }); }); }(window.jQuery); /* ============================================================ * bootstrapSwitch v1.3 by Larentis Mattia @spiritualGuru * http://www.larentis.eu/switch/ * ============================================================ * Licensed under the Apache License, Version 2.0 * http://www.apache.org/licenses/LICENSE-2.0 * ============================================================ */ !function ($) { "use strict"; $.fn['bootstrapSwitch'] = function (method) { var methods = { init: function () { return this.each(function () { var $element = $(this) , $div , $switchLeft , $switchRight , $label , myClasses = "" , classes = $element.attr('class') , color , moving , onLabel = "ON" , offLabel = "OFF" , icon = false; $.each(['switch-mini', 'switch-small', 'switch-large'], function (i, el) { if (classes.indexOf(el) >= 0) myClasses = el; }); $element.addClass('has-switch'); if ($element.data('on') !== undefined) color = "switch-" + $element.data('on'); if ($element.data('on-label') !== undefined) onLabel = $element.data('on-label'); if ($element.data('off-label') !== undefined) offLabel = $element.data('off-label'); if ($element.data('icon') !== undefined) icon = $element.data('icon'); $switchLeft = $('') .addClass("switch-left") .addClass(myClasses) .addClass(color) .html(onLabel); color = ''; if ($element.data('off') !== undefined) color = "switch-" + $element.data('off'); $switchRight = $('') .addClass("switch-right") .addClass(myClasses) .addClass(color) .html(offLabel); $label = $('') .html(" ") .addClass(myClasses) .attr('for', $element.find('input').attr('id')); if (icon) { $label.html(''); } $div = $element.find(':checkbox').wrap($('')).parent().data('animated', false); if ($element.data('animated') !== false) $div.addClass('switch-animate').data('animated', true); $div .append($switchLeft) .append($label) .append($switchRight); $element.find('>div').addClass( $element.find('input').is(':checked') ? 'switch-on' : 'switch-off' ); if ($element.find('input').is(':disabled')) $(this).addClass('deactivate'); var changeStatus = function ($this) { $this.siblings('label').trigger('mousedown').trigger('mouseup').trigger('click'); }; $element.on('keydown', function (e) { if (e.keyCode === 32) { e.stopImmediatePropagation(); e.preventDefault(); changeStatus($(e.target).find('span:first')); } }); $switchLeft.on('click', function (e) { changeStatus($(this)); }); $switchRight.on('click', function (e) { changeStatus($(this)); }); $element.find('input').on('change', function (e) { var $this = $(this) , $element = $this.parent() , thisState = $this.is(':checked') , state = $element.is('.switch-off'); e.preventDefault(); $element.css('left', ''); if (state === thisState) { if (thisState) $element.removeClass('switch-off').addClass('switch-on'); else $element.removeClass('switch-on').addClass('switch-off'); if ($element.data('animated') !== false) $element.addClass("switch-animate"); $element.parent().trigger('switch-change', {'el': $this, 'value': thisState}) } }); $element.find('label').on('mousedown touchstart', function (e) { var $this = $(this); moving = false; e.preventDefault(); e.stopImmediatePropagation(); $this.closest('div').removeClass('switch-animate'); if ($this.closest('.has-switch').is('.deactivate')) $this.unbind('click'); else { $this.on('mousemove touchmove', function (e) { var $element = $(this).closest('.switch') , relativeX = (e.pageX || e.originalEvent.targetTouches[0].pageX) - $element.offset().left , percent = (relativeX / $element.width()) * 100 , left = 25 , right = 75; moving = true; if (percent < left) percent = left; else if (percent > right) percent = right; $element.find('>div').css('left', (percent - right) + "%") }); $this.on('click touchend', function (e) { var $this = $(this) , $target = $(e.target) , $myCheckBox = $target.siblings('input'); e.stopImmediatePropagation(); e.preventDefault(); $this.unbind('mouseleave'); if (moving) $myCheckBox.prop('checked', !(parseInt($this.parent().css('left')) < -25)); else $myCheckBox.prop("checked", !$myCheckBox.is(":checked")); moving = false; $myCheckBox.trigger('change'); }); $this.on('mouseleave', function (e) { var $this = $(this) , $myCheckBox = $this.siblings('input'); e.preventDefault(); e.stopImmediatePropagation(); $this.unbind('mouseleave'); $this.trigger('mouseup'); $myCheckBox.prop('checked', !(parseInt($this.parent().css('left')) < -25)).trigger('change'); }); $this.on('mouseup', function (e) { e.stopImmediatePropagation(); e.preventDefault(); $(this).unbind('mousemove'); }); } }); } ); }, toggleActivation: function () { $(this).toggleClass('deactivate'); }, isActive: function () { return !$(this).hasClass('deactivate'); }, setActive: function (active) { if (active) $(this).removeClass('deactivate'); else $(this).addClass('deactivate'); }, toggleState: function (skipOnChange) { var $input = $(this).find('input:checkbox'); $input.prop('checked', !$input.is(':checked')).trigger('change', skipOnChange); }, setState: function (value, skipOnChange) { $(this).find('input:checkbox').prop('checked', value).trigger('change', skipOnChange); }, status: function () { return $(this).find('input:checkbox').is(':checked'); }, destroy: function () { var $div = $(this).find('div') , $checkbox; $div.find(':not(input:checkbox)').remove(); $checkbox = $div.children(); $checkbox.unwrap().unwrap(); $checkbox.unbind('change'); return $checkbox; } }; if (methods[method]) return methods[method].apply(this, Array.prototype.slice.call(arguments, 1)); else if (typeof method === 'object' || !method) return methods.init.apply(this, arguments); else $.error('Method ' + method + ' does not exist!'); }; }(jQuery);