Kapeusz

Kapeusz

Image upload using Arc and nested form

Hi,

I have two models, Product and Category. After help I got from here I could add/edit a product with the chosen category, but now after I set up Arc I face same error again: assign @categories not available in eex template, when I try to add or edit a product. Anyone has an idea what I could have done wrong?

My schemas:

      schema "products" do
        field :avdate, :date
        field :description, :string
        field :name, :string
        field :price, :float
        field :prodimg, ShopifyWeb.DisplayImage.Type
        field :quantity, :integer
        field :subcategory, :integer
        belongs_to :category, Shopify.Departments.Category
        has_many :comments, Shopify.Reviews.Comment
        timestamps()
      end
    
      @doc false
      def changeset(product, attrs) do
        product
        |> cast(attrs, [:name, :quantity, :price, :subcategory, :description, :avdate, :category_id])
        |> cast_attachments(attrs, [:prodimg])
        |> validate_required([:name, :quantity, :price, :subcategory, :description, :avdate, :category_id])
    
      end
 ---
      schema "categories" do
        field :name, :string
        field :subcategory, :string
        has_many :products, Shopify.Inventory.Product
        timestamps()
      end
    
      @doc false
      def changeset(category, attrs) do
        category
        |> cast(attrs, [:name, :subcategory])
        |> validate_required([:name, :subcategory])
      end
New/Edit in product controller:

      def new(conn, _params) do
        changeset = Inventory.change_product(%Product{})
        categories = Repo.all(Category) |> Enum.map(&{&1.name, &1.id})
        render(conn, "new.html", changeset: changeset, categories: categories)
      end
    
      def create(conn, %{"product" => product_params}) do
        case Inventory.create_product(product_params) do
          {:ok, product} ->
            conn
            |> put_flash(:info, "Product created successfully.")
            |> redirect(to: Routes.product_path(conn, :show, product))
    
          {:error, %Ecto.Changeset{} = changeset} ->
            render(conn, "new.html", changeset: changeset)
        end
      end
    
      def show(conn, %{"id" => id}) do
        product = Inventory.get_product!(id)
    
        comment_changeset = Reviews.change_comment(%Comment{})
        render(conn, "show.html", product: product, comment_changeset: comment_changeset)
      end
    
      def edit(conn, %{"id" => id}) do
        product = Inventory.get_product!(id)
        changeset = Inventory.change_product(product)
        categories = Repo.all(Category) |> Enum.map(&{&1.name, &1.id})
        render(conn, "edit.html", product: product,  changeset: changeset, categories: categories)
      end
    
      def update(conn, %{"id" => id, "product" => product_params}) do
        product = Inventory.get_product!(id)
    
        case Inventory.update_product(product, product_params) do
          {:ok, product} ->
            conn
            |> put_flash(:info, "Product updated successfully.")
            |> redirect(to: Routes.product_path(conn, :show, product))
    
          {:error, %Ecto.Changeset{} = changeset} ->
            render(conn, "edit.html", product: product, changeset: changeset)
        end
      end

My image uploader:

      @acl :public_read
      @versions [:primary, :thumbnail]
    
      def transform(:primary, {_file, _product}) do
        {:convert, "-resize 50%"}
      end
    
      def transform(:thumbnail, {_file, _product}) do
        {:convert, "-resize 25%"}
      end
    
      def validate({file, _product}) do
        file_extension = file.file_name
        |> Path.extname()
        |> String.downcase()
    
        Enum.member?([".png"], file_extension)
      end
    
      def s3_object_headers(:primary, {file, _product}) do
        %{content_type: MIME.from_path(file.file_name)}
      end
    
    
    
    
      def default_url(:primary, _product) do
        "http://placehold.it/350x200"
      end
    
      def default_url(:thumbnail, _product) do
        "http://placehold.it/175x100"
      end
    
    end

Display image in product_view.ex

      def display_image(product, version) do
        {product.prodimg, product}
        |> DisplayImage.url(version)
        |> img_tag()
      end
    end

And my product form

    <%= form_for @changeset, @action, [multipart: true], fn f -> %>
      <%= if @changeset.action do %>
        <div class="alert alert-danger">
          <p>Oops, something went wrong! Please check the errors below.</p>
        </div>
      <% end %>
    
      <%= label f, :name %>
      <%= text_input f, :name %>
      <%= error_tag f, :name %>
    
      <%= label f, :quantity %>
      <%= number_input f, :quantity %>
      <%= error_tag f, :quantity %>
    
      <%= label f, :price %>
      <%= number_input f, :price %>
      <%= error_tag f, :price %>
    
      <div class="form-group">
        <%= select f, :category_id, @categories %>
        <p class="help is-danger"><%= error_tag f, :category %></p>
      </div>
    
    
      <%= label f, :subcategory %>
      <%= number_input f, :subcategory %>
      <%= error_tag f, :subcategory %>
    
      <%= label f, :description %>
      <%= text_input f, :description %>
      <%= error_tag f, :description %>
    
      <%= label f, :avdate %>
      <%= date_select f, :avdate %>
      <%= error_tag f, :avdate %>
    
        <div class="form-group">
          <%= label f, :prodimg, class: "control-label" %>
          <%= file_input f, :prodimg, class: "form-control" %>
          <%= error_tag f, :prodimg %>
        </div>
    
    
      <div>
        <%= submit "Save" %>
      </div>
    <% end %>

Marked As Solved

kokolegorille

kokolegorille

Whenever You fail to create, or update, You rerender new.html, or update.html, but You don’t pass categories. So the template is not happy…

Like here… no categories are passed to the template. That’s why You have this error.

Last Post!

Kapeusz

Kapeusz

Thanks for the help! I changed that. However, now i cannot add/edit a product because of an error “Is invalid” when I try to upload an image, in console:
[error] {:error, ["Invalid Parameter - /plug-1591\r\n", "Invalid Parameter - /plug-1591\r\n"]}
I totally don’t understand this error. I am trying to upload .png files just as stated in my uploader. When I add/edit a product without uploading any image everything works fine. Thanks in advance!

Where Next?

Popular in Questions Top

electic
Hi, I am new to Elixir. I am trying to use the DateTime component to insert a date into MySQL however the there seems to be no way to fo...
New
lanycrost
Hi everyone! I need implement if…else if…else condition from my elixir code, and anymore of this control flow structures not work proper...
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
aalberti333
As the title describes, I’m trying to run Enum.map() over a list of key/value pairs, where the value is a map. My data looks like this: ...
New
siddhant3030
Hi, I have to write a raw query for one of my project. But till now I have used ecto queries and don’t have much experience writing raw ...
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
svb
Hi! Currently I want to submit a form by pressing the Enter key. However, since my input field is of type “textarea” this is just adds a...
New

Other popular topics Top

JeremM34
Hello, how can I check the Phoenix version ? Thanks !
New
minhajuddin
I have seen a lot of code which picks the first element from a list using Enum.at(0) instead of List.first. Is there a reason why people ...
New
hariharasudhan94
I would like to know what is the best IDE for elixir development?
New
AstonJ
Seen any cool LiveView demos, sample apps or examples? Please post them here! :003:
New
siddhant3030
Hi, I have to write a raw query for one of my project. But till now I have used ecto queries and don’t have much experience writing raw ...
New
jason.o
In the code below, if the create action is not set to accept “extra_key” as an input, it errors out with a message shown above. Is there ...
New

We're in Beta

About us Mission Statement