alchemy_cms 8.0.10 → 8.1.0

data/app/decorators/alchemy/element_editor.rb

@@ -1,90 +0,0 @@
-# frozen_string_literal: true
-
-module Alchemy
-  class ElementEditor < SimpleDelegator
-    alias_method :element, :__getobj__
-
-    def to_partial_path
-      "alchemy/admin/elements/element"
-    end
-
-    # Returns ingredient editor instances for defined ingredients
-    #
-    # Creates ingredient on demand if the ingredient is not yet present on the element
-    #
-    # @return Array<Alchemy::IngredientEditor>
-    def ingredients
-      ingredient_definitions.map do |ingredient|
-        Alchemy::IngredientEditor.new(find_or_create_ingredient(ingredient))
-      end
-    end
-
-    # Are any ingredients defined?
-    # @return [Boolean]
-    def has_ingredients_defined?
-      ingredient_definitions.any?
-    end
-
-    # Returns the translated ingredient group for displaying in admin editor group headings
-    #
-    # Translate it in your locale yml file:
-    #
-    #   alchemy:
-    #     element_groups:
-    #       foo: Bar
-    #
-    # Optionally you can scope your ingredient role to an element:
-    #
-    #   alchemy:
-    #     element_groups:
-    #       article:
-    #         foo: Baz
-    #
-    def translated_group(group)
-      Alchemy.t(
-        group,
-        scope: "element_groups.#{element.name}",
-        default: Alchemy.t("element_groups.#{group}", default: group.humanize)
-      )
-    end
-
-    # CSS classes for the element editor partial.
-    def css_classes
-      [
-        "element-editor",
-        ingredient_definitions.present? ? "with-ingredients" : "without-ingredients",
-        nestable_elements.any? ? "nestable" : "not-nestable",
-        taggable? ? "taggable" : "not-taggable",
-        folded ? "folded" : "expanded",
-        compact? ? "compact" : nil,
-        deprecated? ? "deprecated" : nil,
-        fixed? ? "is-fixed" : "not-fixed",
-        public? ? nil : "element-hidden"
-      ]
-    end
-
-    # Tells us, if we should show the element footer and form inputs.
-    def editable?
-      ingredient_definitions.any? || taggable?
-    end
-
-    # Fixes Rails partial renderer calling to_model on the object
-    # which reveals the delegated element instead of this decorator.
-    def respond_to?(*args, **kwargs)
-      method_name = args.first
-      return false if method_name == :to_model
-
-      super
-    end
-
-    private
-
-    def find_or_create_ingredient(definition)
-      element.ingredients.detect { _1.role == definition.role } ||
-        element.ingredients.create!(
-          role: definition.role,
-          type: Alchemy::Ingredient.normalize_type(definition.type)
-        )
-    end
-  end
-end

data/app/helpers/alchemy/admin/pictures_helper.rb

@@ -1,14 +0,0 @@
-# frozen_string_literal: true
-
-module Alchemy
-  module Admin
-    module PicturesHelper
-      def preview_size(size)
-        Alchemy::Picture::THUMBNAIL_SIZES.fetch(
-          size,
-          Alchemy::Picture::THUMBNAIL_SIZES[:medium]
-        )
-      end
-    end
-  end
-end

data/app/javascript/alchemy_admin/file_editors.js

@@ -1,28 +0,0 @@
-class FileEditor {
-  constructor(container) {
-    this.container = container
-    this.deleteLink = container.querySelector(".remove_file_link")
-    this.fileIcon = container.querySelector(".file_icon")
-    this.fileName = container.querySelector(".file_name")
-    this.deleteLink.addEventListener("click", this.removeFile.bind(this))
-    this.formFieldId = this.deleteLink.dataset.formFieldId
-    this.formField = container.querySelector(`#${this.formFieldId}`)
-    this.assignFileText = this.deleteLink.dataset.assignFileText
-  }
-
-  removeFile(event) {
-    event.stopPropagation()
-    this.formField.value = ""
-    this.fileIcon.innerHTML = ""
-    this.fileName.innerHTML = ""
-    this.deleteLink.classList.add("hidden")
-    this.container.closest("alchemy-element-editor").setDirty(this.formField)
-    return false
-  }
-}
-
-export default function init(selector) {
-  document.querySelectorAll(selector).forEach((node) => {
-    new FileEditor(node)
-  })
-}

data/app/javascript/alchemy_admin/image_loader.js

@@ -1,54 +0,0 @@
-// Shows spinner while loading images and
-// fades the image after its been loaded
-
-import Spinner from "alchemy_admin/spinner"
-
-export default class ImageLoader {
-  static init(scope = document) {
-    if (typeof scope === "string") {
-      scope = document.querySelector(scope)
-    }
-    scope.querySelectorAll("img").forEach((image) => {
-      const loader = new ImageLoader(image)
-      loader.load()
-    })
-  }
-
-  constructor(image) {
-    this.image = image
-    this.parent = image.parentNode
-    this.spinner = new Spinner("small")
-    this.bind()
-  }
-
-  bind() {
-    this.image.addEventListener("load", this.onLoaded.bind(this))
-    this.image.addEventListener("error", this.onError.bind(this))
-  }
-
-  load(force = false) {
-    if (!force && this.image.complete) return
-
-    this.image.classList.add("loading")
-    this.spinner.spin(this.parent)
-  }
-
-  onLoaded() {
-    this.spinner.stop()
-    this.image.classList.remove("loading")
-    this.unbind()
-  }
-
-  onError(evt) {
-    const message = `Could not load ${this.image.src}`
-    this.spinner.stop()
-    this.parent.innerHTML = `<alchemy-icon name="alert" class="error" title="${message}" />`
-    console.error(message, evt)
-    this.unbind()
-  }
-
-  unbind() {
-    this.image.removeEventListener("load", this.onLoaded)
-    this.image.removeEventListener("error", this.onError)
-  }
-}

data/app/javascript/alchemy_admin/page_sorter.js

@@ -1,71 +0,0 @@
-import Sortable from "sortablejs"
-import { growl } from "alchemy_admin/growler"
-import { patch } from "alchemy_admin/utils/ajax"
-import pleaseWaitOverlay from "alchemy_admin/please_wait_overlay"
-
-function onSort(evt) {
-  const pageId = evt.item.dataset.pageId
-  const url = Alchemy.routes.move_admin_page_path(pageId)
-  const data = {
-    target_parent_id: evt.to.dataset.parentId,
-    new_position: evt.newIndex
-  }
-
-  if (evt.target === evt.to) {
-    pleaseWaitOverlay(true)
-    patch(url, data)
-      .then(async (response) => {
-        const pageData = await response.data
-        const pageEl = document.getElementById(`page_${pageId}`)
-        const urlPathEl = pageEl.querySelector(".sitemap_url")
-
-        growl(Alchemy.t("Successfully moved page"))
-        urlPathEl.textContent = pageData.url_path
-        displayPageFolders()
-      })
-      .catch((error) => {
-        growl(error.message || error, "error")
-        Alchemy.currentSitemap.reload()
-      })
-      .finally(() => {
-        pleaseWaitOverlay(false)
-      })
-  }
-}
-
-export function displayPageFolders() {
-  document.querySelectorAll("li.sitemap-item").forEach((el) => {
-    const pageFolderEl = el.querySelector(".page_folder")
-    const list = el.querySelector(".children")
-    const page = {
-      folded: el.dataset.folded === "true",
-      id: el.dataset.pageId,
-      type: el.dataset.type
-    }
-
-    if (list.children.length > 0 || page.folded) {
-      pageFolderEl.outerHTML = Handlebars.templates["page_folder.hbs"]({ page })
-    } else {
-      pageFolderEl.innerHTML = ""
-    }
-  })
-}
-
-export function createSortables(sortables) {
-  sortables.forEach((el) => {
-    new Sortable(el, {
-      group: "pages",
-      animation: 150,
-      fallbackOnBody: true,
-      swapThreshold: 0.65,
-      handle: ".handle",
-      onSort
-    })
-  })
-}
-
-export default function () {
-  const sortables = document.querySelectorAll("ul.children")
-  displayPageFolders()
-  createSortables(sortables)
-}

data/app/javascript/alchemy_admin/sitemap.js

@@ -1,154 +0,0 @@
-// The admin sitemap Alchemy class
-import PageSorter from "alchemy_admin/page_sorter"
-import { on } from "alchemy_admin/utils/events"
-import { get, patch } from "alchemy_admin/utils/ajax"
-import { growl } from "alchemy_admin/growler"
-import { createSortables, displayPageFolders } from "alchemy_admin/page_sorter"
-
-export default class Sitemap {
-  // Storing some objects.
-  constructor(options) {
-    const list_template_html = document
-      .getElementById("sitemap-list")
-      .innerHTML.replace(/__ID__/g, "{{id}}")
-    this.search_field = document.querySelector(".search_input_field")
-    this.filter_field_clear = document.querySelector(".search_field_clear")
-    this.filter_field_clear.removeAttribute("href")
-    this.display = document.getElementById("page_filter_result")
-    this.sitemap_wrapper = document.getElementById("sitemap-wrapper")
-    this.template = Handlebars.compile(
-      document.getElementById("sitemap-template").innerHTML
-    )
-    this.list_template = Handlebars.compile(list_template_html)
-    this.items = null
-    this.options = options
-    Handlebars.registerPartial("list", list_template_html)
-    this.load(options.page_root_id)
-  }
-
-  // Loads the sitemap
-  load(pageId) {
-    const spinner = new Alchemy.Spinner("medium")
-    const spinTarget = this.sitemap_wrapper
-    spinTarget.innerHTML = ""
-    spinner.spin(spinTarget)
-    get(this.options.url, { id: pageId })
-      .then(async (response) => {
-        this.render(await response.data)
-        this.handlePageFolders()
-        spinner.stop()
-      })
-      .catch(this.errorHandler)
-  }
-
-  // Reloads the sitemap
-  reload() {
-    this.load(this.options.page_root_id)
-  }
-
-  // Watch page folder clicks and re-render the page branch
-  handlePageFolders() {
-    on(
-      "click",
-      "#sitemap",
-      ".page_folder",
-      function (evt) {
-        const spinner = new Alchemy.Spinner("small")
-        const pageFolder = evt.target.closest(".page_folder")
-        const pageId = pageFolder.dataset.pageId
-        pageFolder.innerHTML = ""
-        spinner.spin(pageFolder)
-
-        patch(Alchemy.routes.fold_admin_page_path(pageId))
-          .then(async (response) => {
-            this.reRender(pageId, await response.data)
-            spinner.stop()
-          })
-          .catch(this.errorHandler)
-      }.bind(this)
-    )
-  }
-
-  // Renders the sitemap
-  render(data) {
-    const renderTarget = this.sitemap_wrapper
-    const renderTemplate = this.template
-
-    renderTarget.innerHTML = renderTemplate({ children: data.pages })
-    this.items = document
-      .getElementById("sitemap")
-      .querySelectorAll(".sitemap_page")
-    this.sitemap_wrapper = document.getElementById("sitemap-wrapper")
-    this._observe()
-    PageSorter()
-  }
-
-  reRender(pageId, data) {
-    let pageEl = document.getElementById(`page_${pageId}`)
-    pageEl.outerHTML = this.list_template({ children: data.pages })
-    pageEl = document.getElementById(`page_${pageId}`)
-    const sortables = pageEl.querySelectorAll("ul.children")
-    createSortables(sortables)
-    displayPageFolders()
-  }
-
-  // Filters the sitemap
-  filter(term) {
-    const results = []
-
-    this.items.forEach(function (item) {
-      if (
-        term !== "" &&
-        item.getAttribute("name").toLowerCase().indexOf(term) !== -1
-      ) {
-        item.classList.add("highlight")
-        item.classList.remove("no-match")
-        results.push(item)
-      } else {
-        item.classList.add("no-match")
-        item.classList.remove("highlight")
-      }
-    })
-    const { length } = results
-
-    if (length === 1) {
-      this.display.style.display = "block"
-      this.display.innerText = `1 ${Alchemy.t("page_found")}`
-      results[0].scrollIntoView({ behavior: "smooth", block: "center" })
-    } else if (length > 1) {
-      this.display.style.display = "block"
-      this.display.innerText = `${length} ${Alchemy.t("pages_found")}`
-    } else {
-      this.items.forEach((item) =>
-        item.classList.remove("no-match", "highlight")
-      )
-      this.display.style.display = "none"
-      window.scrollTo({
-        top: 0,
-        left: 0,
-        behavior: "smooth"
-      })
-    }
-  }
-
-  // Adds onkey up observer to search field
-  _observe() {
-    this.search_field.addEventListener("keyup", (evt) => {
-      const term = evt.target.value
-      this.filter_field_clear.style.visibility =
-        term == "" ? "hidden" : "visible"
-      this.filter(term.toLowerCase())
-    })
-    this.search_field.addEventListener("focus", () => key.setScope("search"))
-    this.filter_field_clear.addEventListener("click", () => {
-      this.search_field.value = ""
-      this.filter("")
-      return false
-    })
-  }
-
-  errorHandler(error) {
-    growl(error.message || error, "error")
-    console.error(error)
-  }
-}

data/app/javascript/alchemy_admin/templates/page_folder.hbs

@@ -1,3 +0,0 @@
-<a class="page_folder icon_button" data-page-id="{{ page.id }}">
-  <alchemy-icon name="arrow-{{#if page.folded }}right{{else}}down{{/if}}-s"></alchemy-icon>
-</a>

data/app/views/alchemy/admin/attachments/archive_overlay.js.erb

@@ -1,4 +0,0 @@
-(function() {
-  var dialog = Alchemy.currentDialog();
-  dialog.dialog_body.html('<%= j render("archive_overlay") %>');
-})();

data/app/views/alchemy/admin/pages/_page.html.erb

@@ -1,163 +0,0 @@
-<li id="page_{{id}}" class="sitemap-item {{page_layout}}" data-slug="{{slug}}" data-restricted="{{restricted}}" data-page-id="{{id}}" data-folded="{{folded}}">
-  <div class="sitemap_page{{#if locked}} locked{{/if}}" name="{{name}}">
-    <div class="sitemap_left_images">
-      <span class="page_folder"></span>
-      {{#if definition_missing}}
-        <%= page_layout_missing_warning %>
-      {{else}}
-        {{#if permissions.edit_content}}
-          <span class="page-icon {{#unless root}}handle{{/unless}}">
-            {{#if locked}}
-              <sl-tooltip content="{{locked_notice}}" class="like-hint-tooltip" placement="bottom-start">
-                <alchemy-icon name="file-edit" size="xl"></alchemy-icon>
-              </sl-tooltip>
-            {{else}}
-              <alchemy-icon name="file" size="xl"></alchemy-icon>
-            {{/if}}
-          </span>
-        {{else}}
-          <sl-tooltip content="<%= Alchemy.t("Your user role does not allow you to edit this page") %>" class="like-hint-tooltip" placement="bottom-start">
-            <alchemy-icon name="file-forbid" size="xl"></alchemy-icon>
-          </sl-tooltip>
-        {{/if}}
-      {{/if}}
-    </div>
-    <div class="sitemap_sitename">
-      {{#if permissions.edit_content}}
-        <%= link_to(
-          "{{name}}",
-          alchemy.edit_admin_page_path(id: "__ID__"),
-          title: Alchemy.t(:edit_page),
-          class: "sitemap_pagename_link"
-        ) -%>
-      {{else}}
-        <%= content_tag("span", "{{name}}", class: "sitemap_pagename_link") %>
-      {{/if}}
-    </div>
-    <div class="sitemap_url" title="{{url_path}}">
-      {{ url_path }}
-    </div>
-    <div class="page_infos">
-      {{#if locked}}
-      <span class="page_status locked">
-        <alchemy-icon name="edit" size="1x"></alchemy-icon>
-        {{status_titles.locked}}
-      </span>
-      {{/if}}
-      {{#if restricted}}
-      <span class="page_status">
-        <alchemy-icon name="lock" size="1x"></alchemy-icon>
-        {{status_titles.restricted}}
-      </span>
-      {{/if}}
-      {{#unless public}}
-      <span class="page_status">
-        <alchemy-icon name="cloud-off" size="1x"></alchemy-icon>
-        {{status_titles.public}}
-      </span>
-      {{/unless}}
-    </div>
-    <div class="sitemap_right_tools">
-      {{#if permissions.info}}
-      <sl-tooltip content="<%= Alchemy.t(:page_infos) %>">
-        <%= link_to_dialog(
-          render_icon("information"),
-          alchemy.info_admin_page_path(id: "__ID__"),
-          {
-            title: Alchemy.t(:page_infos),
-            size: "520x290"
-          },
-          class: "icon_button"
-        ) %>
-      </sl-tooltip>
-      {{else}}
-      <div class="sitemap_tool disabled">
-        <sl-tooltip content="<%= Alchemy.t("Your user role does not allow you to edit this page") %>" class="like-hint-tooltip" placement="bottom-start">
-          <%= render_icon("information") %>
-        </sl-tooltip>
-      </div>
-      {{/if}}
-      {{#if permissions.configure}}
-      <sl-tooltip content="<%= Alchemy.t(:edit_page_properties) %>">
-        <%= link_to_dialog(
-          render_icon("settings-3"),
-          alchemy.configure_admin_page_path(id: "__ID__"),
-          {
-            title: Alchemy.t(:edit_page_properties),
-            size: "500x680"
-          },
-          class: "icon_button"
-        ) -%>
-      </sl-tooltip>
-      {{else}}
-      <div class="sitemap_tool disabled">
-        <sl-tooltip content="<%= Alchemy.t("Your user role does not allow you to edit this page") %>" class="like-hint-tooltip" placement="bottom-start">
-          <%= render_icon("settings-3") %>
-        </sl-tooltip>
-      </div>
-      {{/if}}
-      {{#if permissions.copy}}
-      <sl-tooltip content="<%= Alchemy.t(:copy_page) %>">
-        <%= button_to(
-          render_icon("file-copy"),
-          alchemy.insert_admin_clipboard_path(
-            remarkable_type: :pages,
-            remarkable_id: "__ID__",
-          ),
-          "data-turbo-method": :post,
-          class: "icon_button"
-        ) %>
-      </sl-tooltip>
-      {{else}}
-      <div class="sitemap_tool disabled">
-        <sl-tooltip content="<%= Alchemy.t("Your user role does not allow you to edit this page") %>" class="like-hint-tooltip" placement="bottom-start">
-          <%= render_icon("file-copy") %>
-        </sl-tooltip>
-      </div>
-      {{/if}}
-      {{#if permissions.destroy}}
-      <sl-tooltip content="<%= Alchemy.t(:delete_page) %>">
-        <%= link_to_confirm_dialog(
-          render_icon("delete-bin-2"),
-          Alchemy.t(:confirm_to_delete_page),
-          url_for(
-            controller: "pages",
-            action: "destroy",
-            id: "__ID__"
-          ),
-          class: "icon_button"
-        ) -%>
-      </sl-tooltip>
-      {{else}}
-      <div class="sitemap_tool disabled">
-        <sl-tooltip content="<%= Alchemy.t("Your user role does not allow you to edit this page") %>" class="like-hint-tooltip" placement="bottom-start">
-          <%= render_icon("delete-bin-2") %>
-        </sl-tooltip>
-      </div>
-      {{/if}}
-      {{#if permissions.create}}
-      <sl-tooltip content="<%= Alchemy.t(:create_page) %>">
-        <%= link_to_dialog(
-          render_icon(:add),
-          alchemy.new_admin_page_path(parent_id: "__ID__"),
-          {
-            title: Alchemy.t(:create_page),
-            size: "340x165",
-            overflow: true
-          },
-          class: "icon_button"
-        ) -%>
-      </sl-tooltip>
-      {{else}}
-      <div class="sitemap_tool disabled">
-        <sl-tooltip content="<%= Alchemy.t("Your user role does not allow you to edit this page") %>" class="like-hint-tooltip" placement="bottom-start">
-          <%= render_icon("file-add") %>
-        </sl-tooltip>
-      </div>
-      {{/if}}
-    </div>
-  </div>
-  <ul id="page_{{id}}_children" class="children" data-parent-id="{{id}}">
-    {{> list}}
-  </ul>
-</li>

data/app/views/alchemy/admin/pages/_sitemap.html.erb

@@ -1,30 +0,0 @@
-<h4 id="sitemap_heading">
-  <span class="page_name"><%= Alchemy::Page.human_attribute_name(:name) %></span>
-  <span class="page_urlname"><%= Alchemy::Page.human_attribute_name(:urlname) %></span>
-  <span class="page_status"><%= Alchemy.t(:page_status) %></span>
-</h4>
-
-<div id="sitemap-wrapper">
-</div>
-
-<script id="sitemap-template" type="text/x-handlebars-template">
-  <ul id="sitemap" class="list">
-    {{> list}}
-  </ul>
-</script>
-
-<script id="sitemap-list" type="text/x-handlebars-template">
-  {{#each children}}
-  <%= render partial: page_partial, object: @page_root %>
-  {{/each}}
-</script>
-
-<script type="module">
- $(function() {
-   Alchemy.currentSitemap = new Alchemy.Sitemap({
-     url: '<%= alchemy.tree_admin_pages_path %>',
-     page_root_id: <%= @page_root.id %>
-   });
-   Alchemy.PagePublicationFields();
- });
-</script>

data/app/views/alchemy/admin/pages/flush.js.erb

@@ -1,2 +0,0 @@
-Alchemy.growl('<%= Alchemy.t("Page cache flushed") -%>');
-Alchemy.pleaseWaitOverlay(false);

data/app/views/alchemy/admin/pictures/archive_overlay.js.erb

@@ -1,5 +0,0 @@
-(function() {
-  var dialog = Alchemy.currentDialog();
-  dialog.dialog_body.html('<%= j render("archive_overlay") %>');
-  Alchemy.ImageLoader('#assign_image_list');
-})();

data/app/views/alchemy/admin/pictures/index.js.erb

@@ -1,2 +0,0 @@
-$('#archive_all').html('<%= j render("archive") %>');
-$('#filter_bar').replaceWith('<%= j render("filter_bar") %>');

data/app/views/alchemy/ingredients/_audio_editor.html.erb

@@ -1,5 +0,0 @@
-<%= render(
-  "alchemy/ingredients/file_editor",
-  element_form: element_form,
-  file_editor: audio_editor
-) %>

data/app/views/alchemy/ingredients/_boolean_editor.html.erb

@@ -1,11 +0,0 @@
-<%= content_tag :div,
-  class: boolean_editor.css_classes,
-  data: boolean_editor.data_attributes do %>
-  <%= element_form.fields_for(:ingredients, boolean_editor.ingredient) do |f| %>
-    <%= f.label :value, style: "display: inline-block", for: nil do %>
-      <%= f.check_box :value, id: nil %>
-      <%= render_ingredient_role(boolean_editor) %>
-      <%= render_hint_for(boolean_editor, size: "1x", fixed_width: false) %>
-    <% end %>
-  <% end %>
-<% end %>

data/app/views/alchemy/ingredients/_datetime_editor.html.erb

@@ -1,20 +0,0 @@
-<%= content_tag :div,
-  class: datetime_editor.css_classes,
-  data: datetime_editor.data_attributes do %>
-  <%= element_form.fields_for(:ingredients, datetime_editor.ingredient) do |f| %>
-    <%= ingredient_label(datetime_editor) %>
-    <div class="input-field">
-      <%= alchemy_datepicker(
-        datetime_editor, :value, {
-          name: datetime_editor.form_field_name,
-          id: datetime_editor.form_field_id,
-          value: datetime_editor.value,
-          type: datetime_editor.settings[:input_type]
-        }
-      ) %>
-      <label for="<%= datetime_editor.form_field_id %>" class="ingredient-date--label">
-        <%= render_icon "calendar" %>
-      </label>
-    </div>
-  <% end %>
-<% end %>