alchemy_cms 5.2.0 → 6.0.0.b3

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

@@ -1,22 +1,27 @@
+<% content = essence_picture_editor.essence.content %>
 <% linkable = content.settings[:linkable] != false %>
+<% croppable = content.essence && content.essence.allow_image_cropping? %>
 
-<% if content.essence && content.essence.allow_image_cropping? %>
-  <%= link_to_dialog render_icon(:crop),
-    alchemy.crop_admin_essence_picture_path(content.essence), {
-      size: "1080x615",
-      title: Alchemy.t('Edit Picturemask'),
-      image_loader: false,
-      padding: false
-    }, {title: Alchemy.t('Edit Picturemask')} %>
-<%- else -%>
-  <a href="#" class="disabled" tabindex="-1"><%= render_icon(:crop) %></a>
-<%- end -%>
+<%= link_to_dialog render_icon(:crop),
+  alchemy.crop_admin_essence_picture_path(content.essence, {
+    crop_from_form_field_id: essence_picture_editor.form_field_id(:crop_from),
+    crop_size_form_field_id: essence_picture_editor.form_field_id(:crop_size),
+    picture_id: content.essence.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(
-    element_id: content.element,
-    content_id: content.id,
-    swap: true
+    form_field_id: essence_picture_editor.form_field_id(:picture_id)
   ),
   {
     title: (content.ingredient ? Alchemy.t(:swap_image) : Alchemy.t(:insert_image)),
@@ -29,14 +34,14 @@
   onclick: 'new Alchemy.LinkDialog(this).open(); return false;',
   class: content.linked? ? 'linked' : nil,
   title: Alchemy.t(:link_image),
-  'data-content-id' => content.id,
+  "data-parent-selector": "##{content.dom_id}",
   id: "edit_link_#{content.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, #{content.id})",
+  onclick: "return Alchemy.LinkDialog.removeLink(this, '##{content.dom_id}')",
   class: content.linked? ? 'linked' : 'disabled',
   tabindex: content.linked? ? nil : '-1',
   title: Alchemy.t(:unlink)

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, id: nil %>
+      <%= 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,52 @@
+<% 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,
+        id: file_editor.form_field_id(: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, id: nil %>
+
+    <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, id: nil %>
+  <% 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 readonly",
+      id: link_editor.form_field_id,
+      "data-link-value": true,
+      readonly: true,
+      tabindex: -1
+    %>
+    <%= f.hidden_field :link_title, "data-link-title": true, id: nil %>
+    <%= f.hidden_field :link_class_name, "data-link-class": true, id: nil %>
+    <%= f.hidden_field :link_target, "data-link-target": true, id: nil %>
+  <% 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,26 @@
+<%= 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,
+      id: node_editor.form_field_id(: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,25 @@
+<%= 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,
+      id: page_editor.form_field_id(: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,60 @@
+<% 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,
+      id: picture_editor.form_field_id(: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 }, id: nil %>
+    <%= f.hidden_field :link_title, data: { link_title: true }, id: nil %>
+    <%= f.hidden_field :link_class_name, data: { link_class: true }, id: nil %>
+    <%= f.hidden_field :link_target, data: { link_target: true }, id: nil %>
+    <%= f.hidden_field :crop_from, data: { crop_from: true }, id: nil %>
+    <%= f.hidden_field :crop_size, data: { crop_size: true }, id: nil %>
+  <% 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 %>