scrivito_editors 0.71.2 → 0.90.0.rc1

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

@@ -0,0 +1,187 @@
+(function() {
+  var activate, addLink, attachHandlers, attachLinkHandlers, fetchDescriptions, linkTemplate, openContentBrowser, removeLink, render, save, storeLastSaved;
+
+  scrivito.on('load', function() {
+    return scrivito.define_editor('linklist', scrivito.editors.linklist_editor);
+  });
+
+  scrivito.editors.linklist_editor = {
+    can_edit: function(element) {
+      return $(element).is('[data-scrivito-field-type=linklist]');
+    },
+    activate: function(element) {
+      return activate($(element));
+    }
+  };
+
+  activate = function(cmsField) {
+    var linklist;
+    linklist = cmsField.scrivito('content');
+    render(cmsField, linklist);
+    fetchDescriptions(cmsField, linklist);
+    attachHandlers(cmsField);
+    return storeLastSaved(cmsField, linklist);
+  };
+
+  render = function(cmsField, linklist) {
+    var j, len, link, ul;
+    ul = $('<ul></ul>');
+    for (j = 0, len = linklist.length; j < len; j++) {
+      link = linklist[j];
+      ul.append(linkTemplate(link));
+    }
+    cmsField.html(ul);
+    return cmsField.append('<button class="editing-button editing-green add-link">\n  <i class="editing-icon editing-icon-plus"></i>\n</button>');
+  };
+
+  fetchDescriptions = function(cmsField, linklist) {
+    var link, obj_ids;
+    obj_ids = (function() {
+      var j, len, results;
+      results = [];
+      for (j = 0, len = linklist.length; j < len; j++) {
+        link = linklist[j];
+        if (link.obj_id) {
+          results.push(link.obj_id);
+        }
+      }
+      return results;
+    })();
+    if (obj_ids.length) {
+      return scrivito.description_for_editor(obj_ids).then(function(descriptions) {
+        var i, j, len, obj_id, results, urlInput;
+        results = [];
+        for (i = j = 0, len = obj_ids.length; j < len; i = ++j) {
+          obj_id = obj_ids[i];
+          urlInput = cmsField.find("[data-id='" + obj_id + "'] [name=url]");
+          if (!urlInput.is(':focus')) {
+            results.push(urlInput.val(descriptions[i]));
+          } else {
+            results.push(void 0);
+          }
+        }
+        return results;
+      });
+    }
+  };
+
+  attachHandlers = function(cmsField) {
+    var j, len, li, ref, results, ul;
+    ul = cmsField.find('ul');
+    ul.sortable({
+      update: function() {
+        return save(cmsField);
+      }
+    });
+    cmsField.on('blur', 'li input', function() {
+      return save(cmsField);
+    }).on('click', 'button.add-link', function() {
+      return addLink(cmsField);
+    });
+    ref = ul.find('li');
+    results = [];
+    for (j = 0, len = ref.length; j < len; j++) {
+      li = ref[j];
+      results.push(attachLinkHandlers(cmsField, $(li)));
+    }
+    return results;
+  };
+
+  attachLinkHandlers = function(cmsField, li) {
+    return li.on('click', 'a.scrivito_open_content_browser', function() {
+      return openContentBrowser(cmsField, li);
+    }).on('click', 'a.delete', function() {
+      return removeLink(cmsField, li);
+    }).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);
+    });
+  };
+
+  linkTemplate = function(link) {
+    var obj_url;
+    obj_url = link.obj_id && ("/" + link.obj_id);
+    return $("<li " + (link.obj_id ? "data-id='" + link.obj_id + "'" : void 0) + " 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    <a href=\"#\" class=\"editing-button editing-red delete\">\n      <i class=\"editing-icon editing-icon-trash\" />\n    </a>\n  </div>\n</li>");
+  };
+
+  save = function(cmsField) {
+    var input, lastSaved, li, title, url, value;
+    value = (function() {
+      var j, len, ref, results;
+      ref = $(cmsField).find('li');
+      results = [];
+      for (j = 0, len = ref.length; j < len; j++) {
+        li = ref[j];
+        li = $(li);
+        title = li.find('[name=title]').val();
+        input = li.find('[name=url]');
+        url = input.data('value') || input.val();
+        if (url) {
+          results.push({
+            title: title,
+            url: url
+          });
+        } else {
+          results.push(null);
+        }
+      }
+      return results;
+    })();
+    value = $.grep(value, function(n) {
+      return n;
+    });
+    lastSaved = cmsField.data('scrivito-editors-linklist-last-saved');
+    if (JSON.stringify(value) !== JSON.stringify(lastSaved)) {
+      return cmsField.scrivito('save', value).done(function() {
+        cmsField.trigger('save.scrivito_editors');
+        return storeLastSaved(cmsField, value);
+      });
+    }
+  };
+
+  addLink = function(cmsField) {
+    var li;
+    li = linkTemplate({});
+    li.appendTo(cmsField.find('ul'));
+    attachLinkHandlers(cmsField, li);
+    return false;
+  };
+
+  openContentBrowser = function(cmsField, li) {
+    var id;
+    id = li.data('id');
+    scrivito.content_browser.open({
+      selection: id ? [id] : [],
+      selection_mode: 'single',
+      filters: cmsField.data('scrivitoEditorsFilters'),
+      filter_context: cmsField.data('scrivitoEditorsFilterContext')
+    }).done((function(_this) {
+      return function(selection) {
+        var url, val;
+        if (id = selection[0]) {
+          url = "/" + id;
+          val = "Content browser selection (" + url + ")";
+          li.data('id', id).find('[name=url]').data('value', url).val(val);
+          return save(cmsField);
+        }
+      };
+    })(this));
+    return false;
+  };
+
+  removeLink = function(cmsField, li) {
+    li.remove();
+    save(cmsField);
+    return false;
+  };
+
+  storeLastSaved = function(cmsField, lastSaved) {
+    return cmsField.data('scrivito-editors-linklist-last-saved', lastSaved);
+  };
+
+}).call(this);

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

@@ -0,0 +1,97 @@
+(function() {
+  var ScrivitoAnchor, activate, editorOptions;
+
+  ScrivitoAnchor = MediumEditor.extensions.anchor.extend({
+    name: 'scrivito_anchor',
+    contentDefault: '<i class="scrivito_customer_icon sci_link"></i>',
+    handleClick: function(event) {
+      var firstTextElement, linkElement, linkValue, selectedParent, selectionRange;
+      if (!this.isDisplayed()) {
+        selectionRange = MediumEditor.selection.getSelectionRange(this.document);
+        selectedParent = MediumEditor.selection.getSelectedParentElement(selectionRange);
+        firstTextElement = MediumEditor.util.getFirstTextNode(selectedParent);
+        linkElement = MediumEditor.util.getClosestTag(firstTextElement, 'a');
+        linkValue = $(linkElement).attr('href');
+        this.showForm(linkValue);
+      }
+      return false;
+    },
+    getTemplate: function() {
+      return "<i class='medium-editor-toolbar-browse scrivito_customer_icon sci_collection'></i>" + ("<input type='text' class='medium-editor-toolbar-input' placeholder='" + this.placeholderText + "'>") + "<i class='medium-editor-toolbar-save scrivito_customer_icon sci_check'></i>" + "<i class='medium-editor-toolbar-close scrivito_customer_icon sci_cross'></i>";
+    },
+    attachFormEvents: function(form) {
+      var input;
+      MediumEditor.extensions.anchor.prototype.attachFormEvents.call(this, form);
+      form = $(form);
+      input = form.find('.medium-editor-toolbar-input');
+      return form.find('.medium-editor-toolbar-browse').on('click', (function(_this) {
+        return function() {
+          var cmsField, matches, selection;
+          matches = input.val().match(/\b([a-f0-9]{16})\b/);
+          selection = matches != null ? [matches[1]] : [];
+          cmsField = $(_this.base.origElements);
+          scrivito.content_browser.open({
+            filter: cmsField.data('scrivitoEditorsFilter'),
+            filter_context: cmsField.data('scrivitoEditorsFilterContext'),
+            selection: selection,
+            selection_mode: 'single'
+          }).always(function() {
+            return input.focus();
+          }).done(function(selection) {
+            return input.val(selection);
+          });
+          return false;
+        };
+      })(this));
+    },
+    completeFormSave: function(opts) {
+      this.base.restoreSelection();
+      if (opts.url) {
+        this.execAction(this.action, opts);
+      } else {
+        this.execAction('unlink');
+      }
+      return this.base.checkSelection();
+    }
+  });
+
+  editorOptions = function(toolbarOptions) {
+    var options;
+    options = {
+      anchorPreview: false,
+      extensions: {
+        scrivito_anchor: new ScrivitoAnchor
+      },
+      toolbar: {
+        buttons: ['h1', 'h2', 'h3', 'bold', 'italic', 'scrivito_anchor', 'underline', 'orderedlist', 'unorderedlist', 'indent', 'outdent', 'justifyLeft', 'justifyCenter', 'justifyFull']
+      }
+    };
+    if (toolbarOptions) {
+      options.toolbar = toolbarOptions;
+    }
+    options.toolbar.standardizeSelectionStart = true;
+    return options;
+  };
+
+  activate = function(element) {
+    var cmsField;
+    cmsField = $(element);
+    return new MediumEditor(cmsField, editorOptions(cmsField.data('medium-editor-toolbar'))).subscribe('editableInput', function() {
+      return cmsField.scrivito('save', cmsField.html());
+    });
+  };
+
+  scrivito.editors.medium_editor = {
+    can_edit: function(element) {
+      return $(element).is('[data-scrivito-field-type=html]');
+    },
+    activate: function(element) {
+      return activate(element);
+    }
+  };
+
+  scrivito.on('load', function() {
+    return scrivito.define_editor('medium', scrivito.editors.medium_editor);
+  });
+
+}).call(this);

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

@@ -0,0 +1,48 @@
+(function() {
+  var activate, save, template;
+
+  template = function(values) {
+    var element;
+    element = $('<select></select>').attr('multiple', 'true');
+    $.each(values, function(index, value) {
+      return $('<option></option>').attr('value', value).text(value).appendTo(element);
+    });
+    return element;
+  };
+
+  save = function(event) {
+    var cmsField, content, element, ref;
+    element = $(event.currentTarget);
+    cmsField = element.data('cmsField');
+    content = (ref = element.val()) != null ? ref : [];
+    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 selected, values;
+      selected = cmsField.scrivito('content');
+      values = cmsField.scrivito('allowed_values');
+      template(values).data('cmsField', cmsField).val(selected).insertAfter(cmsField).change(save).focusout(save).focus();
+      return cmsField.hide();
+    });
+  };
+
+  scrivito.editors.multienum_editor = {
+    can_edit: function(element) {
+      return $(element).is('[data-scrivito-field-type=multienum]');
+    },
+    activate: function(element) {
+      return activate(element);
+    }
+  };
+
+  scrivito.on('load', function() {
+    return scrivito.define_editor('multienum', scrivito.editors.multienum_editor);
+  });
+
+}).call(this);

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

@@ -0,0 +1,124 @@
+(function() {
+  var activate, render;
+
+  activate = function(element) {
+    var button, clear, disableSaveButton, editor, enableSaveButton, error, field, hideError, hideSaving, input, save, showError, showSaving, trySave;
+    field = $(element);
+    editor = field.html(render(field.scrivito('content') || ''));
+    input = editor.find('input');
+    button = editor.find('a');
+    error = editor.find('div.scrivito_error');
+    clear = editor.find('.scrivito_clear');
+    input.on('input', function() {
+      var permalink;
+      permalink = input.val();
+      if (permalink === field.scrivito('content')) {
+        hideError();
+        return disableSaveButton();
+      } else if (permalink.match(/^([\w._-]+[\/\w._-]*)?$/)) {
+        hideError();
+        return enableSaveButton();
+      } else {
+        showError('The permalink may only contain letters from A to Z, periods, hyphens, and underscores.');
+        return disableSaveButton();
+      }
+    });
+    clear.on('click', function() {
+      input.val('');
+      hideError();
+      if (!field.scrivito('content')) {
+        disableSaveButton();
+      } else {
+        enableSaveButton();
+      }
+      return false;
+    });
+    button.on('click', function() {
+      trySave();
+      return false;
+    });
+    editor.on('keyup', function(event) {
+      switch (event.keyCode) {
+        case 13:
+          return trySave();
+        case 27:
+          input.val(field.scrivito('content'));
+          hideError();
+          disableSaveButton();
+          return input.blur();
+      }
+    });
+    trySave = function() {
+      var permalink;
+      if (button.hasClass('scrivito_disabled')) {
+        return false;
+      }
+      showSaving();
+      permalink = input.val();
+      if (permalink) {
+        return scrivito.obj_where('_permalink', 'equals', permalink).size().then(function(total) {
+          if (total > 0) {
+            hideSaving();
+            showError('Permalink already taken.');
+            disableSaveButton();
+            return input.focus();
+          } else {
+            return save(permalink);
+          }
+        });
+      } else {
+        return save(null);
+      }
+    };
+    disableSaveButton = function() {
+      return button.addClass('scrivito_disabled');
+    };
+    enableSaveButton = function() {
+      return button.removeClass('scrivito_disabled scrivito_saving');
+    };
+    showError = function(message) {
+      disableSaveButton();
+      input.addClass('scrivito_error');
+      error.text(message);
+      return error.show();
+    };
+    hideError = function() {
+      input.removeClass('scrivito_error');
+      return error.hide();
+    };
+    showSaving = function() {
+      input.attr('disabled', 'disabled');
+      disableSaveButton();
+      button.addClass('scrivito_saving');
+      return button.find('span').text('Saving...');
+    };
+    hideSaving = function() {
+      input.removeAttr('disabled');
+      enableSaveButton();
+      return button.find('span').text('Save');
+    };
+    return save = function(permalink) {
+      return field.scrivito('save', permalink).then(function() {
+        return activate(field);
+      });
+    };
+  };
+
+  render = function(content) {
+    return "<div class=\"scrivito_permalink_editor\">\n  <input type=\"text\" value=\"" + content + "\" />\n  <span class=\"scrivito_clear\"></span>\n  <a href=\"#\" class=\"scrivito_editing_button scrivito_disabled\">\n    <span>Save</span>\n  </a>\n  <div class=\"scrivito_error\"></div>\n</div>";
+  };
+
+  scrivito.editors.permalink_editor = {
+    can_edit: function(element) {
+      return $(element).is('[data-scrivito-field-name=_permalink]');
+    },
+    activate: function(element) {
+      return activate(element);
+    }
+  };
+
+  scrivito.on('load', function() {
+    return scrivito.define_editor('permalink', scrivito.editors.permalink_editor);
+  });
+
+}).call(this);

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

@@ -0,0 +1,37 @@
+(function() {
+  var addPlaceholder, applyBrowserWorkarounds;
+
+  addPlaceholder = function() {
+    var cmsFields;
+    cmsFields = $('[data-scrivito-field-type]').not('[data-scrivito-field-type=widgetlist]');
+    return cmsFields.each(function() {
+      var cmsField, defaultPlaceholder, fieldName, placeholder;
+      cmsField = $(this);
+      fieldName = cmsField.attr('data-scrivito-field-name');
+      defaultPlaceholder = "Click to edit the “" + fieldName + "” attribute ...";
+      placeholder = cmsField.attr('data-scrivito-editors-placeholder') || defaultPlaceholder;
+      cmsField.attr('data-scrivito-editors-placeholder', placeholder);
+      return applyBrowserWorkarounds(cmsField);
+    });
+  };
+
+  applyBrowserWorkarounds = function(cmsField) {
+    return cmsField.on('focus', (function(_this) {
+      return function() {
+        if (cmsField.is(':empty')) {
+          cmsField.text('_');
+          window.getSelection().selectAllChildren(cmsField[0]);
+          cmsField.text('');
+          return window.getSelection().collapseToStart(cmsField[0]);
+        }
+      };
+    })(this));
+  };
+
+  scrivito.on('content', function() {
+    if (scrivito.in_editable_view()) {
+      return addPlaceholder();
+    }
+  });
+
+}).call(this);

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

@@ -0,0 +1,155 @@
+(function() {
+  var activate, closeEditor, defaultOptions, getCurrentContent, getOptions, saveContents;
+
+  this.RedactorPlugins || (this.RedactorPlugins = {});
+
+  RedactorPlugins.scrivito_editors_close = function() {
+    return {
+      init: function() {
+        var button;
+        button = this.button.addFirst('close', 'Close');
+        return this.button.addCallback(button, function() {
+          return closeEditor(this);
+        });
+      }
+    };
+  };
+
+  defaultOptions = {
+    buttons: ['formatting', 'bold', 'italic', 'deleted', 'underline', 'unorderedlist', 'orderedlist', 'table', 'image', 'link', 'html'],
+    buttonSource: true,
+    cleanSpaces: false,
+    cleanOnPaste: false,
+    convertLinks: false,
+    imageUpload: true,
+    linkTooltip: false,
+    paragraphize: false,
+    placeholder: false,
+    plugins: ['scrivito_editors_close', 'scrivito_editors_image_manager', 'scrivito_editors_link_manager', 'table'],
+    replaceDivs: false,
+    tabifier: false,
+    blurCallback: function() {
+      if (this._everHadFocus) {
+        return closeEditor(this);
+      }
+    },
+    changeCallback: function() {
+      return saveContents(this);
+    },
+    destroyCallback: function() {
+      return saveContents(this);
+    },
+    dropdownShowCallback: function() {
+      return saveContents(this);
+    },
+    focusCallback: function() {
+      if (this._isInitialized) {
+        return this._everHadFocus = true;
+      }
+    },
+    modalOpenedCallback: function() {
+      return saveContents(this);
+    },
+    keyupCallback: function(event) {
+      var key;
+      key = event.keyCode || event.which;
+      if (key === 27) {
+        event.stopPropagation();
+        return closeEditor(this);
+      } else {
+        return saveContents(this);
+      }
+    },
+    initCallback: function() {
+      var cmsField, content, html, htmlWithSelection;
+      cmsField = $(this.$element);
+      content = cmsField.scrivito('content');
+      this._initialScrivitoContent = content;
+      this.selection.selectAll();
+      htmlWithSelection = this.selection.getHtml();
+      this.selection.removeMarkers();
+      html = this.selection.getHtml();
+      if (html !== content) {
+        this.code.set(content);
+        this.selection.selectAll();
+        html = this.selection.getHtml();
+        this.focus.setEnd();
+      } else {
+        this.code.set(htmlWithSelection);
+        this.selection.restore();
+      }
+      this._initialRedactorContent = html;
+      return this._isInitialized = true;
+    },
+    startCallback: function() {
+      this._everHadFocus = void 0;
+      this._initialRedactorContent = void 0;
+      this._initialScrivitoContent = void 0;
+      this._isInitialized = void 0;
+      if (document.getSelection().anchorNode) {
+        return this.insert.node(this.selection.getMarker(), false);
+      }
+    }
+  };
+
+  closeEditor = function(editor) {
+    var cmsField;
+    cmsField = $(editor.$element);
+    editor.core.destroy();
+    cmsField.removeClass('scrivito_editors_redactor');
+    return cmsField.trigger('scrivito_editors:blur');
+  };
+
+  saveContents = function(editor) {
+    var cmsField, content;
+    cmsField = editor.$element;
+    content = getCurrentContent(editor);
+    if (content !== cmsField.scrivito('content')) {
+      return cmsField.scrivito('save', content).done(function() {
+        return cmsField.trigger('save.scrivito_editors');
+      });
+    } else {
+      return $.Deferred().resolve();
+    }
+  };
+
+  getCurrentContent = function(editor) {
+    var content;
+    content = editor.code.get();
+    if (content === editor._initialRedactorContent) {
+      content = editor._initialScrivitoContent;
+    }
+    return content;
+  };
+
+  getOptions = function() {
+    return $.extend({}, scrivito.editors.redactor_editor.default_options, scrivito.editors.redactor_editor.options);
+  };
+
+  activate = function(element) {
+    var cmsField;
+    cmsField = $(element);
+    return cmsField.on('click', function(event) {
+      event.preventDefault();
+      if (!cmsField.hasClass('scrivito_editors_redactor')) {
+        return cmsField.redactor(getOptions()).addClass('scrivito_editors_redactor');
+      }
+    });
+  };
+
+  scrivito.editors.redactor_editor = {
+    can_edit: function(element) {
+      return $(element).is('[data-scrivito-field-type=html]');
+    },
+    activate: function(element) {
+      return activate(element);
+    },
+    default_options: defaultOptions,
+    options: {}
+  };
+
+  scrivito.on('load', function() {
+    return scrivito.define_editor('redactor', scrivito.editors.redactor_editor);
+  });
+
+}).call(this);

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

@@ -0,0 +1,41 @@
+(function() {
+  if (this.RedactorPlugins == null) {
+    this.RedactorPlugins = {};
+  }
+
+  RedactorPlugins.scrivito_editors_image_manager = function() {
+    var self;
+    return self = {
+      init: function() {
+        return this.modal.addCallback('image', self.browse);
+      },
+      browse: function() {
+        var filterContext;
+        filterContext = $.extend({
+          _image: true
+        }, this.$element.data('scrivitoEditorsFilterContext'));
+        return scrivito.content_browser.open({
+          filter: this.$element.data('scrivitoEditorsFilter'),
+          filter_context: filterContext,
+          selection_mode: 'single'
+        }).done((function(_this) {
+          return function(selection) {
+            var id;
+            id = selection[0];
+            if (id != null) {
+              return self.insert(id);
+            }
+          };
+        })(this)).always((function(_this) {
+          return function() {
+            return _this.modal.close();
+          };
+        })(this));
+      },
+      insert: function(id) {
+        return this.image.insert("<img src='/" + id + "'>");
+      }
+    };
+  };
+
+}).call(this);