<.header> Listing Devices <:actions> <.link patch={~p"/devices/new"}> <.button>New Device <.table id="devices" rows={@streams.devices} row_click={fn {_id, device} -> JS.navigate(~p"/devices/#{device}") end} > <:col :let={{_id, device}} label="IP Address"><%= device.ip_address %> <:col :let={{_id, device}} label="TTS"><%= device.tts %> <:action :let={{_id, device}}>
<.link navigate={~p"/devices/#{device}"}>Show
<.link patch={~p"/devices/#{device}/edit"}>Edit <:action :let={{id, device}}> <.link phx-click={JS.push("delete", value: %{id: device.id}) |> hide("##{id}")} data-confirm="Are you sure?" > Delete <.modal :if={@live_action in [:new, :edit]} id="device-modal" show on_cancel={JS.patch(~p"/devices")} > <.live_component module={HereIAmWeb.DeviceLive.FormComponent} id={@device.id || :new} title={@page_title} action={@live_action} device={@device} patch={~p"/devices"} />