Jason Zimdars
35 lines
1.5 KiB
Plaintext
35 lines
1.5 KiB
Plaintext
<% @page_title = "Change your email" %>
|
|
|
|
<% content_for :header do %>
|
|
<div class="header__actions header__actions--start">
|
|
<%= link_to edit_user_path(@user, script_name: @user.account.slug), class: "btn btn--back borderless txt-medium", data: { controller: "hotkey", action: "keydown.left@document->hotkey#click" } do %>
|
|
<span class="overflow-ellipsis flex align-center">
|
|
<%= icon_tag "arrow-left" %>
|
|
<strong>Back to My profile</strong>
|
|
<kbd class="txt-x-small margin-inline-start hide-on-touch">←</kbd>
|
|
</span>
|
|
<% end %>
|
|
</div>
|
|
<% end %>
|
|
|
|
<div class="panel panel--centered flex flex-column gap-half">
|
|
<h1 class="txt-x-large font-weight-black margin-none">
|
|
<%= @page_title %>
|
|
</h1>
|
|
|
|
<%= form_with url: user_email_addresses_path(user_id: @user.id), method: :post, class: "flex flex-column gap-half", data: { controller: "form", turbo: false } do |form| %>
|
|
<div class="flex align-center gap-half">
|
|
<label class="flex align-center gap input input--actor">
|
|
<%= form.email_field :email_address, class: "input full-width", autocomplete: "email", placeholder: "New email address", autofocus: true, required: true %>
|
|
</label>
|
|
</div>
|
|
|
|
<p class="margin-none">Enter your new email address, then hit the link to confirm it</p>
|
|
|
|
<button type="submit" class="btn btn--link center" data-form-target="submit">
|
|
<span>Continue</span>
|
|
<%= icon_tag "arrow-right" %>
|
|
</button>
|
|
<% end %>
|
|
</div>
|