alchemy_cms 5.3.8 → 6.0.0.b1

data/app/views/alchemy/essences/shared/_linkable_essence_tools.html.erb

@@ -4,14 +4,14 @@
     '#',
     onclick: 'new Alchemy.LinkDialog(this).open(); return false;',
     class: "icon_button#{content.linked? ? ' linked' : ''} link-essence",
-    'data-content-id' => content.id,
+    "data-parent-selector": "##{content.dom_id}",
     title: Alchemy.t(:place_link),
     id: "edit_link_#{content.id}"
   ) %>
   <%= link_to(
     render_icon(:unlink),
     '#',
-    onclick: "return Alchemy.LinkDialog.removeLink(this, #{content.id})",
+    onclick: "return Alchemy.LinkDialog.removeLink(this, '##{content.dom_id}')",
     class: "icon_button unlink-essence #{content.linked? ? 'linked' : 'disabled'}",
     tabindex: content.linked? ? nil : '-1',
     'data-content-id' => content.id,

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

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

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

@@ -0,0 +1,14 @@
+<%- if audio_view.attachment -%>
+  <%= content_tag :audio,
+      controls: audio_view.controls,
+      autoplay: audio_view.autoplay,
+      loop: audio_view.loop,
+      muted: audio_view.muted do %>
+    <%= tag :source,
+      src: alchemy.show_attachment_path(
+        audio_view.attachment,
+        format: audio_view.attachment.suffix
+      ),
+      type: audio_view.attachment.file_mime_type %>
+  <% end %>
+<%- end -%>

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

@@ -0,0 +1,11 @@
+<%= 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" do %>
+      <%= f.check_box :value %>
+      <%= render_ingredient_role(boolean_editor) %>
+    <% end %>
+    <%= render_hint_for(boolean_editor) %>
+  <% end %>
+<% end %>

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

@@ -0,0 +1 @@
+<%= Alchemy.t(boolean_view.value, scope: "ingredient_values.boolean") unless boolean_view.value.nil? -%>

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

@@ -0,0 +1,17 @@
+<%= 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) %>
+    <%= alchemy_datepicker(
+      datetime_editor, :value, {
+        name: datetime_editor.form_field_name,
+        id: datetime_editor.form_field_id,
+        value: datetime_editor.value
+      }
+    ) %>
+  <% end %>
+  <label for="<%= datetime_editor.form_field_id %>" class="ingredient-date--label">
+    <i class="icon far fa-calendar-alt fa-fw fa-lg"></i>
+  </label>
+<% end %>

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

@@ -0,0 +1,9 @@
+<%- date_format = datetime_view.settings_value(:date_format,
+  local_assigns.fetch(:options, {})) -%>
+<%- if datetime_view.value.present? -%>
+<%- if date_format == 'rfc822' -%>
+<%= datetime_view.value.to_s(:rfc822) %>
+<%- else -%>
+<%= l(datetime_view.value, format: date_format) %>
+<%- end -%>
+<%- end -%>

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

@@ -0,0 +1,50 @@
+<% dialog_link = link_to_dialog render_icon(:file, style: "regular"),
+  alchemy.admin_attachments_path(
+    form_field_id: file_editor.form_field_id(:attachment_id),
+    only: file_editor.settings[:only],
+    except: file_editor.settings[:except]
+  ),
+  {
+    title: Alchemy.t(:assign_file),
+    size: "780x585",
+    padding: false
+  },
+  class: "file_icon",
+  title: Alchemy.t(:assign_file) %>
+
+<%= content_tag :div,
+  class: file_editor.css_classes,
+  data: file_editor.data_attributes do %>
+  <%= element_form.fields_for(:ingredients, file_editor.ingredient) do |f| %>
+    <%= ingredient_label(file_editor) %>
+    <div class="file">
+      <% if file_editor.attachment %>
+        <div class="file_icon">
+          <%= render_icon(file_editor.attachment.icon_css_class) %>
+        </div>
+      <% end %>
+      <div class="file_name">
+        <%= file_editor.attachment&.name %>
+      </div>
+      <%= link_to render_icon(:times), "#",
+        class: [
+          "remove_file_link",
+          file_editor.attachment ? nil : "hidden"
+        ],
+        data: {
+          form_field_id: file_editor.form_field_id(:attachment_id)
+        } %>
+      <div class="file_tools">
+        <%= dialog_link %>
+        <%= link_to_dialog render_icon(:edit),
+          alchemy.edit_admin_ingredient_path(file_editor),
+          {
+            title: Alchemy.t(:edit_file_properties),
+            size: "400x215"
+          },
+          title: Alchemy.t(:edit_file_properties) %>
+      </div>
+      <%= f.hidden_field :attachment_id, value: file_editor.attachment&.id %>
+    </div>
+  <% end %>
+<% end %>

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

@@ -0,0 +1,17 @@
+<%- if attachment = file_view.attachment -%>
+<%- html_options = local_assigns.fetch(:html_options, {}) -%>
+<%= link_to(
+  file_view.link_text.presence ||
+    file_view.settings_value(:link_text, local_assigns.fetch(:options, {})) ||
+    attachment.name,
+  attachment.url(
+    download: true,
+    name: attachment.slug,
+    format: attachment.suffix
+  ),
+  {
+    class: file_view.css_class.presence,
+    title: file_view.title.presence
+  }.merge(html_options)
+) -%>
+<%- end -%>

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

@@ -0,0 +1,30 @@
+<%= content_tag :div,
+  class: headline_editor.css_classes,
+  data: headline_editor.data_attributes do %>
+  <%= element_form.fields_for(:ingredients, headline_editor.ingredient) do |f| %>
+    <%= ingredient_label(headline_editor) %>
+    <%= f.text_field :value %>
+
+    <div class="input-row">
+      <% if headline_editor.level_options.length > 1 %>
+        <div class="input-column">
+          <%= f.label :level %>
+          <%= f.select :level,
+            options_for_select(headline_editor.level_options, headline_editor.level),
+            {},
+            { class: "alchemy_selectbox full_width" } %>
+        </div>
+      <% end %>
+
+      <% if headline_editor.size_options.length > 1 %>
+        <div class="input-column">
+          <%= f.label :size %>
+          <%= f.select :size,
+            options_for_select(headline_editor.size_options, headline_editor.size),
+            {},
+            { class: "alchemy_selectbox full_width" } %>
+        </div>
+      <% end %>
+    </div>
+  <% end %>
+<% end %>

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

@@ -0,0 +1,9 @@
+<%- html_options = local_assigns.fetch(:html_options, {}) -%>
+
+<%= content_tag "h#{headline_view.level}",
+    headline_view.value,
+    class: [
+      headline_view.size ? "h#{headline_view.size}" : nil,
+      html_options[:class]
+    ]
+%>

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

@@ -0,0 +1,8 @@
+<%= content_tag :div,
+  class: html_editor.css_classes,
+  data: html_editor.data_attributes do %>
+  <%= element_form.fields_for(:ingredients, html_editor.ingredient) do |f| %>
+    <%= ingredient_label(html_editor) %>
+    <%= f.text_area :value %>
+  <% end %>
+<% end %>

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

@@ -0,0 +1 @@
+<%= raw html_view.value -%>

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

@@ -0,0 +1,24 @@
+<%= content_tag :div,
+  class: link_editor.css_classes,
+  data: link_editor.data_attributes do %>
+  <%= element_form.fields_for(:ingredients, link_editor.ingredient) do |f| %>
+    <%= ingredient_label(link_editor) %>
+    <%= f.text_field :value,
+      class: "thin_border text_with_icon disabled",
+      name: nil,
+      id: nil,
+      disabled: true
+    %>
+    <%= f.hidden_field :value, "data-link-value": true %>
+    <%= f.hidden_field :link_title, "data-link-title": true %>
+    <%= f.hidden_field :link_class_name, "data-link-class": true %>
+    <%= f.hidden_field :link_target, "data-link-target": true %>
+  <% end %>
+  <%= render "alchemy/ingredients/shared/link_tools", ingredient_editor: link_editor %>
+<% end %>
+
+<script>
+  $("#<%= link_editor.form_field_id %>").on("change", function() {
+    $("[data-ingredient-id='<%= link_editor.id %>'] input.text_with_icon").val($(this).val());
+  });
+</script>

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

@@ -0,0 +1,9 @@
+<%- if link_view.value.present? -%>
+<%- html_options = {
+  target: link_view.link_target == "blank" ? "_blank" : nil
+}.merge(local_assigns.fetch(:html_options, {})) -%>
+<%= link_to(link_view.value, html_options) do -%>
+<%= link_view.settings_value(:text, local_assigns.fetch(:options, {})) ||
+  link_view.value -%>
+<%- end -%>
+<%- end -%>

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

@@ -0,0 +1,25 @@
+<%= content_tag :div,
+  class: node_editor.css_classes,
+  data: node_editor.data_attributes do %>
+  <%= element_form.fields_for(:ingredients, node_editor.ingredient) do |f| %>
+    <%= ingredient_label(node_editor, :node_id) %>
+    <%= f.text_field :node_id,
+      value: node_editor.node&.id,
+      class: 'alchemy_selectbox full_width' %>
+  <% end %>
+<% end %>
+
+<script>
+  <% query_params = node_editor.settings.fetch(:query_params, {}).merge({
+    include: :ancestors
+  }) %>
+  $('#<%= node_editor.form_field_id(:node_id) %>').alchemyNodeSelect({
+    placeholder: "<%= Alchemy.t(:search_node) %>",
+    url: "<%= alchemy.api_nodes_path %>",
+    query_params: <%== query_params.to_json %>,
+    <% if node_editor.node %>
+    <% serialized_node = ActiveModelSerializers::SerializableResource.new(node_editor.node, include: :ancestors) %>
+    initialSelection: <%== serialized_node.to_json %>
+    <% end %>
+  })
+</script>

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

@@ -0,0 +1 @@
+<%= render node_view.node if node_view.node %>

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

@@ -0,0 +1,24 @@
+<%= content_tag :div,
+  class: page_editor.css_classes,
+  data: page_editor.data_attributes do %>
+  <%= element_form.fields_for(:ingredients, page_editor.ingredient) do |f| %>
+    <%= ingredient_label(page_editor, :page_id) %>
+    <%= f.text_field :page_id,
+      value: page_editor.page&.id,
+      class: 'alchemy_selectbox full_width' %>
+  <% end %>
+<% end %>
+
+<script>
+  $('#<%= page_editor.form_field_id(:page_id) %>').alchemyPageSelect({
+    placeholder: "<%= Alchemy.t(:search_page) %>",
+    url: "<%= alchemy.api_pages_path %>",
+    query_params: <%== page_editor.settings[:query_params].to_json %>,
+    <% if page_editor.page %>
+    initialSelection: {
+      id: <%= page_editor.page.id %>,
+      text: "<%= page_editor.page.name %>"
+    }
+    <% end %>
+  })
+</script>

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

@@ -0,0 +1,4 @@
+<% page = page_view.page %>
+<% if page %>
+<%= link_to page.name, alchemy.show_page_path(urlname: page.urlname) %>
+<% end %>

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

@@ -0,0 +1,59 @@
+<% options = local_assigns.fetch(:options, {}) %>
+
+<%= content_tag :div,
+  class: picture_editor.css_classes,
+  data: picture_editor.data_attributes do %>
+  <%= element_form.fields_for(:ingredients, picture_editor.ingredient) do |f| %>
+    <%= ingredient_label(picture_editor, :picture_id) %>
+    <%= content_tag :div,
+      data: {
+        target_size: picture_editor.settings[:size] || [
+          picture_editor.image_file_width.to_i,
+          picture_editor.image_file_height.to_i
+        ].join("x"),
+        image_cropper: picture_editor.thumbnail_url_options[:crop],
+      },
+      class: "picture_thumbnail" do %>
+      <a class="picture_tool delete">
+        <%= render_icon(:times) %>
+      </a>
+      <div class="picture_image">
+        <div class="thumbnail_background">
+          <%- if picture_editor.picture -%>
+            <%= image_tag(
+              picture_editor.thumbnail_url,
+              alt: picture_editor.picture.name,
+              class: "img_paddingtop",
+              title: Alchemy.t(:image_name, name: picture_editor.picture.name),
+            ) %>
+          <% else %>
+            <%= render_icon(:image, style: "regular") %>
+          <% end %>
+        </div>
+      </div>
+      <%- if picture_editor.essence.css_class.present? -%>
+        <div class="essence_picture_css_class">
+          <%= Alchemy.t("alchemy.essence_pictures.css_classes.#{picture_editor.essence.css_class}",
+            default: picture_editor.essence.css_class.camelcase) %>
+        </div>
+      <%- end -%>
+      <div class="edit_images_bottom">
+        <%= render "alchemy/ingredients/shared/picture_tools", {
+          picture_editor: picture_editor
+        } %>
+      </div>
+    <% end %>
+    <%= f.hidden_field :picture_id, value: picture_editor.picture&.id,
+      data: {
+        picture_id: true,
+        image_file_width: picture_editor.image_file_width,
+        image_file_height: picture_editor.image_file_height
+      } %>
+    <%= f.hidden_field :link, data: { link_value: true } %>
+    <%= f.hidden_field :link_title, data: { link_title: true } %>
+    <%= f.hidden_field :link_class_name, data: { link_class: true } %>
+    <%= f.hidden_field :link_target, data: { link_target: true } %>
+    <%= f.hidden_field :crop_from, data: { crop_from: true } %>
+    <%= f.hidden_field :crop_size, data: { crop_size: true } %>
+  <% end %>
+<% end %>

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

@@ -0,0 +1,5 @@
+<%= Alchemy::PictureView.new(
+  picture_view,
+  local_assigns[:options],
+  local_assigns[:html_options]
+).render %>

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

@@ -0,0 +1,12 @@
+<%= content_tag :div,
+  class: richtext_editor.css_classes,
+  data: richtext_editor.data_attributes do %>
+  <%= element_form.fields_for(:ingredients, richtext_editor.ingredient) do |f| %>
+    <%= ingredient_label(richtext_editor) %>
+    <div class="tinymce_container">
+      <%= f.text_area :value,
+        class: richtext_editor.tinymce_class_name,
+        id: "tinymce_#{richtext_editor.id}" %>
+    </div>
+  <% end %>
+<% end %>

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

@@ -0,0 +1,3 @@
+<%- options = local_assigns.fetch(:options, {}) -%>
+<%- plain_text = !!richtext_view.settings_value(:plain_text, options) -%>
+<%= raw richtext_view.public_send(plain_text ? :stripped_body : :value) -%>

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

@@ -0,0 +1,29 @@
+<% select_values = select_editor.settings[:select_values] %>
+
+<%= content_tag :div,
+  class: [
+    select_editor.css_classes,
+    select_editor.settings[:display_inline] ? 'display_inline' : ''
+  ], data: select_editor.data_attributes do %>
+  <%= element_form.fields_for(:ingredients, select_editor.ingredient) do |f| %>
+    <%= ingredient_label(select_editor) %>
+
+    <% if select_values.nil? %>
+      <%= warning(':select_values is nil',
+      "<strong>No select values given.</strong>
+      <br>Please provide <code>select_values</code> on the
+      content definition <code>settings</code> in
+      <code>elements.yml</code>.") %>
+    <% else %>
+      <%
+      if select_values.is_a?(Hash)
+        options_tags = grouped_options_for_select(select_values, select_editor.value)
+      else
+        options_tags = options_for_select(select_values, select_editor.value)
+      end %>
+      <%= f.select :value, options_tags, {}, {
+        class: ["alchemy_selectbox", "ingredient-editor-select"]
+      } %>
+    <% end %>
+  <% end %>
+<% end %>

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

@@ -0,0 +1 @@
+<%= select_view.value %>

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

@@ -0,0 +1,19 @@
+<%= content_tag :div,
+  class: [
+    text_editor.css_classes,
+    text_editor.settings[:display_inline] ? "display_inline" : ""
+  ], data: text_editor.data_attributes do %>
+  <%= element_form.fields_for(:ingredients, text_editor.ingredient) do |f| %>
+    <%= ingredient_label(text_editor) %>
+    <%= f.text_field :value,
+      class: text_editor.settings[:linkable] ? "text_with_icon" : "",
+      type: text_editor.settings[:input_type] || "text" %>
+    <% if text_editor.settings[:linkable] %>
+      <%= f.hidden_field :link, "data-link-value": true %>
+      <%= f.hidden_field :link_title, "data-link-title": true %>
+      <%= f.hidden_field :link_class_name, "data-link-class": true%>
+      <%= f.hidden_field :link_target, "data-link-target": true %>
+      <%= render "alchemy/ingredients/shared/link_tools", ingredient_editor: text_editor %>
+    <% end %>
+  <% end %>
+<% end %>

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

@@ -0,0 +1,16 @@
+<%- options = local_assigns.fetch(:options, {}) -%>
+<%- html_options = local_assigns.fetch(:html_options, {}) -%>
+<%- if text_view.link.blank? ||
+    text_view.settings_value(:disable_link, options) -%>
+<%= text_view.value -%>
+<%- else -%>
+  <%= link_to(
+    text_view.value,
+    url_for(text_view.link),
+    {
+      title: text_view.link_title,
+      target: (text_view.link_target == "blank" ? "_blank" : nil),
+      'data-link-target' => text_view.link_target
+    }.merge(html_options)
+) -%>
+<%- end -%>

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

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

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

@@ -0,0 +1,17 @@
+<%- if video_view.attachment -%>
+  <%= content_tag :video,
+    controls: video_view.controls,
+    autoplay: video_view.autoplay,
+    loop: video_view.loop,
+    muted: video_view.muted,
+    preload: video_view.preload.presence,
+    width: video_view.width.presence,
+    height: video_view.height.presence do %>
+    <%= tag :source,
+      src: alchemy.show_attachment_path(
+        video_view.attachment,
+        format: video_view.attachment.suffix
+      ),
+      type: video_view.attachment.file_mime_type %>
+  <% end %>
+<%- end -%>

data/app/views/alchemy/ingredients/shared/_link_tools.html.erb

@@ -0,0 +1,20 @@
+<span class="linkable_essence_tools">
+  <%= link_to(
+    render_icon(:link),
+    '#',
+    onclick: 'new Alchemy.LinkDialog(this).open(); return false;',
+    class: "icon_button#{ingredient_editor.linked? ? ' linked' : ''} link-essence",
+    "data-parent-selector": "[data-ingredient-id='#{ingredient_editor.id}']",
+    title: Alchemy.t(:place_link),
+    id: "edit_link_#{ingredient_editor.id}"
+  ) %>
+  <%= link_to(
+    render_icon(:unlink),
+    '#',
+    onclick: "return Alchemy.LinkDialog.removeLink(this, '[data-ingredient-id=\"#{ingredient_editor.id}\"]')",
+    class: "icon_button unlink-essence #{ingredient_editor.linked? ? 'linked' : 'disabled'}",
+    tabindex: ingredient_editor.linked? ? nil : '-1',
+    'data-ingredient-id' => ingredient_editor.id,
+    title: Alchemy.t(:unlink)
+  ) %>
+</span>

data/app/views/alchemy/ingredients/shared/_picture_tools.html.erb

@@ -0,0 +1,57 @@
+<% linkable = picture_editor.settings[:linkable] != false %>
+<% croppable = picture_editor.allow_image_cropping? %>
+
+<%= link_to_dialog render_icon(:crop),
+  alchemy.crop_admin_ingredient_path(picture_editor.ingredient, {
+    crop_from_form_field_id: picture_editor.form_field_id(:crop_from),
+    crop_size_form_field_id: picture_editor.form_field_id(:crop_size),
+    picture_id: picture_editor.picture&.id
+  }), {
+    size: "1080x615",
+    title: Alchemy.t("Edit Picturemask"),
+    image_loader: false,
+    padding: false
+  }, {
+    title: Alchemy.t("Edit Picturemask"),
+    class: croppable ? "crop_link" : "disabled crop_link",
+    tabindex: croppable ? nil : "-1",
+    onclick: "return false"
+  } %>
+
+<%= link_to_dialog render_icon("file-image", style: "regular"),
+  alchemy.admin_pictures_path(
+    form_field_id: picture_editor.form_field_id(:picture_id)
+  ),
+  {
+    title: (picture_editor.picture ? Alchemy.t(:swap_image) : Alchemy.t(:insert_image)),
+    size: "790x590",
+    padding: false
+  },
+  title: (picture_editor.picture ? Alchemy.t(:swap_image) : Alchemy.t(:insert_image)) %>
+
+<%= link_to_if linkable, render_icon(:link), "", {
+  onclick: "new Alchemy.LinkDialog(this).open(); return false;",
+  class: picture_editor.linked? ? "linked" : nil,
+  title: Alchemy.t(:link_image),
+  "data-parent-selector": "[data-ingredient-id='#{picture_editor.id}']",
+  id: "edit_link_#{picture_editor.id}"
+} do %>
+  <span class="disabled" tabindex="-1"><%= render_icon(:link) %></span>
+<% end %>
+
+<%= link_to_if linkable, render_icon(:unlink), "", {
+  onclick: "return Alchemy.LinkDialog.removeLink(this, '[data-ingredient-id=\"#{picture_editor.id}\"]')",
+  class: picture_editor.linked? ? "linked" : "disabled",
+  tabindex: picture_editor.linked? ? nil : "-1",
+  title: Alchemy.t(:unlink)
+} do %>
+  <span class="disabled" tabindex="-1"><%= render_icon(:unlink) %></span>
+<% end %>
+
+<%= link_to_dialog render_icon(:edit),
+  alchemy.edit_admin_ingredient_path(id: picture_editor.id),
+  {
+    title: Alchemy.t(:edit_image_properties),
+    size: "380x255"
+  },
+  title: Alchemy.t(:edit_image_properties) %>

data/config/alchemy/config.yml

@@ -173,7 +173,6 @@ uploader:
     - gif
     - png
     - svg
-    - webp
 
 # === Link Target Options
 #