Raw edit notes

2025-09-05 10:27:57 +03:00
parent 45134d3f96
commit 94f381e3c3
4 changed files with 121 additions and 0 deletions
@@ -0,0 +1,76 @@
+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