[#73356] show relation page links in the wiki tab

- https://community.openproject.org/work_packages/73356
- add new link group for relation page links
- add button for adding links - still disabled
- add action menu for link removal - no functionality

Author: Kharonus

config/locales/en.yml

@@ -1401,10 +1401,17 @@ en:
       no_results_content_text: Add a new wiki page
 
   wikis:
+    label_page: "Wiki page"
     inline_page_links_component:
       empty_heading: "No inline links"
       empty_text: "Inline links to wiki pages in the work package description will automatically also show up here."
       heading: "Inline page links"
+    page_link_component:
+      remove: "Remove page link"
+    relation_page_links_component:
+      empty_heading: "No related pages"
+      empty_text: "Manually add links to other related wiki pages."
+      heading: "Related pages"
 
   workflows:
     form:

modules/wikis/app/components/wikis/page_link_component.html.erb

@@ -1,11 +1,26 @@
 <%=
-  flex_layout(test_selector: "op-custom-fields--hierarchy-item") do |link_container|
+  flex_layout(
+    align_items: :center,
+    test_selector: "op-custom-fields--hierarchy-item"
+  ) do |link_container|
     link_container.with_column(flex_shrink: 0) do
       render(Primer::Beta::Octicon.new(icon: :"op-file-doc", mr: 2))
     end
 
-    link_container.with_column(classes: "ellipsis") do
+    link_container.with_column(style: "flex-grow: 1", classes: "ellipsis") do
       render(Primer::Beta::Link.new(href: "#", scheme: :primary)) { page_title_service.read(link) }
     end
+
+    if show_action_menu?
+      link_container.with_column(flex_shrink: 0) do
+        render(Primer::Alpha::ActionMenu.new) do |menu|
+          menu.with_show_button(icon: :"kebab-horizontal", "aria-label": t(:label_more), scheme: :invisible)
+
+          menu.with_item(label: t(".remove"), scheme: :danger) do |item|
+            item.with_leading_visual_icon(icon: :trash)
+          end
+        end
+      end
+    end
   end
 %>

modules/wikis/app/components/wikis/page_link_component.rb

@@ -38,5 +38,9 @@ class PageLinkComponent < ApplicationComponent
     def page_title_service
       @page_title_service ||= PageTitleService.new
     end
+
+    def show_action_menu?
+      link.relation?
+    end
   end
 end

modules/wikis/app/components/wikis/provider_link_group_component.html.erb

@@ -4,6 +4,7 @@
       render(Primer::Beta::Text.new(font_weight: :bold)) { provider.name }
     end
 
+    box.with_row { render(Wikis::RelationPageLinksComponent.new(provider, work_package: @work_package)) }
     box.with_row { render(Wikis::InlinePageLinksComponent.new(provider, work_package: @work_package)) }
   end
 %>

modules/wikis/app/components/wikis/relation_page_links_component.html.erb

@@ -0,0 +1,35 @@
+<%=
+  flex_layout do |container|
+    container.with_row(mb: 2) do
+      flex_layout(justify_content: :space_between, align_items: :center) do |header|
+        header.with_column { render(Primer::Beta::Text.new(font_weight: :bold)) { t(".heading") } }
+
+        header.with_column do
+          render(Primer::Alpha::ActionMenu.new) do |menu|
+            menu.with_show_button(disabled: true) do |button|
+              button.with_leading_visual_icon(icon: :plus)
+              button.with_trailing_action_icon(icon: :"triangle-down")
+
+              t("wikis.label_page")
+            end
+
+            menu.with_item(label: "placeholder item")
+          end
+        end
+      end
+    end
+
+    if page_links.empty?
+      container.with_row do
+        render(Primer::Beta::Blankslate.new(border: false)) do |empty_placeholder|
+          empty_placeholder.with_heading(tag: :h2).with_content(t(".empty_heading"))
+          empty_placeholder.with_description { t(".empty_text") }
+        end
+      end
+    end
+
+    page_links.each do |page_link|
+      container.with_row(mt: 3) { render(Wikis::PageLinkComponent.new(page_link)) }
+    end
+  end
+%>

modules/wikis/app/components/wikis/relation_page_links_component.rb

@@ -0,0 +1,50 @@
+# frozen_string_literal: true
+
+#-- copyright
+# OpenProject is an open source project management software.
+# Copyright (C) the OpenProject GmbH
+#
+# This program is free software; you can redistribute it and/or
+# modify it under the terms of the GNU General Public License version 3.
+#
+# OpenProject is a fork of ChiliProject, which is a fork of Redmine. The copyright follows:
+# Copyright (C) 2006-2013 Jean-Philippe Lang
+# Copyright (C) 2010-2013 the ChiliProject Team
+#
+# This program is free software; you can redistribute it and/or
+# modify it under the terms of the GNU General Public License
+# as published by the Free Software Foundation; either version 2
+# of the License, or (at your option) any later version.
+#
+# This program is distributed in the hope that it will be useful,
+# but WITHOUT ANY WARRANTY; without even the implied warranty of
+# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+# GNU General Public License for more details.
+#
+# You should have received a copy of the GNU General Public License
+# along with this program; if not, write to the Free Software
+# Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
+#
+# See COPYRIGHT and LICENSE files for more details.
+#++
+
+module Wikis
+  class RelationPageLinksComponent < ApplicationComponent
+    include ApplicationHelper
+    include OpPrimer::ComponentHelpers
+
+    alias_method :provider, :model
+
+    def initialize(model = nil, work_package: nil, **options)
+      @work_package = work_package
+      super(model, **options)
+    end
+
+    def page_links
+      @page_links ||= provider.page_links
+                              .merge(RelationPageLink.all)
+                              .where(linkable: @work_package)
+                              .order(created_at: :desc)
+    end
+  end
+end

modules/wikis/app/components/wikis/work_package_wikis_tab_component.html.erb

@@ -32,7 +32,7 @@ See COPYRIGHT and LICENSE files for more details.
     component_wrapper do
       flex_layout(test_selector: "op-work-package-wikis-tab-container") do |flex|
         providers.each do |provider|
-          flex.with_row do
+          flex.with_row(mb: 3) do
             render(Wikis::ProviderLinkGroupComponent.new(provider, work_package:))
           end
         end

modules/wikis/app/models/wikis/page_link.rb

@@ -34,5 +34,13 @@ class PageLink < ApplicationRecord
 
     belongs_to :provider
     belongs_to :linkable, polymorphic: true
+
+    def relation?
+      is_a?(RelationPageLink)
+    end
+
+    def inline?
+      is_a?(InlinePageLink)
+    end
   end
 end