openproject/app/components/projects/index_page_header_component.html.erb

<%= component_wrapper(tag: "turbo-frame") do %>
  <%=
    render(Primer::OpenProject::PageHeader.new(state: @state)) do |header|
      header.with_title(data: { "test-selector": "project-query-name" }) do |title|
        title.with_editable_form(
          model: query,
          update_path: @query.new_record? ? project_queries_path(projects_query_params) : project_query_path(@query, projects_query_params),
          method: @query.new_record? ? :post : :put,
          cancel_path: projects_path(**projects_query_params, **{ query_id: query.id }.compact),
          input_name: "name",
          label: ProjectQuery.human_attribute_name(:name),
          placeholder: I18n.t(:"projects.lists.new.placeholder"),
          scope: "query",
          id: "project-save-form"
        )
        page_title
      end
      header.with_breadcrumbs(breadcrumb_items, selected_item_font_weight: current_breadcrumb_element == page_title ? :bold : :normal)

      if can_save?
        header_save_action(
          header:,
          message: t("lists.can_be_saved"),
          label: t("button_save"),
          href: project_query_path(query, projects_query_params),
          method: :patch
        )
      elsif can_save_as?
        header_save_action(
          header:,
          message: t("lists.can_be_saved_as"),
          label: t("button_save_as"),
          href: new_project_query_path(projects_query_params)
        )
      end

      if can_access_shares?
        header.with_action_icon_button(
          tag: :a,
          href: dialog_project_query_members_path(query),
          icon: "share-android",
          mobile_icon: "share-android",
          label: t(:label_share),
          data: { controller: "async-dialog", test_selector: "toggle-share-dialog-button" }
        )
      end

      if can_toggle_favorite?
        if currently_favorited?
          header.with_action_icon_button(
            icon: "star-fill",
            mobile_icon: "star-fill",
            label: t(:button_unfavorite),
            classes: "op-primer--star-icon",
            tag: :a,
            href: helpers.build_favorite_path(query, format: :html),
            data: { turbo_method: :delete, "test-selector": "project-query-unfavorite" }
          )
        else
          header.with_action_icon_button(
            icon: "star",
            mobile_icon: "star",
            label: t(:button_favorite),
            tag: :a,
            href: helpers.build_favorite_path(query, format: :html),
            data: { turbo_method: :post, "test-selector": "project-query-favorite" }
          )
        end
      end

      header.with_action_menu(
        menu_arguments: {
          anchor_align: :end
        },
        button_arguments: {
          icon: "kebab-horizontal",
          "aria-label": t(:label_more),
          data: { "test-selector": "project-more-dropdown-menu" }
        }
      ) do |menu|
        if can_rename?
          menu.with_item(
            label: t("button_rename"),
            href: rename_project_query_path(query)
          ) do |item|
            item.with_leading_visual_icon(icon: :pencil)
          end
        end

        if gantt_portfolio_project_ids.any?
          menu.with_item(
            tag: :a,
            label: t("projects.index.open_as_gantt"),
            href: gantt_portfolio_query_link,
            id: "projects-index-open-as-gantt",
            content_arguments: { target: "_blank" }
          ) do |item|
            item.with_leading_visual_icon(icon: "op-view-timeline")
          end
        end

        menu.with_item(
          tag: :a,
          label: t(:label_overall_activity),
          href: activities_path,
          content_arguments: { rel: "nofollow" }
        ) do |item|
          item.with_leading_visual_icon(icon: "tasklist")
        end

        if can_save?
          menu_save_item(
            menu:,
            label: t("button_save"),
            href: project_query_path(query, projects_query_params),
            method: :patch
          )
        end

        if may_save_as?
          menu_save_item(
            menu:,
            label: t("button_save_as"),
            href: new_project_query_path(projects_query_params)
          )
        end

        if can_export?
          menu.with_sub_menu_item(label: t("js.label_export")) do |submenu|
            submenu.with_leading_visual_icon(icon: :download)
            helpers.supported_export_formats.each do |key|
              submenu.with_item(
                label: t("export.format.#{key}"),
                tag: :a,
                href: projects_path(format: key, **helpers.projects_query_params.except(:page, :per_page)),
                content_arguments: { data: { controller: "job-dialog" }, rel: "nofollow" }
              ) do |item|
                item.with_leading_visual_icon(icon: "op-#{key == "csv" ? "file-csv" : key}")
              end
            end
          end
        end

        menu.with_item(
          tag: :a,
          label: t(:"queries.configure_view.heading"),
          href: configure_view_modal_project_queries_path(projects_query_params),
          content_arguments: { data: { controller: "async-dialog" }, rel: "nofollow" }
        ) do |item|
          item.with_leading_visual_icon(icon: :gear)
        end

        if query.persisted?
          menu.with_item(
            tag: :a,
            label: t(:button_delete),
            scheme: :danger,
            href: destroy_confirmation_modal_project_query_path(query.id),
            content_arguments: { data: { controller: "async-dialog" } }
          ) do |item|
            item.with_leading_visual_icon(icon: "trash")
          end
        end
        menu.with_item(
          tag: :button,
          label: t("label_zen_mode"),
          content_arguments: { data: { controller: "zen-mode", action: "click->zen-mode#performAction" } }
        ) do |item|
          item.with_leading_visual_icon(icon: "screen-full")
        end
      end
    end
  %>
<% end %>