75 lines
3.9 KiB
Plaintext
75 lines
3.9 KiB
Plaintext
<div class="min-h-full flex flex-col justify-center sm:px-6 lg:px-8">
|
|
<div class="sm:mx-auto sm:w-full sm:max-w-md">
|
|
<div class="bg-white py-8 px-4 shadow sm:rounded-lg sm:px-10">
|
|
<h2 class="text-center text-3xl font-extrabold text-gray-900">
|
|
Update your profile
|
|
</h2>
|
|
<%= form_with model: @user, url: account_path, method: :put, class: "space-y-6" do |form| %>
|
|
<div>
|
|
<%= form.label :email, class: "block text-sm font-medium text-gray-700" do %>
|
|
Current email address
|
|
<% end %>
|
|
<div class="mt-1">
|
|
<%= form.text_field :email, disabled: true, class: "appearance-none block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm placeholder-gray-400 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm bg-gray-100" %>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<%= form.label :unconfirmed_email, class: "block text-sm font-medium text-gray-700" do %>
|
|
New email address
|
|
<% end %>
|
|
<div class="mt-1">
|
|
<%= form.text_field :unconfirmed_email, class: "appearance-none block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm placeholder-gray-400 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" %>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<%= form.label :name, class: "block text-sm font-medium text-gray-700" do %>
|
|
Name
|
|
<% end %>
|
|
<div class="mt-1">
|
|
<%= form.text_field :name, class: "appearance-none block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm placeholder-gray-400 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" %>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="border-t border-gray-200 pt-5">
|
|
<div class="flex justify-between">
|
|
<%= form.label :password, class: "block text-sm font-medium text-gray-700" do %>
|
|
New password
|
|
<% end %>
|
|
<span class="text-sm text-gray-500">only if you want to change</span>
|
|
</div>
|
|
<div class="mt-1">
|
|
<%= form.password_field :password, autocomplete: "new-password", class: "appearance-none block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm placeholder-gray-400 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" %>
|
|
</div>
|
|
</div>
|
|
|
|
<div>
|
|
<%= form.label :password, class: "block text-sm font-medium text-gray-700" do %>
|
|
Confirmation of new password
|
|
<% end %>
|
|
<div class="mt-1">
|
|
<%= form.password_field :password, autocomplete: "new-password", class: "appearance-none block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm placeholder-gray-400 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" %>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="border-t border-gray-200 pt-5">
|
|
<div class="flex justify-between">
|
|
<%= form.label :current_password, class: "block text-sm font-medium text-gray-700 after:content-['*'] after:ml-0.5 after:text-red-500" do %>
|
|
Current password
|
|
<% end %>
|
|
<span class="text-sm text-gray-500">for security</span>
|
|
</div>
|
|
<div class="mt-1">
|
|
<%= form.password_field :current_password, required: true, autocomplete: "current-password", class: "appearance-none block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm placeholder-gray-400 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" %>
|
|
</div>
|
|
</div>
|
|
|
|
<div>
|
|
<%= form.submit "Update", class: "w-full flex justify-center py-2 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" %>
|
|
</div>
|
|
<% end %>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|