[57405] Use Primer's PageHeader component on the WorkPackage list view

app/components/_index.sass

@@ -3,7 +3,7 @@
 @import "work_packages/details/tab_component"
 @import "work_packages/progress/modal_body_component"
 @import "work_packages/hover_card_component"
-@import "work_packages/split_view_component"
+@import "work_packages/split_view/show_component"
 @import "open_project/common/attribute_component"
 @import "open_project/common/submenu_component"
 @import "filter/filters_component"

app/components/filter/filter_component.html.erb

@@ -15,7 +15,6 @@
       <% each_filter do |filter, filter_active, additional_options| %>
         <% filter_boolean = filter.is_a?(Queries::Filters::Shared::BooleanFilter) %>
         <% autocomplete_filter = additional_options.key?(:autocomplete_options) %>
-
         <li class="advanced-filters--filter <%= filter_active ? '' : 'hidden' %>"
             data-filter-name="<%= filter.name %>"
             data-filter-type="<%= filter.type %>"
@@ -75,10 +74,8 @@
           </div>
         </li>
       <% end %>
-
       <li class="advanced-filters--spacer <%= query.filters.blank? ? 'hidden' : '' %>"
           data-filter--filters-form-target="spacer"></li>
-
       <li class="advanced-filters--add-filter">
         <!-- Add filters -->
         <label for="add_filter_select" aria-hidden="true" class="advanced-filters--add-filter-label ng-binding">
@@ -90,7 +87,6 @@
           <%= t('js.filter.description.text_open_filter') %>
           <%= t('js.filter.description.text_close_filter') %>
         </label>
-
         <div class="advanced-filters--add-filter-value">
           <%= select_tag 'add_filter_select',
                          options_from_collection_for_select(
@@ -109,9 +105,11 @@
                          } %>
         </div>
       </li>
+      <% if show_apply? %>
       <li class="advanced-filters--controls">
         <%= submit_tag t('button_apply'), class: 'button -small -primary', name: nil %>
       </li>
+      <% end %>
     </ul>
   </fieldset>
 <% end %>

app/components/filter/filter_component.rb

@@ -38,6 +38,10 @@ def show_filters_section?
       always_visible || params[:filters].present?
     end
 
+    def show_apply?
+      true
+    end
+
     # Returns filters, active and inactive.
     # In case a filter is active, the active one will be preferred over the inactive one.
     def each_filter

app/components/projects/projects_filters_component.rb

@@ -41,6 +41,10 @@ def turbo_requests?
     true
   end
 
+  def show_apply?
+    false
+  end
+
   private
 
   def allowed_filter?(filter)

app/components/work_packages/create/wp_create_button_component.html.erb

@@ -0,0 +1,22 @@
+<% if can_create_work_packages? %>
+  <%=
+    render Primer::Alpha::ActionMenu.new do |menu|
+      menu.with_show_button(scheme: :primary,
+                            aria: {
+                              label: I18n.t(:label_work_package_new)
+                            }) do |button|
+        button.with_trailing_action_icon(icon: :"triangle-down")
+        button.with_leading_visual_icon(icon: :plus)
+        I18n.t(:button_create)
+      end
+
+      items.each do |type|
+        menu.with_item(label: type.name,
+                       tag: :a,
+                       href: create_href_for_type(type),
+                       content_arguments: { target: "_top" },
+                       label_arguments: { classes: "__hl_inline_type_#{type.id}" })
+      end
+    end
+  %>
+<% end %>

app/components/work_packages/create/wp_create_button_component.rb

@@ -0,0 +1,67 @@
+# 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 WorkPackages
+  module Create
+    class WpCreateButtonComponent < ApplicationComponent
+      include ApplicationHelper
+
+      def initialize(project: nil)
+        super
+        @project = project
+      end
+
+      def items
+        if @project
+          @project.types.all
+        else
+          Type.all
+        end
+      end
+
+      def create_href_for_type(type)
+        # TODO: make configurable for other modules
+        if @project
+          split_create_project_work_packages_path(@project, type: type.id)
+        else
+          split_create_work_packages_path(type: type.id)
+        end
+      end
+
+      def can_create_work_packages?
+        if @project
+          helpers.current_user.allowed_in_project?(:add_work_packages, @project)
+        else
+          helpers.current_user.allowed_in_any_project?(:add_work_packages)
+        end
+      end
+    end
+  end
+end

app/components/work_packages/filter_button_component.rb

@@ -0,0 +1,36 @@
+# 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 WorkPackages
+  class FilterButtonComponent < Filter::FilterButtonComponent
+    def filters_count
+      @filters_count ||= query.filters.count
+    end
+  end
+end

app/components/work_packages/filters_component.rb

@@ -0,0 +1,59 @@
+# 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.
+# ++
+
+class WorkPackages::FiltersComponent < Filter::FilterComponent
+  def allowed_filters
+    super.sort_by(&:human_name)
+  end
+
+  def turbo_requests?
+    true
+  end
+
+  def show_apply?
+    false
+  end
+
+  protected
+
+  def additional_filter_attributes(filter)
+    case filter
+    when Queries::WorkPackages::Filter::FilterForWpMixin
+      {
+        autocomplete_options: {
+          component: "opce-autocompleter",
+          resource: "work_packages"
+        }
+      }
+    else
+      super
+    end
+  end
+end

app/components/work_packages/full_view/copy_component.html.erb

@@ -0,0 +1,11 @@
+<%=
+  helpers.angular_component_tag "opce-wp-full-copy",
+                                inputs: {
+                                  type: @type,
+                                  copiedFromWorkPackageId: @copied_from_work_package_id,
+                                  projectIdentifier: @project.present? ? @project.identifier : nil,
+                                  resizerClass: helpers.container_class,
+                                  routedFromAngular: false,
+                                }
+
+%>

app/components/work_packages/full_view/copy_component.rb

@@ -0,0 +1,18 @@
+# frozen_string_literal: true
+
+module WorkPackages
+  module FullView
+    class CopyComponent < ApplicationComponent
+      include OpPrimer::ComponentHelpers
+      include OpTurbo::Streamable
+
+      def initialize(type:, copied_from_work_package_id:, project:)
+        super
+
+        @type = type
+        @copied_from_work_package_id = copied_from_work_package_id
+        @project = project
+      end
+    end
+  end
+end