How to use phx.gen.html in an Ash setup?

ash_phoenix has mix ash_phoenix.gen.live. I think this might be what you are looking for.

I would like to know if this can be “fixed” in the controller only or if the views have to be changed too.

Oh, I misunderstood. As long as you return the same data as before, it will work. I only use the API part of Phoenix, so I’m unfamiliar with this layer. Still, I’m guessing from the code that I see here that you will probably run into problems with the changeset because the HTML generated from Phoenix probably expects normal Ecto Changesets, and you would have to do a lot yourself to handle all of this.

Yep. You would need to switch to use AshPhoenix.Form.

Something like:

def edit(conn, %{"id" => id}) do
  product = Shop.get_product!(id)
  form = AshPhoenix.Form.for_update(product, :update, actor: ..., api: YourApi)
  render(conn, :edit, product: product, form: form)
end

def update(conn, %{"id" => id, "product" => product_params}) do
  product = Product.by_id!(id)

  product
  |> AshPhoenix.Form.for_update(:update, actor: ..., api: YourApi)
  |> AshPhoenix.Form.submit()
  |> case do
    {:ok, product} ->
      conn
      |> put_flash(:info, "Product updated successfully.")
      |> redirect(to: ~p"/products/#{product}")

    {:error, form} ->
      render(conn, :edit, product: product, form: form)
  end
end

How would the template look like?

Given:

  def edit(conn, %{"id" => id}) do
    product = Product.by_id!(id)
    form = AshPhoenix.Form.for_update(product, :update, actor: nil, api: App.Shop)
    render(conn, :edit, product: product, form: form)
  end

I tried this for edit.html.eex

<.header>
  Edit Product <%= @product.id %>
  <:subtitle>Use this form to manage product records in your database.</:subtitle>
</.header>

<.simple_form for={@form}>
  <.input type="name" label="Name" field={@form[:name]} />
  <.input type="price" label="Price" field={@form[:price]} />
  <:actions>
    <.button>Save</.button>
  </:actions>
</.simple_form>

<.back navigate={~p"/products"}>Back to products</.back>

Which results into this error:

function AshPhoenix.Form.fetch/2 is undefined (AshPhoenix.Form does not implement 
the Access behaviour. If you are using get_in/put_in/update_in, you can specify the 
field to be accessed using Access.key!/1)

Ah right you need to call to_form on the ash form in newer phoenix versions

I can’t find to_form in the documentation and don’t know how to use it.
<.simple_form to_form={@form}> doesn’t work. How do I have to add it?

Like AshPhoenix.Form.for_create(…) |> to_form() this is what you have to do in live view at least if you got the same error there.

Come to think of it, the issue might actually be this:

<.simple_form :let={form} for={@form}>
  <.input type="name" label="Name" field={form[:name]} />
  <.input type="price" label="Price" field={form[:price]} />
  <:actions>
    <.button>Save</.button>
  </:actions>
</.simple_form>

You should be using the phoenix form when accessing the field.

That leads to a problem with the update function. Here’s the code:

The controller

  def edit(conn, %{"id" => id}) do
    product = Product.by_id!(id)

    form =
      AshPhoenix.Form.for_update(product, :update, actor: nil, api: App.Shop)

    render(conn, :edit, product: product, form: form)
  end

  def update(conn, %{"id" => id, "product" => product_params}) do
    product = Product.by_id!(id)

    case Product.update(product, product_params) do
      {:ok, product} ->
        conn
        |> put_flash(:info, "Product updated successfully.")
        |> redirect(to: ~p"/products/#{product}")

      {:error, %Ecto.Changeset{} = changeset} ->
        render(conn, :edit, product: product, changeset: changeset)
    end
  end

The template

<.header>
  Edit Product <%= @product.id %>
  <:subtitle>Use this form to manage product records in your database.</:subtitle>
</.header>

<.simple_form :let={f} for={@form} action={~p"/products/#{@product}"}>
  <.input field={f[:name]} type="text" label="Name" />
  <.input field={f[:price]} type="number" label="Price" step="any" />
  <:actions>
    <.button>Save Product</.button>
  </:actions>
</.simple_form>

<.back navigate={~p"/products"}>Back to products</.back>

The form is displayed. When I click on “Save Product” I get this error:
no function clause matching in AppWeb.ProductController.update/2

Bildschirmfoto 2023-10-10 um 13.44.312784×1664 265 KB