active_frontend 14.0.48 → 14.0.49

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: f119847a356317c97f0c198cc10ad33889c43467
-  data.tar.gz: a6c0eaaf3d2d47abad0e905e0793d9fcc7b00bc1
+  metadata.gz: f51f3c438a087fe494899e67fb5300312c0005b4
+  data.tar.gz: 2fef5bfc75ead00d10d039e955626731fe7c5af2
 SHA512:
-  metadata.gz: 6757dd125d0dd66abd41582d141d0dce20bcbdf2d2712687435b4bf0017f723192516d974564849ceb581726b4818c6cbb4a74eb67206a9deb7005a820e46541
-  data.tar.gz: a6cb9b414d0a21f4be53b5d8b0b501a7183a963afbc2f094d8d71b9ac6a6b184d31ce38b1d1c2322b3ba409155a6eaa03b7ab0467d0ebc8aeea8806fda8b262a
+  metadata.gz: 134777e68db196faeb3e1374eacebde29d5a8ad2b3b90264ca39ab60e54932f5706ebba8727f2928a620baeef99fbfffd1a3b11a1438ad495274830b3b162cce
+  data.tar.gz: 9d3237b831d1c0248c90a900d9c3d6afbb5f24805b68004c2c726a2a6df31c87935cdb424e0b4cd8dc17557983862c7e5d34653b6816cdd4ac93be1ba5ff109f

data/lib/active_frontend/version.rb

@@ -1,3 +1,3 @@
 module ActiveFrontend
-  VERSION = '14.0.48'.freeze
+  VERSION = '14.0.49'.freeze
 end

data/lib/generators/active_frontend/templates/install.js

@@ -23,6 +23,7 @@
 //= require base/_button
 //= require base/_dropdown
 //= require base/_hoverdown
+//= require base/_choicepicker
 //= require base/_colorpicker
 //= require base/_datepicker
 //= require base/_filepicker

data/lib/generators/active_frontend/templates/install.scss

@@ -40,6 +40,7 @@
 @import 'components/tooltip';
 @import 'components/popover';
 @import 'components/dropmenu';
+@import 'components/choicepicker';
 @import 'components/colorpicker';
 @import 'components/datepicker';
 @import 'components/timepicker';

data/vendor/assets/javascripts/active_frontend.js

@@ -23,6 +23,7 @@
 //= require base/_button
 //= require base/_dropdown
 //= require base/_hoverdown
+//= require base/_choicepicker
 //= require base/_colorpicker
 //= require base/_datepicker
 //= require base/_filepicker

data/vendor/assets/javascripts/base/_choicepicker.js

@@ -0,0 +1,242 @@
++function ($) {
+  'use strict';
+
+  // CHOICEPICKER PUBLIC CLASS DEFINITION
+  // ====================================
+
+  var Choicepicker = function (element, options) {
+    this.$element = $(element);
+    this.settings = {
+      options: this.$element.data('options'),
+      type: this.$element.data('type')
+    };
+    this.options = $.extend({}, Choicepicker.DEFAULTS, this.settings, options);
+
+    this.$selector = 'bsChoicepicker-label-' + this.randomNumber() + '-';
+    this.$widget = $(this.initWidget()).on('click', $.proxy(this.clickWidget, this));
+
+    this.init();
+  };
+
+  if (!$.fn.dropdown) throw new Error('Choicepicker requires dropdown.js');
+
+  Choicepicker.VERSION = '1.0.0';
+  Choicepicker.DEFAULTS = {
+    callback: function (option) {},
+    item: '<li></li>',
+    menu: '<ul class="choicepicker dropmenu caret"><span></span></ul>',
+    optionClass: 'form-align-vertical',
+    options: [],
+    text: {
+      all: 'All',
+      none: 'None',
+      optionless: 'No options available'
+    },
+    type: 'checkbox'
+  };
+
+  Choicepicker.prototype.constructor = Choicepicker;
+
+  Choicepicker.prototype.init = function () {
+    this.setWidget();
+    this.setVal();
+
+    this.$element.on({
+      'focus.bs.choicepicker': $.proxy(this.showWidget, this),
+      'click.bs.choicepicker': $.proxy(this.showWidget, this),
+      'blur.bs.choicepicker': $.proxy(this.setVal, this)
+    });
+  };
+
+  Choicepicker.prototype.clickWidget = function (e) {
+    e.stopPropagation();
+
+    this.setVal();
+  };
+
+  Choicepicker.prototype.initWidget = function () {
+    var _self = this;
+    var menu = $(this.options.menu);
+
+    $.each(this.options.options, function (index, hash) {
+      var item = $(_self.options.item);
+
+      item.append(_self.optionTemplate(hash))
+        .append(_self.labelTemplate(hash).text(hash.label));
+
+      menu.find('span').append(item);
+    });
+
+    return menu;
+  };
+
+  Choicepicker.prototype.setWidget = function () {
+    this.$container = $('<span>')
+      .addClass('btn-group dropdown bsChoicepicker')
+      .css({
+        height: 0,
+        position: 'absolute',
+        width: 0
+      });
+
+    try {
+      this.$container.append(this.$widget);
+      this.$element.after(this.$container);
+    } catch(e) {
+      // Do nothing
+    }
+  };
+
+  Choicepicker.prototype.showWidget = function () {
+    this.$container.addClass('open');
+
+    var _self = this;
+    $(document).on('mousedown.bs.choicepicker, touchend.bs.choicepicker', function (e) {
+      if (!(_self.$element.parent().find(e.target).length ||
+          _self.$widget.is(e.target) ||
+          _self.$widget.find(e.target).length)) {
+        _self.hideWidget();
+      }
+    });
+  };
+
+  Choicepicker.prototype.hideWidget = function () {
+    this.$container.removeClass('open');
+  };
+
+  Choicepicker.prototype.type = function () {
+    var type = this.options.type;
+
+    if (type !== 'checkbox' && type !== 'radio') {
+      type = 'checkbox';
+    }
+
+    return type;
+  };
+
+  Choicepicker.prototype.selector = function (hash) {
+    var selector = this.$selector + hash.selector;
+
+    return selector;
+  };
+
+  Choicepicker.prototype.labelTemplate = function (hash) {
+    var selector = this.selector(hash);
+
+    return $('<label for="' + selector + '">');
+  };
+
+  Choicepicker.prototype.optionTemplate = function (hash) {
+    var type = this.type();
+    var selector = this.selector(hash);
+
+    var label = this.labelTemplate(hash);
+    label.append('<i class="icon-checkmark"></i>');
+
+    var checkbox = $('<input type="' + type +'" value="' + hash.value + '" name="' + hash.name + '" id="' + selector + '">');
+    checkbox.prop('checked', hash.checked);
+
+    var container = $('<div class="form-' + type + ' ' + this.options.optionClass + '">');
+    container.append(checkbox);
+    container.append(label);
+
+    return container;
+  };
+
+  Choicepicker.prototype.setVal = function () {
+    var label = this.setSelectionsLabel();
+
+    if (label == '[object Object]') return;
+
+    this.$element.val(label);
+    this.options.callback(label);
+  };
+
+  Choicepicker.prototype.randomNumber = function () {
+    return Math.floor((Math.random() * 100000) + 1);
+  };
+
+  Choicepicker.prototype.selectionLabel = function (label, count) {
+    count = count - 1;
+
+    if (count === 0) return label;
+
+    return label + ' (+' + count + ')';
+  };
+
+  Choicepicker.prototype.setSelectionsLabel = function () {
+    var _self = this;
+    var total = Object.keys(this.options.options).length;
+    var count = 0;
+    var label = '';
+
+    if (total === 0) return this.options.text.optionless;
+
+    $.each(this.options.options, function (index, hash) {
+      if (hash.checked === undefined) {
+        hash.checked = false;
+      } else {
+        var selector = $('#' + _self.selector(hash));
+
+        if (selector) {
+          hash.checked = selector.prop('checked');
+        }
+      }
+
+      if (hash.checked) {
+        count++;
+
+        if (label === '') {
+          label = hash.label;
+        }
+      }
+    });
+
+    if (count === total) return this.options.text.all;
+    if (count === 0) return this.options.text.none;
+
+    return this.selectionLabel(label, count);
+  };
+
+  // CHOICEPICKER PLUGIN DEFINITION
+  // ==============================
+
+  function Plugin(option) {
+    return this.each(function () {
+      var $this = $(this);
+      var data = $this.data('bs.choicepicker');
+      var options = typeof option === 'object' && option;
+
+      if (!data) $this.data('bs.choicepicker', (data = new Choicepicker(this, options)));
+      if (typeof option === 'string') data[option]();
+    });
+  }
+
+  var old = $.fn.choicepicker;
+
+  $.fn.choicepicker = Plugin;
+  $.fn.choicepicker.Constructor = Choicepicker;
+
+  // CHOICEPICKER NO CONFLICT
+  // ========================
+
+  $.fn.choicepicker.noConflict = function () {
+    $.fn.choicepicker = old;
+    return this;
+  };
+
+  // CHOICEPICKER DATA-API
+  // =====================
+
+  $(document)
+    .on('ready.bs.choicepicker.data-api', function () {
+      var $this = $(this).find('[data-toggle="choicepicker"]');
+      if ($this.data('choicepicker')) return;
+      Plugin.call($this, $this.data());
+    }).on('focus.bs.choicepicker.data-api click.bs.choicepicker.data-api', function (e) {
+      var $this = $(this);
+      if ($this.data('choicepicker')) return;
+      Plugin.call($this, $this.data());
+    });
+
+}(jQuery);

data/vendor/assets/stylesheets/active_frontend.scss

@@ -40,6 +40,7 @@
 @import 'components/tooltip';
 @import 'components/popover';
 @import 'components/dropmenu';
+@import 'components/choicepicker';
 @import 'components/colorpicker';
 @import 'components/datepicker';
 @import 'components/timepicker';

data/vendor/assets/stylesheets/blocks/_form.scss

@@ -69,6 +69,7 @@ textarea {
     @include text-fill-color(color(gray));
     background: color(light-haze);
     color: color(gray);
+    font-weight: text-weight(normal) !important;
   }
 
   &.dark {

data/vendor/assets/stylesheets/components/_choicepicker.scss

@@ -0,0 +1,31 @@
+// Table of Contents
+// ==================================================
+// Choicepicker
+
+// Choicepicker
+// ==================================================
+.choicepicker {
+   span {
+     display: block;
+     max-height: 230px;
+     overflow-x: auto;
+   }
+
+  li {
+    border-bottom: 1px solid;
+    border-bottom-color: inherit;
+    clear: both;
+    display: block;
+    font-weight: inherit;
+    line-height: 1;
+    padding: 16px 20px 14px;
+    margin: 0;
+
+    &:last-child { border-bottom: 0; }
+
+    > label {
+      font-weight: text-weight(normal);
+      margin: 0 0 0 10px;
+    }
+  }
+}

data/vendor/assets/stylesheets/components/_datepicker.scss

@@ -2,6 +2,7 @@
 // ==================================================
 // Datepicker
 
+// scss-lint:disable ImportantRule
 // scss-lint:disable NestingDepth
 // scss-lint:disable SelectorDepth
 
@@ -44,9 +45,10 @@
       &.old,
       &.new { color: color(gray); }
       &.disabled {
-        background: color(transparent);
-        color: color(gray);
-        cursor: not-allowed;
+        background: color(transparent) !important;
+        color: dark-color(dark-haze) !important;
+        cursor: not-allowed !important;
+        text-decoration: line-through;
       }
 
       span {
@@ -70,9 +72,10 @@
           color: color(white);
         }
         &.disabled {
-          background: color(transparent);
-          color: color(gray);
-          cursor: not-allowed;
+          background: color(transparent) !important;
+          color: dark-color(dark-haze) !important;
+          cursor: not-allowed !important;
+          text-decoration: line-through;
         }
       }
     }

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: active_frontend
 version: !ruby/object:Gem::Version
-  version: 14.0.48
+  version: 14.0.49
 platform: ruby
 authors:
 - Juan Gomez
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2016-12-28 00:00:00.000000000 Z
+date: 2016-12-30 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -220,6 +220,7 @@ files:
 - vendor/assets/javascripts/base/_animation.js
 - vendor/assets/javascripts/base/_button.js
 - vendor/assets/javascripts/base/_carousel.js
+- vendor/assets/javascripts/base/_choicepicker.js
 - vendor/assets/javascripts/base/_collapse.js
 - vendor/assets/javascripts/base/_colorpicker.js
 - vendor/assets/javascripts/base/_datepicker.js
@@ -271,6 +272,7 @@ files:
 - vendor/assets/stylesheets/components/_card.scss
 - vendor/assets/stylesheets/components/_carousel.scss
 - vendor/assets/stylesheets/components/_chart.scss
+- vendor/assets/stylesheets/components/_choicepicker.scss
 - vendor/assets/stylesheets/components/_collapse.scss
 - vendor/assets/stylesheets/components/_colorpicker.scss
 - vendor/assets/stylesheets/components/_datepicker.scss