pageflow 16.0.0 → 16.1.0

data/app/assets/javascripts/pageflow/dist/ui.js

@@ -1,5 +1,5 @@
 this.pageflow = this.pageflow || {};
-this.pageflow._uiGlobalInterop = (function (exports, Marionette, _, $, I18n$1, Backbone, ChildViewContainer, IScroll, jquery_minicolors, wysihtml5, Cocktail) {
+this.pageflow._uiGlobalInterop = (function (exports, Marionette, _, $, I18n$1, Backbone, ChildViewContainer, IScroll, jquery_minicolors, wysihtml5, jqueryUi, Cocktail) {
   'use strict';
 
   Marionette = Marionette && Marionette.hasOwnProperty('default') ? Marionette['default'] : Marionette;
@@ -1067,6 +1067,107 @@ this.pageflow._uiGlobalInterop = (function (exports, Marionette, _, $, I18n$1, B
     }
   });
 
+  function _defineProperty(obj, key, value) {
+    if (key in obj) {
+      Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+      });
+    } else {
+      obj[key] = value;
+    }
+
+    return obj;
+  }
+
+  function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+
+    if (Object.getOwnPropertySymbols) {
+      var symbols = Object.getOwnPropertySymbols(object);
+      if (enumerableOnly) symbols = symbols.filter(function (sym) {
+        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+      });
+      keys.push.apply(keys, symbols);
+    }
+
+    return keys;
+  }
+
+  function _objectSpread2(target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i] != null ? arguments[i] : {};
+
+      if (i % 2) {
+        ownKeys(Object(source), true).forEach(function (key) {
+          _defineProperty(target, key, source[key]);
+        });
+      } else if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+      } else {
+        ownKeys(Object(source)).forEach(function (key) {
+          Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+      }
+    }
+
+    return target;
+  }
+
+  var attributeBinding = {
+    setupBooleanAttributeBinding: function setupBooleanAttributeBinding(optionName, updateMethod) {
+      this.setupAttributeBinding(optionName, updateMethod, Boolean);
+    },
+    getBooleanAttributBoundOption: function getBooleanAttributBoundOption(optionName) {
+      return this.getAttributeBoundOption(optionName, Boolean);
+    },
+    setupAttributeBinding: function setupAttributeBinding(optionName, updateMethod) {
+      var _this = this;
+
+      var normalize = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : function (value) {
+        return value;
+      };
+      var binding = this.options["".concat(optionName, "Binding")];
+      var view = this;
+
+      if (binding) {
+        _.flatten([binding]).forEach(function (attribute) {
+          _this.listenTo(_this.model, 'change:' + attribute, update);
+        });
+      }
+
+      update();
+
+      function update() {
+        updateMethod.call(view, view.getAttributeBoundOption(optionName, normalize));
+      }
+    },
+    getAttributeBoundOption: function getAttributeBoundOption(optionName) {
+      var _this2 = this;
+
+      var normalize = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : function (value) {
+        return value;
+      };
+      var binding = this.options["".concat(optionName, "Binding")];
+      var bindingValueOptionName = "".concat(optionName, "BindingValue");
+      var value = Array.isArray(binding) ? binding.map(function (attribute) {
+        return _this2.model.get(attribute);
+      }) : this.model.get(binding);
+
+      if (bindingValueOptionName in this.options) {
+        return value === this.options[bindingValueOptionName];
+      } else if (typeof this.options[optionName] === 'function') {
+        return normalize(this.options[optionName](value));
+      } else if (optionName in this.options) {
+        return normalize(this.options[optionName]);
+      } else if (binding) {
+        return normalize(value);
+      }
+    }
+  };
+
   /**
    * Mixin for input views handling common concerns like labels,
    * inline help, visiblity and disabling.
@@ -1196,7 +1297,7 @@ this.pageflow._uiGlobalInterop = (function (exports, Marionette, _, $, I18n$1, B
    * @mixin
    */
 
-  var inputView = {
+  var inputView = _objectSpread2(_objectSpread2({}, attributeBinding), {}, {
     ui: {
       label: 'label',
       labelText: 'label .name',
@@ -1240,8 +1341,8 @@ this.pageflow._uiGlobalInterop = (function (exports, Marionette, _, $, I18n$1, B
       this.ui.labelText.text(this.labelText());
       this.updateInlineHelp();
       this.setLabelFor();
-      this.setupAttributeBinding('disabled', this.updateDisabled);
-      this.setupAttributeBinding('visible', this.updateVisible);
+      this.setupBooleanAttributeBinding('disabled', this.updateDisabled);
+      this.setupBooleanAttributeBinding('visible', this.updateVisible);
     },
 
     /**
@@ -1290,7 +1391,7 @@ this.pageflow._uiGlobalInterop = (function (exports, Marionette, _, $, I18n$1, B
       }
     },
     isDisabled: function isDisabled() {
-      return this.getAttributeBoundOption('disabled');
+      return this.getBooleanAttributBoundOption('disabled');
     },
     updateDisabled: function updateDisabled() {
       this.$el.toggleClass('input-disabled', !!this.isDisabled());
@@ -1308,46 +1409,9 @@ this.pageflow._uiGlobalInterop = (function (exports, Marionette, _, $, I18n$1, B
       }
     },
     updateVisible: function updateVisible() {
-      this.$el.toggleClass('input-hidden_via_binding', this.getAttributeBoundOption('visible') === false);
-    },
-    setupAttributeBinding: function setupAttributeBinding(optionName, updateMethod) {
-      var _this = this;
-
-      var binding = this.options["".concat(optionName, "Binding")];
-      var view = this;
-
-      if (binding) {
-        _.flatten([binding]).forEach(function (attribute) {
-          _this.listenTo(_this.model, 'change:' + attribute, update);
-        });
-      }
-
-      update();
-
-      function update() {
-        updateMethod.call(view, view.getAttributeBoundOption(optionName));
-      }
-    },
-    getAttributeBoundOption: function getAttributeBoundOption(optionName) {
-      var _this2 = this;
-
-      var binding = this.options["".concat(optionName, "Binding")];
-      var bindingValueOptionName = "".concat(optionName, "BindingValue");
-      var value = Array.isArray(binding) ? binding.map(function (attribute) {
-        return _this2.model.get(attribute);
-      }) : this.model.get(binding);
-
-      if (bindingValueOptionName in this.options) {
-        return value === this.options[bindingValueOptionName];
-      } else if (typeof this.options[optionName] === 'function') {
-        return !!this.options[optionName](value);
-      } else if (optionName in this.options) {
-        return !!this.options[optionName];
-      } else if (binding) {
-        return !!value;
-      }
+      this.$el.toggleClass('hidden_via_binding', this.getBooleanAttributBoundOption('visible') === false);
     }
-  };
+  });
 
   function template$4(data) {
   var __p = '';
@@ -1466,6 +1530,125 @@ this.pageflow._uiGlobalInterop = (function (exports, Marionette, _, $, I18n$1, B
     }
   });
 
+  function _classCallCheck(instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+      throw new TypeError("Cannot call a class as a function");
+    }
+  }
+
+  function _defineProperties(target, props) {
+    for (var i = 0; i < props.length; i++) {
+      var descriptor = props[i];
+      descriptor.enumerable = descriptor.enumerable || false;
+      descriptor.configurable = true;
+      if ("value" in descriptor) descriptor.writable = true;
+      Object.defineProperty(target, descriptor.key, descriptor);
+    }
+  }
+
+  function _createClass(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+    if (staticProps) _defineProperties(Constructor, staticProps);
+    return Constructor;
+  }
+
+  /**
+   * Input view for a number.
+   *
+   * See {@link inputView} for further options.
+   *
+   * @param {Object} [options]
+   *
+   * @param {string} [options.locale]
+   * Locale used to fomat and parse numbers.
+   *
+   * @class
+   */
+
+  var NumberInputView = Marionette.ItemView.extend({
+    mixins: [inputView],
+    template: function template() {
+      return "\n    <label>\n      <span class=\"name\"></span>\n      <span class=\"inline_help\"></span>\n    </label>\n    <input type=\"text\" dir=\"auto\" />\n  ";
+    },
+    ui: {
+      input: 'input'
+    },
+    events: {
+      'change': 'onChange'
+    },
+    initialize: function initialize() {
+      this.parser = new NumberParser(this.options.locale);
+    },
+    onRender: function onRender() {
+      this.load();
+      this.listenTo(this.model, 'change:' + this.options.propertyName, this.load);
+    },
+    onChange: function onChange() {
+      this.save();
+      this.load();
+    },
+    onClose: function onClose() {
+      this.save();
+    },
+    save: function save() {
+      var inputValue = this.ui.input.val();
+      this.model.set(this.options.propertyName, this.parser.parse(inputValue) || 0);
+    },
+    load: function load() {
+      var input = this.ui.input;
+      var value = this.model.get(this.options.propertyName) || 0;
+      input.val(value.toLocaleString(this.options.locale, {
+        useGrouping: false
+      }));
+    },
+    displayValidationError: function displayValidationError(message) {
+      this.$el.addClass('invalid');
+      this.ui.input.attr('title', message);
+    },
+    resetValidationError: function resetValidationError(message) {
+      this.$el.removeClass('invalid');
+      this.ui.input.attr('title', '');
+    }
+  });
+
+  var NumberParser = /*#__PURE__*/function () {
+    function NumberParser(locale) {
+      _classCallCheck(this, NumberParser);
+
+      var format = new Intl.NumberFormat(locale);
+      var parts = format.formatToParts(12345.6);
+      var numerals = Array.from({
+        length: 10
+      }).map(function (_, i) {
+        return format.format(i);
+      });
+      var index = new Map(numerals.map(function (d, i) {
+        return [d, i];
+      }));
+      this._group = new RegExp("[".concat(parts.find(function (d) {
+        return d.type === "group";
+      }).value, "]"), "g");
+      this._decimal = new RegExp("[".concat(parts.find(function (d) {
+        return d.type === "decimal";
+      }).value, "]"));
+      this._numeral = new RegExp("[".concat(numerals.join(""), "]"), "g");
+
+      this._index = function (d) {
+        return index.get(d);
+      };
+    }
+
+    _createClass(NumberParser, [{
+      key: "parse",
+      value: function parse(string) {
+        string = string.trim().replace(this._group, "").replace(this._decimal, ".").replace(this._numeral, this._index);
+        return string ? +string : NaN;
+      }
+    }]);
+
+    return NumberParser;
+  }();
+
   /**
    * Text based input view that can display a placeholder.
    *
@@ -1676,11 +1859,15 @@ this.pageflow._uiGlobalInterop = (function (exports, Marionette, _, $, I18n$1, B
       this.ui.input.minicolors({
         changeDelay: 200,
         change: _.bind(function (color) {
+          this._saving = true;
+
           if (color === this.defaultValue()) {
             this.model.unset(this.options.propertyName);
           } else {
             this.model.set(this.options.propertyName, color);
           }
+
+          this._saving = false;
         }, this)
       });
       this.listenTo(this.model, 'change:' + this.options.propertyName, this.load);
@@ -1709,7 +1896,10 @@ this.pageflow._uiGlobalInterop = (function (exports, Marionette, _, $, I18n$1, B
       }
     },
     load: function load() {
-      this.ui.input.minicolors('value', this.model.get(this.options.propertyName) || this.defaultValue());
+      if (!this._saving) {
+        this.ui.input.minicolors('value', this.model.get(this.options.propertyName) || this.defaultValue());
+      }
+
       this.$el.toggleClass('is_default', !this.model.has(this.options.propertyName));
     },
     refreshPicker: function refreshPicker() {
@@ -2292,21 +2482,6 @@ this.pageflow._uiGlobalInterop = (function (exports, Marionette, _, $, I18n$1, B
     }
   });
 
-  function _defineProperty(obj, key, value) {
-    if (key in obj) {
-      Object.defineProperty(obj, key, {
-        value: value,
-        enumerable: true,
-        configurable: true,
-        writable: true
-      });
-    } else {
-      obj[key] = value;
-    }
-
-    return obj;
-  }
-
   function template$9(data) {
   var __p = '';
   __p += '<label>\n  <span class="name"></span>\n  <span class="inline_help"></span>\n</label>\n<input type="text" />\n<div class="validation"></div>\n';
@@ -2573,6 +2748,25 @@ this.pageflow._uiGlobalInterop = (function (exports, Marionette, _, $, I18n$1, B
    *
    * @param {Object} [options]
    *
+   * @param {number} [options.defaultValue]
+   *   Defaults value to display if property is not set.
+   *
+   * @param {number} [options.minValue=0]
+   *   Value when dragging slider to the very left.
+   *
+   * @param {number} [options.maxValue=100]
+   *   Value when dragging slider to the very right.
+   *
+   * @param {string} [options.unit="%"]
+   *   Unit to display after value.
+   *
+   * @param {function} [options.displayText]
+   *   Function that receives value and returns custom text to display as value.
+   *
+   * @param {boolean} [options.saveOnSlide]
+   *   Already update the model while dragging the handle - not only after
+   *   handle has been released.
+   *
    * @class
    */
 
@@ -2585,15 +2779,27 @@ this.pageflow._uiGlobalInterop = (function (exports, Marionette, _, $, I18n$1, B
       value: '.value'
     },
     events: {
-      'slidechange': 'save'
+      'slidechange': 'save',
+      'slide': 'handleSlide'
     },
     onRender: function onRender() {
+      var _this = this;
+
       this.ui.widget.slider({
-        animate: 'fast',
-        min: 'minValue' in this.options ? this.options.minValue : 0,
-        max: 'maxValue' in this.options ? this.options.maxValue : 100
+        animate: 'fast'
+      });
+      this.setupAttributeBinding('minValue', function (value) {
+        return _this.updateSliderOption('min', value || 0);
+      });
+      this.setupAttributeBinding('maxValue', function (value) {
+        return _this.updateSliderOption('max', value || 100);
       });
       this.load();
+      this.listenTo(this.model, 'change:' + this.options.propertyName, this.load);
+    },
+    updateSliderOption: function updateSliderOption(name, value) {
+      this.ui.widget.slider('option', name, value);
+      this.updateText(this.ui.widget.slider('value'));
     },
     updateDisabled: function updateDisabled(disabled) {
       this.$el.toggleClass('disabled', !!disabled);
@@ -2604,11 +2810,15 @@ this.pageflow._uiGlobalInterop = (function (exports, Marionette, _, $, I18n$1, B
         this.ui.widget.slider('enable');
       }
     },
-    save: function save() {
-      var value = this.ui.widget.slider('option', 'value');
-      var unit = 'unit' in this.options ? this.options.unit : '%';
-      this.ui.value.text(value + unit);
-      this.model.set(this.options.propertyName, value);
+    handleSlide: function handleSlide(event, ui) {
+      this.updateText(ui.value);
+
+      if (this.options.saveOnSlide) {
+        this.save(event, ui);
+      }
+    },
+    save: function save(event, ui) {
+      this.model.set(this.options.propertyName, ui.value);
     },
     load: function load() {
       var value;
@@ -2619,7 +2829,18 @@ this.pageflow._uiGlobalInterop = (function (exports, Marionette, _, $, I18n$1, B
         value = 'defaultValue' in this.options ? this.options.defaultValue : 0;
       }
 
-      this.ui.widget.slider('option', 'value', value);
+      this.ui.widget.slider('option', 'value', this.clampValue(value));
+      this.updateText(value);
+    },
+    clampValue: function clampValue(value) {
+      var min = this.ui.widget.slider('option', 'min');
+      var max = this.ui.widget.slider('option', 'max');
+      return Math.min(max, Math.max(min, value));
+    },
+    updateText: function updateText(value) {
+      var unit = 'unit' in this.options ? this.options.unit : '%';
+      var text = 'displayText' in this.options ? this.options.displayText(value) : value + unit;
+      this.ui.value.text(text);
     }
   });
 
@@ -3013,7 +3234,10 @@ this.pageflow._uiGlobalInterop = (function (exports, Marionette, _, $, I18n$1, B
       return view;
     },
     appendSubview: function appendSubview(view) {
-      return this.$el.append(this.subview(view).el);
+      var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
+          to = _ref.to;
+
+      return (to || this.$el).append(this.subview(view).el);
     },
     onClose: function onClose() {
       if (this.subviews) {
@@ -3082,6 +3306,7 @@ this.pageflow._uiGlobalInterop = (function (exports, Marionette, _, $, I18n$1, B
   exports.IconTableCellView = IconTableCellView;
   exports.JsonInputView = JsonInputView;
   exports.LabelOnlyView = LabelOnlyView;
+  exports.NumberInputView = NumberInputView;
   exports.Object = BaseObject;
   exports.PresenceTableCellView = PresenceTableCellView;
   exports.ProxyUrlInputView = ProxyUrlInputView;
@@ -3100,6 +3325,7 @@ this.pageflow._uiGlobalInterop = (function (exports, Marionette, _, $, I18n$1, B
   exports.TooltipView = TooltipView;
   exports.UrlDisplayView = UrlDisplayView;
   exports.UrlInputView = UrlInputView;
+  exports.attributeBinding = attributeBinding;
   exports.cssModulesUtils = cssModulesUtils;
   exports.i18nUtils = i18nUtils;
   exports.inputView = inputView;
@@ -3111,4 +3337,4 @@ this.pageflow._uiGlobalInterop = (function (exports, Marionette, _, $, I18n$1, B
 
   return exports;
 
-}({}, Backbone.Marionette, _, jQuery, I18n, Backbone, Backbone.ChildViewContainer, IScroll, jQuery, wysihtml5, Cocktail));
+}({}, Backbone.Marionette, _, jQuery, I18n, Backbone, Backbone.ChildViewContainer, IScroll, jQuery, wysihtml5, jQuery, Cocktail));

data/app/assets/stylesheets/pageflow/admin/permalink_input.scss

@@ -62,4 +62,14 @@ $pageflow-permalink-input-directory-background-position: null !default;
     padding-left: 0;
     flex: 1;
   }
+
+  &.no_directories {
+    select {
+      display: none;
+    }
+
+    input {
+      padding-left: $pageflow-permalink-input-directory-padding-left;
+    }
+  }
 }

data/app/assets/stylesheets/pageflow/editor/drop_down_button.scss

@@ -10,6 +10,11 @@
     @include icon-only-button;
   }
 
+  > button.ellipsis_icon {
+    @include fa-ellipsis-v-icon;
+    width: 31px;
+  }
+
   &.full_width {
     width: 100%;
 
@@ -26,7 +31,7 @@
   @include transition(visibility 100ms, opacity 100ms);
 
   position: absolute;
-  z-index: 1;
+  z-index: 6;
   padding: 1px;
   border: solid 1px var(--ui-on-surface-color-lighter);
   border-radius: rounded(sm);

data/app/assets/stylesheets/pageflow/editor/file_thumbnails.scss

@@ -15,6 +15,10 @@
       @include note-icon;
     }
 
+    &.other {
+      @include fa-cloud-download-icon;
+    }
+
     &.uploading {
       @include up-bold-icon;
     }

data/app/assets/stylesheets/pageflow/editor/help.scss

@@ -162,11 +162,11 @@
 }
 
 .editor .help_button {
-  @include background-icon-right($color: var(--ui-primary-color),
-                                 $font-size: 16px, $right: 5px, $top: 5px);
+  @include background-icon-left($color: var(--ui-primary-color),
+                                $font-size: 16px, $left: 5px, $top: 50%);
   @include help-circled-icon;
 
-  padding: 7px 30px 0 5px;
+  padding: 7px 5px 0 28px;
   float: right;
   height: 20px;
   cursor: pointer;

data/app/assets/stylesheets/pageflow/editor/info_box.scss

@@ -3,6 +3,13 @@
     margin-bottom: 1em;
   }
 
+  &.error {
+    color: var(--ui-on-error-surface-color);
+    background-color: var(--ui-error-surface-color);
+    border-radius: rounded();
+    padding: space(3);
+  }
+
   .shortcuts {
     dt {
       display: block;

data/app/assets/stylesheets/pageflow/editor/inputs/file_input.scss

@@ -38,11 +38,6 @@
   }
 
   .drop_down_button {
-    button {
-      @include fa-ellipsis-v-icon;
-      width: 31px;
-    }
-
     position: absolute;
     bottom: 0;
     left: 70px;

data/app/assets/stylesheets/pageflow/ui/forms.scss

@@ -219,7 +219,7 @@ textarea.short {
   text-decoration: underline;
 }
 
-.input-hidden_via_binding {
+.hidden_via_binding {
   display: none;
 }
 

data/app/controllers/pageflow/chapters_controller.rb

@@ -31,7 +31,7 @@ module Pageflow
 
       authorize!(:update, chapter)
       verify_edit_lock!(chapter.entry)
-      chapter.update_attributes(chapter_params)
+      chapter.update(chapter_params)
 
       respond_with(chapter)
     end
@@ -43,7 +43,7 @@ module Pageflow
       authorize!(:edit_outline, storyline.entry)
       verify_edit_lock!(storyline.entry)
       params.require(:ids).each_with_index do |id, index|
-        entry.chapters.update(id, storyline_id: storyline.id, position: index)
+        entry.chapters.find(id).update(storyline_id: storyline.id, position: index)
       end
 
       head :no_content

data/app/controllers/pageflow/editor/files_controller.rb

@@ -72,7 +72,7 @@ module Pageflow
         file = entry.find_file(file_type.model, params[:id])
 
         authorize!(:update, file.to_model)
-        file.update_attributes!(update_params)
+        file.update!(update_params)
 
         head(:no_content)
       end

data/app/controllers/pageflow/entries_controller.rb

@@ -85,11 +85,21 @@ module Pageflow
 
       delegate_to_rack_app!(entry.entry_type.frontend_app) do |_status, headers, _body|
         allow_iframe_for_embed(headers)
+        apply_cache_control(entry, headers)
       end
     end
 
     def allow_iframe_for_embed(headers)
       headers.except!('X-Frame-Options') if params[:embed]
     end
+
+    def apply_cache_control(entry, headers)
+      config = Pageflow.config_for(entry)
+
+      return if config.public_entry_cache_control_header.blank?
+      return if entry.password_protected?
+
+      headers['Cache-Control'] = config.public_entry_cache_control_header
+    end
   end
 end

data/app/controllers/pageflow/feeds_controller.rb

@@ -0,0 +1,18 @@
+module Pageflow
+  # @api private
+  class FeedsController < Pageflow::ApplicationController
+    def index
+      site = Site.for_request(request).first!
+      return head 404 unless site.feeds_enabled?
+
+      @feed = EntriesFeed.for(
+        site: site,
+        locale: params[:locale]
+      )
+
+      respond_to do |format|
+        format.atom
+      end
+    end
+  end
+end

data/app/controllers/pageflow/pages_controller.rb

@@ -20,7 +20,7 @@ module Pageflow
 
       authorize!(:update, page)
       verify_edit_lock!(page.chapter.entry)
-      page.update_attributes(page_params)
+      page.update(page_params)
 
       respond_with(page)
     end
@@ -32,7 +32,7 @@ module Pageflow
       authorize!(:edit_outline, entry.to_model)
       verify_edit_lock!(chapter.entry)
       params.require(:ids).each_with_index do |id, index|
-        entry.pages.update(id, :chapter_id => chapter.id, :position => index)
+        entry.pages.find(id).update(chapter_id: chapter.id, position: index)
       end
 
       head :no_content