opf/openproject

<%#-- copyright
OpenProject is an open source project management software.
Copyright (C) 2012-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.

++#%>

<%= labelled_tabular_form_for(:member, url: main_app.project_members_path,
                              method: :post,
                              html: { id: "members_add_form",
                                      class: "form -vertical -bordered -medium-compressed"},
                              data: {
                                'members-form-target': 'addMemberForm',
                                controller: "user-limit",
                                'user-limit-open-seats-value': OpenProject::Enterprise.open_seats_count,
                                'user-limit-member-autocompleter-value': true,
                                'application-target': "dynamic",
                              }) do |f| %>
    <a title="<%= t('js.close_form_title') %>"
       class="hide-member-form-button form--close icon-context icon-close"
       data-action="members-form#hideAddMemberForm"></a>
    <div id="new-member-message"></div>
    <div class="grid-block">
      <div class="grid-content medium-5 small-12 collapse -flex">
        <div
          class="form--field"
          data-user-limit-target="inviteUserForm"
        >
          <%
            user_id_title = I18n.t(:label_principal_search)

            if current_user.admin?
              user_id_title += I18n.t(:label_principal_invite_via_email)
            end
          %>
          <%= styled_label_tag :member_user_ids, user_id_title %>

          <%= angular_component_tag 'opce-members-autocompleter',
                                    inputs: {
                                      inputName: "member[user_ids]",
                                      inputBindValue: "id",
                                      url: autocomplete_for_member_project_members_path + '.json',
                                      appendTo: "body",
                                      multiple: true
                                    }
          %>
        </div>
      </div>
      <div class="grid-content medium-8 small-12 -flex -with-button">
        <div class="form--field">
          <%= styled_label_tag :member_role_ids do %>
            <%= content_tag :span, t(:label_role_search) %>
            <%= angular_component_tag 'attribute-help-text',
                                      inputs: {
                                        attribute: 'members',
                                        attributeScope: 'Project'
                                      }
            %>
          <% end %>
          <div class="form--field-container">
            <div class="form--select-container -auto">
              <% options = roles.collect { |obj| [obj.name, obj.id] } %>
              <%= select_tag 'member[role_ids][]', options_for_select(options),
                             multiple: false,
                             no_label: true,
                             title:    t(:label_role_search),
                             tabIndex: 0,
                             class:    'form--select',
                             id:       'member_role_ids' %>
            </div>
          </div>
        </div>
        <div id="member-add-submit-button--container">
          <%= f.button t(:button_add),
                       class: 'button -primary -with-icon icon-checkmark',
                       id: 'add-member--submit-button' %>
        </div>
      </div>
    </div>

  <% if OpenProject::Enterprise.user_limit.present? %>
        <div class="op-toast -warning icon-warning d-none"
             data-user-limit-target="limitWarning">
          <div class="op-toast--content">
            <p><%= I18n.t("warning_user_limit_reached#{'_admin' if current_user.admin?}", upgrade_url: OpenProject::Enterprise.upgrade_url).html_safe %></p>
          </div>
        </div>
    <% end %>

<% end %>