shift73k/lib/shift73k_web/live/modal_component.ex

defmodule Shift73kWeb.ModalComponent do
  use Shift73kWeb, :live_component

  @impl true
  def render(assigns) do
    ~L"""
    <div id="<%= @id %>" class="modal fade"
      phx-hook="BsModal"
      phx-window-keydown="hide"
      phx-key="escape"
      phx-target="#<%= @id %>"
      phx-page-loading>

      <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">

          <div class="modal-header">
            <h5 class="modal-title"><%= Keyword.get(@opts, :title, "Modal title") %></h5>
            <button type="button" class="btn-close" phx-click="hide" phx-target="<%= @myself %>" aria-label="Close"></button>
          </div>

          <%= live_component @socket, @component, Keyword.put(@opts, :modal_id, @id) %>

        </div>
      </div>
    </div>
    """
  end

  @impl true
  def update(assigns, socket) do
    socket |> assign(assigns) |> live_okreply()
  end

  @impl true
  def handle_event("close", _, socket) do
    send(self(), {:close_modal, true})
    live_noreply(socket)
  end

  @impl true
  def handle_event("hide", _, socket) do
    socket |> push_event("modal-please-hide", %{}) |> live_noreply()
  end
end