alchemy_cms 7.0.8 → 7.1.0.pre.b1

data/app/assets/stylesheets/alchemy/jquery-ui.scss

@@ -1,435 +0,0 @@
-/*
- * jQuery UI CSS Framework 1.8.7
- *
- * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
- * Dual licensed under the MIT or GPL Version 2 licenses.
- * http://jquery.org/license
- *
- * http://docs.jquery.com/UI/Theming/API
- */
-
-/* Layout helpers
-----------------------------------*/
-
-.ui-helper-hidden {
-  display: none;
-}
-
-.ui-helper-hidden-accessible {
-  position: absolute !important;
-  clip: rect(1px 1px 1px 1px);
-  clip: rect(1px, 1px, 1px, 1px);
-}
-
-.ui-helper-reset {
-  margin: 0;
-  padding: 0;
-  border: 0;
-  outline: 0;
-  line-height: 1.3;
-  text-decoration: none;
-  font-size: 100%;
-  list-style: none;
-}
-
-.ui-helper-clearfix:after {
-  content: ".";
-  display: block;
-  height: 0;
-  clear: both;
-  visibility: hidden;
-}
-
-.ui-helper-clearfix {
-  display: inline-block;
-  vertical-align: middle;
-}
-
-/* required comment for clearfix to work in Opera \*/
-
-* html .ui-helper-clearfix {
-  height: 1%;
-}
-
-.ui-helper-clearfix {
-  display: block;
-}
-
-/* end clearfix */
-
-.ui-helper-zfix {
-  width: 100%;
-  height: 100%;
-  top: 0;
-  left: 0;
-  position: absolute;
-  opacity: 0;
-  filter: Alpha(Opacity = 0);
-}
-
-/* Interaction Cues
-----------------------------------*/
-
-.ui-state-disabled {
-  cursor: default !important;
-}
-
-/* Misc visuals
-----------------------------------*/
-
-/* Overlays */
-
-.ui-widget-overlay {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  z-index: 9;
-}
-
-/*
- * jQuery UI CSS Framework 1.8.7
- *
- * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
- * Dual licensed under the MIT or GPL Version 2 licenses.
- * http://jquery.org/license
- *
- * http://docs.jquery.com/UI/Theming/API
- *
- * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Lucida%20Grande,%20Lucida%20Sans,%20Arial,%20sans-serif&fwDefault=normal&fsDefault=12px&cornerRadius=3px&bgColorHeader=b2ccdb&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=100&borderColorHeader=afafaf&fcHeader=333333&iconColorHeader=666666&bgColorContent=ededed&bgTextureContent=01_flat.png&bgImgOpacityContent=0&borderColorContent=afafaf&fcContent=333333&iconColorContent=333333&bgColorDefault=ededed&bgTextureDefault=04_highlight_hard.png&bgImgOpacityDefault=100&borderColorDefault=c0c0c0&fcDefault=333333&iconColorDefault=333333&bgColorHover=e6f0f5&bgTextureHover=04_highlight_hard.png&bgImgOpacityHover=100&borderColorHover=888888&fcHover=666666&iconColorHover=666666&bgColorActive=b2ccdb&bgTextureActive=04_highlight_hard.png&bgImgOpacityActive=80&borderColorActive=afafaf&fcActive=333333&iconColorActive=333333&bgColorHighlight=ffef8f&bgTextureHighlight=03_highlight_soft.png&bgImgOpacityHighlight=25&borderColorHighlight=f9dd34&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=cd0a0a&bgTextureError=01_flat.png&bgImgOpacityError=15&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffffff&bgColorOverlay=666666&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=100&opacityOverlay=60&bgColorShadow=000000&bgTextureShadow=01_flat.png&bgImgOpacityShadow=70&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=3px
- */
-
-/* Component containers
-----------------------------------*/
-
-.ui-widget {
-  font-family: $default-font-family;
-  font-size: $default-font-size;
-}
-
-.ui-widget .ui-widget {
-  font-size: 1em;
-}
-
-.ui-widget-content {
-  border: $default-border;
-  background-color: $light-gray;
-  color: $text-color;
-}
-
-.ui-widget-header {
-  border: 1px none #afafaf;
-  background: $light-blue;
-  color: $text-color;
-  font-weight: bold;
-  -moz-border-radius-bottomleft: 0 !important;
-  -webkit-border-bottom-left-radius: 0 !important;
-  -moz-border-radius-bottomright: 0 !important;
-  -webkit-border-bottom-right-radius: 0 !important;
-  border-bottom-left-radius: 0;
-  border-bottom-right-radius: 0;
-}
-
-/* Interaction states
-----------------------------------*/
-
-.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
-  border: 1px solid $button-border-color;
-  background-color: #ededed;
-  font-weight: normal;
-  color: $text-color;
-}
-
-.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
-  color: $text-color;
-  text-decoration: none;
-}
-
-.ui-state-hover a, .ui-state-hover a:hover {
-  color: $dark-gray;
-  text-decoration: none;
-}
-
-.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
-  color: $text-color;
-  text-decoration: none;
-  text-shadow: none;
-  background-color: $button-hover-bg-color;
-}
-
-.ui-state-active.stNav.stNext {
-  background-color: $light-gray;
-  margin: 0 -3px 0 0;
-  border: 0 solid #cacaca;
-  border-left-width: 1px;
-  border-top-width: 1px;
-}
-
-.ui-state-active.stNav.stPrev {
-  background-color: $light-gray;
-  margin: 0 0 0 -3px;
-  border: 0 solid #cacaca;
-  border-top-width: 1px;
-  border-left-width: 0;
-  border-right-width: 1px;
-  border-bottom-width: 0;
-}
-
-.stNav .ui-icon {
-  position: relative;
-  top: 7px;
-}
-
-.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
-  color: $text-color;
-  text-decoration: none;
-}
-
-.ui-widget :active {
-  outline: none;
-}
-
-/* Interaction Cues
-----------------------------------*/
-
-.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
-  border: 1px solid $dark-gray;
-  background: $light-blue;
-  color: $text-color;
-}
-
-.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
-  color: $text-color;
-}
-
-.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
-  border: 1px solid #cd0a0a;
-  background: #cd0a0a;
-  color: #ffffff;
-}
-
-.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
-  color: #ffffff;
-}
-
-.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
-  color: #ffffff;
-}
-
-.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
-  font-weight: normal;
-}
-
-.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
-  font-weight: normal;
-}
-
-.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
-  opacity: .35;
-  background-image: none;
-}
-
-/* Misc visuals
-----------------------------------*/
-
-/* Corner radius */
-
-.ui-corner-tl {
-  -moz-border-radius-topleft: 3px;
-  -webkit-border-top-left-radius: 3px;
-  border-top-left-radius: 3px;
-}
-
-.ui-corner-tr {
-  -moz-border-radius-topright: 3px;
-  -webkit-border-top-right-radius: 3px;
-  border-top-right-radius: 3px;
-}
-
-.ui-corner-bl {
-  -moz-border-radius-bottomleft: 3px;
-  -webkit-border-bottom-left-radius: 3px;
-  border-bottom-left-radius: 3px;
-}
-
-.ui-corner-br {
-  -moz-border-radius-bottomright: 3px;
-  -webkit-border-bottom-right-radius: 3px;
-  border-bottom-right-radius: 3px;
-}
-
-.ui-corner-top {
-  -moz-border-radius-topleft: 3px;
-  -webkit-border-top-left-radius: 3px;
-  border-top-left-radius: 3px;
-  -moz-border-radius-topright: 3px;
-  -webkit-border-top-right-radius: 3px;
-  border-top-right-radius: 3px;
-}
-
-.ui-corner-bottom {
-  -moz-border-radius-bottomleft: 3px;
-  -webkit-border-bottom-left-radius: 3px;
-  border-bottom-left-radius: 3px;
-  -moz-border-radius-bottomright: 3px;
-  -webkit-border-bottom-right-radius: 3px;
-  border-bottom-right-radius: 3px;
-}
-
-.ui-corner-right {
-  -moz-border-radius-topright: 3px;
-  -webkit-border-top-right-radius: 3px;
-  border-top-right-radius: 3px;
-  -moz-border-radius-bottomright: 3px;
-  -webkit-border-bottom-right-radius: 3px;
-  border-bottom-right-radius: 3px;
-}
-
-.ui-corner-left {
-  -moz-border-radius-topleft: 3px;
-  -webkit-border-top-left-radius: 3px;
-  border-top-left-radius: 3px;
-  -moz-border-radius-bottomleft: 3px;
-  -webkit-border-bottom-left-radius: 3px;
-  border-bottom-left-radius: 3px;
-}
-
-.ui-corner-all {
-  -moz-border-radius: 3px;
-  -webkit-border-radius: 3px;
-  border-radius: 3px;
-}
-
-/*
- * jQuery UI Tabs 1.8.7
- *
- * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
- * Dual licensed under the MIT or GPL Version 2 licenses.
- * http://jquery.org/license
- *
- * http://docs.jquery.com/UI/Tabs#theming
- */
-
-.ui-tabs {
-  position: relative;
-  padding: 0;
-  zoom: 1;
-  margin: 0;
-  border-style: none;
-  border-width: 0;
-}
-
-/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed') */
-
-.ui-tabs .ui-tabs-nav {
-  padding: 4px 8px 0;
-  background: $toolbar-bg-color;
-  border-radius: 0;
-  border-bottom: $default-border;
-  margin: 0;
-  padding: 0;
-  height: $tabs-height;
-}
-
-.ui-tabs .ui-tabs-nav li {
-  list-style: none;
-  float: left;
-  position: relative;
-  height: $tabs-height - $default-border-width;
-  margin: 0;
-  border-color: $default-border-color;
-  border-width: 0;
-  border-right-width: $default-border-width;
-  border-radius: 0;
-  padding: 0;
-  white-space: nowrap;
-  background-color: transparent;
-  font-weight: normal;
-
-  &.ui-tabs-active {
-    background-color: $light-gray;
-    height: $tabs-height;
-
-    a { cursor: default }
-  }
-}
-
-.ui-tabs .ui-tabs-nav li a {
-  display: block;
-  text-decoration: none;
-  padding: 8px 12px 7px;
-}
-
-.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
-  margin-bottom: 0;
-  padding-bottom: 1px;
-  background: $light-gray;
-}
-
-.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {
-  cursor: default;
-}
-
-.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
-  cursor: pointer;
-}
-
-/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
-
-.ui-tabs .ui-tabs-panel {
-  display: block;
-  border-width: 0;
-  background: none;
-}
-
-.ui-tabs .ui-tabs-hide {
-  display: none !important;
-}
-
-/* UI Tabs Paging */
-
-.ui-tabs li.ui-tabs-paging-prev {
-  border-right-width: 1px;
-}
-
-.ui-tabs li.ui-tabs-paging-next {
-  float: right !important;
-  padding: 0 !important;
-  border-right-width: 0;
-}
-
-.ui-tabs .ui-tabs-nav .ui-tabs-paging-prev a,
-.ui-tabs .ui-tabs-nav .ui-tabs-paging-next a {
-  display: block;
-  border: 0;
-  z-index: 2;
-  padding: 8px;
-  color: $icon-color;
-  text-decoration: none;
-  cursor: pointer;
-}
-
-.ui-tabs .ui-tabs-nav .ui-tabs-paging-disabled {
-  display: none;
-}
-
-/*
- * jQuery UI Progressbar 1.8.7
- *
- * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
- * Dual licensed under the MIT or GPL Version 2 licenses.
- * http://jquery.org/license
- *
- * http://docs.jquery.com/UI/Progressbar#theming
- */
-
-.ui-progressbar {
-  height: 2em;
-  text-align: left;
-}
-
-.ui-progressbar .ui-progressbar-value {
-  margin: -1px;
-  height: 100%;
-}

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();