alchemy_cms 7.0.14 → 7.1.0.pre.b1

data/app/assets/javascripts/alchemy/page_select.js

@@ -1,46 +0,0 @@
-$.fn.alchemyPageSelect = function (options) {
-  var pageTemplate = HandlebarsTemplates.page
-
-  return this.select2({
-    placeholder: options.placeholder,
-    allowClear: options.hasOwnProperty("allowClear")
-      ? options.allowClear
-      : true,
-    minimumInputLength: 3,
-    initSelection: function (_$el, callback) {
-      if (options.initialSelection) {
-        callback(options.initialSelection)
-      }
-    },
-    ajax: {
-      url: options.url,
-      datatype: "json",
-      quietMillis: 300,
-      data: function (term, page) {
-        return {
-          q: $.extend(
-            {
-              name_cont: term
-            },
-            options.query_params
-          ),
-          page: page
-        }
-      },
-      results: function (data) {
-        var meta = data.meta
-
-        return {
-          results: data.pages,
-          more: meta.page * meta.per_page < meta.total_count
-        }
-      }
-    },
-    formatSelection: function (page) {
-      return page.text || page.name
-    },
-    formatResult: function (page) {
-      return pageTemplate({ page: page })
-    }
-  })
-}

data/app/assets/javascripts/alchemy/templates/node.hbs

@@ -1,16 +0,0 @@
-<div class="node-select--node">
-  <i class="icon fas fa-list fa-lg"></i>
-  <div class="node-select--node-display_name">
-    <span class="node-select--node-ancestors">
-      {{#each node.ancestors}}
-        {{ this.name }} /&nbsp;
-      {{/each}}
-    </span>
-    <span class="node-select--node-name">
-      {{ node.name }}
-    </span>
-  </div>
-  <div class="node-select--node-url">
-    {{ node.url }}
-  </div>
-</div>

data/app/assets/javascripts/alchemy/templates/spinner.hbs

@@ -1,7 +0,0 @@
-<div class="spinner">
-  <svg width="100%" viewBox="0 0 28 28">
-    <path class="hex1" d="M5.938,18.07l-5.878-5.9l2.154-8.058l8.024-2.161l5.87,5.9l-2.144,8.058L5.938,18.07z"/>
-    <path class="hex2" d="M19.686,20.785l-4.731-4.754l1.725-6.487l6.468-1.742l4.733,4.754l-1.734,6.487L19.686,20.785z"/>
-    <path class="hex3" d="M11.708,26.294l-3.47-3.485l1.276-4.758l4.74-1.276l3.468,3.485l-1.265,4.758L11.708,26.294z"/>
-  </svg>
-</div>

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,40 +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 enableTime = /time/.test(type)
-
-    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,
-      noCalendar: type === "time",
-      time_24hr: Alchemy.t("formats.time_24hr"),
-      onValueUpdate(_selectedDates, _dateStr, instance) {
-        return Alchemy.setElementDirty(
-          instance.element.closest(".element-editor")
-        )
-      }
-    }
-
-    if (enableTime) {
-      options.dateFormat = "Z"
-    }
-
-    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
-  }
-}