153 lines
4.2 KiB
Elixir
153 lines
4.2 KiB
Elixir
defmodule ZoeyscomputerWeb.ImageLive.FormComponent do
|
|
import Mogrify
|
|
alias Zoeyscomputer.IdGenerator
|
|
use ZoeyscomputerWeb, :live_component
|
|
|
|
alias Zoeyscomputer.Images
|
|
|
|
@impl true
|
|
def render(assigns) do
|
|
~H"""
|
|
<div>
|
|
<.header>
|
|
<%= @title %>
|
|
<:subtitle>Use this form to manage image records in your database.</:subtitle>
|
|
</.header>
|
|
|
|
<.simple_form
|
|
for={@form}
|
|
id="image-form"
|
|
phx-target={@myself}
|
|
phx-change="validate"
|
|
phx-submit="save"
|
|
>
|
|
<.live_file_input upload={@uploads.image} />
|
|
<section phx-drop-target={@uploads.image.ref}>
|
|
<%= for entry <- @uploads.image.entries do %>
|
|
<article class="upload-entry">
|
|
<figure>
|
|
<.live_img_preview entry={entry} />
|
|
<figcaption><%= entry.client_name %></figcaption>
|
|
</figure>
|
|
<progress class="w-full" value={entry.progress} max="100">
|
|
<%= entry.progress %>
|
|
</progress>
|
|
</article>
|
|
<% end %>
|
|
|
|
<%= for err <- upload_errors(@uploads.image) do %>
|
|
<p class="alert alert-danger"><%= error_to_string(err) %></p>
|
|
<% end %>
|
|
</section>
|
|
<:actions>
|
|
<.button phx-disable-with="Saving...">Save Image</.button>
|
|
</:actions>
|
|
</.simple_form>
|
|
</div>
|
|
"""
|
|
end
|
|
|
|
defp error_to_string(:too_large), do: "Too Large"
|
|
defp error_to_string(:not_accepted), do: "Not Accepted"
|
|
|
|
defp error_to_string(:too_manu_files), do: "Too many files!"
|
|
|
|
@impl true
|
|
def update(%{image: image} = assigns, socket) do
|
|
socket =
|
|
socket
|
|
|> assign(:uploaded_files, [])
|
|
|> allow_upload(:image, accept: ~w(.jpg .jpeg .png), max_entries: 2)
|
|
|
|
{:ok,
|
|
socket
|
|
|> assign(assigns)
|
|
|> assign_new(:form, fn ->
|
|
to_form(Images.change_image(image))
|
|
end)}
|
|
end
|
|
|
|
@impl true
|
|
def handle_event("validate", %{"image" => image_params}, socket) do
|
|
changeset = Images.change_image(socket.assigns.image, image_params)
|
|
{:noreply, assign(socket, form: to_form(changeset, action: :validate))}
|
|
end
|
|
|
|
@impl true
|
|
def handle_event("save", _params, socket) do
|
|
uploaded_files =
|
|
consume_uploaded_entries(socket, :image, fn %{path: path}, _entry ->
|
|
dest = Path.join("/tmp/", Path.basename(path))
|
|
File.cp(path, dest)
|
|
|
|
handle_upload(dest)
|
|
end)
|
|
|
|
update(socket, :uploaded_files, &(&1 ++ uploaded_files))
|
|
|
|
save_image(socket, socket.assigns.action, %{file: uploaded_files})
|
|
end
|
|
|
|
@impl true
|
|
def handle_event("validate", _params, socket) do
|
|
{:noreply, socket}
|
|
end
|
|
|
|
@impl true
|
|
def handle_event("cancel-upload", %{"ref" => ref}, socket) do
|
|
{:noreply, cancel_upload(socket, :image, ref)}
|
|
end
|
|
|
|
defp save_image(socket, :edit, image_params) do
|
|
case Images.update_image(socket.assigns.image, image_params) do
|
|
{:ok, image} ->
|
|
notify_parent({:saved, image})
|
|
|
|
{:noreply,
|
|
socket
|
|
|> put_flash(:info, "Image updated successfully")
|
|
|> push_patch(to: socket.assigns.patch)}
|
|
|
|
{:error, %Ecto.Changeset{} = changeset} ->
|
|
{:noreply, assign(socket, form: to_form(changeset))}
|
|
end
|
|
end
|
|
|
|
defp handle_upload(path) do
|
|
id = IdGenerator.generate()
|
|
key = "uploads/#{id}.png"
|
|
bucket = "imgs"
|
|
|
|
try do
|
|
image = open(path) |> format("png") |> save()
|
|
IO.inspect(image)
|
|
|
|
{:ok, new_file_binary} = File.read(image.path)
|
|
|
|
case ExAws.S3.put_object(bucket, key, new_file_binary, %{content_type: "image/png"})
|
|
|> ExAws.request() do
|
|
{:ok, _response} -> {:ok, id}
|
|
{:error, reason} -> {:error, reason}
|
|
end
|
|
after
|
|
File.rm(path)
|
|
end
|
|
end
|
|
|
|
defp save_image(socket, :new, image_params) do
|
|
case Images.create_image(image_params) do
|
|
{:ok, image} ->
|
|
notify_parent({:saved, image})
|
|
|
|
{:noreply,
|
|
socket
|
|
|> put_flash(:info, "Image created successfully")
|
|
|> push_patch(to: socket.assigns.patch)}
|
|
|
|
{:error, %Ecto.Changeset{} = changeset} ->
|
|
{:noreply, assign(socket, form: to_form(changeset))}
|
|
end
|
|
end
|
|
|
|
defp notify_parent(msg), do: send(self(), {__MODULE__, msg})
|
|
end
|