active_frontend 14.0.78 → 14.0.79

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 8544cdc4dd9cc5170713bdc8a9b71496dd3f3c3f
-  data.tar.gz: abfa494a58da43ac00463ee56f343e72c7f1e3e2
+  metadata.gz: de8a5f38c474a6680953620fc55a1ae331d04b94
+  data.tar.gz: 9a59c2c42213cc8c132e1a7b084c7a1360aa9490
 SHA512:
-  metadata.gz: 97b1e809ca7ca91ddbd68f55a26e9a0468e501419db04ccbedb267e09482809c9969b960364c8bd7e0cf450f84d69d62e4880f7bc332ccd42125e79303dd1951
-  data.tar.gz: 3b6401d294cd809e31166de7bcca33443615d1427fd1c2c5715d053374049a040cd18870c350b257d78a3d331434f5477eded164b65eead9f6e3b894f011ac0c
+  metadata.gz: 24a65f0425927e9fb0c9adcbc3eabd44744a2c77ffe12e412ab9965ae89135887bb298b70952bf4d8900f2007ad9ba7753a96f4a30cfb6bc7240d328c646707e
+  data.tar.gz: 272d7b5d4a2db8a836d67df7adf78dfa25fbe5165aff9c2e1ae96f12451456ac709a9902afaacfb62c60afbd150f959fedd03b05cab04666185c4876832c568d

data/lib/active_frontend/version.rb

@@ -1,3 +1,3 @@
 module ActiveFrontend
-  VERSION = '14.0.78'.freeze
+  VERSION = '14.0.79'.freeze
 end

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

@@ -27,6 +27,7 @@
 //= require base/_colorpicker
 //= require base/_datepicker
 //= require base/_filepicker
+//= require base/_selectpicker
 //= require base/_timepicker
 //= require base/_typeahead
 //= require base/_timeago

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

@@ -43,6 +43,7 @@
 @import 'components/choicepicker';
 @import 'components/colorpicker';
 @import 'components/datepicker';
+@import 'components/selectpicker';
 @import 'components/timepicker';
 @import 'components/typeahead';
 @import 'components/ad';

data/vendor/assets/javascripts/active_frontend.js

@@ -27,6 +27,7 @@
 //= require base/_colorpicker
 //= require base/_datepicker
 //= require base/_filepicker
+//= require base/_selectpicker
 //= require base/_timepicker
 //= require base/_typeahead
 //= require base/_timeago

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

@@ -67,7 +67,7 @@
         }
       }
 
-      _self.options.onVisibleItemsCallback(count);
+      _self.options.onVisibleItemsCallback(visible);
 
       return false;
     });

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

@@ -0,0 +1,242 @@
++function ($) {
+  'use strict';
+
+  // SELECTPICKER PUBLIC CLASS DEFINITION
+  // ====================================
+
+  var Selectpicker = function (element, options) {
+    this.$element = $(element);
+    this.settings = {
+      fuzzySearch: this.$element.data('fuzzySearch'),
+      includePrompt: this.$element.data('includePrompt'),
+      optionClass: this.$element.data('optionClass'),
+      text: {
+        selectless: this.$element.data('text-selectless') || Selectpicker.DEFAULTS.text.selectless,
+        placeholder: this.$element.data('text-placeholder') || Selectpicker.DEFAULTS.text.placeholder,
+        prompt: this.$element.data('text-prompt') || Selectpicker.DEFAULTS.text.prompt,
+      }
+    };
+    this.options = $.extend({}, Selectpicker.DEFAULTS, this.settings, options);
+
+    this.$fuzzyId = 'bsSelectpicker-fuzzy-' + this.randomNumber();
+    this.$widget = $(this.initWidget()).on('click', $.proxy(this.clickWidget, this));
+
+    this.init();
+  };
+
+  if (!$.fn.dropdown) throw new Error('Selectpicker requires dropdown.js');
+  if (!$.fn.list) throw new Error('Selectpicker requires list.js');
+
+  Selectpicker.VERSION = '1.0.0';
+  Selectpicker.DEFAULTS = {
+    fuzzySearch: true,
+    includePrompt: true,
+    item: '<li></li>',
+    menu: '<ul class="selectpicker dropmenu caret"><span></span></ul>',
+    onSetValCallback: function (select) {},
+    optionClass: 'text-color-hover-blue',
+    text: {
+      selectless: 'No options available',
+      placeholder: 'Filter options...',
+      prompt: 'None'
+    }
+  };
+
+  Selectpicker.prototype.constructor = Selectpicker;
+
+  Selectpicker.prototype.init = function () {
+    if (!this.hasSelects()) return;
+
+    this.setWidget();
+
+    this.$element.on('mousedown', function(e) {
+         e.preventDefault();
+         this.blur();
+         this.focus();
+      }).on({
+        'focus.bs.selectpicker': $.proxy(this.showWidget, this),
+        'click.bs.selectpicker': $.proxy(this.showWidget, this),
+        'blur.bs.selectpicker': $.proxy(this.setVal, this)
+      });
+  };
+
+  Selectpicker.prototype.clickWidget = function (e) {
+    e.stopPropagation();
+    e.preventDefault();
+
+    var value = $(e.target).data('val');
+
+    this.setVal(value);
+  };
+
+  Selectpicker.prototype.initWidget = function () {
+    var _self = this;
+    var menu = $(this.options.menu);
+
+    if (this.options.fuzzySearch && this.hasFuzzyAmount()) {
+      menu.attr('data-toggle', 'list')
+        .attr('data-input', '#' + this.$fuzzyId)
+        .find('span')
+        .append(this.fuzzyTemplate());
+    }
+
+    $.each(this.getOptions(), function (index, hash) {
+      var item = $(_self.options.item);
+
+      item.append(_self.optionTemplate(hash));
+
+      menu.find('span')
+        .append(item);
+    });
+
+    return menu;
+  };
+
+  Selectpicker.prototype.setWidget = function () {
+    this.$container = $('<span>')
+      .addClass('btn-group dropdown bsSelectpicker')
+      .css({
+        height: 0,
+        position: 'absolute',
+        width: 0
+      });
+
+    try {
+      this.$container.append(this.$widget);
+      this.$element.after(this.$container);
+    } catch(e) {
+      // Do nothing
+    }
+  };
+
+  Selectpicker.prototype.showWidget = function (e) {
+    this.$container.addClass('open');
+
+    var _self = this;
+    $(document).on('mousedown.bs.selectpicker, touchend.bs.selectpicker', function (e) {
+      if (!(_self.$element.parent().find(e.target).length ||
+          _self.$widget.is(e.target) ||
+          _self.$widget.find(e.target).length)) {
+        _self.hideWidget();
+      }
+    });
+  };
+
+  Selectpicker.prototype.hideWidget = function () {
+    this.$container.removeClass('open');
+  };
+
+  Selectpicker.prototype.setVal = function (value) {
+    if (value == '[object Object]') return;
+
+    this.$element.val(value);
+    this.options.onSetValCallback(value);
+  };
+
+  Selectpicker.prototype.randomNumber = function () {
+    return Math.floor((Math.random() * 100000) + 1);
+  };
+
+  Selectpicker.prototype.getOptions = function () {
+    var _self = this;
+    var array = [];
+
+    this.$element.find('option').each(function() {
+      var option = $(this);
+
+      if (!_self.options.includePrompt && option.val() === '') return;
+
+      var hash = {
+        text: option.text(),
+        value: option.val()
+      };
+
+      if (option.val() === '') {
+        hash.text = _self.options.text.prompt;
+      }
+
+      array.push(hash);
+    });
+
+    return array;
+  };
+
+  Selectpicker.prototype.optionCount = function () {
+    return this.getOptions().length;
+  };
+
+  Selectpicker.prototype.hasSelects = function () {
+    return this.optionCount() !== 0;
+  };
+
+  Selectpicker.prototype.hasFuzzyAmount = function () {
+    return this.optionCount() > 4;
+  };
+
+  Selectpicker.prototype.fuzzyTemplate = function () {
+    var container = $('<div class="form-input form-size-s">');
+    var textbox = $('<input type="text" placeholder="' + this.options.text.placeholder + '" id="' + this.$fuzzyId + '" autofocus>');
+
+    container.append(textbox);
+
+    var item = $(this.options.item);
+    item.addClass('selectpicker-fuzzy list-skip-filter')
+      .append(container);
+
+    return item;
+  };
+
+  Selectpicker.prototype.optionTemplate = function (hash) {
+    return '<a href="#" class="' +
+             this.options.optionClass +
+             '" data-val="' +
+             hash.value +
+             '">' +
+             hash.text +
+             '</a>';
+  };
+
+  // SELECTPICKER PLUGIN DEFINITION
+  // ==============================
+
+  function Plugin(option) {
+    return this.each(function () {
+      var $this = $(this);
+      var data = $this.data('bs.selectpicker');
+      var options = typeof option === 'object' && option;
+
+      if (!data) $this.data('bs.selectpicker', (data = new Selectpicker(this, options)));
+      if (typeof option === 'string') data[option]();
+    });
+  }
+
+  var old = $.fn.selectpicker;
+
+  $.fn.selectpicker = Plugin;
+  $.fn.selectpicker.Constructor = Selectpicker;
+
+  // SELECTPICKER NO CONFLICT
+  // ========================
+
+  $.fn.selectpicker.noConflict = function () {
+    $.fn.selectpicker = old;
+    return this;
+  };
+
+  // SELECTPICKER DATA-API
+  // =====================
+
+  $(document)
+    .on('ready.bs.selectpicker.data-api', function () {
+      $('[data-toggle="selectpicker"]').each(function () {
+        var $this = $(this);
+        if ($this.data('selectpicker')) return;
+        Plugin.call($this, $this.data());
+      });
+    }).on('focus.bs.selectpicker.data-api click.bs.selectpicker.data-api', '[data-toggle="selectpicker"]', function (e) {
+      var $this = $(this);
+      if ($this.data('selectpicker')) return;
+      Plugin.call($this, $this.data());
+    });
+
+}(jQuery);

data/vendor/assets/stylesheets/active_frontend.scss

@@ -43,6 +43,7 @@
 @import 'components/choicepicker';
 @import 'components/colorpicker';
 @import 'components/datepicker';
+@import 'components/selectpicker';
 @import 'components/timepicker';
 @import 'components/typeahead';
 @import 'components/ad';

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

@@ -371,6 +371,7 @@ textarea {
     &:checked + label {
       background: color(green);
       border-color: color(green);
+      box-shadow: none !important;
       color: color(white);
     }
     &[disabled]:checked + label {

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

@@ -0,0 +1,40 @@
+// Table of Contents
+// ==================================================
+// Selectpicker
+
+// scss-lint:disable NestingDepth
+// scss-lint:disable SelectorDepth
+// scss-lint:disable SelectorFormat
+
+// Selectpicker
+// ==================================================
+.selectpicker {
+   > span {
+     display: block;
+     max-height: 230px;
+     overflow-x: auto;
+
+     > li {
+       border-top: 1px solid;
+       border-top-color: inherit;
+       clear: both;
+       display: block;
+       font-weight: inherit;
+       line-height: 1;
+       padding: 6px 0;
+       margin: 0;
+
+       &:first-child {
+         border-top: 0;
+         > a { padding-top: 10px; }
+       }
+       &:last-child {
+         > a { padding-bottom: 10px; }
+       }
+
+       &.hidden { display: none; }
+       &.selectpicker-fuzzy { padding: 10px 10px 5px; }
+       &.bsListEmpty { padding: 16px 20px; }
+     }
+   }
+}

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: active_frontend
 version: !ruby/object:Gem::Version
-  version: 14.0.78
+  version: 14.0.79
 platform: ruby
 authors:
 - Juan Gomez
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2017-03-07 00:00:00.000000000 Z
+date: 2017-03-15 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -234,6 +234,7 @@ files:
 - vendor/assets/javascripts/base/_modal.js
 - vendor/assets/javascripts/base/_popover.js
 - vendor/assets/javascripts/base/_scrollspy.js
+- vendor/assets/javascripts/base/_selectpicker.js
 - vendor/assets/javascripts/base/_switch.js
 - vendor/assets/javascripts/base/_tab.js
 - vendor/assets/javascripts/base/_table.js
@@ -294,6 +295,7 @@ files:
 - vendor/assets/stylesheets/components/_placeholder.scss
 - vendor/assets/stylesheets/components/_popover.scss
 - vendor/assets/stylesheets/components/_progress.scss
+- vendor/assets/stylesheets/components/_selectpicker.scss
 - vendor/assets/stylesheets/components/_sidebar.scss
 - vendor/assets/stylesheets/components/_spinner.scss
 - vendor/assets/stylesheets/components/_switch.scss