openproject/app/components/op_primer/expandable_list_component.html.erb

<%=
  component_wrapper(data: wrapper_data_attributes) do
    if elements.none?
      render(Primer::Beta::Text.new(color: :subtle)) { t("meeting.participants.label.no_participants") }
    elsif @cutoff_limit.nil? || elements.count <= @cutoff_limit
      flex_layout do |list|
        elements.each do |item|
          list.with_row(mt: 1) { item.to_s }
        end
      end
    elsif elements.count > @cutoff_limit
      flex_layout do |list|
        elements.take(@cutoff_limit).each do |item|
          list.with_row(mt: 1) { item.to_s }
        end
        list.with_row(display: :none, data: { "expandable-list-target": "hiddenElements" }) do
          flex_layout do |hidden_user_list|
            elements[@cutoff_limit..].each do |item|
              hidden_user_list.with_row(mt: 1) { item.to_s }
            end
            hidden_user_list.with_row(mt: 2) do
              render(
                Primer::Beta::Button.new(
                  scheme: :link,
                  data: { action: "expandable-list#hideElements" }
                )
              ) { I18n.t("label_show_less") }
            end
          end
        end
        list.with_row(mt: 2) do
          render(
            Primer::Beta::Button.new(
              scheme: :link,
              data: { "expandable-list-target": "showButton",
                      action: "expandable-list#showElements" }
            )
          ) { I18n.t("label_show_more") }
        end
      end
    end
  end
%>