<.header> Listing Book reads <:actions> <.link patch={~p"/book_reads/new"}> <.button>New Book read <.table id="book_reads" rows={@streams.book_reads} row_click={fn {_id, book_read} -> JS.navigate(~p"/book_reads/#{book_read}") end} > <:col :let={{_id, book_read}} label="Rating">{book_read.rating} <:col :let={{_id, book_read}} label="Thoughts">{book_read.thoughts} <:col :let={{_id, book_read}} label="Read start">{book_read.read_start} <:col :let={{_id, book_read}} label="Read finish">{book_read.read_finish} <:col :let={{_id, book_read}} label="Progress">{book_read.progress} <:action :let={{_id, book_read}}>
<.link navigate={~p"/book_reads/#{book_read}"}>Show
<.link patch={~p"/book_reads/#{book_read}/edit"}>Edit <:action :let={{id, book_read}}> <.link phx-click={JS.push("delete", value: %{id: book_read.id}) |> hide("##{id}")} data-confirm="Are you sure?" > Delete <.modal :if={@live_action in [:new, :edit]} id="book_read-modal" show on_cancel={JS.patch(~p"/book_reads")}> <.live_component module={WildWeb.BookReadLive.FormComponent} id={@book_read.id || :new} title={@page_title} action={@live_action} book_read={@book_read} patch={~p"/book_reads"} />