scrivito_editors 0.71.2 → 0.90.0.rc1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 59ebb7e9f3d9eaec6e6b965c250f083a696a53bd
-  data.tar.gz: 7a5d40718af27c18be8f565cd860f01c4dd0c9be
+  metadata.gz: d091f0fb55963257f889a74ae1a259e712e0a23b
+  data.tar.gz: ea7a99033cfe56a742f8dbea909dd4f7ce8de9b7
 SHA512:
-  metadata.gz: ef38499a2b63cc0f9f321844568748e0e0953335e2db4c4d2184715ed5d16f1ab6b5d909fee604e44096143a1381138eccec2b8b0a911f37023c9e2471eb56d0
-  data.tar.gz: bcfe2eb6df4b024db66c4968b1e50552e7670a8baadf94d440aeea0115761391b30c2b9eeb16ecdf7e8651f9682b225dc1c8ad40fb243e017d7d554d1a47a378
+  metadata.gz: 9585b8d80d0b135fdb52d4b6d9a8fe62f11e5ee19a2b291a188250ebb9377d3a7315c0fcdc7c185bb79858b0d1a75315a69bd94524aa079737449f5d95dd6e62
+  data.tar.gz: c14e1f67537e6db4b697fd251465d7ece67ba7c570bf7efcc97e2ee866e20b69d51a80173e1b9c182811ebd6f49072ba6737785a3f08e176f995e51e82ae7a77

data/app/assets/javascripts/scrivito_editors/binary_editor.js

@@ -0,0 +1,41 @@
+(function() {
+  var activate, showDeleteButton;
+
+  activate = function(element) {
+    var cmsField, container;
+    cmsField = $(element);
+    container = scrivito.editors._setup_binary_button_container(cmsField, 'scrivito-editor-binary-button-container');
+    scrivito.editors._file_dropzone(container, function(_, file) {
+      return cmsField.scrivito('save', file).then(function() {
+        return cmsField.scrivito('reload');
+      });
+    }, 'image-editor-dragover');
+    if (cmsField.scrivito('content') && cmsField.is('[data-scrivito-editors-allow-delete]')) {
+      return showDeleteButton(container, cmsField);
+    }
+  };
+
+  showDeleteButton = function(container, cmsField) {
+    if (container && container.find('.delete-binary').length === 0) {
+      return $("<a href='#' class='delete-binary editing-button'> <i class='editing-icon editing-icon-trash'></i></a>").prependTo(container).click(function() {
+        return cmsField.scrivito('save', null).then(function() {
+          return cmsField.scrivito('reload');
+        }) && false;
+      });
+    }
+  };
+
+  scrivito.editors.binary_editor = {
+    can_edit: function(element) {
+      return $(element).is('[data-scrivito-field-type=binary]');
+    },
+    activate: function(element) {
+      return activate(element);
+    }
+  };
+
+  scrivito.on('load', function() {
+    return scrivito.define_editor('binary', scrivito.editors.binary_editor);
+  });
+
+}).call(this);

data/app/assets/javascripts/scrivito_editors/date_editor.js

@@ -0,0 +1,66 @@
+(function() {
+  var activate, onClose, onSelect, save, template;
+
+  template = function() {
+    return $('<input />').attr('type', 'text');
+  };
+
+  save = function(datetimepickerElement, dateTimeText, additionalDoneEvent) {
+    var cmsField, datetime;
+    cmsField = datetimepickerElement.data('cmsField');
+    datetime = datetimepickerElement.datetimepicker('getDate');
+    return cmsField.scrivito('save', datetime).done(function() {
+      cmsField.trigger('save.scrivito_editors');
+      if (additionalDoneEvent) {
+        return cmsField.trigger(additionalDoneEvent);
+      }
+    });
+  };
+
+  onClose = function(dateTimeText) {
+    return save($(this), dateTimeText, 'scrivito_editors:blur');
+  };
+
+  onSelect = function(dateTimeText) {
+    return save($(this), dateTimeText);
+  };
+
+  activate = function(element) {
+    var cmsField;
+    cmsField = $(element);
+    return cmsField.on('click', function(event) {
+      var content, dateFormat, options, timeFormat;
+      if (cmsField.is('.hasDatepicker')) {
+        return;
+      }
+      event.preventDefault();
+      content = cmsField.text().trim();
+      dateFormat = cmsField.data('scrivitoEditorsDateFormat');
+      timeFormat = cmsField.data('scrivitoEditorsTimeFormat');
+      options = {
+        onClose: onClose,
+        onSelect: onSelect
+      };
+      options.dateFormat = dateFormat || 'yy-mm-dd';
+      if (timeFormat) {
+        options.timeFormat = timeFormat;
+      }
+      template().data('cmsField', cmsField).insertAfter(cmsField).datetimepicker(options).datetimepicker('setDate', $(cmsField).scrivito('content')).focus();
+      return cmsField.hide();
+    });
+  };
+
+  scrivito.editors.date_editor = {
+    can_edit: function(element) {
+      return $(element).is('[data-scrivito-field-type=date]');
+    },
+    activate: function(element) {
+      return activate(element);
+    }
+  };
+
+  scrivito.on('load', function() {
+    return scrivito.define_editor('date', scrivito.editors.date_editor);
+  });
+
+}).call(this);

data/app/assets/javascripts/scrivito_editors/default_editor.js

@@ -0,0 +1,43 @@
+(function() {
+  var COEXISTING_EDITORS, PRIMARY_EDITORS, default_editor;
+
+  PRIMARY_EDITORS = ['date_editor', 'enum_editor', 'html_editor', 'image_editor', 'link_editor', 'linklist_editor', 'multienum_editor', 'permalink_editor', 'reference_editor', 'referencelist_editor', 'string_editor', 'stringlist_editor'];
+
+  COEXISTING_EDITORS = ['binary_editor', 'image_drop_editor'];
+
+  default_editor = {
+    can_edit: function() {
+      return true;
+    },
+    activate: function(element) {
+      var editor, i, j, legacyApiEditor, len, len1, ref;
+      legacyApiEditor = $(element).data('editor');
+      if (legacyApiEditor) {
+        editor = legacyApiEditor + "_editor";
+        console.warn("data-editor is deprecated, please use scrivito_tag(tag, obj, html_options, editor: '" + legacyApiEditor + "')");
+        if ((ref = scrivito.editors[editor]) != null) {
+          ref.activate(element);
+        }
+        return;
+      }
+      for (i = 0, len = COEXISTING_EDITORS.length; i < len; i++) {
+        editor = COEXISTING_EDITORS[i];
+        if (scrivito.editors[editor].can_edit(element)) {
+          scrivito.editors[editor].activate(element);
+        }
+      }
+      for (j = 0, len1 = PRIMARY_EDITORS.length; j < len1; j++) {
+        editor = PRIMARY_EDITORS[j];
+        if (scrivito.editors[editor].can_edit(element)) {
+          scrivito.editors[editor].activate(element);
+          return;
+        }
+      }
+    }
+  };
+
+  scrivito.on('load', function() {
+    return scrivito.define_editor('default', default_editor);
+  });
+
+}).call(this);

data/app/assets/javascripts/scrivito_editors/deprecated_data_attrs.js

@@ -0,0 +1,44 @@
+(function() {
+  var DATA_ATTRIBUTES, _deprecationLogged;
+
+  DATA_ATTRIBUTES = ['autosave', 'date-format', 'filter-context', 'filters', 'max', 'min', 'newlines', 'placeholder', 'reload', 'step', 'time-format', 'values'];
+
+  _deprecationLogged = [];
+
+  scrivito.on('content', function(element) {
+    var attribute, cmsElement, cmsField, cmsFields, i, len, newAttribute, results, value;
+    if (!scrivito.in_editable_view()) {
+      return;
+    }
+    cmsFields = $(element).addBack().find('[data-scrivito-field-type]');
+    results = [];
+    for (i = 0, len = cmsFields.length; i < len; i++) {
+      cmsElement = cmsFields[i];
+      cmsField = $(cmsElement);
+      results.push((function() {
+        var j, len1, results1;
+        results1 = [];
+        for (j = 0, len1 = DATA_ATTRIBUTES.length; j < len1; j++) {
+          attribute = DATA_ATTRIBUTES[j];
+          value = cmsField.data(attribute);
+          if (value !== void 0) {
+            newAttribute = attribute.replace('newlines', 'multiline');
+            cmsField.data("scrivito-editors-" + newAttribute, value);
+            cmsField.attr("data-scrivito-editors-" + newAttribute, cmsField.attr("data-" + attribute));
+            if (!_deprecationLogged[attribute]) {
+              _deprecationLogged[attribute] = true;
+              results1.push(console.warn("data-" + attribute + " is deprecated, please use data-scrivito-editors-" + newAttribute + "."));
+            } else {
+              results1.push(void 0);
+            }
+          } else {
+            results1.push(void 0);
+          }
+        }
+        return results1;
+      })());
+    }
+    return results;
+  });
+
+}).call(this);

data/app/assets/javascripts/scrivito_editors/enum_editor.js

@@ -0,0 +1,68 @@
+(function() {
+  var activate, clear, save, template,
+    indexOf = [].indexOf || function(item) { for (var i = 0, l = this.length; i < l; i++) { if (i in this && this[i] === item) return i; } return -1; };
+
+  clear = '__scrivito_editors_enum_clear';
+
+  template = function(values) {
+    var element;
+    element = $('<select></select>').addClass('form-control');
+    $.each(values, function(index, value) {
+      var text;
+      if (value === clear) {
+        text = '';
+      } else {
+        text = value;
+      }
+      return $('<option></option>').attr('value', value).text(text).appendTo(element);
+    });
+    return element;
+  };
+
+  save = function(event) {
+    var cmsField, content, element;
+    element = $(event.currentTarget);
+    cmsField = element.data('cmsField');
+    content = element.val();
+    if (content === clear) {
+      content = null;
+    }
+    return cmsField.scrivito('save', content).done(function() {
+      return cmsField.trigger('save.scrivito_editors');
+    });
+  };
+
+  activate = function(element) {
+    var cmsField;
+    cmsField = $(element);
+    return cmsField.on('click', function() {
+      var content, selected, values;
+      content = cmsField.scrivito('content');
+      values = cmsField.scrivito('allowed_values');
+      if (indexOf.call(values, '') < 0) {
+        values.push(clear);
+      }
+      if (content) {
+        selected = content;
+      } else {
+        selected = clear;
+      }
+      template(values).data('cmsField', cmsField).val(selected).insertAfter(cmsField).change(save).focusout(save).focus();
+      return cmsField.hide();
+    });
+  };
+
+  scrivito.editors.enum_editor = {
+    can_edit: function(element) {
+      return $(element).is('[data-scrivito-field-type=enum]');
+    },
+    activate: function(element) {
+      return activate(element);
+    }
+  };
+
+  scrivito.on('load', function() {
+    return scrivito.define_editor('enum', scrivito.editors.enum_editor);
+  });
+
+}).call(this);

data/app/assets/javascripts/scrivito_editors/filter_context.js

@@ -0,0 +1,54 @@
+(function() {
+  var extendDeepData, mergeFilterContexts,
+    hasProp = {}.hasOwnProperty;
+
+  extendDeepData = function(data, prefix) {
+    var i, key, len, name, obj, obj1, path, ref, results, value;
+    results = [];
+    for (key in data) {
+      if (!hasProp.call(data, key)) continue;
+      value = data[key];
+      if (!(key.search(prefix) === 0)) {
+        continue;
+      }
+      path = key.match(RegExp("([A-Z]|^" + prefix + ")[^A-Z]*", "g"));
+      if (path[0] === prefix) {
+        ref = path.slice(1).reverse();
+        for (i = 0, len = ref.length; i < len; i++) {
+          name = ref[i];
+          value = (
+            obj = {},
+            obj["" + (name.toLowerCase())] = value,
+            obj
+          );
+        }
+        results.push($.extend(true, data, (
+          obj1 = {},
+          obj1["" + prefix] = value,
+          obj1
+        )));
+      } else {
+        results.push(void 0);
+      }
+    }
+    return results;
+  };
+
+  mergeFilterContexts = function() {
+    var cmsFields;
+    cmsFields = $("[data-scrivito-field-type][data-scrivito-editors-filter-context],\n[data-scrivito-field-type^=\"html\"],\n[data-scrivito-field-type^=\"link\"],\n[data-scrivito-field-type^=\"reference\"]");
+    return cmsFields.each(function() {
+      var cmsField, data;
+      cmsField = $(this);
+      data = cmsField.data();
+      return extendDeepData(data, 'scrivitoEditorsFilterContext');
+    });
+  };
+
+  scrivito.on('content', function() {
+    if (scrivito.in_editable_view()) {
+      return mergeFilterContexts();
+    }
+  });
+
+}).call(this);

data/app/assets/javascripts/scrivito_editors/helpers/file_dropzone.js

@@ -0,0 +1,33 @@
+(function() {
+  var setup;
+
+  scrivito.editors._file_dropzone = function(fields, callback) {
+    return fields.each(function() {
+      return setup($(this), callback);
+    });
+  };
+
+  setup = function(el, callback) {
+    el.on('dragenter', function() {
+      el.children().not('img').css({
+        pointerEvents: 'none'
+      });
+      return el.addClass('image-editor-dragover') && false;
+    });
+    el.on('dragleave', function() {
+      el.children().not('img').css({
+        pointerEvents: 'auto'
+      });
+      return el.removeClass('image-editor-dragover') && false;
+    });
+    return el.on('drop', function(e) {
+      var files, ref, ref1;
+      el.removeClass('image-editor-dragover');
+      if (((ref = (files = (ref1 = e.originalEvent.dataTransfer) != null ? ref1.files : void 0)) != null ? ref.length : void 0) === 1) {
+        callback(el, files[0]);
+      }
+      return false;
+    });
+  };
+
+}).call(this);

data/app/assets/javascripts/scrivito_editors/helpers/imgly_assets.js.erb

@@ -0,0 +1,5 @@
+(function() {
+  scrivito.editors._imgly_asset_path_resolver = function(path) {
+    return <%= ScrivitoEditors::Engine.imgly_assets { |file| image_path(file) }.to_json %>[path];
+  };
+}).call(this);

data/app/assets/javascripts/scrivito_editors/helpers/setup_binary_button_container.js

@@ -0,0 +1,12 @@
+(function() {
+  scrivito.editors._setup_binary_button_container = function(element, container_class) {
+    var container;
+    container = element.parent(".scrivito-editor-button-container");
+    if (container.length) {
+      return container.addClass(container_class);
+    } else {
+      return element.wrap("<div class='" + container_class + " scrivito-editor-button-container' />").parent();
+    }
+  };
+
+}).call(this);

data/app/assets/javascripts/scrivito_editors/html_editor.js

@@ -0,0 +1,15 @@
+(function() {
+  scrivito.editors.html_editor = {
+    can_edit: function(element) {
+      return scrivito.editors.redactor_editor.can_edit(element);
+    },
+    activate: function(element) {
+      return scrivito.editors.redactor_editor.activate(element);
+    }
+  };
+
+  scrivito.on('load', function() {
+    return scrivito.define_editor('html', scrivito.editors.html_editor);
+  });
+
+}).call(this);

data/app/assets/javascripts/scrivito_editors/image_drop_editor.js

@@ -0,0 +1,52 @@
+(function() {
+  var activate, save;
+
+  activate = function(element) {
+    return scrivito.editors._file_dropzone($(element), save);
+  };
+
+  save = function(field, file) {
+    var objClass;
+    objClass = scrivito.default_obj_class_for_content_type(file.type);
+    return scrivito.create_obj({
+      blob: file,
+      _obj_class: objClass
+    }).then(function(obj) {
+      var type, value;
+      type = field.attr('data-scrivito-field-type');
+      value = (function() {
+        switch (type) {
+          case 'link':
+            return {
+              obj_id: obj.id
+            };
+          case 'linklist':
+            return [
+              {
+                obj_id: obj.id
+              }
+            ];
+          case 'reference':
+            return obj.id;
+        }
+      })();
+      return field.scrivito('save', value).then(function() {
+        return field.scrivito('reload');
+      });
+    });
+  };
+
+  scrivito.editors.image_drop_editor = {
+    can_edit: function(element) {
+      return $(element).is('img[data-scrivito-field-type=link],\nimg[data-scrivito-field-type=linklist],\nimg[data-scrivito-field-type=reference]');
+    },
+    activate: function(element) {
+      return activate(element);
+    }
+  };
+
+  scrivito.on('load', function() {
+    return scrivito.define_editor('image_drop', scrivito.editors.image_drop_editor);
+  });
+
+}).call(this);

data/app/assets/javascripts/scrivito_editors/image_editor.js

@@ -0,0 +1,114 @@
+(function() {
+  var activate, open_image_editing_dialog, open_image_editing_dialog_options, save_edited_image, setup_edit_btn, setup_image_kit, setup_image_kit_container;
+
+  activate = function(element) {
+    return setup_edit_btn($(element));
+  };
+
+  setup_edit_btn = function(element) {
+    scrivito.editors._setup_binary_button_container(element, 'scrivito-editor-image-button-container');
+    if (element.scrivito('content')) {
+      return $("<a href='#' class='edit-image editing-button'> <i class='editing-icon editing-icon-edit'></i></a>").insertBefore(element).click(function(event) {
+        event.preventDefault();
+        return open_image_editing_dialog(element);
+      });
+    }
+  };
+
+  open_image_editing_dialog = function(element) {
+    var content, dialog;
+    content = $("<div class='image_kit_start' />");
+    dialog = scrivito.dialog(content, open_image_editing_dialog_options());
+    return setup_image_kit_container(element, dialog);
+  };
+
+  open_image_editing_dialog_options = function() {
+    var dialog_options;
+    return dialog_options = {
+      color: "dark",
+      confirm: {
+        title: "Confirm",
+        color: "green"
+      },
+      cancel: {
+        title: "Cancel",
+        color: "lightgrey"
+      }
+    };
+  };
+
+  setup_image_kit = function(image, container) {
+    return new ImglyKit({
+      renderer: "canvas",
+      assetsUrl: "imgly_sdk",
+      image: image,
+      versionCheck: false,
+      container: container[0],
+      ui: {
+        enabled: true,
+        assetPathResolver: scrivito.editors._imgly_asset_path_resolver
+      }
+    });
+  };
+
+  setup_image_kit_container = function(element, dialog) {
+    var container, fallbackUrl, image, url;
+    container = $(".image_kit_start");
+    image = new Image();
+    url = element.scrivito("content").url;
+    image.crossOrigin = "Anonymous";
+    image.src = url;
+    fallbackUrl = url;
+    if (url.indexOf("?") < 0) {
+      fallbackUrl = url + "?=" + new Date().getTime();
+    } else {
+      fallbackUrl = url + "&=" + new Date().getTime();
+    }
+    image.onerror = function() {
+      if (image.src === fallbackUrl) {
+        return $("<div style='padding:20px'>\n  <h1>We're sorry,</h1>\n  <p>Scrivito can't edit this image in your browser. What now?</p>\n  <ul>\n    <li>Check for browser updates</li>\n    <li>Try using a different browser</li>\n    <li>Contact us at\n      <a href=\"https://scrivito.com/support\" target=\"_blank\">https://scrivito.com/support</a>\n    </li>\n  </ul>\n</div>").appendTo(container);
+      } else {
+        console.info("Scrivito detected a probable CORS browser cache mismatch, trying uncached load");
+        return image.src = fallbackUrl;
+      }
+    };
+    return image.onload = function() {
+      var kit;
+      kit = setup_image_kit(image, container);
+      kit.ui.selectOperations({
+        except: "stickers"
+      });
+      kit.run();
+      return dialog.when_closed.then((function(_this) {
+        return function() {
+          return save_edited_image(element, kit);
+        };
+      })(this));
+    };
+  };
+
+  save_edited_image = function(element, kit) {
+    return kit.render("blob", "image/jpeg").then(function(blob) {
+      return element.scrivito("save", scrivito.upload_binary({
+        blob: blob,
+        filename: element.scrivito("content").filename
+      })).then(function() {
+        return element.scrivito("reload");
+      });
+    });
+  };
+
+  scrivito.editors.image_editor = {
+    can_edit: function(element) {
+      return $(element).is('img[data-scrivito-field-type=binary]');
+    },
+    activate: function(element) {
+      return activate(element);
+    }
+  };
+
+  scrivito.on('load', function() {
+    return scrivito.define_editor('image', scrivito.editors.image_editor);
+  });
+
+}).call(this);

data/app/assets/javascripts/scrivito_editors/link_editor.js

@@ -0,0 +1,88 @@
+(function() {
+  var activate, openContentBrowser, save, template;
+
+  scrivito.on('load', function() {
+    return scrivito.define_editor('link', scrivito.editors.link_editor);
+  });
+
+  scrivito.editors.link_editor = {
+    can_edit: function(element) {
+      return $(element).is('[data-scrivito-field-type=link]');
+    },
+    activate: function(element) {
+      return activate($(element));
+    }
+  };
+
+  activate = function(cmsField) {
+    var link, obj_id;
+    link = cmsField.scrivito('content') || {};
+    cmsField.html(template(link));
+    if (obj_id = link.obj_id) {
+      scrivito.description_for_editor([obj_id]).then(function(descriptions) {
+        var urlInput;
+        urlInput = cmsField.find('[name=url]');
+        if (!urlInput.is(':focus')) {
+          return urlInput.val(descriptions[0]);
+        }
+      });
+    }
+    cmsField.on('blur', 'li input', function() {
+      return save(cmsField);
+    }).on('click', 'a.scrivito_open_content_browser', function() {
+      return openContentBrowser(cmsField);
+    });
+    return cmsField.find('[name=url]').on('focus', function() {
+      var input, raw;
+      input = $(this);
+      raw = input.data('value');
+      if (raw) {
+        input.val(raw);
+      }
+      return input.data('value', null);
+    });
+  };
+
+  template = function(link) {
+    var obj_url;
+    obj_url = link.obj_id && ("/" + link.obj_id);
+    return $("<ul>\n  <li data-id=\"" + link.obj_id + "\" data-title=\"" + link.title + "\" data-url=\"" + link.url + "\">\n    <input type=\"text\" name=\"title\" value=\"" + (link.title || '') + "\" placeholder=\"Title\" />\n    <input type=\"text\" name=\"url\" value=\"" + (link.url || obj_url || '') + "\"\n        data-value=\"" + (link.url || obj_url || '') + "\" placeholder=\"Url\" class=\"editing-url\" />\n    <div class=\"actions\">\n      <a href=\"#\" class=\"scrivito_open_content_browser editing-button editing-green\">\n        <i class=\"editing-icon editing-icon-search\" />\n      </a>\n    </div>\n  </li>\n</ul>");
+  };
+
+  openContentBrowser = function(cmsField) {
+    var id, linkItem;
+    linkItem = cmsField.find('li');
+    id = linkItem.data('id');
+    scrivito.content_browser.open({
+      selection: id ? [id] : [],
+      selection_mode: 'single',
+      filters: cmsField.data('scrivitoEditorsFilters'),
+      filter_context: cmsField.data('scrivitoEditorsFilterContext')
+    }).done(function(selection) {
+      var url, val;
+      if (id = selection[0]) {
+        url = "/" + id;
+        val = "Content browser selection (" + url + ")";
+        linkItem.data('id', id).find('[name=url]').data('value', url).val(val);
+        return save(cmsField);
+      }
+    });
+    return false;
+  };
+
+  save = function(cmsField) {
+    var li, title, url, urlInput, value;
+    li = cmsField.find('li');
+    title = li.find('[name=title]').val();
+    urlInput = li.find('[name=url]');
+    url = urlInput.data('value') || urlInput.val();
+    value = url ? {
+      title: title,
+      url: url
+    } : null;
+    return cmsField.scrivito('save', value).done(function() {
+      return cmsField.trigger('save.scrivito_editors');
+    });
+  };
+
+}).call(this);