ambari/ambari-web/vendor/scripts/bootstrap-checkbox.js

/* ===========================================================
 * bootstrap-checkbox - v.1.0.1
 * ===========================================================
 * Copyright 2014 Roberto Montresor
 *
 * 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 Checkbox = function(element, options, e) {
    if (e) {
      e.stopPropagation();
      e.preventDefault();
    }
    this.$element = $(element);
    this.$newElement = null;
    this.button = null;
    this.label = null;
    this.labelPrepend = null;
    this.options = $.extend({}, $.fn.checkbox.defaults, this.$element.data(), typeof options == 'object' && options);
    this.init();
  };

  Checkbox.prototype = {

    constructor: Checkbox,

    init: function (e) {
      this.$element.hide();
      this.$element.attr('autocomplete', 'off');

      this._createButtons();
    },

    _createButtons: function(){
      var classList = this.$element.attr('class') !== undefined ? this.$element.attr('class').split(/\s+/) : '';
      var template = this.getTemplate();
      this.$element.after(template);
      this.$newElement = this.$element.next('.bootstrap-checkbox');
      this.button = this.$newElement.find('button');
      this.label = this.$newElement.find('span.label-checkbox');
      this.labelPrepend = this.$newElement.find('span.label-prepend-checkbox');
      for (var i = 0; i < classList.length; i++) {
        if(classList[i] != 'checkbox') {
          this.$newElement.addClass(classList[i]);
        }
      }
      this.button.addClass(this.options.buttonStyle);

      if (this.$element.data('default-state') != undefined){
        this.options.defaultState = this.$element.data('default-state');
      }
      if (this.$element.data('default-enabled') != undefined){
        this.options.defaultEnabled = this.$element.data('default-enabled');
      }
      if (this.$element.data('display-as-button') != undefined){
        this.options.displayAsButton = this.$element.data('display-as-button');
      }

      if (this.options.indeterminate)
        this.$element.prop('indeterminate', true);

      this.checkEnabled();
      this.checkChecked();
      this.checkTabIndex();
      this.clickListener();
    },

    getTemplate: function() {
      var additionalButtonStyle = this.options.displayAsButton ? ' displayAsButton' : '',
        label = this.$element.data('label') ? '<span class="label-checkbox">'+this.$element.data('label')+'</span>' : '',
        labelPrepend = this.$element.data('label-prepend') ? '<span class="label-prepend-checkbox">'+this.$element.data('label-prepend')+'</span>' : '';

      var template =
        '<span class="button-checkbox bootstrap-checkbox">' +
          '<button type="button" class="btn clearfix'+additionalButtonStyle+'">' +
          ((this.$element.data('label-prepend') && this.options.displayAsButton) ? labelPrepend : '')+
          '<span class="icon '+this.options.checkedClass+'" style="display:none;"></span>' +
          '<span class="icon '+this.options.uncheckedClass+'"></span>' +
          '<span class="icon '+this.options.indeterminateClass+'" style="display:none;"></span>' +
          ((this.$element.data('label') && this.options.displayAsButton) ? label : '')+
          '</button>' +
          '</span>';

      if (!this.options.displayAsButton && (this.$element.data('label') || this.$element.data('label-prepend'))) {
        template =
          '<label class="'+this.options.labelClass+'">' +
            labelPrepend + template + label+
            '</label>';
      }
      return template;
    },

    checkEnabled: function() {
      this.button.attr('disabled', this.$element.is(':disabled'));
      this.$newElement.toggleClass('disabled', this.$element.is(':disabled'));
    },

    checkTabIndex: function() {
      if (this.$element.is('[tabindex]')) {
        var tabindex = this.$element.attr("tabindex");
        this.button.attr('tabindex', tabindex);
      }
    },

    checkChecked: function() {
      var whitePattern = /\s/g, replaceChar = '.';
      if (this.$element.prop('indeterminate') == true){
        this.button.find('span.'+this.options.checkedClass.replace(whitePattern, replaceChar)).hide();
        this.button.find('span.'+this.options.uncheckedClass.replace(whitePattern, replaceChar)).hide();
        this.button.find('span.'+this.options.indeterminateClass.replace(whitePattern, replaceChar)).show();
      } else {
        if (this.$element.is(':checked')) {
          this.button.find('span.'+this.options.checkedClass.replace(whitePattern, replaceChar)).show();
          this.button.find('span.'+this.options.uncheckedClass.replace(whitePattern, replaceChar)).hide();
        } else {
          this.button.find('span.'+this.options.checkedClass.replace(whitePattern, replaceChar)).hide();
          this.button.find('span.'+this.options.uncheckedClass.replace(whitePattern, replaceChar)).show();
        }
        this.button.find('span.'+this.options.indeterminateClass.replace(whitePattern, replaceChar)).hide();
      }

      if (this.$element.is(':checked')) {
        if (this.options.buttonStyleChecked){
          this.button.removeClass(this.options.buttonStyle);
          this.button.addClass(this.options.buttonStyleChecked);
        }
      } else {
        if (this.options.buttonStyleChecked){
          this.button.removeClass(this.options.buttonStyleChecked);
          this.button.addClass(this.options.buttonStyle);
        }
      }

      if (this.$element.is(':checked')) {
        if (this.options.labelClassChecked){
          $(this.$element).next("label").addClass(this.options.labelClassChecked);
        }
      } else {
        if (this.options.labelClassChecked){
          $(this.$element).next("label").removeClass(this.options.labelClassChecked);
        }
      }
    },

    clickListener: function() {
      var _this = this;
      this.button.on('click', function(e){
        e.preventDefault();
        _this.$element.prop("indeterminate", false);
        _this.$element[0].click();
        _this.checkChecked();
      });
      this.$element.on('change', function(e) {
        _this.checkChecked();
      });
      this.$element.parents('form').on('reset', function(e) {
        if (_this.options.defaultState == null){
          _this.$element.prop('indeterminate', true);
        } else {
          _this.$element.prop('checked', _this.options.defaultState);
        }
        _this.$element.prop('disabled', !_this.options.defaultEnabled);
        _this.checkEnabled();
        _this.checkChecked();
        e.preventDefault();
      });
    },

    setOptions: function(option, event){
      if (option.checked != undefined) {
        this.setChecked(option.checked);
      }
      if (option.enabled != undefined) {
        this.setEnabled(option.enabled);
      }
      if (option.indeterminate != undefined) {
        this.setIndeterminate(option.indeterminate);
      }
    },

    setChecked: function(checked){
      this.$element.prop("checked", checked);
      this.$element.prop("indeterminate", false);
      this.checkChecked();
    },

    setIndeterminate: function(indeterminate){
      this.$element.prop("indeterminate", indeterminate);
      this.checkChecked();
    },


    click: function(event){
      this.$element.prop("indeterminate", false);
      this.$element[0].click();
      this.checkChecked();
    },

    change: function(event){
      this.$element.change();
    },

    setEnabled: function(enabled){
      this.$element.attr('disabled', !enabled);
      this.checkEnabled();
    },

    toggleEnabled: function(event){
      this.$element.attr('disabled', !this.$element.is(':disabled'));
      this.checkEnabled();
    },

    refresh: function(event){
      this.checkEnabled();
      this.checkChecked();
    },

    update: function(options){
      if (!this.$element.next().find('.bootstrap-checkbox'))
        return;

      this.options = $.extend({}, this.options, options);
      this.$element.next().remove();
      this._createButtons();
    }
  };

  $.fn.checkbox = function(option, event) {
    return this.each(function () {
      var $this = $(this),
        data = $this.data('checkbox'),
        options = typeof option == 'object' && option;
      if (!data) {
        $this.data('checkbox', (data = new Checkbox(this, options, event)));
        if (data.options.constructorCallback != undefined){
          data.options.constructorCallback(data.$element, data.button, data.label, data.labelPrepend);
        }
      } else {
        if (typeof option == 'string') {
          data[option](event);
        } else if (typeof option != 'undefined') {
          data.setOptions(option, event);
        }
      }
    });
  };

  $.fn.checkbox.defaults = {
    displayAsButton: false,
    indeterminate: false,
    buttonStyle: 'btn-link',
    buttonStyleChecked: null,
    checkedClass: 'cb-icon-check',
    uncheckedClass: 'cb-icon-check-empty',
    indeterminateClass: 'cb-icon-check-indeterminate',
    defaultState: false,
    defaultEnabled: true,
    constructorCallback: null,
    labelClass: "checkbox bootstrap-checkbox",
    labelClassChecked: "active"
  };

}(window.jQuery);