Feature/58161 global stage administration

Gemfile

@@ -278,6 +278,7 @@ group :test do
   gem "capybara_accessible_selectors", git: "https://github.com/citizensadvice/capybara_accessible_selectors", tag: "v0.12.0"
   gem "capybara-screenshot", "~> 1.0.17"
   gem "cuprite", "~> 0.15.0"
+  gem "ferrum", github: "toy/ferrum", ref: "mouse-events-buttons-property-0.15"
   gem "rspec-wait"
   gem "selenium-devtools"
   gem "selenium-webdriver", "~> 4.20"

Gemfile.lock

@@ -58,6 +58,17 @@ GIT
       parallel_tests (>= 3.3.0, < 5)
       rspec (>= 3.10)
 
+GIT
+  remote: https://github.com/toy/ferrum.git
+  revision: 889b29926f017530a0e087b1db0bc02747e437b1
+  ref: mouse-events-buttons-property-0.15
+  specs:
+    ferrum (0.15)
+      addressable (~> 2.5)
+      concurrent-ruby (~> 1.1)
+      webrick (~> 1.7)
+      websocket-driver (~> 0.7)
+
 PATH
   remote: modules/auth_plugins
   specs:
@@ -558,11 +569,6 @@ GEM
     faraday-net_http (3.4.0)
       net-http (>= 0.5.0)
     fastimage (2.3.1)
-    ferrum (0.15)
-      addressable (~> 2.5)
-      concurrent-ruby (~> 1.1)
-      webrick (~> 1.7)
-      websocket-driver (~> 0.7)
     ffi (1.17.1)
     flamegraph (0.9.5)
     fog-aws (3.30.0)
@@ -1255,6 +1261,7 @@ DEPENDENCIES
   escape_utils (~> 1.3)
   factory_bot (~> 6.5.0)
   factory_bot_rails (~> 6.4.4)
+  ferrum!
   ffi (~> 1.15)
   flamegraph
   fog-aws

app/components/projects/settings/life_cycle_steps/index_component.html.erb

@@ -31,7 +31,7 @@
               end
             end
             header_container.with_column(flex_layout: true, justify_content: :flex_end) do |actions_container|
-              actions_container.with_column(data: { 'projects--settings--border-box-filter-target': 'bulkActionContainer' }) do
+              actions_container.with_column(data: { 'projects--settings--border-box-filter-target': 'hideWhenFiltering' }) do
                 render(Primer::Beta::Button.new(
                   tag: :a,
                   href: enable_all_project_settings_life_cycle_steps_path(project_id: project),
@@ -45,7 +45,7 @@
                   t('projects.settings.actions.label_enable_all')
                 end
               end
-              actions_container.with_column(data: { 'projects--settings--border-box-filter-target': 'bulkActionContainer' }) do
+              actions_container.with_column(data: { 'projects--settings--border-box-filter-target': 'hideWhenFiltering' }) do
                 render(Primer::Beta::Button.new(
                   tag: :a,
                   href: disable_all_project_settings_life_cycle_steps_path(project_id: project),

app/components/projects/settings/life_cycle_steps/step_component.html.erb

@@ -1,11 +1,11 @@
 <%=
   flex_layout(align_items: :center,
               justify_content: :space_between) do |step_container|
-    step_container.with_column(flex_layout: true) do |title_container|
-      title_container.with_column(pt: 1, mr: 3) do
+    step_container.with_column(flex_layout: true, mr: 2, classes: "min-width-0") do |title_container|
+      title_container.with_column(pt: 1, mr: 3, classes: "ellipsis") do
         render(Primer::Beta::Text.new(classes: 'filter-target-visible-text')) { definition.name }
       end
-      title_container.with_column(pt: 1) do
+      title_container.with_column(pt: 1, classes: "no-wrap") do
         render(Projects::LifeCycleTypeComponent.new(definition))
       end
     end

app/components/projects/settings/project_custom_field_sections/show_component.html.erb

@@ -13,7 +13,7 @@
             end
           end
           section_header_container.with_column(flex_layout: true, justify_content: :flex_end) do |actions_container|
-            actions_container.with_column(data: { 'projects--settings--border-box-filter-target': 'bulkActionContainer' }) do
+            actions_container.with_column(data: { 'projects--settings--border-box-filter-target': 'hideWhenFiltering' }) do
               render(Primer::Beta::Button.new(
                 tag: :a,
                 href: enable_all_of_section_project_settings_project_custom_fields_path(
@@ -32,7 +32,7 @@
                 t('projects.settings.actions.label_enable_all')
               end
             end
-            actions_container.with_column(data: { 'projects--settings--border-box-filter-target': 'bulkActionContainer' }) do
+            actions_container.with_column(data: { 'projects--settings--border-box-filter-target': 'hideWhenFiltering' }) do
               render(Primer::Beta::Button.new(
                 tag: :a,
                 href: disable_all_of_section_project_settings_project_custom_fields_path(

app/components/settings/project_life_cycle_step_definitions/form_header_component.html.erb

@@ -0,0 +1,34 @@
+<%#-- 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.
+
+++#%>
+
+<%= render Primer::OpenProject::PageHeader.new do |header|
+  header.with_title { t("settings.project_life_cycle_step_definitions.#{heading_scope}.heading") }
+  header.with_description { t("settings.project_life_cycle_step_definitions.new.description") }
+  header.with_breadcrumbs(breadcrumbs_items)
+end %>

app/components/settings/project_life_cycle_step_definitions/form_header_component.rb

@@ -0,0 +1,55 @@
+# 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 Settings
+  module ProjectLifeCycleStepDefinitions
+    class FormHeaderComponent < ApplicationComponent
+      options :heading_scope
+
+      def breadcrumbs_items
+        [
+          {
+            href: admin_index_path,
+            text: t("label_administration")
+          },
+          {
+            href: admin_settings_project_custom_fields_path,
+            text: t("label_project_plural")
+          },
+          {
+            href: admin_settings_project_life_cycle_step_definitions_path,
+            text: t("settings.project_life_cycle_step_definitions.heading")
+          },
+          t("settings.project_life_cycle_step_definitions.#{heading_scope}.heading")
+        ]
+      end
+    end
+  end
+end

app/components/settings/project_life_cycle_step_definitions/index_component.html.erb

@@ -0,0 +1,128 @@
+<%#-- 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.
+
+++#%>
+
+<%=
+  component_wrapper do
+    flex_layout(data: wrapper_data_attributes) do |flex|
+      flex.with_row do
+        if allowed_to_customize_life_cycle?
+          render(Primer::OpenProject::SubHeader.new) do |subheader|
+            subheader.with_filter_input(
+              name: "border-box-filter",
+              label: t("settings.project_life_cycle_step_definitions.filter.label"),
+              visually_hide_label: true,
+              placeholder: t("settings.project_life_cycle_step_definitions.filter.label"),
+              leading_visual: {
+                icon: :search,
+                size: :small
+              },
+              show_clear_button: true,
+              data: {
+                action: "input->projects--settings--border-box-filter#filterLists",
+                "projects--settings--border-box-filter-target": "filter"
+              }
+            )
+            subheader.with_action_component do
+              render(Primer::Alpha::ActionMenu.new(
+                anchor_align: :end)
+              ) do |menu|
+                menu.with_show_button(
+                  scheme: :primary,
+                  aria: { label: I18n.t("settings.project_life_cycle_step_definitions.label_add_description") },
+                ) do |button|
+                  button.with_leading_visual_icon(icon: :plus)
+                  button.with_trailing_action_icon(icon: :"triangle-down")
+                  I18n.t("settings.project_life_cycle_step_definitions.label_add")
+                end
+
+                menu.with_item(
+                  label: I18n.t("settings.project_life_cycle_step_definitions.label_add_stage"),
+                  href: new_stage_admin_settings_project_life_cycle_step_definitions_path
+                ) do |item|
+                  item.with_leading_visual_icon(icon: "git-commit")
+                end
+
+                menu.with_item(
+                  label: I18n.t("settings.project_life_cycle_step_definitions.label_add_gate"),
+                  href: new_gate_admin_settings_project_life_cycle_step_definitions_path
+                ) do |item|
+                  item.with_leading_visual_icon(icon: "diamond")
+                end
+              end
+            end
+          end
+        else
+          render EnterpriseEdition::BannerComponent.new(:customize_life_cycle, mb: 3)
+        end
+      end
+
+      flex.with_row do
+        render(border_box_container(mb: 3, data: drop_target_config)) do |component|
+          component.with_header(font_weight: :bold, py: 2) do
+            flex_layout(justify_content: :space_between, align_items: :center) do |header_container|
+              header_container.with_column do
+                render(Primer::Beta::Text.new(font_weight: :bold)) do
+                  I18n.t("settings.project_life_cycle_step_definitions.section_header")
+                end
+              end
+            end
+          end
+          if definitions.empty?
+            component.with_row do
+              render(Primer::Beta::Text.new(color: :subtle)) do
+                t("settings.project_life_cycle_step_definitions.non_defined")
+              end
+            end
+          else
+            definitions.each do |definition|
+              component.with_row(
+                data: {
+                  "projects--settings--border-box-filter-target": "searchItem",
+                  test_selector: "project-life-cycle-step-definition",
+                  **draggable_item_config(definition)
+                }
+              ) do
+                render(Settings::ProjectLifeCycleStepDefinitions::RowComponent.new(
+                  definition,
+                  first?: definition == definitions.first,
+                  last?: definition == definitions.last,
+                ))
+              end
+            end
+          end
+        end
+      end
+      flex.with_row(display: :none, data: { "projects--settings--border-box-filter-target": "noResultsText" }) do
+        render Primer::Beta::Text.new do
+          I18n.t("js.autocompleter.notFoundText")
+        end
+      end
+    end
+  end
+%>

app/components/settings/project_life_cycle_step_definitions/index_component.rb

@@ -0,0 +1,65 @@
+# 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 Settings
+  module ProjectLifeCycleStepDefinitions
+    class IndexComponent < ApplicationComponent
+      include OpPrimer::ComponentHelpers
+      include OpTurbo::Streamable
+      include Projects::LifeCycleDefinitionHelper
+
+      options :definitions
+
+      private
+
+      def wrapper_data_attributes
+        {
+          controller: "projects--settings--border-box-filter generic-drag-and-drop",
+          "application-target": "dynamic"
+        }
+      end
+
+      def drop_target_config
+        {
+          "is-drag-and-drop-target": true,
+          "target-container-accessor": "& > ul",
+          "target-allowed-drag-type": "life-cycle-step-definition"
+        }
+      end
+
+      def draggable_item_config(definition)
+        {
+          "draggable-type": "life-cycle-step-definition",
+          "drop-url": drop_admin_settings_project_life_cycle_step_definition_path(definition)
+        }
+      end
+    end
+  end
+end