fae-rails 1.7.1 → 2.2.0

data/app/assets/javascripts/fae/form/_form_manager.js

@@ -0,0 +1,295 @@
+/* global Fae */
+
+/**
+ * Fae form manager
+ * @namespace form
+ * @memberof Fae
+ */
+Fae.form.formManager = {
+
+  $theForm:                 null,
+  $managerForm:             null,
+  savedFieldSettings:       null,
+  mainContentClass:         'main-content',
+  fmContainerClass:         'js-form-manager-container',
+  formManagerFormClass:     'form-manager-form',
+  launchManagerClass:       'js-launch-form-manager',
+  cancelManagerClass:       'js-form-manager-cancel',
+  saveAndCloseManagerClass: 'js-form-manager-submit',
+  helperTextTextElClass:    'helper_text_text',
+  infoAttr:                 'data-form-manager-info',
+  languageAttr:             'data-language',
+  requiredEl:               '<abbr title="required">*</abbr> ',
+  containerManagerDataId:   'data-form-manager-id',
+  ignoredFields: [
+    'seo_title',
+    'seo_description',
+    'social_media_title',
+    'social_media_description',
+    'social_media_image'
+  ],
+
+  init: function(formSelector) {
+    var _this      = this;
+    formSelector   = formSelector || 'form:first';
+    _this.$theForm = $(formSelector);
+
+    // Draw initial label/helper overrides
+    _this.setupAllFields(_this.$theForm);
+
+    $('body').on('click', '.'+_this.launchManagerClass, function(e) {
+      e.preventDefault();
+      _this.$theForm = $(this).parents('form');
+      _this._launchManager($(this));
+    });
+
+    $('body').on('click', '.'+_this.saveAndCloseManagerClass, function(e) {
+      e.preventDefault();
+      _this._saveAndCloseManager($(this));
+    });
+
+    $('body').on('click', '.'+_this.cancelManagerClass, function(e) {
+      e.preventDefault();
+      _this._closeManager($(this));
+    });
+
+  },
+
+  setupAllFields: function($theForm) {
+    _this = this;
+    if ($theForm.length && $theForm.attr(_this.infoAttr)) {
+      this.savedFieldSettings = JSON.parse($theForm.attr(_this.infoAttr));
+
+      $.each(JSON.parse(this.savedFieldSettings.fields), function(i, fieldSettings) {
+        _this._determineFieldSetup(fieldSettings);
+      });
+    }
+  },
+
+  _determineFieldSetup: function(fieldSettings) {
+    var $container = $('[data-form-manager-id="'+fieldSettings.formManagerId+'"]');
+    _this._setupField($container, fieldSettings.label, fieldSettings.helper);
+
+    if ($container.hasClass('image')) {
+      var $captionContainer = $('.' + fieldSettings.formManagerId + '_caption_container');
+      var $altContainer = $('.' + fieldSettings.formManagerId + '_alt_container');
+
+      if ($captionContainer) {
+        var captionLabel = fieldSettings.label + ' Caption';
+        _this._setupField($captionContainer, captionLabel, '');
+      }
+      if ($altContainer) {
+        var altLabel = fieldSettings.label + ' Alt Text';
+        _this._setupField($altContainer, altLabel, '');
+      }
+    }
+  },
+
+  _setupField: function($container, overriddenLabel, overriddenHelper) {
+    var _this = this;
+    if ($container.length) {
+      var $label                 = $container.find('label:first');
+      var $helperTextContainerEl = $container.find('h6');
+      var $labelInner            = $label.find('.label_inner');
+      var $labelTextEl           = $label;
+      if ($labelInner.length) {
+        $labelTextEl = $labelInner;
+      }
+      var $labelsCheckbox = $labelTextEl.find('input');
+
+      var newLabelText = '';
+      if ($container.hasClass('required') || $label.hasClass('required') || $labelInner.text().indexOf('*') !== -1) {
+        newLabelText = _this.requiredEl;
+      }
+
+      newLabelText += overriddenLabel;
+      $labelTextEl.html(newLabelText);
+
+      if($labelsCheckbox.length) {
+        $labelTextEl.append($labelsCheckbox);
+      }
+
+      // Don't mess with image alt text or caption helpers
+      if ($container.attr('class').indexOf('alt_container') !== -1
+          || $container.attr('class').indexOf('caption_container') !== -1
+         ) {
+        return;
+      }
+
+      // Just do the helper thing no matter what, aka allow empty
+      $label.removeClass('has_no_helper_text');
+
+      // Main form and nested form markup differs, deal with it
+      if ($container.find('h6').length) {
+        $label.find('.'+_this.helperTextTextElClass).text(overriddenHelper);
+      } else {
+        if ($helperTextContainerEl.length) {
+          $helperTextContainerEl.find('.'+_this.helperTextTextElClass).text(overriddenHelper);
+        } else {
+          $helperTextContainerEl = $('<h6 />', {class: 'helper_text'}).append($('<span />', {class: 'helper_text_text', text: overriddenHelper}));
+        }
+        $label.append($helperTextContainerEl);
+      }
+    }
+  },
+
+  _launchManager: function() {
+    var _this = this;
+
+    // Show all language inputs so we can manage them
+    _this.$theForm.find('['+_this.languageAttr+']').show();
+
+    _this.$managerForm =
+      $('<form />', {action: '#', class: _this.formManagerFormClass})
+        .append($('<header />', {class: 'content-header js-content-header js-will-be-sticky'})
+          .append($('<a />', {href: '#', text: 'Cancel', class: 'button '+_this.cancelManagerClass}))
+          .append($('<a />', {href: '#', text: 'Submit', class: 'button js-form-manager-submit'}))
+      );
+
+    // Insert a bunch of inputs for label/helper text
+    _this._gatherAndInjectManagerEls();
+
+    $('.'+_this.fmContainerClass).append(_this.$managerForm);
+    _this._revealManagerForm();
+
+  },
+
+  _gatherAndInjectManagerEls: function() {
+    $(_this.$theForm.find('['+_this.containerManagerDataId+']')).each(function(i) {
+      var $container    = $(this);
+
+      if ($container.hasClass('hidden') || !_this._shouldDisplayInManager($container)) { return; }
+
+      var $label        = $container.find('label:first');
+      var $labelTextEl  = $label;
+      var $labelInner   = $label.find('.label_inner');
+      if ($labelInner.length) {
+        $labelTextEl = $labelInner;
+      }
+      var $helperTextTextEl  = $label.find('.'+_this.helperTextTextElClass);
+      var containerManagerId = $container.attr(_this.containerManagerDataId);
+      var iDParts            = containerManagerId.split('_');
+      iDParts.shift();
+      var fMLabelText        = _this._titleize(iDParts.join(' '));
+      var labelInputValue    = $labelTextEl.clone().children().remove().end().text().replace('*','').trim();
+      var helperInputValue   = $helperTextTextEl.text();
+
+      var $fmFieldContainer             = $('<div />', {class: "form-section", 'data-form-manager-id': $container.attr('data-form-manager-id')});
+      var $fmSingleFieldContainer       = $('<div />', {class: "single-field"});
+      var $fmSingleHelperFieldContainer = $('<div />', {class: "single-field"});
+      var $fmFieldTitle                 = $('<div />', {class: "field_title"});
+      var $fmHelperFieldTitle           = $('<div />', {class: "field_title"});
+      var $fMLabel                      = $('<label />', {text: fMLabelText, class: 'fm_label'});
+      var $fMHelper                     = $('<label />', {text: 'Helper', class: 'fm_label'});
+      var $labelInput                   = $('<input />', {type: 'text', id: $container.attr('data-form-manager-id')+'_label_input', class: 'label_input', value: labelInputValue});
+      var $helperInput                  = $('<input />', {type: 'text', id: $container.attr('data-form-manager-id')+'_helper_input', class: 'helper_input', value: helperInputValue});
+
+      _this.$managerForm.append(
+        $fmFieldContainer.append(
+          $fmSingleFieldContainer.append(
+            $fmFieldTitle.append(
+              $fMLabel
+            ),
+            $labelInput
+          ),
+          $fmSingleHelperFieldContainer.append(
+            $fmHelperFieldTitle.append(
+              $fMHelper
+            ),
+            $helperInput
+          )
+        )
+      );
+
+    });
+  },
+
+  _revealManagerForm: function() {
+    var _this = this;
+    $('.'+_this.mainContentClass).hide();
+    $('.'+_this.fmContainerClass).show();
+    $('.'+_this.formManagerFormClass).fadeIn('fast');
+  },
+
+  _saveAndCloseManager: function() {
+    _this = this;
+    _this._submitManager();
+    _this._closeManager();
+  },
+
+  _closeManager: function() {
+    var _this = this;
+    $('.'+_this.fmContainerClass).children().remove();
+    $('.'+_this.mainContentClass).show();
+  },
+
+  _submitManager: function() {
+    var _this = this;
+    var payload = {
+      form_manager: {
+        form_manager_model_name: _this.$theForm.data('form-manager-model'),
+        form_manager_model_id:   _this.$theForm.data('form-manager-model-id'),
+        fields: {}
+      }
+    };
+
+    // Gather everything in the inputs for a POST
+    $.each(_this.$managerForm.find('['+_this.containerManagerDataId+']'), function(i) {
+      var $container    = $(this);
+      var formManagerId = $container.attr(_this.containerManagerDataId);
+      var requiredValue = $container.hasClass('required') ? 1 : 0;
+
+      payload.form_manager.fields[formManagerId] = {
+        formManagerId: formManagerId,
+        label:         $container.find('.label_input').val(),
+        helper:        $container.find('.helper_input').val(),
+        required:      requiredValue
+      };
+    });
+
+    // Reset the labels/helpers to the custom ones just made
+    $.each(payload.form_manager.fields, function(i, fieldSettings) {
+      _this._determineFieldSetup(fieldSettings);
+    });
+
+    $.ajax({
+      url: Fae.path+'/form_managers/update',
+      type: 'post',
+      data: payload,
+      headers: {
+        'X-CSRF-Token': $('meta[name="csrf-token"]').attr('content')
+      },
+      dataType: 'json',
+      success: function (data) {
+        // do something?
+      }
+    });
+
+  },
+
+  _shouldDisplayInManager: function($container) {
+    var _this = this;
+    var should = true;
+    $(_this.ignoredFields).each(function(i, fuzzyClass) {
+      if ($container.attr('class').indexOf(fuzzyClass) > -1) {
+        should = false;
+        return false;
+      }
+    });
+    return should;
+  },
+
+  _capitalize: function(str) {
+    return str.charAt(0).toUpperCase() + str.slice(1);
+  },
+
+  _titleize: function(str) {
+    var _this = this;
+    var string_array = str.split(' ');
+    string_array = string_array.map(function(str) {
+       return _this._capitalize(str);
+    });
+    return string_array.join(' ');
+  }
+
+};

data/app/assets/javascripts/fae/form/_slugger.js.erb

@@ -74,8 +74,8 @@ Fae.form.slugger = {
     slug_text = slug_text.join(' ');
 
     // Strip accented characters
-    var from = 'àáâãäæåçèéêëęēėìíîïñòóôõöùúûüýÿÀÁÂÃÄÇÈÉÊËÌÍÎÏÑÒÓÔÕÖÙÚÛÜÝ';
-    var to = 'aaaaaaaceeeeeeeiiiinooooouuuuyyAAAAACEEEEIIIINOOOOOUUUUY';
+    var from = 'âàáâãäæåçèéêëęēėìíîïñòóôõöùúûüýÿÀÁÂÃÄÇÈÉÊËÌÍÎÏÑÒÓÔÕÖÙÚÛÜÝ';
+    var to = 'aaaaaaaaceeeeeeeiiiinooooouuuuyyAAAAACEEEEIIIINOOOOOUUUUY';
 
     // Loop through all accented characters and replace with non-accents
     for (var i = 0; i < from.length; i++) {

data/app/assets/javascripts/fae/form/_validator.js

@@ -26,10 +26,13 @@ Fae.form.validator = {
   /**
    * Validate the entire form on submit and stop it if the form is invalid
    */
-  formValidate: function () {
+  formValidate: function ($scope) {
     var _this = this;
 
-    FCH.$document.on('submit', 'form:not([data-remote=true])', function (e) {
+    if (typeof($scope) === 'undefined'){
+      $scope = FCH.$document;
+    }
+    $scope.on('submit', 'form:not([data-remote=true])', function (e) {
       var $this = $(this);
 
       if ($this.data('passed_validation') !== 'true') {
@@ -58,7 +61,7 @@ Fae.form.validator = {
           }
         });
 
-        _this.testValidation($this);
+        _this.testValidation($this, $scope);
 
       }
 
@@ -69,7 +72,7 @@ Fae.form.validator = {
    * Tests a forms validation after all validation checks have responded
    * Polls validations responses every 50ms to allow uniqueness AJAX calls to complete
    */
-  testValidation: function($this) {
+  testValidation: function($this, $scope) {
     var _this = this;
     _this.validation_test_count++;
 
@@ -84,9 +87,11 @@ Fae.form.validator = {
 
           $this.submit();
         } else {
-          // otherwise scroll to the top to display alerts
+          // otherwise scroll to the top to display alerts (unless in a nested form scope)
           Fae.navigation.language.checkForHiddenErrors();
-          FCH.smoothScroll($('#js-main-header'), 500, 100, 0);
+          if (typeof($scope) === 'undefined') {
+            FCH.smoothScroll($('#js-main-header'), 500, 100, 0);
+          }
 
           if ($(".field_with_errors").length) {
             $('.alert').slideDown('fast').delay(3000).slideUp('fast');
@@ -108,10 +113,14 @@ Fae.form.validator = {
   /**
    * Bind validation events based on input type
    */
-  bindValidationEvents: function () {
+  bindValidationEvents: function ($scope) {
     var _this = this;
 
-    $('[data-validate]').each(function () {
+    if (typeof($scope) === 'undefined'){
+      $scope = $('body');
+    }
+
+    $scope.find('[data-validate]').each(function () {
       var $this = $(this);
 
       if ($this.data('validate').length) {
@@ -214,9 +223,9 @@ Fae.form.validator = {
 
     var $wrapper = $input.closest('.input');
     if ($wrapper.children('.error').length) {
-      $wrapper.children('.error').text(messages.join(','));
+      $wrapper.children('.error').text(messages.join(', '));
     } else {
-      $wrapper.addClass('field_with_errors').append("<span class='error'>" + messages.join(',') + "</span>");
+      $wrapper.addClass('field_with_errors').append("<span class='error'>" + messages.join(', ') + "</span>");
     }
   },
 
@@ -264,12 +273,13 @@ Fae.form.validator = {
       // if the kind matches, remove it from the array
       if (validations[i]['kind'] === kind) {
         validations.splice(i, 1);
+        i--;
+      } else {
+        // otherwise convert JSON back to a string
+        validations[i] = JSON.stringify(validations[i]);
       }
-
-      // convert JSON back to a string
-      validations[i] = JSON.stringify(validations[i]);
     }
-    $field.attr('data-validate', '[' + validations + ']');
+    $field.data('validate', '[' + validations + ']');
   },
 
   /**

data/app/assets/javascripts/fae/form/inputs/_color.js

@@ -23,8 +23,9 @@ Fae.form.color = {
         var inputOffset = $elm.offset().top;
         var distanceToBottom = $(document).height() - inputOffset;
         var top = distanceToBottom <= this.$UI._height ? 414 : inputOffset + $elm.innerHeight();
+        var left = $elm.offset().left;
 
-        return { left: 30, top: top }
+        return { left: left, top: top }
       },
       renderCallback: function($elm, toggled) {
         var colors = this.color.colors;

data/app/assets/javascripts/fae/form/inputs/_select.js

@@ -92,8 +92,11 @@ Fae.form.select = {
         })
       });
 
-      // Add actions to wraper
-      $deselect_all_action.insertAfter($chosen);
+      // prevent duplicate link from being added when nested form re-renders on the page after saving
+      if (!$('.js-multiselect-action-deselect_all').length > 0) {
+        // Add actions to wraper
+        $deselect_all_action.insertAfter($chosen);
+      }
 
       // Add special "Select All" option and notify Chosen of new option
       addSelectAllOption($element)

data/app/assets/javascripts/fae/navigation/_language.js

@@ -83,7 +83,7 @@ Fae.navigation.language = {
    */
   checkForHiddenErrors: function() {
     if (this.el.$select.length && $('div.field_with_errors:hidden').length && !FCH.exists('.hidden_errors')) {
-      $(Fae.content_selector).prepend('<div class="hidden_errors field_with_errors"><span class="error">There are hidden errors. Click "All Languages" in the language nav to view all errors.</span></div>');
+      $('.content').prepend('<div class="hidden_errors field_with_errors"><span class="error">There are hidden errors. Click "All Languages" in the language nav to view all errors.</span></div>');
     }
   }
 };

data/app/assets/javascripts/fae/navigation/_navigation.js

@@ -167,27 +167,15 @@ Fae.navigation = {
   stickyHeaders: function(just_headers) {
     just_headers = FCH.setDefault(just_headers, false);
 
-    if(FCH.exists('.js-content-header')) {
-      var $header = $('.js-content-header');
-      var sidebar_top_offset = (parseInt( $header.outerHeight(), 10) + 30) + 'px';
-      $('#js-sidenav').css('padding-top', sidebar_top_offset );
-
-      $header.sticky({
-        placeholder: true,
-        perpetual_placeholder: true,
-        ignore_placeholder_offsets: true
-      });
-
-    // @depreciation - remove else block in 2.0
-    } else {
-      var $header = $('.main_content-header');
-      var sidebar_top_offset = (parseInt( $header.outerHeight(), 10) + 30) + 'px';
-      $('#js-sidenav').css('padding-top', sidebar_top_offset );
-
-      $('.main_content-header').sticky({
-        placeholder: true
-      });
-    }
+    var $header = $('.js-content-header');
+    var sidebar_top_offset = (parseInt( $header.outerHeight(), 10) + 30) + 'px';
+    $('#js-sidenav').css('padding-top', sidebar_top_offset );
+
+    $header.sticky({
+      placeholder: true,
+      perpetual_placeholder: true,
+      ignore_placeholder_offsets: true
+    });
 
     if (!just_headers) {
       $('#js-sidenav').sticky();

data/app/assets/javascripts/fae/navigation/_subnav_highlighter.js

@@ -8,18 +8,7 @@
 Fae.navigation.subnav_highlighter = {
   init: function() {
     //only run everything if there is a subnav area
-    // @depreciation - change conditional to FCH.exists('.content-header-subnav') in v2.0
-    if (FCH.exists('.main_content-header-section-links') || FCH.exists('.content-header-subnav')) {
-      // @depreciation - remove entire conditional block (following 7 lines) in v2.0
-      if(Fae.content_selector === '.content') {
-        this.section_class = Fae.content_selector;
-        this.subnav_class = '#js-content-header-subnav';
-        this.addBuffer();
-      } else {
-        this.section_class = '.main_content-section';
-        this.subnav_class = '.main_content-header-section-links';
-      }
-
+    if (FCH.exists('.content-header-subnav')) {
       this.FCHListeners();
 
       //makes the subnav clicks
@@ -27,28 +16,10 @@ Fae.navigation.subnav_highlighter = {
     }
   },
 
-  /**
-   * Add space above subnav links if they're present
-   * @depreciation - Remove this function in favor of a better HTML solution in form_header in a v2.0 refactor.
-   */
-  addBuffer: function() {
-    var $subnav = $( this.subnav_class );
-    var height = $subnav.css('height');
-    $subnav.parent().css('padding-bottom', height);
-  },
-
   /**
    * Since subnavHighlighter is not a direct child of Fae and therefore unknown to FCH, these listeners are saved in private functions in this method
    */
   FCHListeners: function() {
-    // @depreciation - change value of section_class to '.content' in v2.0
-    var section_class = this.section_class;
-    // @depreciation - change value of subnav_class to '#js-content-header-subnav' in v2.0
-    // Ideally, form_header will include header.content-header.js-content-header
-    var subnav_class = this.subnav_class;
-    // @depreciation - remove legacy_buffer expression in v2.0 (the value should be 0, so it will be unnecessary)
-    var legacy_buffer = section_class === Fae.content_selector ? 0 : 32;
-
     /**
      * On scroll, change highlight of nav item. Bread and butter of this subclass.
      * @private
@@ -56,11 +27,11 @@ Fae.navigation.subnav_highlighter = {
     function scrollCallback() {
       var scroll_top = FCH.$window.scrollTop();
 
-      $(section_class).each(function(index) {
+      $('.content').each(function(index) {
         var $this = $(this);
-        var position = $this.position().top - scroll_top - legacy_buffer;
+        var position = $this.position().top - scroll_top;
         var $link = $('a[href="#' + $this.attr('id') + '"]').parent();
-        var is_scrolled_to_bottom = scroll_top - legacy_buffer >= (FCH.$document.outerHeight() - FCH.dimensions.wh);
+        var is_scrolled_to_bottom = scroll_top >= (FCH.$document.outerHeight() - FCH.dimensions.wh);
 
         $link.removeClass('-active');
         if (position <= 0 || index === 0 || is_scrolled_to_bottom) {
@@ -80,11 +51,7 @@ Fae.navigation.subnav_highlighter = {
    * Smooth scrolling on anchor links in the tab area.
    */
   anchorClickListener: function() {
-    // @depreciation - replace scroll_offset_selector variable with string '.content-header' in v2.0
-    var scroll_offset_selector = FCH.exists('.main_content-header') ? '.main_content-header' : '.content-header';
-    var scroll_offset = parseInt( $(scroll_offset_selector).css('height'), 10 );
-    // @depreciation - remove should_find_h2 in v2.0
-    var should_find_h2 = this.section_class === Fae.content_selector;
+    var scroll_offset = parseInt( $('.content-header').css('height'), 10 );
 
     /**
      * Smoothly scroll to destination if it's a link to the current page
@@ -98,8 +65,7 @@ Fae.navigation.subnav_highlighter = {
         var $target = $(this.hash);
         $target = $target.length ? $target : $('[name=' + this.hash.slice(1) + ']');
 
-        // @depreciation - remove conditional wrapping (keep $target = ... and scroll_offset -= ...) in v2.0
-        if(should_find_h2 && $target.find('h2').length) {
+        if($target.find('h2').length) {
           $target = $target.find('h2');
           scroll_offset -= 2;
         }
@@ -110,6 +76,6 @@ Fae.navigation.subnav_highlighter = {
       }
     }
 
-    $(this.subnav_class + ' a').on('click', scroller);
+    $('#js-content-header-subnav a').on('click', scroller);
   },
 };

data/app/assets/javascripts/fae/vendor/jqColorPicker.min.js

@@ -1,4 +1,3 @@
 /*! tinyColorPicker - v1.1.1 2016-07-15 */
 
 !function(a,b){"object"==typeof exports?module.exports=b(a):"function"==typeof define&&define.amd?define("colors",[],function(){return b(a)}):a.Colors=b(a)}(this,function(a,b){"use strict";function c(a,c,d,f,g){if("string"==typeof c){var c=v.txt2color(c);d=c.type,p[d]=c[d],g=g!==b?g:c.alpha}else if(c)for(var h in c)a[d][h]=k(c[h]/l[d][h][1],0,1);return g!==b&&(a.alpha=k(+g,0,1)),e(d,f?a:b)}function d(a,b,c){var d=o.options.grey,e={};return e.RGB={r:a.r,g:a.g,b:a.b},e.rgb={r:b.r,g:b.g,b:b.b},e.alpha=c,e.equivalentGrey=n(d.r*a.r+d.g*a.g+d.b*a.b),e.rgbaMixBlack=i(b,{r:0,g:0,b:0},c,1),e.rgbaMixWhite=i(b,{r:1,g:1,b:1},c,1),e.rgbaMixBlack.luminance=h(e.rgbaMixBlack,!0),e.rgbaMixWhite.luminance=h(e.rgbaMixWhite,!0),o.options.customBG&&(e.rgbaMixCustom=i(b,o.options.customBG,c,1),e.rgbaMixCustom.luminance=h(e.rgbaMixCustom,!0),o.options.customBG.luminance=h(o.options.customBG,!0)),e}function e(a,b){var c,e,k,q=b||p,r=v,s=o.options,t=l,u=q.RND,w="",x="",y={hsl:"hsv",rgb:a},z=u.rgb;if("alpha"!==a){for(var A in t)if(!t[A][A]){a!==A&&(x=y[A]||"rgb",q[A]=r[x+"2"+A](q[x])),u[A]||(u[A]={}),c=q[A];for(w in c)u[A][w]=n(c[w]*t[A][w][1])}z=u.rgb,q.HEX=r.RGB2HEX(z),q.equivalentGrey=s.grey.r*q.rgb.r+s.grey.g*q.rgb.g+s.grey.b*q.rgb.b,q.webSave=e=f(z,51),q.webSmart=k=f(z,17),q.saveColor=z.r===e.r&&z.g===e.g&&z.b===e.b?"web save":z.r===k.r&&z.g===k.g&&z.b===k.b?"web smart":"",q.hueRGB=v.hue2RGB(q.hsv.h),b&&(q.background=d(z,q.rgb,q.alpha))}var B,C,D,E=q.rgb,F=q.alpha,G="luminance",H=q.background;return B=i(E,{r:0,g:0,b:0},F,1),B[G]=h(B,!0),q.rgbaMixBlack=B,C=i(E,{r:1,g:1,b:1},F,1),C[G]=h(C,!0),q.rgbaMixWhite=C,s.customBG&&(D=i(E,H.rgbaMixCustom,F,1),D[G]=h(D,!0),D.WCAG2Ratio=j(D[G],H.rgbaMixCustom[G]),q.rgbaMixBGMixCustom=D,D.luminanceDelta=m.abs(D[G]-H.rgbaMixCustom[G]),D.hueDelta=g(H.rgbaMixCustom,D,!0)),q.RGBLuminance=h(z),q.HUELuminance=h(q.hueRGB),s.convertCallback&&s.convertCallback(q,a),q}function f(a,b){var c={},d=0,e=b/2;for(var f in a)d=a[f]%b,c[f]=a[f]+(d>e?b-d:-d);return c}function g(a,b,c){return(m.max(a.r-b.r,b.r-a.r)+m.max(a.g-b.g,b.g-a.g)+m.max(a.b-b.b,b.b-a.b))*(c?255:1)/765}function h(a,b){for(var c=b?1:255,d=[a.r/c,a.g/c,a.b/c],e=o.options.luminance,f=d.length;f--;)d[f]=d[f]<=.03928?d[f]/12.92:m.pow((d[f]+.055)/1.055,2.4);return e.r*d[0]+e.g*d[1]+e.b*d[2]}function i(a,c,d,e){var f={},g=d!==b?d:1,h=e!==b?e:1,i=g+h*(1-g);for(var j in a)f[j]=(a[j]*g+c[j]*h*(1-g))/i;return f.a=i,f}function j(a,b){var c=1;return c=a>=b?(a+.05)/(b+.05):(b+.05)/(a+.05),n(100*c)/100}function k(a,b,c){return a>c?c:b>a?b:a}var l={rgb:{r:[0,255],g:[0,255],b:[0,255]},hsv:{h:[0,360],s:[0,100],v:[0,100]},hsl:{h:[0,360],s:[0,100],l:[0,100]},alpha:{alpha:[0,1]},HEX:{HEX:[0,16777215]}},m=a.Math,n=m.round,o={},p={},q={r:.298954,g:.586434,b:.114612},r={r:.2126,g:.7152,b:.0722},s=function(a){this.colors={RND:{}},this.options={color:"rgba(0,0,0,0)",grey:q,luminance:r,valueRanges:l},t(this,a||{})},t=function(a,d){var e,f=a.options;u(a);for(var g in d)d[g]!==b&&(f[g]=d[g]);e=f.customBG,f.customBG="string"==typeof e?v.txt2color(e).rgb:e,p=c(a.colors,f.color,b,!0)},u=function(a){o!==a&&(o=a,p=a.colors)};s.prototype.setColor=function(a,d,f){return u(this),a?c(this.colors,a,d,b,f):(f!==b&&(this.colors.alpha=k(f,0,1)),e(d))},s.prototype.setCustomBackground=function(a){return u(this),this.options.customBG="string"==typeof a?v.txt2color(a).rgb:a,c(this.colors,b,"rgb")},s.prototype.saveAsBackground=function(){return u(this),c(this.colors,b,"rgb",!0)},s.prototype.toString=function(a,b){return v.color2text((a||"rgb").toLowerCase(),this.colors,b)};var v={txt2color:function(a){var b={},c=a.replace(/(?:#|\)|%)/g,"").split("("),d=(c[1]||"").split(/,\s*/),e=c[1]?c[0].substr(0,3):"rgb",f="";if(b.type=e,b[e]={},c[1])for(var g=3;g--;)f=e[g]||e.charAt(g),b[e][f]=+d[g]/l[e][f][1];else b.rgb=v.HEX2rgb(c[0]);return b.alpha=d[3]?+d[3]:1,b},color2text:function(a,b,c){var d=c!==!1&&n(100*b.alpha)/100,e="number"==typeof d&&c!==!1&&(c||1!==d),f=b.RND.rgb,g=b.RND.hsl,h="hex"===a&&e,i="hex"===a&&!h,j="rgb"===a||h,k=j?f.r+", "+f.g+", "+f.b:i?"#"+b.HEX:g.h+", "+g.s+"%, "+g.l+"%";return i?k:(h?"rgb":a)+(e?"a":"")+"("+k+(e?", "+d:"")+")"},RGB2HEX:function(a){return((a.r<16?"0":"")+a.r.toString(16)+(a.g<16?"0":"")+a.g.toString(16)+(a.b<16?"0":"")+a.b.toString(16)).toUpperCase()},HEX2rgb:function(a){return a=a.split(""),{r:+("0x"+a[0]+a[a[3]?1:0])/255,g:+("0x"+a[a[3]?2:1]+(a[3]||a[1]))/255,b:+("0x"+(a[4]||a[2])+(a[5]||a[2]))/255}},hue2RGB:function(a){var b=6*a,c=~~b%6,d=6===b?0:b-c;return{r:n(255*[1,1-d,0,0,d,1][c]),g:n(255*[d,1,1,1-d,0,0][c]),b:n(255*[0,0,d,1,1,1-d][c])}},rgb2hsv:function(a){var b,c,d,e=a.r,f=a.g,g=a.b,h=0;return g>f&&(f=g+(g=f,0),h=-1),c=g,f>e&&(e=f+(f=e,0),h=-2/6-h,c=m.min(f,g)),b=e-c,d=e?b/e:0,{h:1e-15>d?p&&p.hsl&&p.hsl.h||0:b?m.abs(h+(f-g)/(6*b)):0,s:e?b/e:p&&p.hsv&&p.hsv.s||0,v:e}},hsv2rgb:function(a){var b=6*a.h,c=a.s,d=a.v,e=~~b,f=b-e,g=d*(1-c),h=d*(1-f*c),i=d*(1-(1-f)*c),j=e%6;return{r:[d,h,g,g,i,d][j],g:[i,d,d,h,g,g][j],b:[g,g,i,d,d,h][j]}},hsv2hsl:function(a){var b=(2-a.s)*a.v,c=a.s*a.v;return c=a.s?1>b?b?c/b:0:c/(2-b):0,{h:a.h,s:a.v||c?c:p&&p.hsl&&p.hsl.s||0,l:b/2}},rgb2hsl:function(a,b){var c=v.rgb2hsv(a);return v.hsv2hsl(b?c:p.hsv=c)},hsl2rgb:function(a){var b=6*a.h,c=a.s,d=a.l,e=.5>d?d*(1+c):d+c-c*d,f=d+d-e,g=e?(e-f)/e:0,h=~~b,i=b-h,j=e*g*i,k=f+j,l=e-j,m=h%6;return{r:[e,l,f,f,k,e][m],g:[k,e,e,l,f,f][m],b:[f,f,k,e,e,l][m]}}};return s}),function(a,b){"object"==typeof exports?module.exports=b(a,require("jquery"),require("colors")):"function"==typeof define&&define.amd?define(["jquery","colors"],function(c,d){return b(a,c,d)}):b(a,a.jQuery,a.Colors)}(this,function(a,b,c,d){"use strict";function e(a){return a.value||a.getAttribute("value")||b(a).css("background-color")||"#FFF"}function f(a){return a=a.originalEvent&&a.originalEvent.touches?a.originalEvent.touches[0]:a,a.originalEvent?a.originalEvent:a}function g(a){return b(a.find(r.doRender)[0]||a[0])}function h(c){var d=b(this),f=d.offset(),h=b(a),k=r.gap;c?(s=g(d),s._colorMode=s.data("colorMode"),p.$trigger=d,(t||i()).css(r.positionCallback.call(p,d)||{left:(t._left=f.left)-((t._left+=t._width-(h.scrollLeft()+h.width()))+k>0?t._left+k:0),top:(t._top=f.top+d.outerHeight())-((t._top+=t._height-(h.scrollTop()+h.height()))+k>0?t._top+k:0)}).show(r.animationSpeed,function(){c!==!0&&(y.toggle(!!r.opacity)._width=y.width(),v._width=v.width(),v._height=v.height(),u._height=u.height(),q.setColor(e(s[0])),n(!0))}).off(".tcp").on(D,".cp-xy-slider,.cp-z-slider,.cp-alpha",j)):p.$trigger&&b(t).hide(r.animationSpeed,function(){n(!1),p.$trigger=null}).off(".tcp")}function i(){return b("head").append('<style type="text/css" id="tinyColorPickerStyles">'+(r.css||I)+(r.cssAddon||"")+"</style>"),b(H).css({margin:r.margin}).appendTo("body").show(0,function(){p.$UI=t=b(this),F=r.GPU&&t.css("perspective")!==d,u=b(".cp-z-slider",this),v=b(".cp-xy-slider",this),w=b(".cp-xy-cursor",this),x=b(".cp-z-cursor",this),y=b(".cp-alpha",this),z=b(".cp-alpha-cursor",this),r.buildCallback.call(p,t),t.prepend("<div>").children().eq(0).css("width",t.children().eq(0).width()),t._width=this.offsetWidth,t._height=this.offsetHeight}).hide()}function j(a){var c=this.className.replace(/cp-(.*?)(?:\s*|$)/,"$1").replace("-","_");(a.button||a.which)>1||(a.preventDefault&&a.preventDefault(),a.returnValue=!1,s._offset=b(this).offset(),(c="xy_slider"===c?k:"z_slider"===c?l:m)(a),n(),A.on(E,function(){A.off(".tcp")}).on(C,function(a){c(a),n()}))}function k(a){var b=f(a),c=b.pageX-s._offset.left,d=b.pageY-s._offset.top;q.setColor({s:c/v._width*100,v:100-d/v._height*100},"hsv")}function l(a){var b=f(a).pageY-s._offset.top;q.setColor({h:360-b/u._height*360},"hsv")}function m(a){var b=f(a).pageX-s._offset.left,c=b/y._width;q.setColor({},"rgb",c)}function n(a){var b=q.colors,c=b.hueRGB,e=(b.RND.rgb,b.RND.hsl,r.dark),f=r.light,g=q.toString(s._colorMode,r.forceAlpha),h=b.HUELuminance>.22?e:f,i=b.rgbaMixBlack.luminance>.22?e:f,j=(1-b.hsv.h)*u._height,k=b.hsv.s*v._width,l=(1-b.hsv.v)*v._height,m=b.alpha*y._width,n=F?"translate3d":"",p=s[0].value,t=s[0].hasAttribute("value")&&""===p&&a!==d;v._css={backgroundColor:"rgb("+c.r+","+c.g+","+c.b+")"},w._css={transform:n+"("+k+"px, "+l+"px, 0)",left:F?"":k,top:F?"":l,borderColor:b.RGBLuminance>.22?e:f},x._css={transform:n+"(0, "+j+"px, 0)",top:F?"":j,borderColor:"transparent "+h},y._css={backgroundColor:"#"+b.HEX},z._css={transform:n+"("+m+"px, 0, 0)",left:F?"":m,borderColor:i+" transparent"},s._css={backgroundColor:t?"":g,color:t?"":b.rgbaMixBGMixCustom.luminance>.22?e:f},s.text=t?"":p!==g?g:"",a!==d?o(a):G(o)}function o(a){v.css(v._css),w.css(w._css),x.css(x._css),y.css(y._css),z.css(z._css),r.doRender&&s.css(s._css),s.text&&s.val(s.text),r.renderCallback.call(p,s,"boolean"==typeof a?a:d)}var p,q,r,s,t,u,v,w,x,y,z,A=b(document),B=b(),C="touchmove.tcp mousemove.tcp pointermove.tcp",D="touchstart.tcp mousedown.tcp pointerdown.tcp",E="touchend.tcp mouseup.tcp pointerup.tcp",F=!1,G=a.requestAnimationFrame||a.webkitRequestAnimationFrame||function(a){a()},H='<div class="cp-color-picker"><div class="cp-z-slider"><div class="cp-z-cursor"></div></div><div class="cp-xy-slider"><div class="cp-white"></div><div class="cp-xy-cursor"></div></div><div class="cp-alpha"><div class="cp-alpha-cursor"></div></div></div>',I=".cp-color-picker{position:absolute;overflow:hidden;padding:6px 6px 0;background-color:#444;color:#bbb;font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:400;cursor:default;border-radius:5px}.cp-color-picker>div{position:relative;overflow:hidden}.cp-xy-slider{float:left;height:128px;width:128px;margin-bottom:6px;background:linear-gradient(to right,#FFF,rgba(255,255,255,0))}.cp-white{height:100%;width:100%;background:linear-gradient(rgba(0,0,0,0),#000)}.cp-xy-cursor{position:absolute;top:0;width:10px;height:10px;margin:-5px;border:1px solid #fff;border-radius:100%;box-sizing:border-box}.cp-z-slider{float:right;margin-left:6px;height:128px;width:20px;background:linear-gradient(red 0,#f0f 17%,#00f 33%,#0ff 50%,#0f0 67%,#ff0 83%,red 100%)}.cp-z-cursor{position:absolute;margin-top:-4px;width:100%;border:4px solid #fff;border-color:transparent #fff;box-sizing:border-box}.cp-alpha{clear:both;width:100%;height:16px;margin:6px 0;background:linear-gradient(to right,#444,rgba(0,0,0,0))}.cp-alpha-cursor{position:absolute;margin-left:-4px;height:100%;border:4px solid #fff;border-color:#fff transparent;box-sizing:border-box}",J=function(a){q=this.color=new c(a),r=q.options,p=this};J.prototype={render:n,toggle:h},b.fn.colorPicker=function(c){var d=this,f=function(){};return c=b.extend({animationSpeed:150,GPU:!0,doRender:!0,customBG:"#FFF",opacity:!0,renderCallback:f,buildCallback:f,positionCallback:f,body:document.body,scrollResize:!0,gap:4,dark:"#222",light:"#DDD"},c),!p&&c.scrollResize&&b(a).on("resize.tcp scroll.tcp",function(){p.$trigger&&p.toggle.call(p.$trigger[0],!0)}),B=B.add(this),this.colorPicker=p||new J(c),this.options=c,b(c.body).off(".tcp").on(D,function(a){-1===B.add(t).add(b(t).find(a.target)).index(a.target)&&h()}),this.on("focusin.tcp click.tcp",function(a){p.color.options=b.extend(p.color.options,r=d.options),h.call(this,a)}).on("change.tcp",function(){q.setColor(this.value||"#FFF"),d.colorPicker.render(!0)}).each(function(){var a=e(this),d=a.split("("),f=g(b(this));f.data("colorMode",d[1]?d[0].substr(0,3):"HEX").attr("readonly",r.preventFocus),c.doRender&&f.css({"background-color":a,color:function(){return q.setColor(a).rgbaMixBGMixCustom.luminance>.22?c.dark:c.light}})})},b.fn.colorPicker.destroy=function(){b("*").off(".tcp"),p.toggle(!1),B=b()}});
-//# sourceMappingURL=jqColorPicker.js.map

data/app/assets/stylesheets/fae/base.scss

@@ -32,7 +32,8 @@
   'globals/navigation/sidenav',
   'globals/navigation/mobilenav',
   'globals/navigation/utility',
-  'globals/navigation/search'
+  'globals/navigation/search',
+  'globals/navigation/multi-col-subnav'
 ;
 
 // Tables
@@ -52,6 +53,7 @@
 @import
   'modules/buttons',
   'modules/modal',
+  'modules/deploy',
   'modules/toggles',
   'modules/alerts'
 ;
@@ -70,17 +72,14 @@
   'modules/forms/colorpicker',
   'modules/forms/hints',
   'modules/forms/validation',
-  'modules/forms/simple-mde'
+  'modules/forms/simple-mde',
+  'modules/forms/form-manager'
 ;
 
 // Pages
 @import
   'pages/error',
   'pages/login',
-  'pages/help'
-;
-
-// Legacy styles
-@import
-  'globals/legacy/pre-1.3'
+  'pages/help',
+  'pages/home'
 ;

data/app/assets/stylesheets/fae/globals/imports/_variables.scss

@@ -7,8 +7,6 @@ $custom-breakpoints: () !default;
 
 // Fae-specific breakpoints
 $fae-breakpoints: (
-  // @depreciation - remove page_header_save_block in v2.0
-  'page_header_save_block': ( max-width:  615px ),
   'login_container':        ( min-width: 700px ),
   'login_submit':           ( min-width: 500px ),
 );
@@ -91,6 +89,7 @@ $c-chosen-gradient-end: $c-light-grey !default;
 $c-chosen-multi-bg: $c-lightest-grey !default;
 $c-chosen-multi-text: $c-dark-grey !default;
 $c-chosen-multi-delete: $c-darker-grey !default;
+$c-focus-border: $c-mid-dark-grey !default;
 
 // Yes / No Sliders
 $c-slider-no-color: $c-light-grey !default;