para 0.9.4 → 0.11.0

data/app/assets/stylesheets/para/lib/compass/css3/_transition.scss

@@ -0,0 +1,190 @@
+@import "para/lib/compass/support";
+
+// The the user threshold for transition support. Defaults to `$graceful-usage-threshold`
+$transition-support-threshold: $graceful-usage-threshold !default;
+
+
+// CSS Transitions
+// Currently only works in Webkit.
+//
+// * expected in CSS3, FireFox 3.6/7 and Opera Presto 2.3
+// * We'll be prepared.
+//
+// Including this submodule sets following defaults for the mixins:
+//
+//     $default-transition-property : all
+//     $default-transition-duration : 1s
+//     $default-transition-function : false
+//     $default-transition-delay    : false
+//
+// Override them if you like. Timing-function and delay are set to false for browser defaults (ease, 0s).
+
+$default-transition-property: all !default;
+
+$default-transition-duration: 1s !default;
+
+$default-transition-function: null !default;
+
+$default-transition-delay: null !default;
+
+$transitionable-prefixed-values: transform, transform-origin !default;
+
+
+
+// Checks if the value given is a unit of time.
+@function is-time($value) {
+  @return if(type-of($value) == number, not not index(s ms, unit($value)), false);
+}
+
+// Returns `$property` with the given prefix if it is found in `$transitionable-prefixed-values`.
+@function prefixed-for-transition($prefix, $property) {
+  @if not $prefix {
+    @return $property;
+  }
+  @if type-of($property) == list or type-of($property) == arglist {
+    $new-list: comma-list();
+    @each $v in $property {
+      $new-list: append($new-list, prefixed-for-transition($prefix, $v));
+    }
+    @return $new-list;
+  } @else {
+    @if index($transitionable-prefixed-values, $property) {
+      @return #{$prefix}-#{$property};
+    } @else {
+      @return $property;
+    }
+  }
+}
+
+// Returns $transition-map which includes key and values that map to a transition declaration
+@function transition-map($transition) {
+  $transition-map: ();
+
+  @each $item in $transition {
+    @if is-time($item) {
+      @if map-has-key($transition-map, duration) {
+        $transition-map: map-merge($transition-map, (delay: $item));
+      } @else {
+        $transition-map: map-merge($transition-map, (duration: $item));
+      }
+    } @else if map-has-key($transition-map, property) {
+      $transition-map: map-merge($transition-map, (timing-function: $item));
+    } @else {
+      $transition-map: map-merge($transition-map, (property: $item));
+    }
+  }
+
+  @return $transition-map;
+}
+
+// One or more properties to transition
+//
+// * for multiple, use a comma-delimited list
+// * also accepts "all" or "none"
+
+@mixin transition-property($properties...) {
+  $properties: set-arglist-default($properties, $default-transition-property);
+  @include with-each-prefix(css-transitions, $transition-support-threshold) {
+    $props: if($current-prefix, prefixed-for-transition($current-prefix, $properties), $properties);
+    @include prefix-prop(transition-property, $props);
+  }
+}
+
+// One or more durations in seconds
+//
+// * for multiple, use a comma-delimited list
+// * these durations will affect the properties in the same list position
+
+@mixin transition-duration($durations...) {
+  $durations: set-arglist-default($durations, $default-transition-duration);
+  @include prefixed-properties(css-transitions, $transition-support-threshold, (
+    transition-duration: $durations
+  ));
+}
+
+// One or more timing functions
+//
+// * [ ease | linear | ease-in | ease-out | ease-in-out | cubic-bezier(x1, y1, x2, y2)]
+// * For multiple, use a comma-delimited list
+// * These functions will effect the properties in the same list position
+
+@mixin transition-timing-function($functions...) {
+  $functions: set-arglist-default($functions, $default-transition-function);
+  @include prefixed-properties(css-transitions, $transition-support-threshold, (
+    transition-timing-function: $functions
+  ));
+}
+
+// One or more transition-delays in seconds
+//
+// * for multiple, use a comma-delimited list
+// * these delays will effect the properties in the same list position
+
+@mixin transition-delay($delays...) {
+  $delays: set-arglist-default($delays, $default-transition-delay);
+  @include prefixed-properties(css-transitions, $transition-support-threshold, (
+    transition-delay: $delays
+  ));
+}
+
+// Transition all-in-one shorthand
+
+@mixin single-transition(
+  $property: $default-transition-property,
+  $duration: $default-transition-duration,
+  $function: $default-transition-function,
+  $delay: $default-transition-delay
+) {
+  @include transition(compact($property $duration $function $delay));
+}
+
+@mixin transition($transitions...) {
+  $default: (compact($default-transition-property $default-transition-duration $default-transition-function $default-transition-delay),);
+  $transitions: if(length($transitions) == 1 and type-of(nth($transitions, 1)) == list and list-separator(nth($transitions, 1)) == comma, nth($transitions, 1), $transitions);
+  $transitions: set-arglist-default($transitions, $default);
+
+
+  @include with-each-prefix(css-transitions, $transition-support-threshold) {
+    $delays: comma-list();
+    $transitions-without-delays: comma-list();
+    $transitions-with-delays: comma-list();
+    $has-delays: false;
+
+
+    // This block can be made considerably simpler at the point in time that
+    // we no longer need to deal with the differences in how delays are treated.
+    @each $transition in $transitions {
+      // Declare initial values for transition
+      $transition: transition-map($transition);
+
+      $property: map-get($transition, property);
+      $duration: map-get($transition, duration);
+      $timing-function: map-get($transition, timing-function);
+      $delay: map-get($transition, delay);
+
+      // Parse transition string to assign values into correct variables
+      $has-delays: $has-delays or $delay;
+
+      @if $current-prefix == -webkit {
+        // Keep a list of delays in case one is specified
+        $delays: append($delays, if($delay, $delay, 0s));
+        $transitions-without-delays: append($transitions-without-delays,
+          prefixed-for-transition($current-prefix, $property) $duration $timing-function);
+      } @else {
+        $transitions-with-delays: append($transitions-with-delays,
+          prefixed-for-transition($current-prefix, $property) $duration $timing-function $delay);
+      }
+    }
+
+    @if $current-prefix == -webkit {
+      @include prefix-prop(transition, $transitions-without-delays);
+      @if $has-delays {
+        @include prefix-prop(transition-delay, $delays);
+      }
+    } @else if $current-prefix {
+      @include prefix-prop(transition, $transitions-with-delays);
+    } @else {
+      transition: $transitions-with-delays;
+    }
+  }
+}

data/app/assets/stylesheets/para/lib/compass/css3/_user-interface.scss

@@ -0,0 +1,71 @@
+// User Interface
+// This file can be expanded to handle all the user interface properties as
+// they become available in browsers:
+// http://www.w3.org/TR/2000/WD-css3-userint-20000216
+
+@import "para/lib/compass/support";
+
+// The prefixed support threshold for user-select.
+// Defaults to the $graceful-usage-threshold.
+$userselect-support-threshold: $graceful-usage-threshold !default;
+
+// This property controls the selection model and granularity of an element.
+//
+// @param $select
+//   [ none | text | toggle | element | elements | all | inherit ]
+@mixin user-select($select) {
+  $select: unquote($select);
+
+  @include with-each-prefix(user-select-none, $userselect-support-threshold) {
+    // old Firefox used a proprietary `-moz-none` value, starting with Firefox 21 `none` behaves like `-moz-none`
+    // @link https://developer.mozilla.org/en-US/docs/Web/CSS/user-select
+    @include prefix-prop(user-select, if($current-prefix == -moz and $select == 'none', -moz-none, $select));
+  }
+}
+
+// The prefixed support threshold for input-placeholder.
+// Defaults to the $graceful-usage-threshold.
+$input-placeholder-support-threshold: $graceful-usage-threshold !default;
+
+// Style the html5 input placeholder in browsers that support it.
+//
+// The styles for the input placeholder are passed as mixin content
+// and the selector comes from the mixin's context.
+//
+// For example:
+//
+//     #{elements-of-type(text-input)} {
+//       @include input-placeholder {
+//         color: #bfbfbf;
+//         font-style: italic;
+//       }
+//     }
+//
+// if you want to apply the placeholder styles to all elements supporting
+// the `input-placeholder` pseudo class (beware of performance impacts):
+//
+//     * {
+//       @include input-placeholder {
+//         color: #bfbfbf;
+//         font-style: italic;
+//       }
+//     }
+@mixin input-placeholder {
+  @include with-each-prefix(css-placeholder, $input-placeholder-support-threshold) {
+    @if $current-prefix == -webkit {
+      &::-webkit-input-placeholder { @content; }
+    }
+    @elseif $current-prefix == -moz {
+      // for Firefox 19 and below
+      @if support-legacy-browser("firefox", "4", "19", $threshold: $input-placeholder-support-threshold) {
+        &:-moz-placeholder { @content; }
+      }
+      // for Firefox 20 and above
+      &::-moz-placeholder { @content; }
+    }
+    @elseif $current-prefix == -ms {
+      &:-ms-input-placeholder { @content; }
+    }
+  }
+  // This is not standardized yet so no official selector is generated.
+}

data/app/assets/stylesheets/para/lib/compass/utilities/general/_hacks.scss

@@ -0,0 +1,65 @@
+@import "para/lib/compass/support";
+
+// The legacy support threshold for has-layout.
+// Defaults to the $critical-usage-threshold.
+$has-layout-support-threshold: $critical-usage-threshold !default;
+
+// The `zoom` approach generates less CSS but does not validate.
+// Set this to `block` to use the display-property to hack the
+// element to gain layout.
+$default-has-layout-approach: zoom !default;
+
+// This mixin causes an element matching the selector
+// to gain the "hasLayout" property in internet explorer.
+// More information on [hasLayout](http://reference.sitepoint.com/css/haslayout).
+@mixin has-layout($approach: $default-has-layout-approach) {
+  @if support-legacy-browser("ie", "7", $threshold: $has-layout-support-threshold) {
+    @if $approach == zoom {
+      @include has-layout-zoom;
+    } @else if $approach == block {
+      @include has-layout-block;
+    } @else {
+      @warn "Unknown has-layout approach: #{$approach}";
+      @include has-layout-zoom;
+    }
+  }
+}
+
+@mixin has-layout-zoom {
+  @if support-legacy-browser("ie", "7", $threshold: $has-layout-support-threshold) {
+    *zoom: 1;
+  }
+}
+
+@mixin has-layout-block {
+  @if support-legacy-browser("ie", "7", $threshold: $has-layout-support-threshold) {
+    // This makes ie6 get layout
+    display: inline-block;
+    // and this puts it back to block
+    & { display: block; }
+  }
+}
+
+
+// The legacy support threshold for IE6 attribute hack.
+// Defaults to the $critical-usage-threshold.
+$ie6-attribute-hack-support-threshold: $critical-usage-threshold !default;
+
+// A hack to supply IE6 (and below) with a different property value.
+// [Read more](http://www.cssportal.com/css-hacks/#in_css-important).
+@mixin bang-hack($property, $value, $ie6-value) {
+  @if support-legacy-browser("ie", "6", $threshold: $ie6-attribute-hack-support-threshold) {
+    @warn "it's recommended to use the underscore-hack() mixin instead of bang-hack()";
+    #{$property}: #{$value} !important;
+    #{$property}: #{$ie6-value};
+  }
+}
+
+// A hack to supply IE6 (and below) with a different property value.
+// [Read more](http://www.paulirish.com/2009/browser-specific-css-hacks/)
+@mixin underscore-hack($property, $value, $ie6-value) {
+  @if support-legacy-browser("ie", "6", $threshold: $ie6-attribute-hack-support-threshold) {
+    #{$property}: #{$value};
+    _#{$property}: #{$ie6-value};
+  }
+}

data/app/assets/stylesheets/para/lib/datetimepicker.sass

@@ -7,7 +7,7 @@
   .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current,
   .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current
     background: $brand-primary
-    +box-shadow(darken($brand-primary, 10%) 0px 1px 3px 0px inset)
+    box-shadow: darken($brand-primary, 10%) 0px 1px 3px 0px inset
 
   .xdsoft_calendar td:hover,
   .xdsoft_timepicker .xdsoft_time_box >div >div:hover,

data/app/assets/stylesheets/para/lib/fuelux.sass

@@ -19,7 +19,7 @@ input[type=number]::-webkit-outer-spin-button
     top: 0px
     margin-left: -1px !important
     border-color: $input-border
-    +box-shadow(none)
+    box-shadow: none
     z-index: 2
     .fa
       font-size: 1em
@@ -29,7 +29,7 @@ input[type=number]::-webkit-outer-spin-button
       cursor: not-allowed
     &:hover,
     &:focus
-      +box-shadow(none)
+      box-shadow: none
   .spinner-up,
   .spinbox-up
     border-top-left-radius: 0 !important

data/app/assets/stylesheets/para/lib/redactor.sass

@@ -19,8 +19,8 @@
     /* Override z-index because we don't whant */
     /* redactor_toolbar fixed somewhere or on top of everythink ..*/
     z-index: 1 !important
-    +box-shadow(none)
-    +border-radius($input-border-radius $input-border-radius 0 0)
+    box-shadow: none
+    border-radius: $input-border-radius $input-border-radius 0 0
     border: 1px solid $input-border
     li a
       &:hover,
@@ -32,7 +32,7 @@
     background-color: $input-bg
     border: 1px solid $input-border
     border-top-width: 0px
-    +border-radius(0 0 $input-border-radius $input-border-radius)
+    border-radius: 0 0 $input-border-radius $input-border-radius
     &:focus
       border-color: $input-border-focus
       background: #FFF
@@ -71,11 +71,11 @@
     border-color: $input-border
     background-color: $input-bg
     color: $input-color
-    +box-shadow(none)
+    box-shadow: none
     &:focus
       background-color: #fff
       border-color: $input-border-focus
-      +box-shadow(none)
+      box-shadow: none
 
   footer
     button.redactor-modal-action-btn

data/app/assets/stylesheets/para/lib/selectize.sass

@@ -1,7 +1,6 @@
 //
 // Selectize
 // --------------------------------------------------
-@import "compass/css3/user-interface"
 @import "para/admin/src/variables"
 @import "para/admin/src/mixins"
 
@@ -27,7 +26,7 @@
         border: none
         margin-top: -6px
         color: $gray
-    
+
 //** Dropdown
 
 //** Active system
@@ -37,14 +36,14 @@
 .selectize-input,
 .selectize-input.full
   border-color: $input-border
-  +border-radius($input-border-radius)
+  border-radius: $input-border-radius
   &.focus
     border-color: $input-border-focus
   &.dropdown-active
-    +border-radius($input-border-radius)
+    border-radius: $input-border-radius
     &:after
       border: none
-      +transform(rotate(180deg))
+      transform: rotate(180deg)
       margin-top: -6px
 
 .selectize-control.single .selectize-input
@@ -67,7 +66,7 @@
   background: $input-bg
 
 .selectize-input.not-full input
-  +input-placeholder
+  ::placeholder
     color: $input-color-placeholder
     font-size: 0.9em
 
@@ -84,7 +83,7 @@
 
 .selectize-control.multi .selectize-input > div
   background-color: $gray-light
-  +border-radius(2px)
+  border-radius: 2px
   color: $text-color
   &:hover,
   &:focus,

data/app/controllers/para/admin/resources_controller.rb

@@ -1,4 +1,4 @@
-require_dependency "para/application_controller"
+require_dependency 'para/application_controller'
 
 module Para
   module Admin
@@ -37,7 +37,7 @@ module Para
       end
 
       def update
-        if resource.update_attributes(resource_params)
+        if resource.update(resource_params)
           flash_message(:success, resource)
           redirect_to after_form_submit_path
         else
@@ -109,7 +109,7 @@ module Para
       def resource
         @resource ||= begin
           self.class.ensure_resource_name_defined!
-          instance_variable_get(:"@#{ self.class.resource_name }")
+          instance_variable_get(:"@#{self.class.resource_name}")
         end
       end
 
@@ -161,10 +161,10 @@ module Para
 
       def self.ensure_resource_name_defined!
         unless resource_name.presence
-          raise "Resource not defined in your controller. " \
-                "You can define the resource of your controller with the " \
-                "`resource :resource_name` macro when subclassing " \
-                "Para::Admin::ResourcesController"
+          raise 'Resource not defined in your controller. ' \
+                'You can define the resource of your controller with the ' \
+                '`resource :resource_name` macro when subclassing ' \
+                'Para::Admin::ResourcesController'
         end
       end
 
@@ -185,8 +185,8 @@ module Para
 
       def current_anchor
         @current_anchor ||= if (current_anchor = params[:_current_anchor]).presence
-          current_anchor.gsub(/^\#/, '')
-        end
+                              current_anchor.gsub(/^\#/, '')
+                            end
       end
     end
   end

data/app/helpers/para/admin/base_helper.rb

@@ -23,8 +23,8 @@ module Para
         end
       end
 
-      def find_relation_name_for(relation, partial, options = {})
-        return relation if partial_exists?(relation, partial, options)
+      def find_relation_name_for(relation, partial, **options)
+        return relation if partial_exists?(relation, partial, **options)
         return nil unless options[:relation_class]
 
         relation = options[:relation_class].ancestors.find do |ancestor|
@@ -32,7 +32,7 @@ module Para
           break if ancestor == ActiveRecord::Base
 
           ancestor_name = plural_file_path_for(ancestor.name)
-          partial_exists?(ancestor_name, partial, options)
+          partial_exists?(ancestor_name, partial, **options)
         end
 
         plural_file_path_for(relation) if relation

data/app/helpers/para/admin/nested_inputs_helper.rb

@@ -9,7 +9,7 @@ module Para
           association_name = parent_resource.association(attribute_name).options[:inverse_of]
           return resource unless association_name
 
-          resource.association(association_name).replace(parent_resource)
+          resource.association(association_name).send(:replace, parent_resource)
         end
       end
     end

data/app/helpers/para/translations_helper.rb

@@ -19,7 +19,7 @@ module Para
       defaults << options.delete(:default) if options[:default]
       options[:default] = defaults
 
-      I18n.translate(defaults.shift, options)
+      ::I18n.translate(defaults.shift, **options)
     end
   end
 end

data/app/models/para/application_record.rb

@@ -4,13 +4,15 @@ module Para
   class ApplicationRecord < ActiveRecord::Base
     self.abstract_class = true
 
-    private
-
     # Adds the `optional: true` option to the belongs_to calls inside the provided block,
     # but only for Rails 5.1+
     #
     def self.with_belongs_to_optional_option_if_needed(&block)
-      if ActiveRecord::Associations::Builder::BelongsTo.valid_options({}).include?(:optional)
+      belongs_to_accepts_optional = ActiveRecord::Associations::Builder::BelongsTo
+                                    .send(:valid_options, {})
+                                    .include?(:optional)
+
+      if belongs_to_accepts_optional
         with_options(optional: true, &block)
       else
         block.call

data/app/models/para/component/base.rb

@@ -10,7 +10,7 @@ module Para
         Para::Component.registered_components[name] = component
       end
 
-      def self.configurable_on(key, options = {})
+      def self.configurable_on(key, _options = {})
         store_accessor(:configuration, key)
       end
 
@@ -22,8 +22,8 @@ module Para
       end
 
       has_many :child_components, -> { ordered },
-                                  class_name: 'Para::Component::Base',
-                                  foreign_key: 'parent_component_id'
+               class_name: 'Para::Component::Base',
+               foreign_key: 'parent_component_id'
 
       validates :identifier, :type, presence: true
 
@@ -33,14 +33,14 @@ module Para
 
       def name
         read_attribute(:name) || ::I18n.t(
-          "components.component.#{ identifier }",
+          "components.component.#{identifier}",
           default: identifier.humanize
         )
       end
 
       def main_navigation_name
         ::I18n.t(
-          "components.main_navigation.#{ identifier }",
+          "components.main_navigation.#{identifier}",
           default: name
         )
       end
@@ -62,7 +62,7 @@ module Para
       end
 
       def default_form_actions
-        [:submit, :submit_and_edit, :submit_and_add_another, :cancel]
+        %i[submit submit_and_edit submit_and_add_another cancel]
       end
 
       def to_param

data/app/models/para/component_section.rb

@@ -1,8 +1,8 @@
 module Para
   class ComponentSection < Para::ApplicationRecord
     has_many :components, -> { ordered }, class_name: 'Para::Component::Base',
-             autosave: true, foreign_key: :component_section_id,
-             dependent: :destroy
+                                          autosave: true, foreign_key: :component_section_id,
+                                          dependent: :destroy
 
     scope :ordered, -> { order(position: :asc) }
 
@@ -10,7 +10,7 @@ module Para
 
     def name
       read_attribute(:name) || ::I18n.t(
-        "components.section.#{ identifier }",
+        "components.section.#{identifier}",
         default: identifier.humanize
       )
     end

data/app/models/para/library/file.rb

@@ -11,10 +11,10 @@ module Para
         def attachment_path
           return unless attachment.attached?
 
-          attachment.service_url
+          attachment.url
         end
 
-        alias_method :attachment_url, :attachment_path
+        alias attachment_url attachment_path
 
         def attachment_ext
           ::File.extname(attachment.filename.to_s) if attachment.attached?

data/app/models/para/page/section.rb

@@ -14,7 +14,6 @@ module Para
       end
 
       class << self
-
         # This method is a shortcut to create a has_one through relation
         def section_resource(*args, &block)
           _ensure_section_resource_relation
@@ -47,10 +46,10 @@ module Para
           return if @section_resources_already_initialized
 
           has_many :section_resources, -> { ordered },
-                                       foreign_key: 'section_id',
-                                       class_name: '::Para::Page::SectionResource',
-                                       inverse_of: :section,
-                                       dependent: :destroy
+                   foreign_key: 'section_id',
+                   class_name: '::Para::Page::SectionResource',
+                   inverse_of: :section,
+                   dependent: :destroy
 
           accepts_nested_attributes_for :section_resources, allow_destroy: true
 
@@ -74,7 +73,7 @@ module Para
             source_type: target_class_name
           )
 
-          has_one(*args, options, &block)
+          has_one(*args, **options, &block)
         end
 
         def _create_section_resource_has_many_relation_for(*args, &block)
@@ -94,7 +93,7 @@ module Para
             source_type: target_class_name
           )
 
-          has_many(*args, options, &block)
+          has_many(*args, **options, &block)
         end
       end
     end

data/app/views/para/admin/main/index.html.haml

@@ -1 +1 @@
-= render file: template_path_lookup('admin/dashboard', 'para/admin/dashboard')
+= render template: template_path_lookup('admin/dashboard', 'para/admin/dashboard')