account edit ui

This commit is contained in:
Celina Lopez
2024-10-02 16:10:07 -07:00
parent d8d79935de
commit 3175f25ddb
+9 -9
View File
@@ -1,40 +1,40 @@
<div class="row">
<div class="col-lg-4 offset-lg-4">
<h1 class="text-center">Account</h1>
<h1 class="text-lg">Account</h1>
<%= form_for(resource, as: resource_name, url: registration_path(resource_name), html: { method: :put }) do |f| %>
<%= render "devise/shared/error_messages", resource: resource %>
<div class="mb-3">
<%= f.text_field :name, autofocus: false, class: 'form-control', placeholder: "Full name" %>
<%= f.text_field :name, autofocus: false, class: 'input input-bordered w-full focus:outline-offset-0', placeholder: "Full name" %>
</div>
<div class="mb-3">
<%= f.email_field :email, class: 'form-control', placeholder: 'Email Address' %>
<%= f.email_field :email, class: 'input input-bordered w-full focus:outline-offset-0', placeholder: 'Email Address' %>
</div>
<div class="mb-3">
<%= f.label :avatar, class: "form-label" %>
<%= f.file_field :avatar, accept:'image/*' %>
<div>Avatar</div>
<%= f.file_field :avatar, accept:'image/*', class: "file-input max-w-64 bg-base-200 sm:max-w-xs" %>
</div>
<%= image_tag avatar_path(f.object), class: "rounded border shadow-sm d-block mx-auto my-3" %>
<%= image_tag avatar_path(f.object), class: "rounded border shadow-sm d-block my-3" %>
<% if devise_mapping.confirmable? && resource.pending_reconfirmation? %>
<div class="alert alert-warning">Currently waiting confirmation for: <%= resource.unconfirmed_email %></div>
<% end %>
<div class="mb-3">
<%= f.password_field :password, autocomplete: "off", class: 'form-control', placeholder: 'Password' %>
<%= f.password_field :password, autocomplete: "off", class: 'input input-bordered w-full focus:outline-offset-0', placeholder: 'Password' %>
<p class="form-text text-muted"><small>Leave password blank if you don't want to change it</small></p>
</div>
<div class="mb-3">
<%= f.password_field :password_confirmation, autocomplete: "off", class: 'form-control', placeholder: 'Confirm Password' %>
<%= f.password_field :password_confirmation, autocomplete: "off", class: 'input input-bordered w-full focus:outline-offset-0', placeholder: 'Confirm Password' %>
</div>
<div class="mb-3">
<%= f.password_field :current_password, autocomplete: "off", class: 'form-control', placeholder: 'Current Password' %>
<%= f.password_field :current_password, autocomplete: "off", class: 'input input-bordered w-full focus:outline-offset-0', placeholder: 'Current Password' %>
<p class="form-text text-muted"><small>We need your current password to confirm your changes</small></p>
</div>