scrivito_editors 0.71.2 → 0.90.0.rc1

data/app/assets/javascripts/scrivito_editors/redactor_plugins/scrivito_editors_link_manager.js

@@ -0,0 +1,56 @@
+(function() {
+  if (this.RedactorPlugins == null) {
+    this.RedactorPlugins = {};
+  }
+
+  RedactorPlugins.scrivito_editors_link_manager = function() {
+    var self;
+    return self = {
+      init: function() {
+        this.modal.addTemplate('scrivito_link_manager_browse', self.browseButtonHtml);
+        this.modal.addTemplate('scrivito_link_manager_url', '/$id');
+        this.modal.addCallback('imageEdit', self.addBrowseToModal);
+        return this.modal.addCallback('link', self.addBrowseToModal);
+      },
+      browseButtonHtml: "<button class=\"editing-button editing-green\">\n  <i class=\"editing-icon editing-icon-search\"></i>\n  Browse\n</button>",
+      urlInput: function() {
+        return this.modal.getModal().find('#redactor-link-url, #redactor-image-link');
+      },
+      addBrowseToModal: function() {
+        return self.urlInput().wrap('<div id="scrivito-link-manager-url"></div>').after(this.modal.getTemplate('scrivito_link_manager_browse')).siblings('button').on('click', self.browse);
+      },
+      browse: function() {
+        return scrivito.content_browser.open({
+          filter: this.$element.data('scrivitoEditorsFilter'),
+          filter_context: this.$element.data('scrivitoEditorsFilterContext'),
+          selection: self.getObjIds(),
+          selection_mode: 'single'
+        }).done((function(_this) {
+          return function(selection) {
+            var id;
+            id = selection[0];
+            if (id != null) {
+              return self.setObjId(id);
+            }
+          };
+        })(this));
+      },
+      getObjIds: function() {
+        var matches;
+        matches = self.urlInput().val().match(/[\/:]([a-f0-9]{16})\b/);
+        if (matches != null) {
+          return [matches[1]];
+        } else {
+          return [];
+        }
+      },
+      setObjId: function(id) {
+        return self.urlInput().val(self.toUrl(id));
+      },
+      toUrl: function(id) {
+        return this.modal.getTemplate('scrivito_link_manager_url').replace("$id", id);
+      }
+    };
+  };
+
+}).call(this);

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

@@ -0,0 +1,60 @@
+(function() {
+  var activate, onContentBrowserSave;
+
+  activate = function(element) {
+    var cmsField, objId;
+    cmsField = $(element);
+    objId = cmsField.scrivito('content');
+    if (objId && !cmsField.children().length) {
+      scrivito.description_for_editor([objId]).then(function(results) {
+        return cmsField.text(results[0]);
+      });
+    }
+    return cmsField.on('click', function(event) {
+      var filterContext, filters, isImage, selected;
+      event.preventDefault();
+      selected = [cmsField.scrivito('content')].filter(function(element) {
+        return element;
+      });
+      isImage = cmsField.is('img');
+      filters = cmsField.data('scrivitoEditorsFilters');
+      filterContext = $.extend({
+        _image: isImage
+      }, cmsField.data('scrivitoEditorsFilterContext'));
+      return scrivito.content_browser.open({
+        filters: filters,
+        filter_context: filterContext,
+        selection: selected,
+        selection_mode: 'single'
+      }).done((function(_this) {
+        return function(selection) {
+          return onContentBrowserSave(selection, cmsField);
+        };
+      })(this));
+    });
+  };
+
+  onContentBrowserSave = function(selection, cmsField) {
+    var value;
+    value = selection[0] || null;
+    cmsField.scrivito('save', value).done(function() {
+      cmsField.trigger('save.scrivito_editors');
+      return cmsField.scrivito('reload');
+    });
+    return true;
+  };
+
+  scrivito.editors.reference_editor = {
+    can_edit: function(element) {
+      return $(element).is('[data-scrivito-field-type=reference]');
+    },
+    activate: function(element) {
+      return activate(element);
+    }
+  };
+
+  scrivito.on('load', function() {
+    return scrivito.define_editor('reference', scrivito.editors.reference_editor);
+  });
+
+}).call(this);

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

@@ -0,0 +1,120 @@
+(function() {
+  var activate, collectIds, contentBrowserButtonTemplate, getCmsField, onContentBrowserOpen, remove, render, renderItem, save;
+
+  renderItem = function(objId) {
+    return $("<li data-id=\"" + objId + "\">\n  <span class=\"list-content\"></span>\n  <div class=\"actions\">\n    <a href=\"#\" class=\"editing-button editing-red delete\">\n      <i class=\"editing-icon editing-icon-trash\" />\n    </a>\n  </div>\n</li>");
+  };
+
+  contentBrowserButtonTemplate = function() {
+    return $('<button class="editing-button editing-green content-browser-open">\n  <i class="editing-icon editing-icon-plus" />\n</button>');
+  };
+
+  getCmsField = function(element) {
+    return element.closest('[data-scrivito-field-type=referencelist]');
+  };
+
+  save = function(ids, cmsField, reload) {
+    var lastSaved;
+    if (reload == null) {
+      reload = true;
+    }
+    lastSaved = cmsField.scrivito('content');
+    if (JSON.stringify(ids) !== JSON.stringify(lastSaved)) {
+      return cmsField.scrivito('save', ids).done(function() {
+        cmsField.trigger('save.scrivito_editors');
+        if (reload) {
+          return cmsField.scrivito('reload');
+        }
+      });
+    }
+  };
+
+  onContentBrowserOpen = function(event) {
+    var cmsField, filterContext, filters;
+    event.preventDefault();
+    cmsField = getCmsField($(event.currentTarget));
+    filters = cmsField.data('scrivitoEditorsFilters');
+    filterContext = cmsField.data('scrivitoEditorsFilterContext');
+    return scrivito.content_browser.open({
+      filters: filters,
+      filter_context: filterContext
+    }).done((function(_this) {
+      return function(selection) {
+        var ids;
+        ids = cmsField.scrivito('content').concat(selection);
+        return save(ids, cmsField);
+      };
+    })(this));
+  };
+
+  collectIds = function(cmsField) {
+    var item, items, value;
+    items = $(cmsField).find('[data-id]');
+    return value = (function() {
+      var i, len, results;
+      results = [];
+      for (i = 0, len = items.length; i < len; i++) {
+        item = items[i];
+        results.push($(item).data('id'));
+      }
+      return results;
+    })();
+  };
+
+  remove = function(event) {
+    var cmsField, ids, target;
+    event.preventDefault();
+    target = $(event.currentTarget);
+    cmsField = getCmsField(target);
+    target.closest('li').remove();
+    ids = collectIds(cmsField);
+    return save(ids, cmsField, false);
+  };
+
+  render = function(cmsField) {
+    var i, len, objId, objIds, ul;
+    cmsField.empty();
+    objIds = cmsField.scrivito('content');
+    if (objIds.length) {
+      ul = $('<ul></ul>').appendTo(cmsField);
+      for (i = 0, len = objIds.length; i < len; i++) {
+        objId = objIds[i];
+        ul.append(renderItem(objId));
+      }
+      scrivito.description_for_editor(objIds).then(function(descriptions) {
+        return ul.find('li').each(function(index, element) {
+          return $(element).find('> span').text(descriptions[index]);
+        });
+      });
+    }
+    return cmsField.append(contentBrowserButtonTemplate);
+  };
+
+  activate = function(dom_element) {
+    var cmsField;
+    cmsField = $(dom_element);
+    render(cmsField);
+    return cmsField.on('click', 'li a.delete', remove).on('click', 'button.content-browser-open', onContentBrowserOpen).find('ul').sortable({
+      update: function(event) {
+        var ids;
+        cmsField = getCmsField($(event.target));
+        ids = collectIds(cmsField);
+        return save(ids, cmsField, false);
+      }
+    });
+  };
+
+  scrivito.editors.referencelist_editor = {
+    can_edit: function(element) {
+      return $(element).is('[data-scrivito-field-type=referencelist]');
+    },
+    activate: function(element) {
+      return activate(element);
+    }
+  };
+
+  scrivito.on('load', function() {
+    return scrivito.define_editor('referencelist', scrivito.editors.referencelist_editor);
+  });
+
+}).call(this);

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

@@ -0,0 +1,14 @@
+(function() {
+  var selector;
+
+  selector = '[data-scrivito-field-type][data-scrivito-editors-reload=true]';
+
+  scrivito.on('content', function() {
+    if (scrivito.in_editable_view()) {
+      return $(':root').on('scrivito_editors:blur', selector, function(event) {
+        return $(this).scrivito("reload");
+      });
+    }
+  });
+
+}).call(this);

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

@@ -0,0 +1,62 @@
+(function() {
+  var activate, onSlide, onStop, template;
+
+  template = function() {
+    return $('<div></div>');
+  };
+
+  onStop = function(event, ui) {
+    var cmsField, content;
+    cmsField = $(this).data('cmsField');
+    content = ui.value;
+    return cmsField.scrivito('save', content).done(function() {
+      cmsField.trigger('save.scrivito_editors');
+      return cmsField.trigger('scrivito_editors:blur');
+    });
+  };
+
+  onSlide = function(event, ui) {
+    var cmsField, content;
+    cmsField = $(this).data('cmsField');
+    content = ui.value;
+    return cmsField.text(ui.value);
+  };
+
+  activate = function(element) {
+    return $(element).on('click', function() {
+      var cmsField, content, max, min, step;
+      cmsField = $(element);
+      if (cmsField.data('scrivito_editors_active')) {
+        return;
+      }
+      cmsField.data('scrivito_editors_active', true);
+      content = cmsField.scrivito('content');
+      min = cmsField.data('scrivito-editors-min');
+      max = cmsField.data('scrivito-editors-max');
+      step = cmsField.data('scrivito-editors-step');
+      return template().data('cmsField', cmsField).insertAfter(cmsField).slider({
+        min: parseInt(min) || 1,
+        max: parseInt(max) || 10,
+        step: parseInt(step) || 1,
+        value: parseInt(content) || 0,
+        range: 'min',
+        slide: onSlide,
+        stop: onStop
+      }).find('.ui-slider-handle').focus();
+    });
+  };
+
+  scrivito.editors.slider_editor = {
+    can_edit: function(element) {
+      return $(element).is('[data-scrivito-field-type=string]');
+    },
+    activate: function(element) {
+      return activate(element);
+    }
+  };
+
+  scrivito.on('load', function() {
+    return scrivito.define_editor('slider', scrivito.editors.slider_editor);
+  });
+
+}).call(this);

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

@@ -0,0 +1,156 @@
+(function() {
+  var DOUBLE_CLICK_MS, _deprecationLogged, activate, cleanUp, cmsFieldAndPastedContent, finishEditing, getCurrentContent, isNewlineAllowed, onBlur, onFocus, onInput, onKey, prepareForEditing, save;
+
+  onKey = function(event) {
+    var cmsField, key;
+    cmsField = $(event.currentTarget);
+    key = event.keyCode || event.which;
+    switch (key) {
+      case 13:
+        if (!isNewlineAllowed(cmsField)) {
+          event.preventDefault();
+          return cmsField.blur();
+        }
+        break;
+      case 27:
+        event.stopPropagation();
+        return cmsField.blur();
+    }
+  };
+
+  onInput = function(event) {
+    var cmsField;
+    cmsField = $(event.currentTarget);
+    return save(cmsField);
+  };
+
+  onFocus = function(event) {
+    var cmsField;
+    cmsField = $(event.currentTarget);
+    return prepareForEditing(cmsField);
+  };
+
+  onBlur = function(event) {
+    var cmsField;
+    cmsField = $(event.currentTarget);
+    save(cmsField).done(function() {
+      return cmsField.trigger('scrivito_editors:blur');
+    });
+    return finishEditing(cmsField);
+  };
+
+  save = function(cmsField) {
+    var content;
+    content = getCurrentContent(cmsField);
+    if (content !== cmsField.scrivito('content')) {
+      return cmsField.scrivito('save', content).done(function() {
+        return cmsField.trigger('save.scrivito_editors');
+      });
+    } else {
+      return $.Deferred().resolve();
+    }
+  };
+
+  getCurrentContent = function(cmsField) {
+    var clone, content;
+    cleanUp(cmsField);
+    clone = cmsFieldAndPastedContent(cmsField).clone();
+    clone.find('div:not(:has(br)),p:not(:first)').before('\n');
+    clone.find('br').replaceWith('\n');
+    content = clone.text();
+    clone.remove();
+    return content;
+  };
+
+  cleanUp = function(cmsField) {
+    var pasted, siblings;
+    siblings = cmsFieldAndPastedContent(cmsField);
+    pasted = siblings.not(cmsField);
+    if (pasted.length > 0) {
+      pasted.remove();
+      return cmsField.text(siblings.text());
+    }
+  };
+
+  cmsFieldAndPastedContent = function(cmsField) {
+    var needsReset, siblings, siblingsBefore;
+    siblingsBefore = cmsField.data('scrivito_editors_siblings_before_edit');
+    siblings = cmsField.siblings();
+    needsReset = !siblingsBefore || siblings.filter(siblingsBefore).length < siblingsBefore.length;
+    if (needsReset) {
+      return cmsField.data('scrivito_editors_siblings_before_edit', siblings);
+    } else {
+      return cmsField.siblings().addBack().not(siblingsBefore);
+    }
+  };
+
+  _deprecationLogged = false;
+
+  isNewlineAllowed = function(cmsField) {
+    if (cmsField.data('editor') === 'text') {
+      if (!_deprecationLogged) {
+        console.warn('Scrivito editors: data-editor="text" is deprecated, please use {data: {scrivito_editors_multiline: true}}, editor: "string" instead.');
+        _deprecationLogged = true;
+      }
+      return true;
+    }
+    if (cmsField.data('scrivitoEditorsMultiline') === true) {
+      return true;
+    }
+    if (cmsField.data('scrivitoEditorsMultiline') === false) {
+      return false;
+    }
+    return cmsField.css('white-space').match(/pre/);
+  };
+
+  prepareForEditing = function(cmsField) {
+    var html, htmlNl2Br;
+    if (isNewlineAllowed(cmsField) && !cmsField.data('scrivito_editors_prepared_for_editing')) {
+      cmsField.data('scrivito_editors_prepared_for_editing', true);
+      html = cmsField.html();
+      htmlNl2Br = html.replace(/\n/g, '<br />');
+      if (html !== htmlNl2Br) {
+        return cmsField.html(htmlNl2Br);
+      }
+    }
+  };
+
+  finishEditing = function(cmsField) {
+    cmsField.data('scrivito_editors_prepared_for_editing', false);
+    return cmsField.text(cmsField.scrivito('content'));
+  };
+
+  DOUBLE_CLICK_MS = 300;
+
+  activate = function(element) {
+    var cmsField;
+    cmsField = $(element);
+    cmsField.attr('contenteditable', true).blur(onBlur).focus(onFocus).keypress(onKey).keyup(onKey);
+    if (cmsField.attr('data-scrivito-editors-autosave') !== 'false') {
+      cmsField.on('cut input keypress keyup paste', onInput);
+    }
+    prepareForEditing(cmsField);
+    return cmsField.on('click', function(event) {
+      cmsField.attr('contenteditable', true);
+      cleanUp(cmsField);
+      if (!(event.timeStamp - cmsField.data('scrivito_editors_last_click') < DOUBLE_CLICK_MS)) {
+        event.preventDefault();
+      }
+      return cmsField.data('scrivito_editors_last_click', event.timeStamp);
+    });
+  };
+
+  scrivito.editors.string_editor = {
+    can_edit: function(element) {
+      return $(element).is('[data-scrivito-field-type=string]');
+    },
+    activate: function(element) {
+      return activate(element);
+    }
+  };
+
+  scrivito.on('load', function() {
+    return scrivito.define_editor('string', scrivito.editors.string_editor);
+  });
+
+}).call(this);

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

@@ -0,0 +1,22 @@
+(function() {
+  scrivito.editors.stringlist_editor = {
+    can_edit: function(element) {
+      return $(element).is('[data-scrivito-field-type=stringlist]');
+    },
+    activate: function(element) {
+      var field;
+      field = $(element);
+      return field.tagEditor({
+        initialTags: field.scrivito('content'),
+        onChange: function(field, editor, tags) {
+          return field.scrivito('save', tags);
+        }
+      });
+    }
+  };
+
+  scrivito.on('load', function() {
+    return scrivito.define_editor('stringlist', scrivito.editors.stringlist_editor);
+  });
+
+}).call(this);

data/app/assets/javascripts/scrivito_editors.js

@@ -10,5 +10,8 @@
 // Read Sprockets README (https://github.com/sstephenson/sprockets#sprockets-directives) for details
 // about supported directives.
 //
+//= require jquery.caret
+//= require jquery.tag-editor
+//= require medium-editor
 //= require scrivito_editors_addons
 //= require scrivito_editors_core

data/app/assets/stylesheets/scrivito_editors/editors/medium_editor.css

@@ -0,0 +1,20 @@
+/*
+ *= require medium-editor
+ *= require medium-editor-themes/flat
+ *= require_self
+ */
+.medium-toolbar-arrow-under::after { top: auto;}
+.medium-editor-toolbar { z-index: 11112; margin:0 10px; background:rgba(67, 148, 57, 0.9);
+  border-radius:4px;}
+.medium-editor-toolbar li button { height:40px; min-width:40px; padding:10px;
+  border:none; margin:1px; background:rgba(0,0,0,.1);
+  }
+.medium-editor-toolbar li button * { color: inherit; }
+.medium-editor-toolbar li button .scrivito_customer_icon { font-size:18px;}
+.medium-editor-toolbar-form .scrivito_customer_icon { font-size:18px;
+  min-width:40px; height:40px; line-height: 40px!important;
+  display:inline-block; text-align:center;
+  color: #fff; margin: 1px; background:rgba(0,0,0,.1);
+  }
+.medium-editor-toolbar-form .scrivito_customer_icon:hover {background:rgba(0,0,0,.3);}
+.medium-editor-toolbar-form .medium-editor-toolbar-input {margin: 1px;height:40px; background:rgba(0,0,0,.3);}

data/app/assets/stylesheets/scrivito_editors/editors/referencelist_editor.css

@@ -20,6 +20,10 @@
   border: 1px solid #ddd;
 }
 
+[data-scrivito-field-type="referencelist"] ul li .list-content {
+  display: inline-block;
+}
+
 [data-scrivito-field-type="referencelist"] ul li.ui-sortable-placeholder:before {
   display:none;
 }

data/app/assets/stylesheets/scrivito_editors/placeholder.css

@@ -2,10 +2,10 @@
   Placeholder styling for empty CMS attributes. The placeholder text is only displayed, if the
   element is not focused and it gets a slightly less visible style.
 */
-[data-scrivito-display-mode="editing"] [data-scrivito-field-type]:empty:not(:focus):before {
-  content: attr(data-placeholder);
+[data-scrivito-display-mode="editing"] [data-scrivito-editors-placeholder]:empty:not(:focus):before {
+  content: attr(data-scrivito-editors-placeholder);
   color: #999;
-  display: block;
+  display: inline-block;
   font-size: 13px;
   font-style: normal;
   font-weight: normal;
@@ -15,4 +15,15 @@
   text-decoration: none;
   vertical-align: middle;
   cursor: pointer;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: 100%;
+}
+
+/* Firefox: Let the input cursor appear at the expected position */
+[data-scrivito-display-mode="editing"] [data-scrivito-editors-placeholder]:empty:focus:after,
+[data-scrivito-display-mode="editing"] [data-scrivito-editors-placeholder]:empty:focus:before {
+  content: " ";
+  display: inline-block;
 }