elx-scopes/lib/scopes_web/live/message_live/index.html.heex

45 lines
1.3 KiB
Text

<.header>
Listing Messages
<:actions>
<.link patch={~p"/messages/new"}>
<.button>New Message</.button>
</.link>
</:actions>
</.header>
<.table
id="messages"
rows={@streams.messages}
row_click={fn {_id, message} -> JS.navigate(~p"/messages/#{message}") end}
>
<:col :let={{_id, message}} label="Domain">{message.domain}</:col>
<:col :let={{_id, message}} label="Action">{message.action}</:col>
<:col :let={{_id, message}} label="Class">{message.class}</:col>
<:col :let={{_id, message}} label="Item">{message.item}</:col>
<:col :let={{_id, message}} label="Data">{message.data}</:col>
<:action :let={{_id, message}}>
<div class="sr-only">
<.link navigate={~p"/messages/#{message}"}>Show</.link>
</div>
<.link patch={~p"/messages/#{message}/edit"}>Edit</.link>
</:action>
<:action :let={{id, message}}>
<.link
phx-click={JS.push("delete", value: %{id: message.id}) |> hide("##{id}")}
data-confirm="Are you sure?"
>
Delete
</.link>
</:action>
</.table>
<.modal :if={@live_action in [:new, :edit]} id="message-modal" show on_cancel={JS.patch(~p"/messages")}>
<.live_component
module={ScopesWeb.MessageLive.FormComponent}
id={@message.id || :new}
title={@page_title}
action={@live_action}
message={@message}
patch={~p"/messages"}
/>
</.modal>