alchemy_cms 7.0.8 → 7.1.0.pre.b2

data/app/javascript/alchemy_admin/datepicker.js

@@ -1,33 +0,0 @@
-import flatpickr from "flatpickr"
-
-export default function Datepicker(scope = document) {
-  if (scope === "") {
-    scope = document
-  } else if (scope instanceof String) {
-    scope = document.querySelectorAll(scope)
-  }
-
-  const datepickerInputs = scope.querySelectorAll("input[data-datepicker-type]")
-
-  // Initializes the datepickers
-  datepickerInputs.forEach((input) => {
-    const type = input.dataset.datepickerType
-    const options = {
-      // alchemy_i18n supports `zh_CN` etc., but flatpickr only has two-letter codes (`zh`)
-      locale: Alchemy.locale.slice(0, 2),
-      altInput: true,
-      altFormat: Alchemy.t(`formats.${type}`),
-      altInputClass: "flatpickr-input",
-      dateFormat: "Z",
-      enableTime: /time/.test(type),
-      noCalendar: type === "time",
-      time_24hr: Alchemy.t("formats.time_24hr"),
-      onValueUpdate(_selectedDates, _dateStr, instance) {
-        return Alchemy.setElementDirty(
-          instance.element.closest(".element-editor")
-        )
-      }
-    }
-    flatpickr(input, options)
-  })
-}

data/app/javascript/alchemy_admin/tinymce.js

@@ -1,146 +0,0 @@
-// Alchemy Tinymce wrapper
-//
-
-let tinymceCustomConfigs = {}
-let tinymceIntersectionObserver = null
-
-// Returns default config for a tinymce editor.
-function getDefaultConfig(editorId) {
-  const config = Alchemy.TinymceDefaults
-  config.language = Alchemy.locale
-  config.selector = `#${editorId}`
-  config.init_instance_callback = initInstanceCallback
-  return config
-}
-
-// Returns configuration for given custom tinymce editor selector.
-//
-// It uses the +.getDefaultConfig+ and merges the custom parts.
-function getConfig(editorId) {
-  const editorConfig = tinymceCustomConfigs[editorId] || {}
-  return { ...getDefaultConfig(editorId), ...editorConfig }
-}
-
-// create intersection observer and register textareas to be initialized when
-// they are visible
-function initEditors(ids) {
-  initializeIntersectionObserver()
-
-  ids.forEach((id) => {
-    const editorId = `tinymce_${id}`
-    const textarea = document.getElementById(editorId)
-
-    if (textarea) {
-      tinymceIntersectionObserver.observe(textarea)
-    } else {
-      console.warn(`Could not initialize TinyMCE for textarea#${editorId}!`)
-    }
-  })
-}
-
-// initialize IntersectionObserver
-// the observer will initialize Tinymce if the textarea becomes visible
-function initializeIntersectionObserver() {
-  const observerCallback = (entries, observer) => {
-    entries.forEach((entry) => {
-      if (entry.intersectionRatio > 0) {
-        initTinymceEditor(entry.target)
-        // disable observer after the Tinymce was initialized
-        observer.unobserve(entry.target)
-      }
-    })
-  }
-  const options = {
-    root: Alchemy.ElementEditors.element_area.get(0),
-    rootMargin: "0px",
-    threshold: [0.05]
-  }
-
-  tinymceIntersectionObserver = new IntersectionObserver(
-    observerCallback,
-    options
-  )
-}
-
-// Initializes one specific TinyMCE editor
-function initTinymceEditor(textarea) {
-  const editorId = textarea.id
-  const config = getConfig(editorId)
-
-  // remove editor instance, if already initialized
-  removeEditor(editorId)
-
-  if (config) {
-    const spinner = new Alchemy.Spinner("small")
-    textarea.closest(".tinymce_container").prepend(spinner.spin().el.get(0))
-    tinymce.init(config)
-  } else {
-    console.warn("No tinymce configuration found for", id)
-  }
-}
-
-// Gets called after an editor instance gets initialized
-function initInstanceCallback(editor) {
-  const element = document.getElementById(editor.id).closest(".element-editor")
-  element.getElementsByClassName("spinner").item(0).remove()
-  editor.on("dirty", function () {
-    Alchemy.setElementDirty(element)
-  })
-  editor.on("click", function (event) {
-    event.target = element
-    Alchemy.ElementEditors.onClickElement(event)
-  })
-}
-
-function removeEditor(editorId) {
-  const editorElement = document.getElementById(editorId)
-  if (tinymceIntersectionObserver && editorElement) {
-    tinymceIntersectionObserver.unobserve(editorElement)
-  }
-
-  const editor = tinymce.get(editorId)
-  if (editor) {
-    editor.remove()
-  }
-}
-
-function removeIntersectionObserver() {
-  if (tinymceIntersectionObserver !== null) {
-    tinymceIntersectionObserver.disconnect()
-  }
-}
-
-export default {
-  // Initializes all TinyMCE editors with given ids
-  //
-  // @param ids [Array]
-  //   - Editor ids that should be initialized.
-  init(ids) {
-    initEditors(ids)
-  },
-
-  // Initializes TinyMCE editor with given options
-  initWith(options) {
-    tinymce.init({ ...Alchemy.TinymceDefaults, ...options })
-  },
-
-  // Removes the TinyMCE editor from given dom ids.
-  remove(ids) {
-    ids.forEach((id) => removeEditor(`tinymce_${id}`))
-  },
-
-  // Remove all tinymce instances for given selector
-  removeFrom(selector) {
-    // the selector is a jQuery selector - it has to be refactor if we taking care of the calling methods
-    $(selector).each(function (element) {
-      removeEditor(element.id)
-    })
-  },
-
-  removeIntersectionObserver,
-
-  // set tinymce configuration for a given selector key
-  setCustomConfig(key, configuration) {
-    tinymceCustomConfigs[key] = configuration
-  }
-}

data/app/javascript/alchemy_admin/translations.js

@@ -1,32 +0,0 @@
-const translations = {
-  en: {
-    allowed_chars: "of %{count} chars",
-    cancel: "Cancel",
-    cancelled: "Cancelled",
-    click_to_edit: "click to edit",
-    complete: "Complete",
-    element_dirty_notice:
-      "This element has unsaved changes. Do you really want to fold it?",
-    help: "Help",
-    ok: "Ok",
-    page_dirty_notice:
-      "You have unsaved changes on this page. They will be lost if you continue.",
-    page_found: "Page found",
-    pages_found: "Pages found",
-    url_validation_failed: "The url has no valid format.",
-    warning: "Warning!",
-    "File is too large": "File is too large",
-    "File is too small": "File is too small",
-    "File type not allowed": "File type not allowed",
-    "Maximum number of files exceeded": "Maximum number of files exceeded.",
-    "Uploaded bytes exceed file size": "Uploaded bytes exceed file size",
-    formats: {
-      datetime: "Y-m-d H:i",
-      date: "Y-m-d",
-      time: "H:i",
-      time_24hr: false
-    }
-  }
-}
-
-export default translations

data/app/views/alchemy/admin/elements/fold.js.erb

@@ -1,33 +0,0 @@
-(function() {
-  var $el = $('.element-editor[data-element-id="<%= @element.id %>"]');
-
-<% if @error -%>
-
-  $("#element_<%= @element.id %> .spinner")
-    .replaceWith("<span class='error_icon' title='<%= @error %>'>!</span>");
-
-<% else -%>
-
-  $el.replaceWith('<%= j render(Alchemy::ElementEditor.new(@element)) %>');
-  $el = $('#element_<%= @element.id %>');
-  $('#element_area .sortable-elements').sortable('refresh');
-
-  <% if @element.folded? -%>
-
-  Alchemy.Tinymce.remove(<%= @element.richtext_ingredients_ids.to_json %>);
-
-  <% else -%>
-
-  $el.trigger('FocusElementEditor.Alchemy');
-  Alchemy.Tinymce.init(<%= @element.richtext_ingredients_ids.to_json %>);
-  Alchemy.GUI.initElement($el);
-  Alchemy.SortableElements(
-    <%= @page.id %>,
-    '<%= form_authenticity_token %>',
-    $('> .nestable-elements .nested-elements', $el)
-  );
-
-  <% end -%>
-
-<% end -%>
-})();

data/app/views/alchemy/admin/elements/order.js.erb

@@ -1,11 +0,0 @@
-(function() {
-<% if @parent_element && @parent_element.ingredients.empty? %>
-  var $parent = $('#element_<%= @parent_element.id %>');
-  Alchemy.ElementEditors.setTitle(
-    $parent,
-    '<%= sanitize(@parent_element.preview_text.presence || '&nbsp;') %>'
-  );
-<% end %>
-  Alchemy.growl('<%= Alchemy.t(:successfully_saved_element_position) -%>');
-  Alchemy.PreviewWindow.refresh();
-})();

data/app/views/alchemy/admin/elements/publish.js.erb

@@ -1,21 +0,0 @@
-var el = $('.element-editor[data-element-id="<%= @element.id %>"]');
-var icon = el.find('> .element-header > .element-handle > .icon');
-var label = el.find('> .element-toolbar .publish-element-button label');
-var eye = el.find('> .element-toolbar .publish-element-button .icon');
-
-<%- if @element.public? -%>
-  icon.removeClass('fa-window-close fas');
-  icon.addClass('fa-window-maximize far');
-  eye.removeClass('fa-eye');
-  eye.addClass('fa-eye-slash');
-  label.text('<%= Alchemy.t(:hide_element) %>');
-<%- else -%>
-  icon.removeClass('fa-window-maximize far');
-  icon.addClass('fa-window-close fas');
-  eye.removeClass('fa-eye-slash');
-  eye.addClass('fa-eye');
-  label.text('<%= Alchemy.t(:show_element) %>');
-<%- end -%>
-el.toggleClass('visible hidden');
-
-Alchemy.reloadPreview();

data/app/views/alchemy/admin/elements/update.js.erb

@@ -1,27 +0,0 @@
-(function() {
-  var $el = $('#element_<%= @element.id %>');
-  var $errors = $('#element_<%= @element.id %>_errors');
-  $('> .element-body .ingredient-editor', $el).removeClass('validation_failed');
-
-<%- if @element_validated -%>
-
-  $errors.hide();
-  $el.trigger('SaveElement.Alchemy', {previewText: '<%= j sanitize(@element.preview_text) %>'});
-  <% @element.ingredients.select { |i| i.settings[:anchor] }.each do |ingredient| %>
-    Alchemy.IngredientAnchorLink.updateIcon(<%= ingredient.id %>, <%= ingredient.dom_id.present? %>);
-  <% end %>
-  Alchemy.growl('<%= Alchemy.t(:element_saved) %>');
-  Alchemy.PreviewWindow.refresh(function() {
-    Alchemy.ElementEditors.focusElementPreview(<%= @element.id %>);
-  });
-
-<%- else -%>
-
-  Alchemy.growl('<%= j @notice %>', 'warn');
-  $errors.html('<%= j @error_message %><ul><li><%== j @error_messages.join("</li><li>") %></li></ul>');
-  $errors.show();
-  $('<%== @element.ingredients_with_errors.map { |ingredient| "[data-ingredient-id=\"#{ingredient.id}\"]" }.join(", ") %>').addClass('validation_failed');
-  Alchemy.Buttons.enable($el);
-
-<%- end -%>
-})();