defmodule ChiyaWeb.NoteShowLive do
use ChiyaWeb, :live_view
alias Chiya.Notes
alias Chiya.Notes.NoteImage
@impl true
def render(assigns) do
channels = Enum.map_join(assigns.note.channels, ", ", fn c -> c.name end)
assigns = assign(assigns, :channels, channels)
~H"""
<.header>
<%= @note.name %>
<:subtitle>
[[<%= @note.slug %>]]
<:actions>
<.link href={~p"/admin/notes/#{@note}/edit"}>
<.button>Edit
<.link href={~p"/#{@note.slug}"}>
<.button>Preview
<.link href={~p"/admin/notes/#{@note}/raw"}>
<.button>Raw
<.list>
<:item title="Published at">
<%= pretty_date(@note.published_at) %> (<%= from_now(@note.published_at) %>)
<:item title="Channels"><%= @channels %>
<:item title="Kind"><%= @note.kind %>
<:item title="Url"><%= @note.url %>
<:item title="Tags"><%= note_tags(@note.tags) %>
<:item title="Links outgoing"><%= note_links(@note.links_to) %>
<:item title="Links incoming"><%= note_links(@note.links_from) %>
<.line />
<%= if !Enum.empty?(@note.images) do %>
<.line />
<% end %>
<.header>
Note Images
<:subtitle>Add images here
<.simple_form
for={@image_form}
id="image_form"
phx-submit="update_image"
phx-change="validate_image"
multipart={true}
>
<.live_upload upload={@uploads.note_images} />
<:actions>
<.button phx-disable-with="Changing...">Add Images
<.back navigate={~p"/admin/notes"}>Back to notes
"""
end
@impl true
def mount(%{"id" => note_id}, _session, socket) do
image_changeset = Notes.change_note_image(%NoteImage{})
{:ok,
socket
|> assign(:note, Notes.get_note_preloaded!(note_id))
|> assign(:uploaded_files, [])
|> assign(:image_edit_form, to_form(image_changeset))
|> assign(:image_form, to_form(image_changeset))
|> allow_upload(:note_images, accept: ~w(.jpg .jpeg .gif .png), max_entries: 100)}
end
def handle_event("validate_image", _params, socket) do
{:noreply, socket}
end
@impl Phoenix.LiveView
def handle_event("cancel-upload", %{"ref" => ref}, socket) do
{:noreply, cancel_upload(socket, :note_images, ref)}
end
@impl Phoenix.LiveView
def handle_event("update_image", _params, socket) do
uploaded_files =
consume_uploaded_entries(socket, :note_images, fn %{path: path}, _entry ->
{:ok, _note_image} =
Notes.create_note_image(%{
path: path,
note_id: socket.assigns.note.id
})
{:ok, path}
end)
{:noreply,
socket
|> update(:uploaded_files, &(&1 ++ uploaded_files))
|> assign(:note, Notes.get_note_preloaded!(socket.assigns.note.id))}
end
def handle_event("validate_edit_image", assigns, socket) do
{:noreply,
socket
|> assign(
:image_edit_form,
to_form(Notes.change_note_image(%NoteImage{}, assigns))
)}
end
def handle_event("update_edit_image", %{"id" => id} = assigns, socket) do
id
|> Notes.get_note_image!()
|> Notes.update_note_image(assigns)
{:noreply, socket}
end
@impl Phoenix.LiveView
def handle_event("delete_image", %{"id" => id}, socket) do
:ok =
Notes.get_note_image!(id)
|> Notes.delete_note_image()
{:noreply, assign(socket, :note, Notes.get_note_preloaded!(socket.assigns.note.id))}
end
defp note_links(notes), do: Enum.map_join(notes, ", ", fn n -> n.name end)
defp note_tags(tags), do: Enum.map_join(tags, ", ", fn t -> t.name end)
end