agonzalezro

agonzalezro

Liveview with a form that includes several changesets

Hi :wave:

I am trying to create a live view that shows a form. This form will allow you to create an snapshot per each product you own. The snapshots saves a quantity and a reference to the product.

There is another field rate that I will remove from the snippets for simplicity:

# snapshot.ex
defmodule xxx.Snapshots.Snapshot do
  ...

  schema "snapshots" do
    embeds_many :items, Item do
      field(:quantity, :integer)

      belongs_to(:product, Product)

      timestamps()
    end
  end

  ...

  def new_item_changeset(snapshot, params \\ %{}) do
    snapshot
    |> cast(params, [:quantity, :product_id])
    |> validate_number(:quantity, greater_than_or_equal_to: 0)
  end
end

I have this view:

# dashboard_live.ex
defmodule xxxWeb.DashboardLive do
  ...

  @impl true
  def mount(_params, session, socket) do
    current_user = Accounts.get_user_by_session_token(session["user_token"])

    products = Products.get_by_user!(current_user)

    items =
      products
      |> Enum.map(fn product ->
        params = %{product_id: product.id}

        Snapshot.new_item_changeset(
          %Snapshot.Item{
            product: product # preload
          },
          params
        )
      end)

    form =
      Ecto.Changeset.put_embed(
        Ecto.Changeset.change(%Snapshot{}),
        :items,
        items
      )
      |> to_form

    {:ok,
     socket
     |> assign(:page_title, "Dashboard")
     |> assign(form: form |> IO.inspect())
     |> stream(:products, products)}
  end

  def render(%{live_action: :show} = assigns) do
    ~H"""
    <.form for={@form} phx-change="validate" phx-submit="save">
      <%= for snapshot <- @form.source.changes.items do %>
        <div><%= snapshot.data.product.description %></div>
        <%!-- <div><%= product.type %></div> --%>
        <.input type="number" field={snapshot[:quantity]} />
      <% end %>

      <%!-- <%= for item <- @form[:items] do %>
        <.input type="number" field={item[:quantity]} />
      <% end %>
      --%>
      <button>Add snapshot</button>
    </.form>
    """
  end
end

I have several questions here:

  1. I have added the embeds_many in the schema because it was the only way I found to create a form with several changesets. Is it right?
  2. Is belongs_to the best way to scheme this? A user has N products where N can be dynamic through time. The snapshot is a snapshot (sorry) of that moment in time adding the quantity of products they own.
  3. I am able to list the product description with <%= snapshot.data.product.description %> however I don’t know how to make the <.input /> work as it is a changeset inside a changeset and not a form.

Any other suggestion/help would be more than welcome. I am trying to do this to understand LiveViews so I want to be the closest to the “credo” as possible.

Thanks!

Marked As Solved

Where Next?

Popular in Questions Top

Kurisu
For example for a current url like http://localhost:4000/cosmetic/products?_utf8=✓&amp;query=perfume&amp;page=2, I would like to get: ...
New
mcarvalho
What is the difference between System.get_env and Application.get_env? For example, what are best practices to use one versus another.
New
chrisalley
ExUnit now has describe blocks which is a welcome addition coming from RSpec. In the docs, it states that nested hierarchies of describe ...
New
JeremM34
Hello, how can I check the Phoenix version ? Thanks !
New
jaysoifer
Is there a way to rollback a specific migration and only that one (“skipping” all the other ones)? Would mix ecto.rollback -v 200809061...
New
dokuzbir
I want to highlight html closing tags when i click a html tag. That works in .html files but doesnt work for html.eex templates. How can...
New
stefanluptak
Hello everybody, usually, I use a 29" ultra-wide monitor for VSCode which can easily accomodate explorer (files panel) + file with code ...
New
bsollish-terakeet
Credo is smart enough to check for (something like) this: assert length(the_list) == 0 with this response: Checking if an enum is empt...
New
ashish173
I am using Ecto timestamps with postgres, I can see the timestamps() use the :naive_dateime but for my use case I wanted to store the ti...
New
hariharasudhan94
I would like to know what is the best IDE for elixir development?
New

Other popular topics Top

9mm
I am constructing a JSON object (map) and I need to conditionally set a field. I’m trying to write proper elixir-way code… and I’m at a l...
New
Patoshizzle
After calling mix ecto.create I get this error: 17:00:32.162 [error] GenServer #PID&lt;0.412.0&gt; terminating ** (Postgrex.Error) FATAL...
New
ovidiubadita
Hey all, I discovered Elixir and I love it. I always wanted to learn a functional programming and I intended to go for Haskell, but afte...
New
jononomo
I am trying to figure out how Mix knows whether the environment is test, dev, or prod – where is this set? Thanks.
New
chrismccord
This release brings a number of exciting features, including integration with the new Phoenix LiveDashboard and Phoenix LiveView. There h...
New
RisingFromAshes
I’ve read in another post that it may be possible with a router helper - but I couldn’t find an appropriate one, and tbh, I’m still just ...
New
nsuchy
Hi. I’ve noticed that Windows Powershell has it’s own IEX command and you cannot access Elixir’s IEX due to the conflict. This isn’t a cr...
New
klo
Got a question about when to concat vs. prepending items to list then reversing to achieve appending. So i know lists boil down to [1 | ...
New
WestKeys
Currently suffering from paralysis by [HTTP client] analysis. This is rather unusual in Elixirland as there tends to be consensus on the ...
New
openscript
Hello! Sorry for this astonishing simple question, but I’m really stuck. I try to set up the intellij-elixir plugin, but I don’t know ho...
New

We're in Beta

About us Mission Statement