defmodule LivebookWeb.Output.ControlFormComponent do use LivebookWeb, :live_component @impl true def mount(socket) do {:ok, assign(socket, data: %{})} end @impl true def update(assigns, socket) do prev_data = socket.assigns.data socket = assign(socket, assigns) data = Map.new(assigns.attrs.fields, fn {field, input_attrs} -> {field, assigns.input_values[input_attrs.id]} end) if data != prev_data do change_data = for {field, value} <- data, assigns.attrs.report_changes[field], into: %{}, do: {field, value} if change_data != %{} do report_event(socket, %{type: :change, data: change_data}) end end {:ok, assign(socket, data: data)} end @impl true def render(%{attrs: %{type: :form}} = assigns) do ~H"""
<%= for {_field, input_attrs} <- @attrs.fields do %> <.live_component module={LivebookWeb.Output.InputComponent} id={"#{@id}-#{input_attrs.id}"} attrs={input_attrs} input_values={@input_values} local={true} /> <% end %> <%= if @attrs.submit do %>
<% end %>
""" end @impl true def handle_event("submit", %{}, socket) do report_event(socket, %{type: :submit, data: socket.assigns.data}) if socket.assigns.attrs.reset_on_submit do reset_inputs(socket) end {:noreply, socket} end defp report_event(socket, attrs) do topic = socket.assigns.attrs.ref event = Map.merge(%{origin: socket.assigns.client_id}, attrs) send(socket.assigns.attrs.destination, {:event, topic, event}) end defp reset_inputs(socket) do values = for {field, input_attrs} <- socket.assigns.attrs.fields, field in socket.assigns.attrs.reset_on_submit, do: {input_attrs.id, input_attrs.default} send(self(), {:set_input_values, values, true}) end end