5069cd681a
* rough starting point, roving tabindex in toolbar, bold and italic buttons * refactor, add link * add ul * add ordered list * core formatters in place, wip * overflow options * add keyboard shortcuts * tidy up some dodgy classes * add mocks for runtime in test and storybook, use correct modifier key for tooltip * style tweaks * refactor tooltips * add markdown formatters tests * add tests for toolbar component, fix mistake in overflow menu tooltips * undo change no longer needed to button * fix issue accessing runtime in formatters file * only show darkened buttons and tooltips when focus-visible is true * mobile view * fix for responsive buttons & roving tabindex * tweaks from PR review * update cursor position on link insertion * add a new line after block selection formatting * align icons in center * tidy up overflow menu listeners * small refactors * test for new text area util * tidy up new lines after syntaxes * fix logic in cursor offsets for links * prevent scroll jumps after inserting syntax * some style tweaks * insert level 2 heading with new lines above and below * update icons * use margin instead of gap
113 lines
4.9 KiB
Text
113 lines
4.9 KiB
Text
<div id="sign-in-password-form" class="mt-8 mb-6 crayons-card p-7 align-left mx-auto" style="max-width:580px;">
|
|
<% if flash[:notice] %>
|
|
<div class="crayons-notice crayons-notice--danger mb-6" role="alert">
|
|
<%= flash[:notice] %>
|
|
</div>
|
|
<% end %>
|
|
|
|
<%= form_for(@user, as: :user, data: { testid: "registration-form" }, url: registration_path(:user)) do |f| %>
|
|
|
|
<% if defined?(resource) && resource&.errors&.any? %>
|
|
<div class="crayons-card crayons-card--secondary crayons-notice crayons-notice--danger" role="alert" data-testid="signup-errors">
|
|
<div class="crayons-card__header">
|
|
<h3 class="crayons-card__headline">
|
|
Whoops, we found <%= pluralize(resource.errors.size, "problem") %>
|
|
</h3>
|
|
</div>
|
|
<div class="crayons-card__body">
|
|
<ul>
|
|
<% resource.errors.full_messages.each do |message| %>
|
|
<li><%= message %></li>
|
|
<% end %>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<% else %>
|
|
<p class="pb-4 fw-bold">Create your account</p>
|
|
<% end %>
|
|
|
|
<% if Settings::Authentication.display_email_domain_allow_list_publicly &&
|
|
Settings::Authentication.allowed_registration_email_domains.any? %>
|
|
<div class="crayons-notice crayons-notice--info" aria-live="polite">
|
|
<% if Settings::Authentication.allowed_registration_email_domains.one? %>
|
|
Registration restricted to <strong>@<%= Settings::Authentication.allowed_registration_email_domains.first %></strong> emails.
|
|
<% else %>
|
|
Registration restricted to the following emails
|
|
<ul>
|
|
<% Settings::Authentication.allowed_registration_email_domains.each do |domain| %>
|
|
<li>
|
|
<strong>@<%= domain %></strong></strong>
|
|
</li>
|
|
<% end %>
|
|
</ul>
|
|
<% end %>
|
|
</div>
|
|
<% end %>
|
|
|
|
<div class="crayons-field mt-3">
|
|
<%= f.label :profile_image, class: "crayons-field__label" %>
|
|
<%= f.file_field :profile_image, accept: "image/*", class: "crayons-card crayons-card--secondary p-3 flex items-center flex-1 w-100" %>
|
|
</div>
|
|
|
|
<div class="crayons-field mt-2">
|
|
<%= f.label :name, class: "crayons-field__label", aria: { label: "Name" } do %>
|
|
Name
|
|
<span class="crayons-field__required crayons-hover-tooltip" data-tooltip="* - required">*</span>
|
|
<% end %>
|
|
<%= f.text_field :name, class: "crayons-textfield", required: true %>
|
|
</div>
|
|
|
|
<div class="crayons-field mt-2">
|
|
<%= f.label :username, class: "crayons-field__label", aria: { label: "Username" } do %>
|
|
Username
|
|
<span class="crayons-field__required crayons-hover-tooltip" data-tooltip="* - required">*</span>
|
|
<% end %>
|
|
<%= f.text_field :username, class: "crayons-textfield", required: true %>
|
|
</div>
|
|
|
|
<div class="crayons-field mt-2">
|
|
<%= f.label :email, class: "crayons-field__label", aria: { label: "Email" } do %>
|
|
Email
|
|
<span class="crayons-field__required crayons-hover-tooltip" data-tooltip="* - required">*</span>
|
|
<% end %>
|
|
<%= f.email_field :email, autocomplete: "email", class: "crayons-textfield", required: true %>
|
|
</div>
|
|
|
|
<div class="crayons-field mt-2">
|
|
<%= f.label :password, class: "crayons-field__label", aria: { label: "Password" } do %>
|
|
Password
|
|
<span class="crayons-field__required crayons-hover-tooltip" data-tooltip="* - required">*</span>
|
|
<% end %>
|
|
<%= f.password_field :password, autocomplete: "current-password", class: "crayons-textfield", required: true %>
|
|
</div>
|
|
|
|
<div class="crayons-field mt-2">
|
|
<%= f.label :password_confirmation, class: "crayons-field__label", aria: { label: "Password Confirmation" } do %>
|
|
Password Confirmation
|
|
<span class="crayons-field__required crayons-hover-tooltip" data-tooltip="* - required">*</span>
|
|
<% end %>
|
|
<%= f.password_field :password_confirmation, autocomplete: "current-password", class: "crayons-textfield", required: true %>
|
|
</div>
|
|
|
|
<% if ENV["FOREM_OWNER_SECRET"].present? && Settings::General.waiting_on_first_user %>
|
|
<% if params[:forem_owner_secret].present? %>
|
|
<%= f.hidden_field :forem_owner_secret, value: params[:forem_owner_secret] %>
|
|
<% else %>
|
|
<div class="crayons-field mt-2">
|
|
<%= f.label :forem_owner_secret, "New Forem Secret", class: "crayons-field__label" %>
|
|
<%= f.password_field :forem_owner_secret, class: "crayons-textfield", required: true, placeholder: "As provided by your Forem host" %>
|
|
</div>
|
|
<% end %>
|
|
<% end %>
|
|
|
|
<% if ReCaptcha::CheckRegistrationEnabled.call %>
|
|
<div class="recaptcha-tag-container mt-2">
|
|
<%= recaptcha_tags site_key: Settings::Authentication.recaptcha_site_key %>
|
|
</div>
|
|
<% end %>
|
|
|
|
<div class="actions pt-3">
|
|
<%= f.submit "Sign up", class: "crayons-btn" %>
|
|
</div>
|
|
<% end %>
|
|
</div>
|