bones73k/lib/bones73k_web/live/modal_component.ex

41 lines
1,011 B
Elixir
Raw Normal View History

2021-02-24 07:49:39 -05:00
defmodule Bones73kWeb.ModalComponent do
use Bones73kWeb, :live_component
2020-09-14 12:22:25 -04:00
@impl true
def render(assigns) do
~L"""
<div id="<%= @id %>" class="modal fade"
phx-hook="BsModal"
phx-window-keydown="hide"
2020-09-14 12:22:25 -04:00
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" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<%= live_component @socket, @component, @opts %>
</div>
2020-09-14 12:22:25 -04:00
</div>
</div>
"""
end
@impl true
def handle_event("close", _, socket) do
send(self(), {:close_modal, true})
live_noreply(socket)
2020-09-14 12:22:25 -04:00
end
@impl true
def handle_event("hide", _, socket) do
{:noreply, push_event(socket, "modal-please-hide", %{})}
end
2020-09-14 12:22:25 -04:00
end