[#48274] Work packages export modal with settings & Job status modal

app/components/work_packages/exports/base_export_settings_component.rb

@@ -0,0 +1,53 @@
+# frozen_string_literal: true
+
+# -- copyright
+# OpenProject is an open source project management software.
+# Copyright (C) 2010-2024 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 Exports
+    class BaseExportSettingsComponent < ApplicationComponent
+      include OpPrimer::ComponentHelpers
+      include OpTurbo::Streamable
+      include WorkPackagesHelper
+
+      attr_reader :query
+
+      def initialize(query)
+        super
+
+        @query = query
+      end
+
+      def selected_columns
+        query
+          .columns
+          .map { |s| { id: s.name, name: s.caption } }
+      end
+    end
+  end
+end

app/components/work_packages/exports/csv/export_settings_component.html.erb

@@ -0,0 +1,19 @@
+<%=
+  flex_layout do |container|
+    container.with_row do |_columns|
+      helpers.angular_component_tag "opce-draggable-autocompleter",
+                                    inputs: {
+                                      options: work_packages_columns_options,
+                                      selected: selected_columns,
+                                      protected: protected_work_packages_columns_options,
+                                      name: 'columns',
+                                      id: 'columns-select-export-csv',
+                                      dragAreaName: 'columns-select-export-csv',
+                                      inputLabel: I18n.t(:"queries.configure_view.columns.input_label"),
+                                      inputPlaceholder: I18n.t(:"queries.configure_view.columns.input_placeholder"),
+                                      dragAreaLabel: I18n.t(:"queries.configure_view.columns.drag_area_label"),
+                                      appendToComponent: true
+                                    }
+    end
+  end
+%>

app/components/work_packages/exports/csv/export_settings_component.rb

@@ -0,0 +1,38 @@
+# frozen_string_literal: true
+
+# -- copyright
+# OpenProject is an open source project management software.
+# Copyright (C) 2010-2024 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 Exports
+    module CSV
+      class ExportSettingsComponent < BaseExportSettingsComponent
+      end
+    end
+  end
+end

app/components/work_packages/exports/modal_dialog_component.html.erb

@@ -0,0 +1,58 @@
+<%= render(Primer::Alpha::Dialog.new(
+  title: I18n.t('export.dialog.title'),
+  size: :xlarge,
+  id: MODAL_ID,
+  data: {
+    "application-target": "dynamic",
+    controller: "work-packages--export--dialog"
+  }
+)) do |dialog| %>
+  <% dialog.with_header(variant: :large) %>
+  <% dialog.with_body do %>
+    <% flex_layout do |modal_body| %>
+      <% modal_body.with_row do |_format| %>
+        <%= render(Primer::Beta::Text.new(tag: "legend", font_size: :normal, mb: 2, font_weight: :bold)) { I18n.t('export.dialog.format.label') } %>
+        <%= render(Primer::Alpha::SegmentedControl.new(ml: 0, mb: 2, "aria-label": I18n.t('export.dialog.format.label'), size: :medium)) do |component|
+          export_formats_settings.each do |format|
+            component.with_item(
+              label: format[:label], icon: format[:icon], selected: format[:selected],
+              data: {
+                "work-packages--export--dialog-format-param": format[:id],
+                action: "click:segmented-control#select click->work-packages--export--dialog#formatChanged"
+              })
+          end
+        end %>
+        <hr/>
+      <% end %>
+      <% export_formats_settings.each do |format| %>
+        <% modal_body.with_row(
+          classes: format[:selected] ? nil : "d-none",
+          data: { format: format[:id], "work-packages--export--dialog-target": "formatTab" }
+        ) do |_format_tabs| %>
+          <%= primer_form_with(
+                url: export_format_url(format[:id]),
+                id: "#{EXPORT_FORM_ID}-#{format[:id]}",
+                data: {
+                  "application-target": "dynamic",
+                  action: "submit->work-packages--export--form#submitForm",
+                  controller: "work-packages--export--form",
+                }
+              ) do |form| %>
+            <input type="hidden" name="query" value="<%= query_params %>">
+            <%= render(format[:component].new(query)) %>
+          <% end %>
+        <% end %>
+      <% end %>
+    <% end %>
+  <% end %>
+  <% dialog.with_footer do %>
+    <%= render(Primer::ButtonComponent.new(data: { "close-dialog-id": MODAL_ID })) { I18n.t(:button_cancel) } %>
+    <%= render(Primer::ButtonComponent.new(
+      data: {
+        "close-dialog-id": MODAL_ID,
+        "work-packages--export--dialog-target": "submit"
+      },
+      scheme: :primary, type: :submit,
+      form: "#{EXPORT_FORM_ID}-#{export_formats_settings.find { |e| e[:selected] }[:id]}")) { I18n.t('export.dialog.submit') } %>
+  <% end %>
+<% end %>

app/components/work_packages/exports/modal_dialog_component.rb

@@ -0,0 +1,69 @@
+# frozen_string_literal: true
+
+# -- copyright
+# OpenProject is an open source project management software.
+# Copyright (C) 2010-2024 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 Exports
+    class ModalDialogComponent < ApplicationComponent
+      MODAL_ID = "op-work-packages-export-dialog"
+      EXPORT_FORM_ID = "op-work-packages-export-dialog-form"
+      include OpTurbo::Streamable
+      include OpPrimer::ComponentHelpers
+
+      attr_reader :query, :project, :query_params
+
+      def initialize(query:, project:)
+        super
+
+        @query = query
+        @project = project
+        @query_params = ::API::V3::Queries::QueryParamsRepresenter.new(query).to_h.to_json
+      end
+
+      def export_format_url(format)
+        @project.nil? ? index_work_packages_path(format:) : project_work_packages_path(project, format:)
+      end
+
+      def export_formats_settings
+        [
+          { id: "pdf", icon: :"op-pdf",
+            label: I18n.t("export.dialog.format.options.pdf.label"),
+            component: WorkPackages::Exports::PDF::ExportSettingsComponent,
+            selected: true },
+          { id: "xls", icon: :"op-xls",
+            label: I18n.t("export.dialog.format.options.xls.label"),
+            component: WorkPackages::Exports::XLS::ExportSettingsComponent },
+          { id: "csv", icon: :"op-file-csv",
+            label: I18n.t("export.dialog.format.options.csv.label"),
+            component: WorkPackages::Exports::CSV::ExportSettingsComponent }
+        ]
+      end
+    end
+  end
+end

app/components/work_packages/exports/pdf/export_settings_component.html.erb

@@ -0,0 +1,88 @@
+<%=
+  flex_layout(data: {
+    "application-target": "dynamic",
+    controller: "work-packages--export--pdf--settings"
+  }) do |container| %>
+
+  <%= container.with_row do %>
+    <%= render(Primer::Alpha::RadioButtonGroup.new(
+      mb: 3,
+      full_width: true,
+      name: "pdf_export_type",
+      label: I18n.t("export.dialog.pdf.export_type.label"))) do |component|
+      pdf_export_types.each do |entry|
+        component.radio_button(label: entry[:label],
+                               value: entry[:value],
+                               checked: current_pdf_export_type == entry[:value],
+                               disabled: entry[:disabled] ? true : nil,
+                               data: {
+                                 "work-packages--export--pdf--settings-name-param": entry[:value],
+                                 action: "work-packages--export--pdf--settings#typeChanged"
+                               },
+                               caption: entry[:caption])
+      end
+    end %>
+    <hr/>
+  <% end %>
+
+  <% container.with_row(
+    mt: 2,
+    classes: %w[table report].include?(current_pdf_export_type) ? nil : "d-none",
+    data: {
+      table: true,
+      report: true,
+      "work-packages--export--pdf--settings-target": "fields"
+    }) do |_columns|
+    helpers.angular_component_tag "opce-draggable-autocompleter",
+                                  inputs: {
+                                    options: work_packages_columns_options,
+                                    selected: selected_columns,
+                                    protected: protected_work_packages_columns_options,
+                                    name: 'columns',
+                                    id: 'columns-select-export-pdf',
+                                    inputLabel: I18n.t(:"queries.configure_view.columns.input_label"),
+                                    inputPlaceholder: I18n.t(:"queries.configure_view.columns.input_placeholder"),
+                                    dragAreaName: 'columns-select-export-pdf',
+                                    dragAreaLabel: I18n.t(:"queries.configure_view.columns.drag_area_label"),
+                                    appendToComponent: true
+                                  }
+  end %>
+
+  <%= container.with_row(
+    classes: current_pdf_export_type == "report" ? nil : "d-none",
+    data: {
+      report: true,
+      "work-packages--export--pdf--settings-target": "fields"
+    }) do |_pdf_report_images| %>
+    <hr/>
+    <%= render(Primer::Alpha::CheckBox.new(name: 'show_images',
+                                           checked: true,
+                                           label: I18n.t("export.dialog.pdf.include_images.label"),
+                                           caption: I18n.t("export.dialog.pdf.include_images.caption"),
+                                           disabled: current_pdf_export_type != "report",
+                                           visually_hide_label: false)) %>
+  <% end %>
+  <% if gantt_chart_allowed? %>
+    <%= container.with_row(classes: current_pdf_export_type == "gantt" ? nil : "d-none",
+                           data: {
+                             gantt: true,
+                             "work-packages--export--pdf--settings-target": "fields"
+                           }) do |_pdf_gantt_paper_size| %>
+
+      <% gantt_selects.each do |entry| %>
+        <%= render(Primer::Alpha::Select.new(
+          name: entry[:name],
+          label: entry[:label],
+          caption: entry[:caption],
+          size: :medium,
+          disabled: current_pdf_export_type != "gantt",
+          value: entry[:options].find { |e| e[:default] }[:value])
+            ) do |component|
+          entry[:options].each do |entry|
+            component.option(label: entry[:label], value: entry[:value])
+          end
+        end %>
+      <% end %>
+    <% end %>
+  <% end %>
+<% end %>