src/ceph/src/pybind/mgr/dashboard/static/AdminLTE-2.3.7/plugins/iCheck/icheck.js

   1 /*!
   2  * iCheck v1.0.1, http://git.io/arlzeA
   3  * =================================
   4  * Powerful jQuery and Zepto plugin for checkboxes and radio buttons customization
   5  *
   6  * (c) 2013 Damir Sultanov, http://fronteed.com
   7  * MIT Licensed
   8  */
   9
  10 (function($) {
  11
  12   // Cached vars
  13   var _iCheck = 'iCheck',
  14     _iCheckHelper = _iCheck + '-helper',
  15     _checkbox = 'checkbox',
  16     _radio = 'radio',
  17     _checked = 'checked',
  18     _unchecked = 'un' + _checked,
  19     _disabled = 'disabled',
  20     _determinate = 'determinate',
  21     _indeterminate = 'in' + _determinate,
  22     _update = 'update',
  23     _type = 'type',
  24     _click = 'click',
  25     _touch = 'touchbegin.i touchend.i',
  26     _add = 'addClass',
  27     _remove = 'removeClass',
  28     _callback = 'trigger',
  29     _label = 'label',
  30     _cursor = 'cursor',
  31     _mobile = /ipad|iphone|ipod|android|blackberry|windows phone|opera mini|silk/i.test(navigator.userAgent);
  32
  33   // Plugin init
  34   $.fn[_iCheck] = function(options, fire) {
  35
  36     // Walker
  37     var handle = 'input[type="' + _checkbox + '"], input[type="' + _radio + '"]',
  38       stack = $(),
  39       walker = function(object) {
  40         object.each(function() {
  41           var self = $(this);
  42
  43           if (self.is(handle)) {
  44             stack = stack.add(self);
  45           } else {
  46             stack = stack.add(self.find(handle));
  47           }
  48         });
  49       };
  50
  51     // Check if we should operate with some method
  52     if (/^(check|uncheck|toggle|indeterminate|determinate|disable|enable|update|destroy)$/i.test(options)) {
  53
  54       // Normalize method's name
  55       options = options.toLowerCase();
  56
  57       // Find checkboxes and radio buttons
  58       walker(this);
  59
  60       return stack.each(function() {
  61         var self = $(this);
  62
  63         if (options == 'destroy') {
  64           tidy(self, 'ifDestroyed');
  65         } else {
  66           operate(self, true, options);
  67         }
  68           // Fire method's callback
  69         if ($.isFunction(fire)) {
  70           fire();
  71         }
  72       });
  73
  74     // Customization
  75     } else if (typeof options == 'object' || !options) {
  76
  77       // Check if any options were passed
  78       var settings = $.extend({
  79           checkedClass: _checked,
  80           disabledClass: _disabled,
  81           indeterminateClass: _indeterminate,
  82           labelHover: true,
  83           aria: false
  84         }, options),
  85
  86         selector = settings.handle,
  87         hoverClass = settings.hoverClass || 'hover',
  88         focusClass = settings.focusClass || 'focus',
  89         activeClass = settings.activeClass || 'active',
  90         labelHover = !!settings.labelHover,
  91         labelHoverClass = settings.labelHoverClass || 'hover',
  92
  93         // Setup clickable area
  94         area = ('' + settings.increaseArea).replace('%', '') | 0;
  95
  96       // Selector limit
  97       if (selector == _checkbox || selector == _radio) {
  98         handle = 'input[type="' + selector + '"]';
  99       }
 100         // Clickable area limit
 101       if (area < -50) {
 102         area = -50;
 103       }
 104         // Walk around the selector
 105       walker(this);
 106
 107       return stack.each(function() {
 108         var self = $(this);
 109
 110         // If already customized
 111         tidy(self);
 112
 113         var node = this,
 114           id = node.id,
 115
 116           // Layer styles
 117           offset = -area + '%',
 118           size = 100 + (area * 2) + '%',
 119           layer = {
 120             position: 'absolute',
 121             top: offset,
 122             left: offset,
 123             display: 'block',
 124             width: size,
 125             height: size,
 126             margin: 0,
 127             padding: 0,
 128             background: '#fff',
 129             border: 0,
 130             opacity: 0
 131           },
 132
 133           // Choose how to hide input
 134           hide = _mobile ? {
 135             position: 'absolute',
 136             visibility: 'hidden'
 137           } : area ? layer : {
 138             position: 'absolute',
 139             opacity: 0
 140           },
 141
 142           // Get proper class
 143           className = node[_type] == _checkbox ? settings.checkboxClass || 'i' + _checkbox : settings.radioClass || 'i' + _radio,
 144
 145           // Find assigned labels
 146           label = $(_label + '[for="' + id + '"]').add(self.closest(_label)),
 147
 148           // Check ARIA option
 149           aria = !!settings.aria,
 150
 151           // Set ARIA placeholder
 152           ariaID = _iCheck + '-' + Math.random().toString(36).replace('0.', ''),
 153
 154           // Parent & helper
 155           parent = '<div class="' + className + '" ' + (aria ? 'role="' + node[_type] + '" ' : ''),
 156           helper;
 157
 158         // Set ARIA "labelledby"
 159         if (label.length && aria) {
 160           label.each(function() {
 161             parent += 'aria-labelledby="';
 162
 163             if (this.id) {
 164               parent += this.id;
 165             } else {
 166               this.id = ariaID;
 167               parent += ariaID;
 168             }
 169
 170             parent += '"';
 171           });
 172         }
 173           // Wrap input
 174         parent = self.wrap(parent + '/>')[_callback]('ifCreated').parent().append(settings.insert);
 175
 176         // Layer addition
 177         helper = $('<ins class="' + _iCheckHelper + '"/>').css(layer).appendTo(parent);
 178
 179         // Finalize customization
 180         self.data(_iCheck, {o: settings, s: self.attr('style')}).css(hide);
 181         !!settings.inheritClass && parent[_add](node.className || '');
 182         !!settings.inheritID && id && parent.attr('id', _iCheck + '-' + id);
 183         parent.css('position') == 'static' && parent.css('position', 'relative');
 184         operate(self, true, _update);
 185
 186         // Label events
 187         if (label.length) {
 188           label.on(_click + '.i mouseover.i mouseout.i ' + _touch, function(event) {
 189             var type = event[_type],
 190               item = $(this);
 191
 192             // Do nothing if input is disabled
 193             if (!node[_disabled]) {
 194
 195               // Click
 196               if (type == _click) {
 197                 if ($(event.target).is('a')) {
 198                   return;
 199                 }
 200                 operate(self, false, true);
 201
 202               // Hover state
 203               } else if (labelHover) {
 204
 205                 // mouseout|touchend
 206                 if (/ut|nd/.test(type)) {
 207                   parent[_remove](hoverClass);
 208                   item[_remove](labelHoverClass);
 209                 } else {
 210                   parent[_add](hoverClass);
 211                   item[_add](labelHoverClass);
 212                 }
 213               }
 214                 if (_mobile) {
 215                 event.stopPropagation();
 216               } else {
 217                 return false;
 218               }
 219             }
 220           });
 221         }
 222           // Input events
 223         self.on(_click + '.i focus.i blur.i keyup.i keydown.i keypress.i', function(event) {
 224           var type = event[_type],
 225             key = event.keyCode;
 226
 227           // Click
 228           if (type == _click) {
 229             return false;
 230
 231           // Keydown
 232           } else if (type == 'keydown' && key == 32) {
 233             if (!(node[_type] == _radio && node[_checked])) {
 234               if (node[_checked]) {
 235                 off(self, _checked);
 236               } else {
 237                 on(self, _checked);
 238               }
 239             }
 240               return false;
 241
 242           // Keyup
 243           } else if (type == 'keyup' && node[_type] == _radio) {
 244             !node[_checked] && on(self, _checked);
 245
 246           // Focus/blur
 247           } else if (/us|ur/.test(type)) {
 248             parent[type == 'blur' ? _remove : _add](focusClass);
 249           }
 250         });
 251
 252         // Helper events
 253         helper.on(_click + ' mousedown mouseup mouseover mouseout ' + _touch, function(event) {
 254           var type = event[_type],
 255
 256             // mousedown|mouseup
 257             toggle = /wn|up/.test(type) ? activeClass : hoverClass;
 258
 259           // Do nothing if input is disabled
 260           if (!node[_disabled]) {
 261
 262             // Click
 263             if (type == _click) {
 264               operate(self, false, true);
 265
 266             // Active and hover states
 267             } else {
 268
 269               // State is on
 270               if (/wn|er|in/.test(type)) {
 271
 272                 // mousedown|mouseover|touchbegin
 273                 parent[_add](toggle);
 274
 275               // State is off
 276               } else {
 277                 parent[_remove](toggle + ' ' + activeClass);
 278               }
 279                 // Label hover
 280               if (label.length && labelHover && toggle == hoverClass) {
 281
 282                 // mouseout|touchend
 283                 label[/ut|nd/.test(type) ? _remove : _add](labelHoverClass);
 284               }
 285             }
 286               if (_mobile) {
 287               event.stopPropagation();
 288             } else {
 289               return false;
 290             }
 291           }
 292         });
 293       });
 294     } else {
 295       return this;
 296     }
 297   };
 298
 299   // Do something with inputs
 300   function operate(input, direct, method) {
 301     var node = input[0],
 302       state = /er/.test(method) ? _indeterminate : /bl/.test(method) ? _disabled : _checked,
 303       active = method == _update ? {
 304         checked: node[_checked],
 305         disabled: node[_disabled],
 306         indeterminate: input.attr(_indeterminate) == 'true' || input.attr(_determinate) == 'false'
 307       } : node[state];
 308
 309     // Check, disable or indeterminate
 310     if (/^(ch|di|in)/.test(method) && !active) {
 311       on(input, state);
 312
 313     // Uncheck, enable or determinate
 314     } else if (/^(un|en|de)/.test(method) && active) {
 315       off(input, state);
 316
 317     // Update
 318     } else if (method == _update) {
 319
 320       // Handle states
 321       for (var state in active) {
 322         if (active[state]) {
 323           on(input, state, true);
 324         } else {
 325           off(input, state, true);
 326         }
 327       }
 328     } else if (!direct || method == 'toggle') {
 329
 330       // Helper or label was clicked
 331       if (!direct) {
 332         input[_callback]('ifClicked');
 333       }
 334         // Toggle checked state
 335       if (active) {
 336         if (node[_type] !== _radio) {
 337           off(input, state);
 338         }
 339       } else {
 340         on(input, state);
 341       }
 342     }
 343   }
 344     // Add checked, disabled or indeterminate state
 345   function on(input, state, keep) {
 346     var node = input[0],
 347       parent = input.parent(),
 348       checked = state == _checked,
 349       indeterminate = state == _indeterminate,
 350       disabled = state == _disabled,
 351       callback = indeterminate ? _determinate : checked ? _unchecked : 'enabled',
 352       regular = option(input, callback + capitalize(node[_type])),
 353       specific = option(input, state + capitalize(node[_type]));
 354
 355     // Prevent unnecessary actions
 356     if (node[state] !== true) {
 357
 358       // Toggle assigned radio buttons
 359       if (!keep && state == _checked && node[_type] == _radio && node.name) {
 360         var form = input.closest('form'),
 361           inputs = 'input[name="' + node.name + '"]';
 362
 363         inputs = form.length ? form.find(inputs) : $(inputs);
 364
 365         inputs.each(function() {
 366           if (this !== node && $(this).data(_iCheck)) {
 367             off($(this), state);
 368           }
 369         });
 370       }
 371         // Indeterminate state
 372       if (indeterminate) {
 373
 374         // Add indeterminate state
 375         node[state] = true;
 376
 377         // Remove checked state
 378         if (node[_checked]) {
 379           off(input, _checked, 'force');
 380         }
 381           // Checked or disabled state
 382       } else {
 383
 384         // Add checked or disabled state
 385         if (!keep) {
 386           node[state] = true;
 387         }
 388           // Remove indeterminate state
 389         if (checked && node[_indeterminate]) {
 390           off(input, _indeterminate, false);
 391         }
 392       }
 393         // Trigger callbacks
 394       callbacks(input, checked, state, keep);
 395     }
 396       // Add proper cursor
 397     if (node[_disabled] && !!option(input, _cursor, true)) {
 398       parent.find('.' + _iCheckHelper).css(_cursor, 'default');
 399     }
 400       // Add state class
 401     parent[_add](specific || option(input, state) || '');
 402
 403     // Set ARIA attribute
 404     disabled ? parent.attr('aria-disabled', 'true') : parent.attr('aria-checked', indeterminate ? 'mixed' : 'true');
 405
 406     // Remove regular state class
 407     parent[_remove](regular || option(input, callback) || '');
 408   }
 409     // Remove checked, disabled or indeterminate state
 410   function off(input, state, keep) {
 411     var node = input[0],
 412       parent = input.parent(),
 413       checked = state == _checked,
 414       indeterminate = state == _indeterminate,
 415       disabled = state == _disabled,
 416       callback = indeterminate ? _determinate : checked ? _unchecked : 'enabled',
 417       regular = option(input, callback + capitalize(node[_type])),
 418       specific = option(input, state + capitalize(node[_type]));
 419
 420     // Prevent unnecessary actions
 421     if (node[state] !== false) {
 422
 423       // Toggle state
 424       if (indeterminate || !keep || keep == 'force') {
 425         node[state] = false;
 426       }
 427         // Trigger callbacks
 428       callbacks(input, checked, callback, keep);
 429     }
 430       // Add proper cursor
 431     if (!node[_disabled] && !!option(input, _cursor, true)) {
 432       parent.find('.' + _iCheckHelper).css(_cursor, 'pointer');
 433     }
 434       // Remove state class
 435     parent[_remove](specific || option(input, state) || '');
 436
 437     // Set ARIA attribute
 438     disabled ? parent.attr('aria-disabled', 'false') : parent.attr('aria-checked', 'false');
 439
 440     // Add regular state class
 441     parent[_add](regular || option(input, callback) || '');
 442   }
 443     // Remove all traces
 444   function tidy(input, callback) {
 445     if (input.data(_iCheck)) {
 446
 447       // Remove everything except input
 448       input.parent().html(input.attr('style', input.data(_iCheck).s || ''));
 449
 450       // Callback
 451       if (callback) {
 452         input[_callback](callback);
 453       }
 454         // Unbind events
 455       input.off('.i').unwrap();
 456       $(_label + '[for="' + input[0].id + '"]').add(input.closest(_label)).off('.i');
 457     }
 458   }
 459     // Get some option
 460   function option(input, state, regular) {
 461     if (input.data(_iCheck)) {
 462       return input.data(_iCheck).o[state + (regular ? '' : 'Class')];
 463     }
 464   }
 465     // Capitalize some string
 466   function capitalize(string) {
 467     return string.charAt(0).toUpperCase() + string.slice(1);
 468   }
 469     // Executable handlers
 470   function callbacks(input, checked, callback, keep) {
 471     if (!keep) {
 472       if (checked) {
 473         input[_callback]('ifToggled');
 474       }
 475         input[_callback]('ifChanged')[_callback]('if' + capitalize(callback));
 476     }
 477   }
 478 })(window.jQuery || window.Zepto);