alchemy_cms 7.1.7 → 7.2.0.rc1

data/app/assets/javascripts/alchemy/alchemy.file_progress.js.coffee

@@ -1,66 +0,0 @@
-window.Alchemy = {} if typeof(window.Alchemy) is 'undefined'
-
-Alchemy.FileProgress = (file) ->
-
-    # Build Wrapper
-    @$fileProgressWrapper = $('<div class="progress-wrapper"/>')
-
-    # Build Container
-    @$fileProgressElement = $('<div class="progress-container"/>')
-
-    # Append Cancel Button
-    @$fileProgressCancel = $('<a href="javascript:void(0);" class="progress-cancel"><i class="icon ri-close-line ri-fw" /></a>')
-    @$fileProgressElement.append @$fileProgressCancel
-
-    # Append Filename
-    @$fileProgressElement.append "<div class=\"progress-name\">" + file.name + "</div>"
-
-    # Append Progressbar Status Text
-    @$fileProgressStatus = $('<div class="progress-bar-status">&nbsp;</div>')
-    @$fileProgressElement.append @$fileProgressStatus
-
-    # Build Progressbar Container
-    $progressBarContainer = $('<div class="progress-bar-container"/>')
-
-    # Build Progressbar
-    @$progressBar = $('<div class="progress-bar-in-progress"/>')
-
-    # Knit all together
-    $progressBarContainer.append @$progressBar
-    @$fileProgressElement.append $progressBarContainer
-    @$fileProgressWrapper.append @$fileProgressElement
-    $('.upload-progress-container').append @$fileProgressWrapper
-    this
-
-Alchemy.FileProgress::reset = ->
-  @$fileProgressStatus.html '&nbsp;'
-  @$progressBar.removeClass().addClass 'progress-bar-in-progress'
-  @$progressBar.css width: '0%'
-
-Alchemy.FileProgress::setProgress = (percentage) ->
-  @$progressBar.removeClass().addClass 'progress-bar-in-progress'
-  @$progressBar.css width: percentage + '%'
-
-Alchemy.FileProgress::setComplete = ->
-  @$progressBar.removeClass().addClass 'progress-bar-complete'
-  @$progressBar.css width: '100%'
-  @$fileProgressCancel.hide()
-  @$fileProgressWrapper.delay(1500).fadeOut ->
-    $(this).remove()
-
-Alchemy.FileProgress::setError = ->
-  @$progressBar.removeClass().addClass 'progress-bar-error'
-  @$progressBar.css width: '100%'
-
-Alchemy.FileProgress::setCancelled = ->
-  @$progressBar.removeClass().addClass 'progress-bar-canceled'
-  @$progressBar.css width: '100%'
-  @$fileProgressCancel.hide()
-  @$fileProgressWrapper.delay(1500).fadeOut ->
-    $(this).remove()
-    if $('.upload-progress-container').is(':empty')
-      $('.overall-upload').removeClass('visible')
-    return
-
-Alchemy.FileProgress::setStatus = (status) ->
-  @$fileProgressStatus.text Alchemy.t(status)

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

@@ -1,45 +0,0 @@
-window.Alchemy = Alchemy || {}
-
-Alchemy.FixedElements = {
-  WRAPPER: '<sl-tab-group id="fixed-elements" />',
-  TABS: '<sl-tab slot="nav" panel="main-content-elements">{{label}}</sl-tab>',
-
-  // Builds fixed elements tabs
-  buildTabs: function (label) {
-    var $wrapper = $(this.WRAPPER),
-      $tabs = $(this.TABS.replace(/{{label}}/, label))
-
-    $("#main-content-elements").wrap($wrapper)
-    $("#fixed-elements").prepend($tabs)
-  },
-
-  // Creates a fixed element tab.
-  createTab: function (element_id, label) {
-    var $fixed_elements = $("#fixed-elements")
-    var panel_name = "fixed-element-" + element_id
-
-    var $tab =
-      '<sl-tab slot="nav" panel="' + panel_name + '">' + label + "</sl-tab>"
-    $fixed_elements.append($tab)
-
-    var $panel = $(
-      '<sl-tab-panel name="' + panel_name + '" style="--padding: 0" />'
-    )
-    $fixed_elements.append($panel)
-    window.requestAnimationFrame(function () {
-      $fixed_elements.get(0).show(panel_name)
-    })
-  },
-
-  removeTab: function (element_id) {
-    var $fixed_elements = $("#fixed-elements")
-
-    $fixed_elements
-      .find('sl-tab[panel="fixed-element-' + element_id + '"]')
-      .remove()
-    $fixed_elements
-      .find('sl-tab-panel[name="fixed-element-' + element_id + '"]')
-      .remove()
-    $fixed_elements.get(0).show("main-content-elements")
-  }
-}

data/app/assets/javascripts/alchemy/alchemy.growler.js.coffee

@@ -1,24 +0,0 @@
-window.Alchemy = {} if typeof (window.Alchemy) is "undefined"
-
-Alchemy.Growler =
-
-  build: (message, flash_type) ->
-    $flash_container = $("<div class=\"flash #{flash_type}\" />")
-    $flash_container.append Alchemy.messageIcon(flash_type)
-    $flash_container.append message
-    $("#flash_notices").append $flash_container
-    $("#flash_notices").show()
-    Alchemy.Growler.fade()
-
-  fade: ->
-    $(".flash:not(.error)", "#flash_notices").delay(5000).queue(-> Alchemy.Growler.dismiss(this))
-    $(".flash", "#flash_notices").on("click", (e) => @dismiss(e.currentTarget))
-    return
-
-  dismiss: (element) ->
-    $(element).on 'transitionend', => $(element).remove()
-    $(element).addClass('dismissed')
-    return
-
-Alchemy.growl = (message, style = "notice") ->
-  Alchemy.Growler.build message, style

data/app/assets/javascripts/alchemy/alchemy.hotkeys.js.coffee

@@ -1,49 +0,0 @@
-window.Alchemy = {} if typeof(window.Alchemy) is 'undefined'
-
-# Handles Alchemy hotkeys
-#
-Alchemy.bindedHotkeys = []
-
-Alchemy.Hotkeys = (scope) ->
-
-  # Unbind all previously registered hotkeys.
-  unless scope
-    $(document).off('keypress')
-    for hotkey in Alchemy.bindedHotkeys
-      key.unbind(hotkey)
-
-  # Binds keyboard shortcuts to search fields.
-  $search_fields = $('.search_input_field', scope)
-  $search_fields_clear = $('.search_field_clear, .js_filter_field_clear', scope)
-
-  key 'alt+f', ->
-    key.setScope('search')
-    $search_fields.focus()
-    false
-  Alchemy.bindedHotkeys.push('alt+f')
-
-  key 'esc', 'search', ->
-    $search_fields_clear.click()
-    $search_fields.blur()
-  Alchemy.bindedHotkeys.push('esc')
-
-  unless scope
-    $(document).on 'keypress', (e) ->
-      if !$(e.target).is('input, textarea') && String.fromCharCode(e.which) == '?'
-        Alchemy.openDialog '/admin/help',
-          title: Alchemy.t('help')
-          size: '400x492'
-        false
-      else
-        true
-
-  # Binds click events to hotkeys.
-  #
-  # Simply add a data-alchemy-hotkey attribute to your link.
-  # If a hotkey is triggered by user, the click event of the element gets triggerd.
-  #
-  $('[data-alchemy-hotkey]', scope).each ->
-    $this = $(this)
-    hotkey = $this.data('alchemy-hotkey')
-    key hotkey, -> $this.click()
-    Alchemy.bindedHotkeys.push(hotkey)

data/app/assets/javascripts/alchemy/alchemy.link_dialog.js.coffee

@@ -1,230 +0,0 @@
-# Represents the link Dialog that appears, if a user clicks the link buttons
-# in TinyMCE or on an Ingredient that has links enabled (e.g. Picture)
-#
-class window.Alchemy.LinkDialog extends Alchemy.Dialog
-
-  constructor: (@link_object) ->
-    @url = Alchemy.routes.link_admin_pages_path
-    @$link_object = $(@link_object)
-    @options =
-      size: '600x320'
-      title: 'Link'
-    super(@url, @options)
-
-  # Called from Dialog class after the url was loaded
-  replace: (data) ->
-    # let Dialog class handle the content replacement
-    super(data)
-    # attach events we handle
-    @attachEvents()
-    # Store some jQuery objects for further reference
-    @$internal_link = $('#internal_link', @dialog_body)
-    @$element_anchor = $('#element_anchor', @dialog_body)
-    @$anchor_link = $('#anchor_link', @dialog_body)
-    @$external_link = $('#external_link', @dialog_body)
-    @$file_link = $('#file_link', @dialog_body)
-    @$overlay_tabs = $('#overlay_tabs', @dialog_body)
-    @$page_container = $('#page_selector_container')
-    @initAnchorLinks()
-    # if we edit an existing link
-    if @link_object
-      # we select the correct tab
-      @selectTab()
-    @initPageSelect()
-    return
-
-  # Attaches click events to forms in the link dialog.
-  attachEvents: ->
-    $('[data-link-form-type]', @dialog_body).on "submit", (e) =>
-      e.preventDefault()
-      @link_type = e.target.dataset.linkFormType
-      url = $("##{@link_type}_link").val()
-      if @link_type == 'internal' && @$element_anchor.val() != ''
-        url += "##{@$element_anchor.val()}"
-      # Create the link
-      @createLink
-        url: url
-        title: $("##{@link_type}_link_title").val()
-        target: $("##{@link_type}_link_target").val()
-      false
-
-  # Initializes the select2 based Page select
-  initPageSelect: ->
-    pageTemplate = HandlebarsTemplates.page
-    element_anchor_placeholder = @$element_anchor.attr('placeholder')
-    @$internal_link.select2
-      placeholder: Alchemy.t('Search page')
-      allowClear: true
-      minimumInputLength: 3
-      ajax:
-        url: Alchemy.routes.api_pages_path
-        datatype: 'json'
-        quietMillis: 300
-        data: (term, page) ->
-          q:
-            name_cont: term
-          page: page
-        results: (data) ->
-          meta = data.meta
-          results:
-            data.pages.map (page) ->
-              id: page.url_path
-              name: page.name
-              url_path: page.url_path
-              page_id: page.id
-              language: page.language
-              site: page.site
-          more: meta.page * meta.per_page < meta.total_count
-      initSelection: ($element, callback) =>
-        urlname = $element.val()
-        $.get Alchemy.routes.api_pages_path,
-          q:
-            urlname_eq: urlname.replace(/^\/([a-z]{2}(-[A-Z]{2})?\/)?(.+?)\/?$/, '$3')
-          page: 1
-          per_page: 1,
-          (data) =>
-            page = data.pages[0]
-            if page
-              @initDomIdSelect(page.id)
-              callback
-                id: page.url_path
-                name: page.name
-                url_path: page.url_path
-                page_id: page.id
-      formatSelection: (page) ->
-        page.name
-      formatResult: (page) ->
-        pageTemplate(page: page)
-    .on 'change', (event) =>
-      if event.val == ''
-        @$element_anchor.val(element_anchor_placeholder)
-        @$element_anchor.select2('destroy').prop('disabled', true)
-      else
-        @$element_anchor.val('')
-        @initDomIdSelect(event.added.page_id)
-
-  # Initializes the select2 based dom id select
-  # reveals after a page has been selected
-  initDomIdSelect: (page_id) ->
-    $.get Alchemy.routes.api_ingredients_path, page_id: page_id, (data) =>
-      dom_ids = data.ingredients.filter (ingredient) ->
-        ingredient.data?.dom_id
-      .map (ingredient) ->
-        id: ingredient.data.dom_id
-        text: "##{ingredient.data.dom_id}"
-      @$element_anchor.prop('disabled', false).removeAttr('placeholder').select2
-        data: [ id: '', text: Alchemy.t('None') ].concat(dom_ids)
-
-  # Creates a link if no validation errors are present.
-  # Otherwise shows an error notice.
-  createLink: (options) ->
-    if @link_type == 'external'
-      if @validateURLFormat(options.url)
-        @setLink(options.url, options.title, options.target)
-      else
-        return @showValidationError()
-    else
-      @setLink(options.url, options.title, options.target)
-    @close()
-
-  # Sets the link either in TinyMCE or on an Ingredient.
-  setLink: (url, title, target) ->
-    trimmedUrl = url.trim()
-    if @link_object.editor
-      @setTinyMCELink(trimmedUrl, title, target)
-    else
-      @link_object.setLink(trimmedUrl, title, target, @link_type)
-    return
-
-  # Sets a link in TinyMCE editor.
-  setTinyMCELink: (url, title, target) ->
-    editor = @link_object.editor
-    editor.execCommand 'mceInsertLink', false,
-      'href': url
-      'class': @link_type
-      'title': title
-      'data-link-target': target
-      'target': if target == 'blank' then '_blank' else null
-    editor.selection.collapse()
-    true
-
-  # Selects the correct tab for link type and fills all fields.
-  selectTab: ->
-    # Restoring the bookmarked selection inside the TinyMCE of an Richtext.
-    if @link_object.node?.nodeName == 'A'
-      @$link = $(@link_object.node)
-      @link_object.selection.moveToBookmark(@link_object.bookmark)
-    # Creating an temporary anchor node if we are linking an Picture Ingredient.
-    else if @link_object.getAttribute && @link_object.getAttribute("is") == "alchemy-link-button"
-      @$link = $(@createTempLink())
-    else
-      return false
-    # Populate title and target fields.
-    $('.link_title', @dialog_body).val @$link.attr('title')
-    $('.link_target', @dialog_body).select2('val', @$link.attr('data-link-target'))
-    # Checking of what kind the link is (internal, external or file).
-    if @$link.hasClass('external')
-      # Handles an external link.
-      tab = 'overlay_tab_external_link'
-      @$external_link.val(@$link.attr('href'))
-    else if @$link.hasClass('file')
-      # Handles a file link.
-      tab = 'overlay_tab_file_link'
-      @$file_link.select2('val', @$link[0].pathname + @$link[0].search)
-    else if @$link.attr('href').match(/^#/)
-      # Handles an anchor link.
-      tab = 'overlay_tab_anchor_link'
-      @$anchor_link.select2('val', @$link.attr('href'))
-    else if @$link.hasClass('internal')
-      # Handles an internal link.
-      tab = 'overlay_tab_internal_link'
-      @initInternalLinkTab()
-    else
-      # Emit an event to allow extensions hook into the link overlay.
-      @$overlay_tabs.trigger 'SelectLinkTab.Alchemy',
-        link: @$link
-    if tab
-      window.requestAnimationFrame =>
-        @$overlay_tabs.get(0).show(tab)
-    return
-
-  # Handles actions for internal link tab.
-  initInternalLinkTab: ->
-    url = @$link.attr('href').split('#')
-    # update the url field
-    @$internal_link.val(url[0])
-    # store the anchor
-    @$element_anchor.val(url[1])
-
-  # Creates a temporay 'a' element that holds all values on it.
-  createTempLink: ->
-    tmp_link = document.createElement("a")
-    tmp_link.setAttribute('href', @link_object.linkUrl)
-    tmp_link.setAttribute('title', @link_object.linkTitle)
-    tmp_link.setAttribute('data-link-target', @link_object.linkTarget)
-    tmp_link.setAttribute('target', if @link_object.target == 'blank' then '_blank' else "")
-    tmp_link.classList.add(@link_object.linkClass) if @link_object.linkClass != ''
-    tmp_link
-
-  # Validates url for beginning with an protocol.
-  validateURLFormat: (url) ->
-    if url.match(Alchemy.link_url_regexp)
-      true
-    else
-      false
-
-  # Shows validation errors
-  showValidationError: ->
-    $('#errors ul', @dialog_body).html("<li>#{Alchemy.t('url_validation_failed')}</li>")
-    $('#errors', @dialog_body).show()
-
-  # Populates the internal anchors select
-  initAnchorLinks: ->
-    frame = document.getElementById('alchemy_preview_window')
-    elements = frame.contentDocument?.querySelectorAll('[id]') || []
-    if elements.length > 0
-      for element in elements
-        @$anchor_link.append("<option value='##{element.id}'>##{element.id}</option>")
-    else
-      @$anchor_link.html("<option>#{Alchemy.t('No anchors found')}</option>")
-    return

data/app/assets/javascripts/alchemy/alchemy.list_filter.js.coffee

@@ -1,49 +0,0 @@
-window.Alchemy = {} if typeof(window.Alchemy) is 'undefined'
-
-# The Alchemy list filter
-#
-# The list items must have a name attribute.
-#
-# It hides all list items that don't match the term from filter input field.
-#
-class Alchemy.ListFilterHandler
-
-  # Pass a input field with a data-alchemy-list-filter attribute to this constructor
-  constructor: (filter) ->
-    @filter_field = $(filter)
-    @items = $(@filter_field.data('alchemy-list-filter'))
-    @clear = @filter_field.siblings('.js_filter_field_clear')
-    @_observe()
-
-  _observe: ->
-    @filter_field.on 'keyup', (e) =>
-      @clear.show()
-      @_filter @filter_field.val()
-    @clear.on "click", (e) =>
-      e.preventDefault()
-      @_clear()
-    @filter_field.on "focus", ->
-      key.setScope('list_filter')
-    key 'esc', 'list_filter', =>
-      @_clear()
-      @filter_field.blur()
-
-  _filter: (term) ->
-    @clear.hide() if term == ''
-    @items.map ->
-      item = $(this)
-      # indexOf is much faster then match()
-      if item.attr('name').toLowerCase().indexOf(term.toLowerCase()) != -1
-        item.show()
-      else
-        item.hide()
-
-  _clear: ->
-    @filter_field.val ''
-    @_filter ''
-
-# Initializes an Alchemy.ListFilterHandler on all input fields with a data-alchemy-list-filter attribute.
-#
-Alchemy.ListFilter = (scope) ->
-  $('[data-alchemy-list-filter]', scope).map ->
-    new Alchemy.ListFilterHandler(this)

data/app/assets/javascripts/alchemy/alchemy.preview_window.js.coffee

@@ -1,82 +0,0 @@
-window.Alchemy = {} if typeof(window.Alchemy) is 'undefined'
-
-Alchemy.PreviewWindow =
-  MIN_WIDTH: 240
-  HEIGHT: 75 # Top menu height
-
-  init: (previewUrl) ->
-    @select = document.querySelector('#preview_url')
-    @previewUrl = @_getCurrentPreviewUrl() || previewUrl[1]
-    $iframe = $("<iframe name=\"alchemy_preview_window\" src=\"#{@previewUrl}\" id=\"alchemy_preview_window\" frameborder=\"0\"/>")
-    $reload = $('#reload_preview_button')
-    @_showSpinner()
-    $iframe.on "load", =>
-      @_hideSpinner()
-    $('body').append($iframe)
-    @currentWindow = $iframe
-    @_bindReloadButton()
-    if @select
-      @select.value = @previewUrl
-      @_bindSelect()
-    return
-
-  resize: (width) ->
-    width = @MIN_WIDTH if width < @MIN_WIDTH
-    @currentWidth = width
-    @currentWindow.css
-      width: width
-
-  refresh: (callback) ->
-    $iframe = $('#alchemy_preview_window')
-    @_showSpinner()
-    # We need to be sure that no load event is binded on the preview frame.
-    $iframe.off('load')
-    $iframe.on "load", (e) =>
-      @_hideSpinner()
-      if callback
-        callback.call(e, $iframe)
-    $iframe.attr('src', @previewUrl)
-    true
-
-  postMessage: (data) ->
-    frameWindow = @currentWindow[0].contentWindow
-    frameWindow.postMessage(data, "*")
-
-  _showSpinner: ->
-    @reload = $('#reload_preview_button')
-    @spinner = new Alchemy.Spinner('small')
-    @reload.html @spinner.spin().el
-
-  _hideSpinner: ->
-    @spinner.stop()
-    @reload.html('<i class="icon ri-refresh-line ri-fw"></i>')
-
-  _bindReloadButton: ->
-    $reload = $('#reload_preview_button')
-    key 'alt+r', =>
-      @refresh()
-    $reload.on "click", (e) =>
-      e.preventDefault()
-      @refresh()
-
-  _getCurrentPreviewUrl: ->
-    if @select
-      option = Array.from(@select.options).find (o) =>
-        o.text == window.localStorage.getItem("alchemyPreview")
-      if option
-        option.value
-      else
-        null
-    else
-      null
-
-  _bindSelect: ->
-    $(@select).on "change", (e) =>
-      @previewUrl = e.target.value
-      option = e.target.querySelector("option[value='#{@previewUrl}']")
-      window.localStorage.setItem("alchemyPreview", option.text)
-      @refresh()
-      return
-
-Alchemy.reloadPreview = ->
-  Alchemy.PreviewWindow.refresh()

data/app/assets/javascripts/alchemy/alchemy.string_extension.js.coffee

@@ -1,11 +0,0 @@
-String::beginsWith = (t, i) ->
-  if i is false
-    t is @substring(0, t.length)
-  else
-    t.toLowerCase() is @substring(0, t.length).toLowerCase()
-
-String::endsWith = (t, i) ->
-  if i is false
-    t is @substring(@length - t.length)
-  else
-    t.toLowerCase() is @substring(@length - t.length).toLowerCase()

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

@@ -1,19 +0,0 @@
-<div class="page-select--page">
-  <div class="page-select--top">
-    <i class="icon ri-file-3-line"></i>
-    <span class="page-select--page-name">
-      {{ page.name }}
-    </span>
-    <span class="page-select--page-urlname">
-      {{ page.url_path }}
-    </span>
-  </div>
-  <div class="page-select--bottom">
-    <span class="page-select--site-name">
-      {{ page.site.name }}
-    </span>
-    <span class="page-select--language-code">
-      {{ page.language.name }}
-    </span>
-  </div>
-</div>

data/app/assets/stylesheets/alchemy/menubar.scss

@@ -1,81 +0,0 @@
-/*
- *= require_self
- */
-
-@import "alchemy/variables";
-@import "alchemy/mixins";
-
-#alchemy_menubar {
-  position: fixed;
-  top: 0;
-  left: -358px;
-  width: 400px;
-  z-index: 10000;
-  background: $main-menu-bg-color;
-  transition: left 0.25s cubic-bezier(0.23, 1, 0.32, 1);
-  box-shadow: 0 0 0 1px $white;
-  box-sizing: border-box;
-  height: auto;
-  padding: 8px 40px 8px 8px;
-  overflow: hidden;
-  font-family: $default-font-family;
-  font-size: $base-font-size;
-
-  * {
-    box-sizing: border-box;
-    margin: 0;
-    padding: 0;
-  }
-
-  &:hover {
-    left: 0;
-  }
-
-  &:after {
-    content: "";
-    width: 24px;
-    height: 24px;
-    position: absolute;
-    right: 10px;
-    top: 50%;
-    background: image-url("alchemy/icon-white.svg") 1px 1px no-repeat;
-    background-size: 24px 24px;
-    transform: translateY(-50%);
-  }
-
-  ul {
-    padding: 0;
-    margin: 0;
-    height: 100%;
-
-    li {
-      width: 33.333%;
-      height: 100%;
-      margin: 0;
-      padding: 0 $default-padding;
-      float: left;
-      list-style-type: none;
-      text-align: center;
-
-      a,
-      button {
-        @include button-defaults(
-          $background-color: $main-menu-bg-color,
-          $hover-color: $blue,
-          $hover-border-color: $white,
-          $border: 1px solid $white,
-          $box-shadow: none,
-          $padding: 0.5em 0,
-          $margin: 0,
-          $color: $white
-        );
-        width: 100%;
-        text-decoration: none !important;
-
-        &:after {
-          display: none;
-        }
-      }
-    }
-  }
-}