alchemy_cms 8.0.11 → 8.1.0

data/app/components/alchemy/admin/list_filter.rb

@@ -17,26 +17,37 @@ module Alchemy
     #
     # @param [String] items_selector - A CSS selector string that represents the items to filter
     # @param [String] name_attribute - A name that represents the attribute on the items to get filtered by
+    # @param [String] placeholder - Inoput field placeholder
     #
     class ListFilter < ViewComponent::Base
       erb_template <<~ERB
-        <alchemy-list-filter items-selector="<%= items_selector %>" name-attribute="<%= name_attribute %>">
-          <input type="text" class="js_filter_field" />
-          <alchemy-icon name="search"></alchemy-icon>
+        <alchemy-list-filter
+          items-selector="<%= items_selector %>"
+          name-attribute="<%= name_attribute %>"
+          <% if hotkey %>
+          hotkey="<%= hotkey %>"
+          <% end %>
+        >
+          <label>
+            <alchemy-icon name="search"></alchemy-icon>
+            <input type="text" placeholder="<%= placeholder %>" class="js_filter_field">
+          </label>
           <button type="button" class="js_filter_field_clear icon_button">
             <alchemy-icon name="close" size="1x"></alchemy-icon>
           </button>
         </alchemy-list-filter>
       ERB
 
-      def initialize(items_selector, name_attribute: "name")
+      def initialize(items_selector, name_attribute: "name", placeholder: Alchemy.t(:filter), hotkey: nil)
         @items_selector = items_selector
         @name_attribute = name_attribute
+        @placeholder = placeholder
+        @hotkey = hotkey
       end
 
       private
 
-      attr_reader :items_selector, :name_attribute
+      attr_reader :items_selector, :name_attribute, :placeholder, :hotkey
     end
   end
 end

data/app/components/alchemy/admin/page_node.html.erb

@@ -0,0 +1,214 @@
+<alchemy-page-node
+  page-id="<%= @page.id %>"
+  <%= @page.folded? ? 'folded' : nil %>
+>
+  <li class="sitemap-item <%= @page.page_layout %>">
+    <div
+      class="sitemap_page<% @page.locked? ? ' locked' : '' %>"
+      name="<%= @page.name %>"
+    >
+      <div class="sitemap_left_images">
+        <% if @page.children.any? || @page.folded? %>
+          <button class="page_folder icon_button">
+            <alchemy-icon
+              name="<%= @page.folded? ? 'arrow-right-s' : 'arrow-down-s' %>"
+            ></alchemy-icon>
+          </button>
+        <% else %>
+          <span class="page_folder"></span>
+        <% end %>
+        <% if @page.definition.blank? %>
+          <%= page_layout_missing_warning %>
+        <% else %>
+          <% if can?(:edit_content) %>
+            <span class="page-icon<%= @page.root? ? '' : ' handle' %>">
+              <% if @page.locked? %>
+                <sl-tooltip
+                  content="<%= Alchemy.t("This page is locked", name: @page.locker_name) %>"
+                  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>
+              <% end %>
+            </span>
+          <% else %>
+            <sl-tooltip
+              content="<%= t(:cannot_edit_page) %>"
+              class="like-hint-tooltip"
+              placement="bottom-start"
+            >
+              <alchemy-icon name="file-forbid" size="xl"></alchemy-icon>
+            </sl-tooltip>
+          <% end %>
+        <% end %>
+      </div>
+
+      <div class="sitemap_sitename">
+        <% if can?(:edit_content) %>
+          <%= link_to(
+            @page.name,
+            url(:edit_page),
+            title: t(:edit_page),
+            class: "sitemap_pagename_link"
+          ) %>
+        <% else %>
+          <%= content_tag("span", @page.name, class: "sitemap_pagename_link") %>
+        <% end %>
+      </div>
+
+      <div class="sitemap_url" title="<%= @page.url_path %>">
+        <%= @page.url_path %>
+      </div>
+
+      <div class="page_infos">
+        <% if @page.locked? %>
+          <span class="page_status locked">
+            <alchemy-icon name="edit" size="1x"></alchemy-icon>
+            <%= @page.status_title(:locked) %>
+          </span>
+        <% end %>
+
+        <% if @page.restricted? %>
+          <span class="page_status">
+            <alchemy-icon name="lock" size="1x"></alchemy-icon>
+            <%= @page.status_title(:restricted) %>
+          </span>
+        <% end %>
+
+        <% unless @page.public? %>
+          <span class="page_status">
+            <alchemy-icon name="cloud-off" size="1x"></alchemy-icon>
+            <%= @page.status_title(:public) %>
+          </span>
+        <% end %>
+      </div>
+
+      <div class="sitemap_right_tools">
+        <% if can?(:info) %>
+          <sl-tooltip content="<%= t(:page_infos) %>">
+            <%= link_to_dialog(
+              render_icon("information"),
+              url(:info_page),
+              {
+                title: t(:page_infos),
+                size: "520x290"
+              },
+              class: "icon_button"
+            ) %>
+          </sl-tooltip>
+        <% else %>
+          <div class="sitemap_tool disabled">
+            <sl-tooltip
+              content="<%= t(:cannot_edit_page) %>"
+              class="like-hint-tooltip"
+              placement="bottom-start"
+            >
+              <%= render_icon(:information) %>
+            </sl-tooltip>
+          </div>
+        <% end %>
+
+        <% if can?(:configure) %>
+          <sl-tooltip content="<%= t(:edit_page_properties) %>">
+            <%= link_to_dialog(
+              render_icon("settings-3"),
+              url(:configure_page),
+              {
+                title: t(:edit_page_properties),
+                size: "500x680"
+              },
+              class: "icon_button"
+            ) %>
+          </sl-tooltip>
+        <% else %>
+          <div class="sitemap_tool disabled">
+            <sl-tooltip
+              content="<%= t(:cannot_edit_page) %>"
+              class="like-hint-tooltip"
+              placement="bottom-start"
+            >
+              <%= render_icon("settings-3") %>
+            </sl-tooltip>
+          </div>
+        <% end %>
+
+        <% if can?(:copy) %>
+          <sl-tooltip content="<%= t(:copy_page) %>">
+            <%= button_to(
+              render_icon("file-copy"),
+              url(:clipboard_insert),
+              "data-turbo-method": :post,
+              class: "icon_button"
+            ) %>
+          </sl-tooltip>
+        <% else %>
+          <div class="sitemap_tool disabled">
+            <sl-tooltip
+              content="<%= t(:cannot_edit_page) %>"
+              class="like-hint-tooltip"
+              placement="bottom-start"
+            >
+              <%= render_icon("file-copy") %>
+            </sl-tooltip>
+          </div>
+        <% end %>
+
+        <% if can?(:destroy) %>
+          <sl-tooltip content="<%= t(:delete_page) %>">
+            <%= link_to_confirm_dialog(
+              render_icon("delete-bin-2"),
+              t(:confirm_to_delete_page),
+              url(:page),
+              class: "icon_button"
+            ) %>
+          </sl-tooltip>
+        <% else %>
+          <div class="sitemap_tool disabled">
+            <sl-tooltip
+              content="<%= t(:cannot_edit_page) %>"
+              class="like-hint-tooltip"
+              placement="bottom-start"
+            >
+              <%= render_icon("delete-bin-2") %>
+            </sl-tooltip>
+          </div>
+        <% end %>
+
+        <% if can?(:create) %>
+          <sl-tooltip content="<%= t(:create_page) %>">
+            <%= link_to_dialog(
+              render_icon(:add),
+              url(:new_child_page),
+              {
+                title: t(:create_page),
+                size: "340x165",
+                overflow: true
+              },
+              class: "icon_button"
+            ) %>
+          </sl-tooltip>
+        <% else %>
+          <div class="sitemap_tool disabled">
+            <sl-tooltip
+              content="<%= t(:cannot_edit_page) %>"
+              class="like-hint-tooltip"
+              placement="bottom-start"
+            >
+              <%= render_icon("file-add") %>
+            </sl-tooltip>
+          </div>
+        <% end %>
+      </div>
+    </div>
+    <ul
+      id="page_<%= @page.id %>_children"
+      class="children<%= ' hidden' if @page.folded? %>"
+      data-parent-id="<%= @page.id %>"
+    >
+      <%= render Alchemy::Admin::PageNode.with_collection(@page.children) %>
+    </ul>
+  </li>
+</alchemy-page-node>

data/app/components/alchemy/admin/page_node.rb

@@ -0,0 +1,70 @@
+module Alchemy
+  module Admin
+    class PageNode < ViewComponent::Base
+      with_collection_parameter :page
+
+      attr_reader :page
+
+      delegate :current_alchemy_user,
+        :render_icon,
+        :link_to_dialog,
+        :link_to_confirm_dialog,
+        :page_layout_missing_warning,
+        to: :helpers
+
+      def initialize(page:)
+        @page = page
+      end
+
+      def can?(action)
+        helpers.can?(action, page.__getobj__)
+      end
+
+      # Memoized URL path
+      def url(key)
+        self.class.routes[key].sub(PAGE_ID, page.id.to_s)
+      end
+
+      # Memoized translation lookup
+      def t(key)
+        self.class.translations[key]
+      end
+
+      PAGE_ID = "__ID__"
+
+      class << self
+        # URL templates - computed once, reused for all pages
+        def routes
+          @_routes ||= begin
+            router = Alchemy::Engine.routes.url_helpers
+            {
+              edit_page: router.edit_admin_page_path(PAGE_ID),
+              info_page: router.info_admin_page_path(PAGE_ID),
+              configure_page: router.configure_admin_page_path(PAGE_ID),
+              page: router.admin_page_path(PAGE_ID),
+              new_child_page: router.new_admin_page_path(parent_id: PAGE_ID),
+              clipboard_insert: router.insert_admin_clipboard_path(
+                remarkable_type: :pages,
+                remarkable_id: PAGE_ID
+              )
+            }.freeze
+          end
+        end
+
+        # Translations - computed once, reused for all pages
+        def translations
+          @_translations ||= {
+            cannot_edit_page: Alchemy.t("Your user role does not allow you to edit this page"),
+            edit_page: Alchemy.t(:edit_page),
+            page_infos: Alchemy.t(:page_infos),
+            edit_page_properties: Alchemy.t(:edit_page_properties),
+            copy_page: Alchemy.t(:copy_page),
+            delete_page: Alchemy.t(:delete_page),
+            confirm_to_delete_page: Alchemy.t(:confirm_to_delete_page),
+            create_page: Alchemy.t(:create_page)
+          }.freeze
+        end
+      end
+    end
+  end
+end

data/app/components/alchemy/admin/picture_thumbnail.rb

@@ -0,0 +1,36 @@
+module Alchemy
+  module Admin
+    class PictureThumbnail < ViewComponent::Base
+      attr_reader :picture, :size, :css_class, :placeholder
+
+      def initialize(picture, size: :medium, css_class: nil, placeholder: nil)
+        @picture = picture
+        @size = size
+        @css_class = css_class
+        @placeholder = placeholder
+      end
+
+      def call
+        thumbnail_url = picture&.thumbnail_url(size: preview_size)
+        if thumbnail_url || placeholder
+          content_tag "alchemy-picture-thumbnail", placeholder, {
+            src: thumbnail_url,
+            name: picture&.description_for(::Alchemy::Current.language) || picture&.name,
+            class: css_class
+          }
+        else
+          render Alchemy::Admin::Icon.new("file-damage", size: "xl")
+        end
+      end
+
+      private
+
+      def preview_size
+        Alchemy::Picture::THUMBNAIL_SIZES.fetch(
+          size,
+          Alchemy::Picture::THUMBNAIL_SIZES[:medium]
+        )
+      end
+    end
+  end
+end

data/app/components/alchemy/admin/publish_page_button.html.erb

@@ -0,0 +1,15 @@
+<alchemy-publish-page-button class="toolbar_button" id="publish_page_button">
+  <sl-tooltip content="<%= tooltip_content %>">
+    <%= form_tag publish_path, id: "publish_page_form", data: {turbo: true} do %>
+      <sl-button
+        type="submit"
+        outline
+        variant="<%= has_unpublished_changes? ? 'primary' : 'default' %>"
+        <%= "disabled" if disabled? %>
+      >
+        <sl-icon slot="prefix" name="upload-cloud-2" label="Publish" style="font-size: var(--icon-size-md)"></sl-icon>
+        <%= button_label %>
+      </sl-button>
+    <% end %>
+  </sl-tooltip>
+</alchemy-publish-page-button>

data/app/components/alchemy/admin/publish_page_button.rb

@@ -0,0 +1,54 @@
+# frozen_string_literal: true
+
+module Alchemy
+  module Admin
+    # The button publishes the page and indicates unpublished changes if any.
+    #
+    # == Example
+    #
+    #   <%= render Alchemy::Admin::PublishPageButton.new(page: @page) %>
+    #
+    class PublishPageButton < ViewComponent::Base
+      delegate :cannot?, :render_icon, to: :helpers
+
+      attr_reader :page
+
+      def initialize(page:, published: false)
+        @page = page
+        @published = published
+      end
+
+      def disabled?
+        @published || cannot?(:publish, page) || !has_unpublished_changes?
+      end
+
+      def has_unpublished_changes?
+        !@published && page.has_unpublished_changes?
+      end
+
+      def tooltip_content
+        if !page.language.public?
+          Alchemy.t(:publish_page_language_not_public)
+        elsif cannot?(:publish, page)
+          Alchemy.t(:publish_page_not_allowed)
+        elsif @published || !has_unpublished_changes?
+          Alchemy.t(:no_unpublished_changes)
+        else
+          Alchemy.t(:explain_publishing)
+        end
+      end
+
+      def button_label
+        if page.public_version.nil?
+          t(".publish_page")
+        else
+          t(".publish_changes")
+        end
+      end
+
+      def publish_path
+        Alchemy::Engine.routes.url_helpers.publish_admin_page_path(page)
+      end
+    end
+  end
+end

data/app/{helpers/alchemy/admin/tags_helper.rb → components/alchemy/admin/tags_list.rb}

@@ -2,33 +2,41 @@
 
 module Alchemy
   module Admin
-    module TagsHelper
-      # Renders tags list items for given class name
-      #
+    # Renders tags list items for given class name
+    #
+    class TagsList < ViewComponent::Base
+      attr_reader :class_name
+
+      delegate :search_filter_params, to: :helpers
+
       # @param class_name [String]
       #   The class_name representing a tagged class
       #
+      def initialize(class_name)
+        raise ArgumentError, "Please provide a String as class_name" if class_name.nil?
+        @class_name = class_name
+      end
+
       # @return [String]
       #   A HTML string containing <tt><li></tt> tags
       #
-      def render_tag_list(class_name)
-        raise ArgumentError, "Please provide a String as class_name" if class_name.nil?
-
-        sorted_tags_from(class_name: class_name).map do |tag|
+      def call
+        sorted_tags.map do |tag|
           content_tag("li", name: tag.name, class: filtered_by_tag?(tag) ? "active" : nil) do
             link_to(
               "#{tag.name} (#{tag.taggings_count})",
-              url_for(
+              helpers.url_for(
                 search_filter_params.except(:page, :tagged_with).merge(
                   tagged_with: tags_for_filter(current: tag).presence
                 )
-              ),
-              remote: request.xhr?
+              )
             )
           end
         end.join.html_safe
       end
 
+      private
+
       # Returns true if the given tag is in +params[:tagged_with]+
       #
       def filtered_by_tag?(tag)
@@ -53,7 +61,7 @@ module Alchemy
         search_filter_params[:tagged_with].to_s.split(",")
       end
 
-      def sorted_tags_from(class_name:)
+      def sorted_tags
         class_name.constantize.tag_counts.sort { |x, y| x.name.downcase <=> y.name.downcase }
       end
     end

data/app/components/alchemy/admin/toolbar_button.rb

@@ -34,18 +34,22 @@ module Alchemy
     class ToolbarButton < ViewComponent::Base
       erb_template <<-ERB
         <div class="toolbar_button" id="<%= id %>">
-          <sl-tooltip content="<%= label %>" placement="<%= tooltip_placement %>">
-            <%= link_to(render_icon(icon, style: icon_style), url, {
-              class: css_classes,
-              "data-dialog-options" => dialog ? dialog_options.to_json : nil,
-              "data-alchemy-hotkey" => hotkey,
-              :is => dialog ? "alchemy-dialog-link" : nil
-            }.merge(link_options)) %>
+          <sl-tooltip content="<%= label %>" placement="<%= tooltip_placement %>" <%= "disabled" if disabled? %>>
+            <% if disabled? %>
+              <%= tag.a(render_icon(icon, style: icon_style), class: css_classes + ["disabled"], tabindex: "-1") %>
+            <% else %>
+              <%= link_to(render_icon(icon, style: icon_style), url, {
+                class: css_classes,
+                "data-dialog-options" => dialog ? dialog_options.to_json : nil,
+                "data-alchemy-hotkey" => hotkey,
+                :is => dialog ? "alchemy-dialog-link" : nil
+              }.merge(link_options)) %>
+            <% end %>
           </sl-tooltip>
         </div>
       ERB
 
-      delegate :can?, :link_to, :link_to_dialog, :render_icon, to: :helpers
+      delegate :cannot?, :link_to, :link_to_dialog, :render_icon, to: :helpers
 
       attr_reader :url,
         :icon,
@@ -92,12 +96,12 @@ module Alchemy
         @tooltip_placement = tooltip_placement
       end
 
-      def render?
-        skip_permission_check || can?(*permission_options)
-      end
-
       private
 
+      def disabled?
+        @_disabled ||= !skip_permission_check && cannot?(*permission_options)
+      end
+
       def css_classes = ["icon_button", active && "active"].compact
 
       def permission_options = if_permitted_to.presence || permissions_from_url
@@ -106,7 +110,7 @@ module Alchemy
         action_controller = url.delete_prefix("/").split("/")
         [
           action_controller.last.to_sym,
-          action_controller[0..-2].join("_").to_sym
+          action_controller[0..action_controller.length - 2].join("_").to_sym
         ]
       end
     end

data/app/components/alchemy/ingredients/audio_editor.rb

@@ -0,0 +1,8 @@
+# frozen_string_literal: true
+
+module Alchemy
+  module Ingredients
+    class AudioEditor < FileEditor
+    end
+  end
+end