openproject/app/views/members/_member_form.html.erb

<%#-- copyright
OpenProject is an open source project management software.
Copyright (C) 2012-2021 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 docs/COPYRIGHT.rdoc 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" }) do |f| %>
    <a title="<%= t('js.close_form_title') %>" class="hide-add-member-form-link form--close icon-context icon-close"></a>
    <% csp_onclick('hideAddMemberForm()', '.hide-add-member-form-link') %>
    <div id="new-member-message"></div>
    <div class="grid-block">
      <div class="grid-content medium-5 small-12 collapse -flex">
        <div class="form--field">
          <%
            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 %>

          <%= hidden_field_tag "member[user_ids][]", nil  %>
          <members-autocompleter data-update-input="member[user_ids][]"
                                 data-url="<%= autocomplete_for_member_project_members_path +  '.json' %>"
                                 data-append-to="body"
                                 data-multiple="true">
          </members-autocompleter>
        </div>
      </div>
      <div class="grid-content medium-8 small-12 -flex -with-button">
        <div class="form--field">
          <%= styled_label_tag :member_role_ids, t(:label_role_search) %>
          <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 -highlight -with-icon icon-checkmark',
                       id: 'add-member--submit-button' %>
        </div>
      </div>
    </div>
    <% if OpenProject::Enterprise.user_limit_reached? %>
        <div class="notification-box -warning icon-warning" id="member-user-limit-warning" style="display: none;">
          <div class="notification-box--content">
            <p><%= I18n.t(:warning_user_limit_reached, upgrade_url: OpenProject::Enterprise.upgrade_path).html_safe %></p>
          </div>
        </div>
    <% end %>
<% end %>