260 lines
7.7 KiB
Elixir
260 lines
7.7 KiB
Elixir
defmodule ChiyaWeb.UserSettingsLive do
|
|
use ChiyaWeb, :live_view
|
|
|
|
alias Chiya.Accounts
|
|
|
|
@impl true
|
|
def render(assigns) do
|
|
~H"""
|
|
<.header>Change Avatar</.header>
|
|
|
|
<img
|
|
class="rounded-lg w-28 mt-8"
|
|
src={ChiyaWeb.Uploaders.UserImage.url({@current_user.user_image, @current_user}, :thumb)}
|
|
/>
|
|
|
|
<.simple_form
|
|
for={@image_form}
|
|
id="image_form"
|
|
phx-submit="update_image"
|
|
phx-change="validate_image"
|
|
multipart={true}
|
|
>
|
|
<.live_upload upload={@uploads.avatar} />
|
|
|
|
<:actions>
|
|
<.button phx-disable-with="Changing...">Change Avatar</.button>
|
|
</:actions>
|
|
</.simple_form>
|
|
|
|
<.line />
|
|
|
|
<.header>Change Profile</.header>
|
|
|
|
<.simple_form
|
|
for={@profile_form}
|
|
id="profile_form"
|
|
phx-submit="update_profile"
|
|
phx-change="validate_profile"
|
|
>
|
|
<.input field={@profile_form[:name]} label="Name" required />
|
|
<.input field={@profile_form[:handle]} label="Handle" required />
|
|
<.input field={@profile_form[:bio]} type="textarea" label="Bio" required />
|
|
|
|
<:actions>
|
|
<.button phx-disable-with="Changing...">Change Email</.button>
|
|
</:actions>
|
|
</.simple_form>
|
|
|
|
<.line />
|
|
|
|
<.header>Change Email</.header>
|
|
|
|
<.simple_form
|
|
for={@email_form}
|
|
id="email_form"
|
|
phx-submit="update_email"
|
|
phx-change="validate_email"
|
|
>
|
|
<.input field={@email_form[:email]} type="email" label="Email" required />
|
|
<.input
|
|
field={@email_form[:current_password]}
|
|
name="current_password"
|
|
id="current_password_for_email"
|
|
type="password"
|
|
label="Current password"
|
|
value={@email_form_current_password}
|
|
required
|
|
/>
|
|
<:actions>
|
|
<.button phx-disable-with="Changing...">Change Email</.button>
|
|
</:actions>
|
|
</.simple_form>
|
|
|
|
<.line />
|
|
|
|
<.header>Change Password</.header>
|
|
|
|
<.simple_form
|
|
for={@password_form}
|
|
id="password_form"
|
|
action={~p"/user/log_in?_action=password_updated"}
|
|
method="post"
|
|
phx-change="validate_password"
|
|
phx-submit="update_password"
|
|
phx-trigger-action={@trigger_submit}
|
|
>
|
|
<.input field={@password_form[:email]} type="hidden" value={@current_email} />
|
|
<.input field={@password_form[:password]} type="password" label="New password" required />
|
|
<.input
|
|
field={@password_form[:password_confirmation]}
|
|
type="password"
|
|
label="Confirm new password"
|
|
/>
|
|
<.input
|
|
field={@password_form[:current_password]}
|
|
name="current_password"
|
|
type="password"
|
|
label="Current password"
|
|
id="current_password_for_password"
|
|
value={@current_password}
|
|
required
|
|
/>
|
|
<:actions>
|
|
<.button phx-disable-with="Changing...">Change Password</.button>
|
|
</:actions>
|
|
</.simple_form>
|
|
"""
|
|
end
|
|
|
|
@impl true
|
|
def mount(%{"token" => token}, _session, socket) do
|
|
socket =
|
|
case Accounts.update_user_email(socket.assigns.current_user, token) do
|
|
:ok ->
|
|
put_flash(socket, :info, "Email changed successfully.")
|
|
|
|
:error ->
|
|
put_flash(socket, :error, "Email change link is invalid or it has expired.")
|
|
end
|
|
|
|
{:ok, push_navigate(socket, to: ~p"/user/settings")}
|
|
end
|
|
|
|
def mount(_params, _session, socket) do
|
|
user = socket.assigns.current_user
|
|
email_changeset = Accounts.change_user_email(user)
|
|
password_changeset = Accounts.change_user_password(user)
|
|
image_changeset = Accounts.change_user_image(user)
|
|
profile_changeset = Accounts.change_user_profile(user)
|
|
|
|
socket =
|
|
socket
|
|
|> assign(:current_user, user)
|
|
|> assign(:current_password, nil)
|
|
|> assign(:email_form_current_password, nil)
|
|
|> assign(:current_email, user.email)
|
|
|> assign(:email_form, to_form(email_changeset))
|
|
|> assign(:password_form, to_form(password_changeset))
|
|
|> assign(:profile_form, to_form(profile_changeset))
|
|
|> assign(:image_form, to_form(image_changeset))
|
|
|> assign(:trigger_submit, false)
|
|
|> assign(:uploaded_files, [])
|
|
|> allow_upload(:avatar, accept: ~w(.jpg .jpeg .gif .png), max_entries: 1)
|
|
|
|
{:ok, socket}
|
|
end
|
|
|
|
@impl Phoenix.LiveView
|
|
def handle_event("validate_image", _params, socket) do
|
|
{:noreply, socket}
|
|
end
|
|
|
|
@impl Phoenix.LiveView
|
|
def handle_event("cancel-upload", %{"ref" => ref}, socket) do
|
|
{:noreply, cancel_upload(socket, :avatar, ref)}
|
|
end
|
|
|
|
@impl Phoenix.LiveView
|
|
def handle_event("update_image", _params, socket) do
|
|
user = socket.assigns.current_user
|
|
|
|
uploaded_files =
|
|
consume_uploaded_entries(socket, :avatar, fn %{path: path}, _entry ->
|
|
{:ok, _user} = Accounts.update_user_image(user, %{user_image: path})
|
|
{:ok, path}
|
|
end)
|
|
|
|
{:noreply,
|
|
socket
|
|
|> update(:uploaded_files, &(&1 ++ uploaded_files))
|
|
|> assign(:user, Accounts.get_user!(user.id))}
|
|
end
|
|
|
|
def handle_event("validate_profile", params, socket) do
|
|
%{"user" => user_params} = params
|
|
|
|
profile_form =
|
|
socket.assigns.current_user
|
|
|> Accounts.change_user_profile(user_params)
|
|
|> Map.put(:action, :validate)
|
|
|> to_form()
|
|
|
|
{:noreply, assign(socket, profile_form: profile_form)}
|
|
end
|
|
|
|
def handle_event("update_profile", params, socket) do
|
|
%{"user" => user_params} = params
|
|
user = socket.assigns.current_user
|
|
|
|
case Accounts.update_user_profile(user, user_params) do
|
|
{:ok, _updated_user} ->
|
|
{:noreply, socket |> put_flash(:info, "User updated!")}
|
|
|
|
{:error, changeset} ->
|
|
{:noreply, assign(socket, :profile_form, to_form(Map.put(changeset, :action, :insert)))}
|
|
end
|
|
end
|
|
|
|
def handle_event("validate_email", params, socket) do
|
|
%{"current_password" => password, "user" => user_params} = params
|
|
|
|
email_form =
|
|
socket.assigns.current_user
|
|
|> Accounts.change_user_email(user_params)
|
|
|> Map.put(:action, :validate)
|
|
|> to_form()
|
|
|
|
{:noreply, assign(socket, email_form: email_form, email_form_current_password: password)}
|
|
end
|
|
|
|
def handle_event("update_email", params, socket) do
|
|
%{"current_password" => password, "user" => user_params} = params
|
|
user = socket.assigns.current_user
|
|
|
|
case Accounts.apply_user_email(user, password, user_params) do
|
|
{:ok, applied_user} ->
|
|
Accounts.deliver_user_update_email_instructions(
|
|
applied_user,
|
|
user.email,
|
|
&url(~p"/user/settings/confirm_email/#{&1}")
|
|
)
|
|
|
|
info = "A link to confirm your email change has been sent to the new address."
|
|
{:noreply, socket |> put_flash(:info, info) |> assign(email_form_current_password: nil)}
|
|
|
|
{:error, changeset} ->
|
|
{:noreply, assign(socket, :email_form, to_form(Map.put(changeset, :action, :insert)))}
|
|
end
|
|
end
|
|
|
|
def handle_event("validate_password", params, socket) do
|
|
%{"current_password" => password, "user" => user_params} = params
|
|
|
|
password_form =
|
|
socket.assigns.current_user
|
|
|> Accounts.change_user_password(user_params)
|
|
|> Map.put(:action, :validate)
|
|
|> to_form()
|
|
|
|
{:noreply, assign(socket, password_form: password_form, current_password: password)}
|
|
end
|
|
|
|
def handle_event("update_password", params, socket) do
|
|
%{"current_password" => password, "user" => user_params} = params
|
|
user = socket.assigns.current_user
|
|
|
|
case Accounts.update_user_password(user, password, user_params) do
|
|
{:ok, user} ->
|
|
password_form =
|
|
user
|
|
|> Accounts.change_user_password(user_params)
|
|
|> to_form()
|
|
|
|
{:noreply, assign(socket, trigger_submit: true, password_form: password_form)}
|
|
|
|
{:error, changeset} ->
|
|
{:noreply, assign(socket, password_form: to_form(changeset))}
|
|
end
|
|
end
|
|
end
|