42 lines
3.9 KiB
Text
42 lines
3.9 KiB
Text
- max_first_name_length = max_last_name_length = 127
|
|
- max_username_length = 255
|
|
- min_username_length = 2
|
|
- omniauth_providers_placement ||= :bottom
|
|
|
|
.gl-mb-3.gl-p-4.gl-border-gray-100.gl-border-1.gl-border-solid.gl-rounded-base
|
|
- if show_omniauth_providers && omniauth_providers_placement == :top
|
|
= render 'devise/shared/signup_omniauth_providers_top'
|
|
|
|
= form_for(resource, as: "new_#{resource_name}", url: url, html: { class: 'new_user gl-show-field-errors', 'aria-live' => 'assertive' }) do |f|
|
|
.devise-errors
|
|
= render 'devise/shared/error_messages', resource: resource
|
|
- if Feature.enabled?(:invisible_captcha)
|
|
= invisible_captcha
|
|
.name.form-row
|
|
.col.form-group
|
|
= f.label :first_name, _('First name'), for: 'new_user_first_name', class: 'label-bold'
|
|
= f.text_field :first_name, class: 'form-control top js-block-emoji js-validate-length', :data => { :max_length => max_first_name_length, :max_length_message => s_('SignUp|First name is too long (maximum is %{max_length} characters).') % { max_length: max_first_name_length }, :qa_selector => 'new_user_first_name_field' }, required: true, title: _('This field is required.')
|
|
.col.form-group
|
|
= f.label :last_name, _('Last name'), for: 'new_user_last_name', class: 'label-bold'
|
|
= f.text_field :last_name, class: 'form-control top js-block-emoji js-validate-length', :data => { :max_length => max_last_name_length, :max_length_message => s_('SignUp|Last name is too long (maximum is %{max_length} characters).') % { max_length: max_last_name_length }, :qa_selector => 'new_user_last_name_field' }, required: true, title: _('This field is required.')
|
|
.username.form-group
|
|
= f.label :username, class: 'label-bold'
|
|
= f.text_field :username, class: 'form-control middle js-block-emoji js-validate-length js-validate-username', :data => { :api_path => suggestion_path, :min_length => min_username_length, :min_length_message => s_('SignUp|Username is too short (minimum is %{min_length} characters).') % { min_length: min_username_length }, :max_length => max_username_length, :max_length_message => s_('SignUp|Username is too long (maximum is %{max_length} characters).') % { max_length: max_username_length }, :qa_selector => 'new_user_username_field' }, pattern: Gitlab::PathRegex::NAMESPACE_FORMAT_REGEX_JS, required: true, title: _('Please create a username with only alphanumeric characters.')
|
|
%p.validation-error.gl-text-red-500.gl-field-error-ignore.gl-mt-2.field-validation.hide= _('Username is already taken.')
|
|
%p.validation-success.gl-text-green-600.gl-field-error-ignore.gl-mt-2.field-validation.hide= _('Username is available.')
|
|
%p.validation-pending.gl-field-error-ignore.gl-mt-2.field-validation.hide= _('Checking username availability...')
|
|
.form-group
|
|
= f.label :email, class: 'label-bold'
|
|
= f.email_field :email, value: @invite_email, class: 'form-control middle', data: { qa_selector: 'new_user_email_field' }, required: true, title: _('Please provide a valid email address.')
|
|
.form-group.gl-mb-5#password-strength
|
|
= f.label :password, class: 'label-bold'
|
|
= f.password_field :password, class: 'form-control bottom', data: { qa_selector: 'new_user_password_field' }, required: true, pattern: ".{#{@minimum_password_length},}", title: s_('SignUp|Minimum length is %{minimum_password_length} characters.') % { minimum_password_length: @minimum_password_length }
|
|
%p.gl-field-hint.text-secondary= s_('SignUp|Minimum length is %{minimum_password_length} characters.') % { minimum_password_length: @minimum_password_length }
|
|
%div
|
|
- if show_recaptcha_sign_up?
|
|
= recaptcha_tags
|
|
.submit-container
|
|
= f.submit button_text, class: 'btn gl-button btn-success', data: { qa_selector: 'new_user_register_button' }
|
|
= render 'devise/shared/terms_of_service_notice'
|
|
- if show_omniauth_providers && omniauth_providers_placement == :bottom
|
|
= render 'devise/shared/signup_omniauth_providers'
|