2023-03-09 07:28:06 +01:00
|
|
|
defmodule ChiyaWeb.NoteShowLive do
|
|
|
|
use ChiyaWeb, :live_view
|
|
|
|
|
|
|
|
alias Chiya.Notes
|
|
|
|
|
|
|
|
@impl true
|
|
|
|
def render(assigns) do
|
2023-03-09 21:04:16 +01:00
|
|
|
channels = Enum.map_join(assigns.note.channels, ", ", fn c -> c.name end)
|
2023-03-09 21:46:07 +01:00
|
|
|
assigns = assign(assigns, :channels, channels)
|
2023-03-09 21:04:16 +01:00
|
|
|
|
2023-03-09 07:28:06 +01:00
|
|
|
~H"""
|
|
|
|
<.header>
|
|
|
|
Note <%= @note.id %>
|
|
|
|
<:subtitle>This is a note record from your database.</:subtitle>
|
|
|
|
<:actions>
|
|
|
|
<.link href={~p"/admin/notes/#{@note}/edit"}>
|
|
|
|
<.button>Edit note</.button>
|
|
|
|
</.link>
|
2023-03-13 05:59:29 +01:00
|
|
|
<.link href={~p"/n/#{@note.slug}"}>
|
|
|
|
<.button>Preview note</.button>
|
|
|
|
</.link>
|
2023-03-09 07:28:06 +01:00
|
|
|
</:actions>
|
|
|
|
</.header>
|
|
|
|
|
|
|
|
<.list>
|
|
|
|
<:item title="Name"><%= @note.name %></:item>
|
|
|
|
<:item title="Content"><%= @note.content %></:item>
|
|
|
|
<:item title="Slug"><%= @note.slug %></:item>
|
|
|
|
<:item title="Published at"><%= @note.published_at %></:item>
|
|
|
|
<:item title="Kind"><%= @note.kind %></:item>
|
|
|
|
<:item title="Url"><%= @note.url %></:item>
|
2023-03-09 21:46:07 +01:00
|
|
|
<:item title="Channels"><%= @channels %></:item>
|
2023-03-09 15:03:22 +01:00
|
|
|
</.list>
|
|
|
|
|
2023-03-09 07:28:06 +01:00
|
|
|
<.line />
|
|
|
|
|
2023-03-09 21:04:16 +01:00
|
|
|
<%= if !Enum.empty?(@note.images) do %>
|
2023-03-22 08:37:52 +01:00
|
|
|
<div class="flex flex-wrap gap-3" id="images">
|
2023-03-09 21:44:29 +01:00
|
|
|
<%= for image <- @note.images do %>
|
|
|
|
<article>
|
|
|
|
<a href={"#image-#{image.id}"}>
|
|
|
|
<img
|
|
|
|
class="rounded-lg w-28 "
|
2023-03-23 08:17:47 +01:00
|
|
|
src={ChiyaWeb.Uploaders.NoteImage.url({image.path, image}, :thumb_dithered)}
|
2023-03-09 21:44:29 +01:00
|
|
|
/>
|
|
|
|
</a>
|
2023-03-17 20:46:25 +01:00
|
|
|
<p class="text-center text-xs text-gray-700 dark:text-gray-300">
|
2023-03-09 21:44:29 +01:00
|
|
|
<a
|
|
|
|
href="#"
|
|
|
|
phx-click="delete_image"
|
|
|
|
phx-value-id={image.id}
|
|
|
|
data-confirm="Are you sure?"
|
|
|
|
>
|
|
|
|
Delete image
|
|
|
|
</a>
|
|
|
|
</p>
|
|
|
|
|
2023-03-22 08:37:52 +01:00
|
|
|
<a href="#images" class="lightbox" id={"image-#{image.id}"}>
|
2023-03-23 08:17:47 +01:00
|
|
|
<span style={"background-image: url('#{ChiyaWeb.Uploaders.NoteImage.url({image.path, image}, :full_dithered)}')"}>
|
2023-03-09 21:44:29 +01:00
|
|
|
</span>
|
|
|
|
</a>
|
|
|
|
</article>
|
|
|
|
<% end %>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<.line />
|
2023-03-09 21:04:16 +01:00
|
|
|
<% end %>
|
2023-03-09 07:28:06 +01:00
|
|
|
|
|
|
|
<.header>
|
|
|
|
Note Images
|
|
|
|
<:subtitle>Add images here</:subtitle>
|
|
|
|
</.header>
|
|
|
|
|
|
|
|
<.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</.button>
|
|
|
|
</:actions>
|
|
|
|
</.simple_form>
|
|
|
|
|
|
|
|
<.back navigate={~p"/admin/notes"}>Back to notes</.back>
|
|
|
|
"""
|
|
|
|
end
|
|
|
|
|
|
|
|
@impl true
|
|
|
|
def mount(%{"id" => note_id}, _session, socket) do
|
|
|
|
image_changeset = Notes.change_note_image(%Chiya.Notes.NoteImage{})
|
|
|
|
|
|
|
|
{:ok,
|
|
|
|
socket
|
|
|
|
|> assign(:note, Notes.get_note_preloaded!(note_id))
|
|
|
|
|> assign(:uploaded_files, [])
|
|
|
|
|> 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
|
2023-03-09 21:04:16 +01:00
|
|
|
|
|
|
|
@impl Phoenix.LiveView
|
|
|
|
def handle_event("delete_image", %{"id" => id}, socket) do
|
2023-03-09 21:44:29 +01:00
|
|
|
:ok =
|
|
|
|
Notes.get_note_image!(id)
|
|
|
|
|> Notes.delete_note_image()
|
2023-03-09 21:04:16 +01:00
|
|
|
|
|
|
|
{:noreply, assign(socket, :note, Notes.get_note_preloaded!(socket.assigns.note.id))}
|
|
|
|
end
|
2023-03-09 07:28:06 +01:00
|
|
|
end
|