active_frontend 14.0.16 → 14.0.17

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: c9629e6b30e9b5d8cd880ed9bc61887f2dd3ece9
-  data.tar.gz: 7a154e683a51ae44296e81745c4b15ef4dc6472b
+  metadata.gz: 172b12bf5f617882455d02532dc3026ef2e38d4a
+  data.tar.gz: 6d351cb2a3f005c22a585568a927b8cbe9ea9306
 SHA512:
-  metadata.gz: 80eafc3365b3b40042f64c558655e968671768e4af31b4d840bf05f987d5fa51a22440c416a4074416195226faeba13350a1d3ecc199be8efb5beb4bf6f84fb4
-  data.tar.gz: 2b96bc44a5020745cef3af8c884b705e5ab3da4c6966eaef2fee28139eed6b8042406b20dca8ea5a0701b8af7241f8d9eabb9a37a7796e4e6aebc957df51b3ee
+  metadata.gz: 10b8945f842e161d1e4aeb03e206c17546111d5692894ea33e9aacfb7b28806bc5bae30ad69c2b50ca86429b4206ce5a490073cc5a4387ec62722c1812b28e8b
+  data.tar.gz: 6254c70bb0b8e61c45eb7237b8add53b004595d3c37b520f69ce67f86570cb45f686aa587902d6127a9577bab6a656a28a898f82465dd7af12ff6cb0639308dd

data/lib/active_frontend/version.rb

@@ -1,3 +1,3 @@
 module ActiveFrontend
-  VERSION = '14.0.16'.freeze
+  VERSION = '14.0.17'.freeze
 end

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

@@ -9,6 +9,7 @@
 //= require base/_transition
 //= require base/_layout
 //= require base/_affix
+//= require base/_header
 //= require base/_modal
 //= require base/_alert
 //= require base/_tab
@@ -31,6 +32,7 @@
 //= require base/_switch
 //= require base/_timezone
 //= require base/_tour
+//= require base/_affirm
 //
 // Extensions Imports
 // ==================================================

data/vendor/assets/javascripts/active_frontend.js

@@ -9,6 +9,7 @@
 //= require base/_transition
 //= require base/_layout
 //= require base/_affix
+//= require base/_header
 //= require base/_modal
 //= require base/_alert
 //= require base/_tab
@@ -31,6 +32,7 @@
 //= require base/_switch
 //= require base/_timezone
 //= require base/_tour
+//= require base/_affirm
 //
 // Extensions Imports
 // ==================================================

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

@@ -0,0 +1,135 @@
++function ($) {
+  'use strict';
+
+  // AFFIRM CLASS DEFINITION
+  // =======================
+
+  var Affirm = function (element, options) {
+    this.$element = $(element);
+    this.settings = {
+      title: this.$element.data('title'),
+      offset: this.$element.data('offset'),
+      removeClass: this.$element.data('remove-class')
+    };
+    this.options = $.extend({}, Affirm.DEFAULTS, options);
+
+    this.init();
+  };
+
+  if (!$.fn.modal) throw new Error('Affirm requires modal.js');
+
+  Affirm.VERSION = '1.0.0';
+  Affirm.DEFAULTS = {
+    btnClass: {
+      cancel: 'btn margin-size-right-xs',
+      confirm: 'btn btn-color-red'
+    },
+    modalClass: 'modal fade',
+    modalId: 'bsAffirmModal',
+    format: 'modal',
+    text: {
+      cancel: 'No, Cancel',
+      confirm: 'Yes, Confirm'
+    },
+    title: 'Are you 100% sure about this?'
+  };
+
+  Affirm.prototype.constructor = Affirm;
+
+  Affirm.prototype.init = function () {
+    var _self = this;
+    var body = $('body');
+    var modalId = '#' + this.options.modalId;
+
+    this.$element.click(function () {
+      $(modalId).remove();
+      body.append(_self.modalTemplate());
+      $(modalId).modal('show');
+
+      return false;
+    });
+
+    body.on('click', '[data-affirm-toggle="confirm"]', function () {
+      $(modalId).modal('hide');
+    });
+  };
+
+  Affirm.prototype.cancelBtn = function () {
+    var button = $('<a data-affirm-toggle="cancel" data-dismiss="modal">')
+      .addClass(this.options.btnClass.cancel)
+      .text(this.options.text.cancel);
+
+    return button;
+  };
+
+  Affirm.prototype.confirmBtn = function () {
+    var method = this.$element.attr('data-method');
+    var target = this.$element.attr('target');
+    var button = $('<a data-affirm-toggle="confirm">')
+      .addClass(this.options.btnClass.confirm)
+      .attr('href', this.$element.attr('href'))
+      .text(this.options.text.confirm);
+
+    if (method) button.attr('data-method', method);
+    if (target) button.attr('target', target);
+
+    return button;
+  };
+
+  Affirm.prototype.modalTemplate = function () {
+    var title = '<h5 class="row">' + this.options.title + '</h5>';
+    var header = $('<div class="modal-header text-align-left">')
+      .append(title);
+    var body = $('<div class="modal-body">')
+      .append(this.$element.attr('data-affirm'));
+    var footer = $('<div class="modal-footer text-align-right">')
+      .append(this.cancelBtn())
+      .append(this.confirmBtn());
+    var modal = $('<div role="modal">')
+      .addClass(this.options.modalClass)
+      .attr('id', this.options.modalId)
+      .append(header)
+      .append(body)
+      .append(footer);
+
+    return modal;
+  };
+
+  // AFFIRM PLUGIN DEFINITION
+  // ========================
+
+  function Plugin(option) {
+    return this.each(function () {
+      var $this = $(this);
+      var data = $this.data('bs.affirm');
+      var options = typeof option === 'object' && option;
+
+      if (!data) $this.data('bs.affirm', (data = new Affirm(this, options)));
+      if (typeof option === 'string') data[option]();
+    });
+  }
+
+  var old = $.fn.affirm;
+
+  $.fn.affirm = Plugin;
+  $.fn.affirm.Constructor = Affirm;
+
+  // AFFIRM NO CONFLICT
+  // ==================
+
+  $.fn.affirm.noConflict = function () {
+    $.fn.affirm = old;
+    return this;
+  };
+
+  // AFFIRM DATA-API
+  // ================
+
+  $(document).on('ready.bs.affirm.data-api', function () {
+    $('[data-affirm]').each(function () {
+      var $this = $(this);
+      Plugin.call($this, $this.data());
+    });
+  });
+
+}(jQuery);

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

@@ -18,9 +18,9 @@
   Colorpicker.DEFAULTS = {
     callback: function (color) {},
     colors: [
-      '#A7E254', '#13CE56', '#21D5E9', '#148DFF', '#7050E8',
-      '#9061C2', '#FF6658', '#E64235', '#FF843A', '#F8D104',
-      '#343B4A', '#9BA7BA', '#ECEFF5', '#FFFFFF'
+      '#94E254', '#13CE56', '#33C9EB', '#148DFF', '#7E5BEF',
+      '#9861C2', '#FF5DC4', '#FF3B3B', '#FF6935', '#FFD718',
+      '#273444', '#9BA7BA', '#F0F3F9', '#FFFFFF'
     ],
     item: '<li><button type="button"></button></li>',
     menu: '<ul class="colorpicker dropmenu caret"></ul>'

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

@@ -54,8 +54,9 @@
     this.$element
       .attr('tabindex', '-1')
       .css({
+        'clip' : 'rect(0 0 0 0)',
         'position' : 'absolute',
-        'clip' : 'rect(0 0 0 0)'
+        'width' : '0'
       })
       .after(this.$elementFilepicker);
 

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

@@ -0,0 +1,88 @@
++function ($) {
+  'use strict';
+
+  // HEADER CLASS DEFINITION
+  // =======================
+
+  var Header = function (element, options) {
+    this.$element = $(element);
+    this.$window = $(window);
+    this.settings = {
+      addClass: this.$element.data('add-class'),
+      offset: this.$element.data('offset'),
+      removeClass: this.$element.data('remove-class')
+    };
+    this.options = $.extend({}, Header.DEFAULTS, this.settings, options);
+
+    this.init();
+  };
+
+  Header.VERSION = '1.0.0';
+  Header.DEFAULTS = {
+    addClass: 'border-color-bottom-transparent box-shadow-bottom',
+    offset: 10,
+    removeClass: 'background-color-transparent'
+  };
+
+  Header.prototype.constructor = Header;
+
+  Header.prototype.init = function () {
+    var _self = this;
+
+    this.$window.scroll(function () {
+      _self.toggleClasses();
+    });
+  };
+
+  Header.prototype.swapClass = function (removeClass, addClass) {
+    this.$element.removeClass(removeClass)
+                 .addClass(addClass);
+  };
+
+  Header.prototype.toggleClasses = function () {
+    if (this.$window.scrollTop() >= this.options.offset) {
+      this.swapClass(this.options.removeClass, this.options.addClass);
+    } else {
+      this.swapClass(this.options.addClass, this.options.removeClass);
+    }
+  };
+
+  // HEADER PLUGIN DEFINITION
+  // ========================
+
+  function Plugin(option) {
+    return this.each(function () {
+      var $this = $(this);
+      var data = $this.data('bs.header');
+      var options = typeof option === 'object' && option;
+
+      if (!data) $this.data('bs.header', (data = new Header(this, options)));
+      if (typeof option === 'string') data[option]();
+    });
+  }
+
+  var old = $.fn.header;
+
+  $.fn.header = Plugin;
+  $.fn.header.Constructor = Header;
+
+  // HEADER NO CONFLICT
+  // ==================
+
+  $.fn.header.noConflict = function () {
+    $.fn.header = old;
+    return this;
+  };
+
+  // HEADER DATA-API
+  // ===============
+
+  $(document).on('ready.bs.header.data-api', function () {
+    $('[data-toggle="header"]').each(function () {
+      var $this = $(this);
+      if ($this.data('header')) return;
+      Plugin.call($this, $this.data());
+    });
+  });
+
+}(jQuery);

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

@@ -113,7 +113,7 @@
   };
 
   // LAYOUT DATA-API
-  // ==================
+  // ===============
 
   $(document).on('ready.bs.layout.data-api', function () {
     $('[data-toggle="layout"]').each(function () {

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

@@ -6,7 +6,6 @@
 
   var Timezone = function (element, options) {
     this.$element = $(element);
-    this.$window = $(window);
     this.settings = {
       default: this.$element.data('default'),
       format: this.$element.data('format')

data/vendor/assets/javascripts/extensions/_chart.js

@@ -5415,8 +5415,8 @@ module.exports = function () {
         animationDuration: 400
       },
       onClick: null,
-      defaultColor: 'rgba(52,59,74,0.1)',
-      defaultFontColor: 'rgba(52,59,74,1)',
+      defaultColor: 'rgba(39,52,68,0.1)',
+      defaultFontColor: 'rgba(39,52,68,1)',
       defaultFontFamily: "'Fakt Soft Pro', Verdana, Tahoma, sans-serif",
       defaultFontSize: 16,
       defaultFontStyle: 'normal',
@@ -7006,7 +7006,7 @@ module.exports = function (Chart) {
     enabled: true,
     custom: null,
     mode: 'single',
-    backgroundColor: 'rgba(52,59,74,1)',
+    backgroundColor: 'rgba(39,52,68,1)',
     titleFontStyle: '500',
     titleSpacing: 0,
     titleMarginBottom: 3,

data/vendor/assets/stylesheets/_variable.scss

@@ -34,28 +34,28 @@ $animation-durations: (
 // Color
 // ==================================================
 $colors-brand: (
-  'lime': rgba(167,226,84,1),
+  'lime': rgba(148,226,84,1),
   'green': rgba(19,206,86,1),
-  'teal': rgba(33,213,233,1),
+  'teal': rgba(51,201,235,1),
   'blue': rgba(20,141,255,1),
-  'indigo': rgba(112,80,232,1),
-  'purple': rgba(144,97,194,1),
-  'pink': rgba(255,102,88,1),
-  'red': rgba(230,66,53,1),
-  'orange': rgba(255,132,58,1),
-  'yellow': rgba(248,209,4,1)
+  'indigo': rgba(126,91,239,1),
+  'purple': rgba(152,97,194,1),
+  'pink': rgba(255,93,196,1),
+  'red': rgba(255,59,59,1),
+  'orange': rgba(255,105,53,1),
+  'yellow': rgba(255,215,24,1)
 );
 $colors-grayscale: (
   'transparent': rgba(0,0,0,0),
-  'dark-black': rgba(44,50,62,1),
-  'black': rgba(52,59,74,1),
-  'light-black': rgba(60,68,86,1),
+  'dark-black': rgba(30,40,52,1),
+  'black': rgba(39,52,68,1),
+  'light-black': rgba(48,64,84,1),
   'dark-gray': rgba(143,157,178,1),
   'gray': rgba(155,167,186,1),
   'light-gray': rgba(167,177,194,1),
   'dark-haze': rgba(227,232,240,1),
-  'haze': rgba(239,242,248,1),
-  'light-haze': rgba(249,250,252,1),
+  'haze': rgba(240,243,249,1),
+  'light-haze': rgba(251,252,254,1),
   'white': rgba(255,255,255,1)
 );
 $colors-global: (

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

@@ -98,11 +98,11 @@
 
 // Box shadows
 // ==================================================
-.box-shadow-bottom { box-shadow: 0 2px 3px color(dark-haze); }
-.box-shadow-left { box-shadow: -2px 0 3px color(dark-haze); }
-.box-shadow-right { box-shadow: 2px 0 3px color(dark-haze); }
-.box-shadow-top { box-shadow: 0 -2px 3px color(dark-haze); }
-.box-shadow { box-shadow: 0 0 3px color(dark-haze); }
+.box-shadow-bottom { box-shadow: 0 1px 2px darker-color(dark-haze); }
+.box-shadow-left { box-shadow: -1px 0 2px darker-color(dark-haze); }
+.box-shadow-right { box-shadow: 1px 0 2px darker-color(dark-haze); }
+.box-shadow-top { box-shadow: 0 -1px 2px darker-color(dark-haze); }
+.box-shadow { box-shadow: 0 0 2px darker-color(dark-haze); }
 
 // Border radiuses
 // ==================================================

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

@@ -5,7 +5,6 @@
 // Breadcrumb
 // ==================================================
 .breadcrumb {
-  font-weight: text-weight(semibold);
   list-style: none;
   padding: 0;
 

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

@@ -12,6 +12,14 @@
   height: 76px;
   line-height: 1;
   padding: 18px;
+
+  &.fixed {
+    left: 0;
+    position: fixed;
+    right: 0;
+    top: 0;
+    z-index: 1040;
+  }
 }
 .header-brand,
 .header-search,

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

@@ -20,9 +20,9 @@
 }
 .layout-body { width: 100%; }
 .layout-sidebar {
-  width: 360px;
+  width: 300px;
 
-  &:not(.hidden) + .layout-body { width: calc(100% - 360px); }
+  &:not(.hidden) + .layout-body { width: calc(100% - 300px); }
 
   &.fixed {
     left: 0;
@@ -47,9 +47,9 @@
 }
 @media only screen and (min-width: 768px) and (max-width: 959px) {
   .layout-sidebar {
-    width: 210px;
+    width: 220px;
 
-    &:not(.hidden) + .layout-body { width: calc(100% - 210px); }
+    &:not(.hidden) + .layout-body { width: calc(100% - 220px); }
     &.fixed + .layout-body { width: 100%; }
   }
 }

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

@@ -14,7 +14,7 @@
 .modal {
   background: color(white);
   border-radius: border-radius(b);
-  box-shadow: 0 0 6px darkish-color(dark-haze);
+  box-shadow: 0 0 3px dark-color(dark-haze);
   display: none;
   left: 0;
   margin: 0 auto;
@@ -25,6 +25,12 @@
   width: 560px;
   z-index: 1060;
 
+  &.clean {
+    background: color(transparent);
+    border-color: color(transparent);
+    box-shadow: none;
+  }
+
   &.fade {
     @include transition((opacity 0.2s linear, top 0.4s ease-in-out));
     top: -100%;
@@ -102,7 +108,7 @@
 // Backdrop
 // ==================================================
 .modal-backdrop {
-  background: transparentize(color(white), 0.15);
+  background: transparentize(color(white), 0.05);
   bottom: 0;
   height: 100%;
   left: 0;
@@ -116,6 +122,8 @@
 
     &.in { opacity: 1; }
   }
+
+  &.dark { background: transparentize(color(black), 0.05); }
 }
 
 // Media Queries

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

@@ -197,7 +197,7 @@
 
     > a {
       border-bottom: 2px solid color(transparent);
-      padding-bottom: 8px;
+      padding-bottom: 13px;
 
       &:hover,
       &:active,

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

@@ -72,7 +72,7 @@
 // Backdrop
 // ==================================================
 .spinner-backdrop {
-  background: transparentize(color(white), 0.15);
+  background: transparentize(color(white), 0.05);
   bottom: 0;
   height: 100%;
   left: 0;
@@ -80,4 +80,6 @@
   right: 0;
   top: 0;
   z-index: 2040;
+
+  &.dark { background: transparentize(color(black), 0.05); }
 }

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: active_frontend
 version: !ruby/object:Gem::Version
-  version: 14.0.16
+  version: 14.0.17
 platform: ruby
 authors:
 - Juan Gomez
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2016-11-15 00:00:00.000000000 Z
+date: 2016-11-19 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -206,6 +206,7 @@ files:
 - vendor/assets/javascripts/.DS_Store
 - vendor/assets/javascripts/.keep
 - vendor/assets/javascripts/active_frontend.js
+- vendor/assets/javascripts/base/_affirm.js
 - vendor/assets/javascripts/base/_affix.js
 - vendor/assets/javascripts/base/_alert.js
 - vendor/assets/javascripts/base/_animation.js
@@ -216,6 +217,7 @@ files:
 - vendor/assets/javascripts/base/_datepicker.js
 - vendor/assets/javascripts/base/_dropdown.js
 - vendor/assets/javascripts/base/_filepicker.js
+- vendor/assets/javascripts/base/_header.js
 - vendor/assets/javascripts/base/_hoverdown.js
 - vendor/assets/javascripts/base/_layout.js
 - vendor/assets/javascripts/base/_list.js