Claudio Ortolina
77 lines
2.0 KiB
Elixir
77 lines
2.0 KiB
Elixir
defmodule MusicLibraryWeb.NotesComponent do
|
|
use MusicLibraryWeb, :live_component
|
|
|
|
alias MusicLibrary.Records
|
|
|
|
def open(id), do: Fluxon.open_dialog(id)
|
|
|
|
@impl true
|
|
def update(assigns, socket) do
|
|
changeset =
|
|
assigns.record
|
|
|> Records.change_record()
|
|
|
|
{:ok,
|
|
socket
|
|
|> assign(assigns)
|
|
|> assign(:form, to_form(changeset))}
|
|
end
|
|
|
|
@impl true
|
|
def render(assigns) do
|
|
~H"""
|
|
<div>
|
|
<.sheet
|
|
id={@sheet_id}
|
|
placement="right"
|
|
class="min-w-xs sm:min-w-sm"
|
|
>
|
|
<.simple_form
|
|
for={@form}
|
|
id="record-notes-form"
|
|
phx-target={@myself}
|
|
phx-change="validate"
|
|
phx-auto-recover="recover_form"
|
|
phx-submit="save"
|
|
>
|
|
<.textarea class="w-full h-96" field={@form[:notes]} label={gettext("Notes")} />
|
|
<:actions>
|
|
<div class="w-full md:flex md:justify-center">
|
|
<.button
|
|
variant="solid"
|
|
class="w-full md:w-auto"
|
|
phx-disable-with={gettext("Saving...")}
|
|
>
|
|
{gettext("Save")}
|
|
</.button>
|
|
</div>
|
|
</:actions>
|
|
</.simple_form>
|
|
</.sheet>
|
|
</div>
|
|
"""
|
|
end
|
|
|
|
@impl true
|
|
def handle_event("validate", %{"record" => record_params}, socket) do
|
|
changeset = Records.change_record(socket.assigns.record, record_params)
|
|
{:noreply, assign(socket, form: to_form(changeset, action: :validate))}
|
|
end
|
|
|
|
def handle_event("save", %{"record" => record_params}, socket) do
|
|
case Records.update_record(socket.assigns.record, record_params) do
|
|
{:ok, _record} ->
|
|
{:noreply,
|
|
socket
|
|
|> put_toast(:info, gettext("Record updated successfully"))}
|
|
|
|
{:error, %Ecto.Changeset{} = changeset} ->
|
|
{:noreply, assign(socket, form: to_form(changeset))}
|
|
end
|
|
end
|
|
|
|
def handle_event("recover_form", params, socket) do
|
|
handle_event("validate", params, socket)
|
|
end
|
|
end
|