mirror of
https://github.com/basecamp/once-campfire.git
synced 2026-05-25 03:28:43 +09:00
38 lines
1.8 KiB
Plaintext
38 lines
1.8 KiB
Plaintext
<% @page_title = "Sign in" %>
|
|
<% turbo_page_requires_reload %>
|
|
|
|
<section class="txt-align-center">
|
|
<div class="panel <%= "shake" if flash[:alert] %>">
|
|
<%= account_logo_tag style: "center margin-block-end txt-xx-large" %>
|
|
|
|
<%= form_with url: session_url, class: "flex flex-column gap" do |form| %>
|
|
<fieldset class="flex flex-column gap center-block upad">
|
|
<legend class="txt-large txt-align-center"><strong><%= Current.account.name %></strong></legend>
|
|
|
|
<div class="flex align-center gap">
|
|
<%= translation_button(:email_address) %>
|
|
<label class="flex align-center gap input input--actor txt-large">
|
|
<%= form.email_field :email_address, required: true, class: "input", autofocus: true, autocomplete: "username", placeholder: "Enter your email address", value: params[:email_address] %>
|
|
<%= image_tag "email.svg", aria: { hidden: "true" }, size: 24, class: "colorize--black" %>
|
|
</label>
|
|
</div>
|
|
|
|
<div class="flex align-center gap">
|
|
<%= translation_button(:password) %>
|
|
<label class="flex align-center gap input input--actor txt-large">
|
|
<%= form.password_field :password, required: true, class: "input", autocomplete: "current-password", placeholder: "Enter your password", maxlength: 72 %>
|
|
<%= image_tag "password.svg", aria: { hidden: "true" }, size: 24, class: "colorize--black" %>
|
|
</label>
|
|
</div>
|
|
|
|
<%= form.button class: "btn btn--reversed center txt-large", type: "submit", name: "log_in" do %>
|
|
<%= image_tag "arrow-right.svg", aria: { hidden: "true" } %>
|
|
<span class="for-screen-reader">Go</span>
|
|
<% end %>
|
|
</fieldset>
|
|
<% end %>
|
|
</div>
|
|
|
|
<%= render "accounts/help_contact" %>
|
|
</section>
|