alchemy_cms 7.0.11 → 7.1.0.pre.b1

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

@@ -1,79 +0,0 @@
-#= require jquery-ui/widgets/draggable
-#= require jquery-ui/widgets/sortable
-#
-window.Alchemy = {} if typeof (window.Alchemy) is "undefined"
-
-$.extend Alchemy,
-
-  SortableElements: (page_id, form_token, selector = '#element_area .sortable-elements') ->
-    Alchemy.initializedSortableElements = false
-    $sortable_area = $(selector)
-
-    getTinymceIDs = (ui) ->
-      ids = []
-      $textareas = ui.item.find('textarea.has_tinymce')
-      $($textareas).each ->
-        id = this.id.replace(/tinymce_/, '')
-        ids.push parseInt(id, 10)
-      return ids
-
-    sortable_options =
-      items: "> .element-editor"
-      handle: "> .element-header .element-handle"
-      placeholder: "droppable_element_placeholder"
-      dropOnEmpty: true
-      opacity: 0.5
-      cursor: "move"
-      containment: $('#element_area')
-      tolerance: "pointer"
-      update: (event, ui) ->
-        # This callback is called twice for both elements, the source and the receiving
-        # but, we only want to call ajax callback once on the receiving element.
-        return if Alchemy.initializedSortableElements
-        $this = ui.item.parent().closest('.ui-sortable')
-        params = {}
-        Alchemy.initializedSortableElements = true
-        element_ids = $.map $this.children(), (child) ->
-          $(child).attr("data-element-id")
-        parent_element_id = ui.item.parent().closest("[data-element-id]").data('element-id')
-        params =
-          page_id: page_id
-          authenticity_token: encodeURIComponent(form_token)
-          element_ids: element_ids
-        if parent_element_id?
-          params['parent_element_id'] = parent_element_id
-        $(event.target).css("cursor", "progress")
-        $.ajax
-          url: Alchemy.routes.order_admin_elements_path
-          type: "POST"
-          data: params
-          complete: ->
-            Alchemy.initializedSortableElements = false
-            $(event.target).css("cursor", "")
-            return
-      start: (event, ui) ->
-        $this = $(this)
-        name = ui.item.data('element-name')
-        $dropzone = $("[data-droppable-elements~='#{name}']")
-        ids = getTinymceIDs(ui)
-        $this.sortable('option', 'connectWith', $dropzone)
-        $this.sortable('refresh')
-        $dropzone.css('minHeight', 36)
-        ui.item.addClass('dragged')
-        if ui.item.hasClass('compact')
-          ui.placeholder.addClass('compact').css
-            height: ui.item.outerHeight()
-        Alchemy.Tinymce.remove(ids)
-        return
-      stop: (event, ui) ->
-        ids = getTinymceIDs(ui)
-        name = ui.item.data('element-name')
-        $dropzone = $("[data-droppable-elements~='#{name}']")
-        $dropzone.css('minHeight', '')
-        ui.item.removeClass('dragged')
-        Alchemy.Tinymce.init(ids)
-        return
-
-    $sortable_area.sortable(sortable_options)
-    $sortable_area.find('.nested-elements').sortable(sortable_options)
-    return

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

@@ -1,267 +0,0 @@
-window.Alchemy = {} if typeof(window.Alchemy) is 'undefined'
-
-# Handlers for element editors.
-#
-# It provides folding of element editors and
-# selecting element editors from the preview frame
-# and the elenents window.
-#
-Alchemy.ElementEditors =
-
-  # Binds all events to element editor partials.
-  #
-  # Calles once per page load.
-  #
-  init: ->
-    @element_area = $("#element_area")
-    @bindEvents()
-    @expandIngredientGroups()
-    return
-
-  # Binds click events on several DOM elements from element editors
-  # Uses event delegation, so it is not necessary to rebind these events.
-  bindEvents: ->
-    $('body').on 'click', (e) =>
-      @onClickBody(e)
-    @element_area.on "click", ".element-editor", (e) =>
-      @onClickElement(e)
-    @element_area.on "dblclick", ".element-header", (e) =>
-      @onDoubleClickElement(e)
-    @element_area.on "click", "[data-element-toggle]", (e) =>
-      @onClickToggle(e)
-    # Binds the custom FocusElementEditor event
-    @element_area.on "FocusElementEditor.Alchemy", '.element-editor', (e) =>
-      @onFocusElement(e)
-    # Binds the custom SaveElement event
-    @element_area.on "SaveElement.Alchemy", '.element-editor', (e, data) =>
-      @onSaveElement(e, data)
-    @element_area.on "click", '[data-toggle-ingredient-group]', (e) =>
-      @onToggleIngredientGroup(e)
-    # Listen to postMessage messages from the preview frame
-    window.addEventListener 'message', (e) =>
-      @onMessage(e.data)
-      true
-    return
-
-  # Expands ingredient groups that are stored in sessionStorage as expanded
-  expandIngredientGroups: ->
-    if $expanded_ingredient_groups = sessionStorage.getItem('Alchemy.expanded_ingredient_groups')
-      for header_id in JSON.parse($expanded_ingredient_groups) then do (header_id) =>
-        $('#' + header_id).closest('.ingredient-group').addClass('expanded');
-
-  # Selects and scrolls to element with given id in the preview window.
-  #
-  focusElementPreview: (element_id) ->
-    Alchemy.PreviewWindow.postMessage
-      message: 'Alchemy.focusElement'
-      element_id: element_id
-    return
-
-  # Selects element
-  # Scrolls to element
-  # Unfold if folded
-  # Also chooses the right fixed elements tab, if necessary.
-  # Can be triggered through custom event 'FocusElementEditor.Alchemy'
-  # Used by the elements on click events in the preview frame.
-  focusElement: ($element) ->
-    element_id = $element.attr('id').replace(/\D/g, "")
-    Alchemy.ElementsWindow.show()
-    @selectTabForElement($element)
-    # If we have folded parents we need to unfold each of them
-    # and then finally scroll to or unfold ourself
-    $folded_parents = $element.parents('.element-editor.folded')
-    if $folded_parents.length > 0
-      @unfoldParents $folded_parents, =>
-        @scrollToOrUnfold(element_id)
-        return
-    else
-      @scrollToOrUnfold(element_id)
-    return
-
-  # Selects tab for given element
-  selectTabForElement: ($element) ->
-    $tabs = $("#fixed-elements .sortable-elements")
-    if $tabs.size() > 0
-      $tab = $element.closest(".sortable-elements")
-      $("#fixed-elements").tabs("option", "active", $tabs.index($tab))
-
-  # Marks an element as selected in the element window and scrolls to it.
-  #
-  selectElement: ($element, scroll = false) ->
-    $("#element_area .element-editor").not($element[0]).removeClass("selected")
-    $element.addClass("selected")
-    @scrollToElement($element) if scroll
-    return
-
-  # Unfolds given parents until the last one is reached, then calls callback
-  unfoldParents: ($folded_parents, callback) ->
-    last_parent = $folded_parents[$folded_parents.length - 1]
-    $folded_parents.each (_index, parent_element) =>
-      parent_id = parent_element.id.replace(/\D/g, "")
-      if last_parent == parent_element
-        @scrollToOrUnfold(parent_id, callback)
-      else
-        @scrollToOrUnfold(parent_id)
-      return
-    return
-
-  # Scrolls to element with given id
-  #
-  # If it's folded it unfolds it.
-  #
-  # Also takes an optional callback that gets triggered after element is unfolded.
-  #
-  scrollToOrUnfold: (element_id, callback) ->
-    $el = $("#element_#{element_id}")
-    if $el.hasClass("folded")
-      @toggleFold(element_id, callback)
-    else
-      @selectElement($el, true)
-    return
-
-  # Scrolls the element window to given element editor dom element.
-  #
-  scrollToElement: (el) ->
-    $("#element_area").scrollTo el,
-      axis: 'y',
-      duration: 400
-      offset: -6
-
-  # Expands or folds a element editor
-  #
-  # If the element is dirty (has unsaved changes) it displays a warning.
-  #
-  toggle: (id, text) ->
-    el = $("#element_#{id}")
-    if Alchemy.isElementDirty(el)
-      Alchemy.openConfirmDialog Alchemy.t('element_dirty_notice'),
-        title: Alchemy.t('warning')
-        ok_label: Alchemy.t('ok')
-        cancel_label: Alchemy.t('cancel')
-        on_ok: =>
-          @toggleFold(id)
-      false
-    else
-      @toggleFold(id)
-
-  # Folds or expands the element editor with the given id.
-  #
-  toggleFold: (id, callback) ->
-    spinner = new Alchemy.Spinner('small')
-    spinner.spin("#element_#{id} > .element-header .ajax-folder")
-    $("#element_#{id}_folder .icon").hide()
-    $.post Alchemy.routes.fold_admin_element_path(id), =>
-      callback.call() if callback?
-      return
-
-  # Updates the title quote if one of the several conditions are met
-  updateTitle: (element, title, event) ->
-    return true if not @_shouldUpdateTitle(element, event)
-    @setTitle(element, title)
-    return
-
-  # Sets the title quote without checking that the conditions are met
-  setTitle: (element, title) ->
-    $quote = element.find('> .element-header .preview_text_quote')
-    $quote.text(title)
-    return
-
-  # Sets the element to saved state
-  onSaveElement: (event, data) ->
-    $element = $(event.currentTarget)
-    # JS event bubbling will also update the parents element quote.
-    @updateTitle($element, data.previewText, event)
-    # Prevent this event from beeing called twice on the same element
-    if event.currentTarget == event.target
-      Alchemy.setElementClean($element)
-      Alchemy.Buttons.enable($element)
-    true
-
-  # Toggle visibility of the ingredient fields in the group
-  onToggleIngredientGroup: (event) ->
-    $group_div = $(event.currentTarget).closest('.ingredient-group');
-    $group_div.toggleClass('expanded');
-
-    $expanded_ingredient_groups = JSON.parse(sessionStorage.getItem('Alchemy.expanded_ingredient_groups') || '[]');
-    # Add or remove depending on whether this ingredient group is expanded
-    if $group_div.hasClass('expanded')
-      if $expanded_ingredient_groups.indexOf(event.currentTarget.id) == -1
-        $expanded_ingredient_groups.push(event.currentTarget.id);
-    else
-      $expanded_ingredient_groups = $expanded_ingredient_groups.filter (value) ->
-        value != event.currentTarget.id
-
-    sessionStorage.setItem('Alchemy.expanded_ingredient_groups', JSON.stringify($expanded_ingredient_groups))
-    false
-
-  # Event handlers
-
-  onMessage: (data) ->
-    if data.message == 'Alchemy.focusElementEditor'
-      $element = $("#element_#{data.element_id}")
-      Alchemy.ElementEditors.focusElement($element)
-
-  onClickBody: (e) ->
-    element = $(e.target).parents('.element-editor')[0]
-    $('#element_area .element-editor').not(element).removeClass('selected')
-    unless element
-      Alchemy.PreviewWindow.postMessage(message: 'Alchemy.blurElements')
-    return
-
-  # Click event handler for element body.
-  #
-  # - Focuses the element
-  # - Sends 'Alchemy.focusElement' message to preview frame.
-  #
-  onClickElement: (e) ->
-    $target = $(e.target)
-    $element = $target.closest(".element-editor")
-    element_id = $element.attr("id").replace(/\D/g, "")
-    @selectElement($element)
-    @focusElementPreview(element_id)
-    return
-
-  # Double click event handler for element head.
-  onDoubleClickElement: (e) ->
-    id = $(e.target).closest('.element-editor').attr('id').replace(/\D/g, '')
-    @toggle(id)
-    e.preventDefault()
-    return
-
-  # Click event handler for element toggle icon.
-  onClickToggle: (e) ->
-    id = $(e.currentTarget).data('element-toggle')
-    @toggle(id)
-    e.preventDefault()
-    e.stopPropagation()
-    return
-
-  # Handles the custom 'FocusElementEditor.Alchemy' event.
-  #
-  # Triggered, if a user clicks on an element inside the preview iframe.
-  #
-  onFocusElement: (e) ->
-    $element = $(e.target)
-    @focusElement($element)
-    e.stopPropagation()
-    false
-
-  # private
-
-  _shouldUpdateTitle: (element, event) ->
-    editors = element.find('> .element-body .element-ingredient-editors').children()
-    if @_hasParents(element)
-      editors.length != 0
-    else if @_isParent(element) && @_isFirstChild $(event.target)
-      editors.length == 0
-    else
-      not @_isParent(element)
-
-  _hasParents: (element) ->
-    element.parents('.element-editor').length != 0
-
-  _isParent: (element) ->
-    element.find('.nestable-elements').length != 0
-
-  _isFirstChild: (element) ->
-    element.closest('.nestable-elements').find(':first-child').is(element)

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

@@ -1,27 +0,0 @@
-window.Alchemy = {} if window.Alchemy == undefined
-
-# Alchemy GUI initializers
-Alchemy.GUI =
-
-  # Initializes all Alchemy GUI elements in given scope
-  init: (scope) ->
-    Alchemy.SelectBox(scope)
-    Alchemy.Datepicker(scope && scope.selector)
-    Alchemy.Tooltips(scope)
-    Alchemy.Buttons.observe(scope)
-    # Dialog links use event delegation and therefore do not
-    # need to be re-initialized after dom elements get replaced
-    unless scope
-      Alchemy.watchForDialogs()
-    Alchemy.Hotkeys(scope)
-    Alchemy.ListFilter(scope)
-    Alchemy.Autocomplete.tags(scope)
-    $('[data-alchemy-char-counter]', scope).each ->
-      new Alchemy.CharCounter(this)
-
-  initElement: ($el) ->
-    Alchemy.ElementDirtyObserver($el)
-    Alchemy.GUI.init($el && $el.selector)
-    Alchemy.ImageLoader($el[0])
-    Alchemy.fileEditors($el.find(".ingredient-editor.file, .ingredient-editor.audio, .ingredient-editor.video").selector)
-    Alchemy.pictureEditors($el.find(".ingredient-editor.picture").selector)

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

@@ -1,32 +0,0 @@
-Alchemy.Spinner = function Spinner(size, styles) {
-  var html = HandlebarsTemplates.spinner(),
-      $spinner = $(html),
-      $svg = $spinner.find('svg'),
-      className;
-
-  switch (size) {
-    case 'small': className = 'spinner--small';
-      break;
-    case 'large': className = 'spinner--large';
-      break;
-    default: className = 'spinner--medium';
-  }
-
-  $spinner.addClass(className);
-
-  if (styles) {
-    $svg.find('path').css(styles);
-  }
-
-  this.el = $spinner;
-
-  this.spin = function spin(parent) {
-    if (parent === undefined) parent = 'body';
-    $(parent).append($spinner);
-    return this;
-  };
-
-  this.stop = function stop() {
-    $spinner.remove();
-  };
-};

data/app/assets/javascripts/alchemy/alchemy.tooltips.coffee

@@ -1,10 +0,0 @@
-window.Alchemy = {} if typeof(window.Alchemy) is 'undefined'
-
-Alchemy.Tooltips = (scope) ->
-  $('[data-alchemy-tooltip]', scope).each ->
-    $el = $(this)
-    text = $el.data('alchemy-tooltip')
-    $el.wrap('<span class="with-hint"/>')
-    $el.after('<span class="hint-bubble">'+text+'</span>')
-    return
-  return

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

@@ -1,131 +0,0 @@
-#= require jquery-ui/widget
-#= require alchemy/alchemy.file_progress
-#= require fileupload/jquery.iframe-transport
-#= require fileupload/jquery.fileupload
-#= require fileupload/jquery.fileupload-process
-#= require fileupload/jquery.fileupload-validate
-
-window.Alchemy = {} if typeof(window.Alchemy) is 'undefined'
-
-Alchemy.Uploader = (settings) ->
-  totalFilesCount = 0
-  completedUploads = 0
-  $filesContainer = $('.upload-progress-container')
-  selector = settings.selector || '.fileupload'
-  $fields = $(selector)
-  $dropZone = $(settings.dropzone)
-
-  # Normalize file types regex
-  file_types = if settings.file_types == '*' then '.+' else settings.file_types
-
-  # Disable the default browser dragdrop handling
-  $(document).bind 'drop dragover', (e) ->
-    e.preventDefault()
-
-  $dropZone.on 'dragleave', ->
-    $dropZone.removeClass('dragover')
-
-  getNumberOfFiles = ->
-    $filesContainer
-      .children()
-      .not('.progress-bar-in-progress').length - 1
-
-  dragover = ->
-    $dropZone.addClass('dragover')
-    return
-
-  add = (e, data) ->
-    $this = $(this)
-    data.context = new Alchemy.FileProgress(data.files[0])
-    totalFilesCount = data.originalFiles.length
-    $('.total-files-count').text(totalFilesCount)
-    $dropZone.removeClass('dragover').addClass('upload-in-progress')
-    $('.overall-upload').addClass('visible')
-    # trigger validations
-    data.process -> $this.fileupload('process', data)
-    if data.files.error
-      data.context.setError()
-      data.context.setStatus(data.files[0].error)
-      data.context.$fileProgressCancel.click (e) ->
-        data.context.setCancelled()
-        data.context.setStatus('cancelled')
-        return false
-      return false
-    else
-      xhr = data.submit()
-      data.context.$fileProgressCancel.click (e) ->
-        xhr.abort()
-        data.context.setCancelled()
-        data.context.setStatus('cancelled')
-        return false
-      return xhr
-
-  progress = (e, data) ->
-    progress = parseInt(data.loaded / data.total * 100, 10)
-    data.context.setProgress(progress)
-    return
-
-  progressall = (e, data) ->
-    progress = parseInt(data.loaded / data.total * 100, 10)
-    bar = $('.overall-upload .progress')
-    bar.css width: "#{progress}%"
-    $('.progress-status').text("#{progress}%")
-    return
-
-  done = (e, data) ->
-    completedUploads += 1
-    $('.uploaded-files-count').text(completedUploads)
-    data.context.setComplete()
-    data.context.setStatus('complete')
-    response_data = data.xhr().response
-    if completedUploads == totalFilesCount
-      completedUploads = 0
-      totalFilesCount = 0
-      $('.overall-upload').removeClass('visible')
-      settings.complete()
-    return
-
-  fail = (e, data) ->
-    data.context.setError()
-    response_data = data.xhr().response
-    if response_data
-      response = JSON.parse(response_data)
-      error = response.files[0].error
-    data.context.setStatus(error || data.textStatus)
-    return
-
-  always = (e, data) ->
-    xhr = data.xhr()
-    response_data = xhr.response
-    if response_data
-      response = JSON.parse(response_data)
-      if response.growl_message
-        Alchemy.growl(response.growl_message, if xhr.status == 422 then 'alert' else 'notice')
-    return
-
-  $fields.each ->
-    $field = $(this)
-    $form = $field.parents('form')
-    url = $form.attr('action')
-    http_method = $form.find('[name="_method"]').val()
-    # Init jquery.fileupload
-    $field.fileupload
-      url: url
-      type: if http_method then http_method.toUpperCase() else 'POST'
-      dropZone: $dropZone
-      dataType: 'json'
-      filesContainer: $filesContainer
-      acceptFileTypes: new RegExp("(.|/)(#{file_types})", "i")
-      maxNumberOfFiles: Alchemy.uploader_defaults.file_upload_limit
-      maxFileSize: Alchemy.uploader_defaults.file_size_limit * 1000000
-      getNumberOfFiles: getNumberOfFiles
-      dragover: dragover
-      add: add
-      progress: progress
-      progressall: progressall
-      done: done
-      fail: fail
-      always: always
-    return
-
-  return

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

@@ -1,8 +0,0 @@
-window.Alchemy = {} if typeof(window.Alchemy) is 'undefined'
-
-Alchemy.showMenubar = ->
-  menubar = document.getElementById('alchemy_menubar')
-  if (typeof(menubar) != 'undefined' && menubar != null)
-    menubar.style.display = "block"
-
-Alchemy.showMenubar()

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

@@ -1,39 +0,0 @@
-$.fn.alchemyNodeSelect = function (options) {
-  var renderNodeTemplate = function (node) {
-    return HandlebarsTemplates.node({ node: node })
-  }
-  var queryParamsFromTerm = function (term) {
-    return {
-      filter: Object.assign(
-        { name_or_page_name_cont: term },
-        options.query_params
-      )
-    }
-  }
-  var resultsFromResponse = function (response) {
-    var meta = response.meta
-    var data = response.data
-    var more = meta.page * meta.per_page < meta.total_count
-    return { results: data, more: more }
-  }
-
-  return this.select2({
-    placeholder: options.placeholder,
-    allowClear: true,
-    minimumInputLength: 3,
-    initSelection: function (_$el, callback) {
-      if (options.initialSelection) {
-        callback(options.initialSelection)
-      }
-    },
-    ajax: {
-      url: options.url,
-      datatype: "json",
-      quietMillis: 300,
-      data: queryParamsFromTerm,
-      results: resultsFromResponse
-    },
-    formatSelection: renderNodeTemplate,
-    formatResult: renderNodeTemplate
-  })
-}

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>