<.live_component
id="embed-component"
module={ClaperWeb.EventLive.EmbedIframeComponent}
diff --git a/lib/claper_web/live/event_live/embed_iframe_component.ex b/lib/claper_web/live/event_live/embed_iframe_component.ex
index d746cca0..f8d12786 100644
--- a/lib/claper_web/live/event_live/embed_iframe_component.ex
+++ b/lib/claper_web/live/event_live/embed_iframe_component.ex
@@ -3,7 +3,14 @@ defmodule ClaperWeb.EventLive.EmbedIframeComponent do
def render(assigns) do
~H"""
-
+
+
<%= case @provider do %>
<% "youtube" -> %>
<% "custom" -> %>
- {raw(@content)}
+
+ {raw(@content)}
+
<% end %>
"""
diff --git a/lib/claper_web/live/event_live/manage.ex b/lib/claper_web/live/event_live/manage.ex
index cd03b67f..716d7aae 100644
--- a/lib/claper_web/live/event_live/manage.ex
+++ b/lib/claper_web/live/event_live/manage.ex
@@ -65,6 +65,12 @@ defmodule ClaperWeb.EventLive.Manage do
timeout: 500
})
|> interactions_at_position(event.presentation_file.presentation_state.position)
+ |> note_at_position(event.presentation_file.presentation_state.position)
+ |> allow_upload(:slide_image,
+ accept: ~w(.png .jpg .jpeg),
+ max_entries: 1,
+ max_file_size: 15_000_000
+ )
{:ok, socket}
end
@@ -302,6 +308,181 @@ defmodule ClaperWeb.EventLive.Manage do
{:noreply, socket}
end
+ @impl true
+ def handle_event("show-add-slide", _params, socket) do
+ {:noreply,
+ socket
+ |> assign(:create, "slide")
+ |> assign(:interaction_modal, true)}
+ end
+
+ def handle_event("validate-slide", _params, socket) do
+ {:noreply, socket}
+ end
+
+ def handle_event("cancel-slide-upload", %{"ref" => ref}, socket) do
+ {:noreply, cancel_upload(socket, :slide_image, ref)}
+ end
+
+ def handle_event("cancel-add-slide", _params, socket) do
+ {:noreply,
+ socket
+ |> assign(:create, nil)
+ |> assign(:interaction_modal, false)}
+ end
+
+ def handle_event("save-slide", _params, socket) do
+ pf = socket.assigns.event.presentation_file
+ insert_position = pf.length
+
+ uploaded_files =
+ consume_uploaded_entries(socket, :slide_image, fn %{path: path}, _entry ->
+ # Copy to a stable temp file before Phoenix cleans up the upload
+ stable_path =
+ Path.join(System.tmp_dir!(), "slide_upload_#{System.unique_integer([:positive])}.jpg")
+
+ File.cp!(path, stable_path)
+ {:ok, stable_path}
+ end)
+
+ case uploaded_files do
+ [tmp_path] ->
+ result = Presentations.insert_slide(pf, insert_position, tmp_path)
+ File.rm(tmp_path)
+
+ case result do
+ {:ok, updated_pf} ->
+ event =
+ Claper.Events.get_event_with_code(socket.assigns.event.code, [
+ :user,
+ :lti_resource,
+ presentation_file: [:polls, :presentation_state]
+ ])
+
+ Phoenix.PubSub.broadcast(
+ Claper.PubSub,
+ "event:#{socket.assigns.event.uuid}",
+ {:presentation_updated, updated_pf}
+ )
+
+ {:noreply,
+ socket
+ |> assign(:event, event)
+ |> assign(:state, event.presentation_file.presentation_state)
+ |> assign(:create, nil)
+ |> assign(:interaction_modal, false)
+ |> push_event("page-manage", %{
+ current_page: event.presentation_file.presentation_state.position,
+ timeout: 500
+ })}
+
+ {:error, reason} ->
+ require Logger
+ Logger.error("Failed to insert slide: #{inspect(reason)}")
+
+ {:noreply,
+ socket
+ |> assign(:create, nil)
+ |> assign(:interaction_modal, false)
+ |> put_flash(:error, gettext("Failed to insert slide"))}
+ end
+
+ _ ->
+ {:noreply,
+ socket
+ |> assign(:create, nil)
+ |> assign(:interaction_modal, false)
+ |> put_flash(:error, gettext("No file selected"))}
+ end
+ end
+
+ def handle_event("reorder-slides", %{"order" => order}, socket) do
+ pf = socket.assigns.event.presentation_file
+
+ case Presentations.reorder_slides(pf, order) do
+ {:ok, _updated_pf} ->
+ event =
+ Claper.Events.get_event_with_code(socket.assigns.event.code, [
+ :user,
+ :lti_resource,
+ presentation_file: [:polls, :presentation_state]
+ ])
+
+ Phoenix.PubSub.broadcast(
+ Claper.PubSub,
+ "event:#{socket.assigns.event.uuid}",
+ {:presentation_updated, event.presentation_file}
+ )
+
+ {:noreply,
+ socket
+ |> assign(:event, event)
+ |> assign(:state, event.presentation_file.presentation_state)}
+
+ {:error, reason} ->
+ require Logger
+
+ Logger.error(
+ "Failed to reorder slides: #{inspect(reason)}, order=#{inspect(order)}, pf.length=#{pf.length}, pf.hash=#{pf.hash}"
+ )
+
+ {:noreply, put_flash(socket, :error, gettext("Failed to reorder slides"))}
+ end
+ end
+
+ def handle_event("delete-slide", %{"index" => index_str}, socket) do
+ pf = socket.assigns.event.presentation_file
+ delete_position = String.to_integer(index_str)
+
+ case Presentations.delete_slide(pf, delete_position) do
+ {:ok, updated_pf} ->
+ event =
+ Claper.Events.get_event_with_code(socket.assigns.event.code, [
+ :user,
+ :lti_resource,
+ presentation_file: [:polls, :presentation_state]
+ ])
+
+ Phoenix.PubSub.broadcast(
+ Claper.PubSub,
+ "event:#{socket.assigns.event.uuid}",
+ {:presentation_updated, updated_pf}
+ )
+
+ {:noreply,
+ socket
+ |> assign(:event, event)
+ |> assign(:state, event.presentation_file.presentation_state)
+ |> push_event("page-manage", %{
+ current_page: event.presentation_file.presentation_state.position,
+ timeout: 500
+ })}
+
+ {:error, :cannot_delete_last_slide} ->
+ {:noreply, put_flash(socket, :error, gettext("Cannot delete the last slide"))}
+
+ {:error, reason} ->
+ require Logger
+ Logger.error("Failed to delete slide at position #{delete_position}: #{inspect(reason)}")
+ {:noreply, put_flash(socket, :error, gettext("Failed to delete slide"))}
+ end
+ end
+
+ def handle_event("save-note", %{"content" => content}, socket) do
+ position = socket.assigns.state.position
+
+ Claper.Presentations.upsert_note(
+ socket.assigns.event.presentation_file.id,
+ position,
+ content
+ )
+
+ # Do NOT update @current_note here. The content is already in the
+ # Quill editor on the client. Pushing it back would re-render the
+ #