Add LiveViews for Book.
continuous-integration/drone/push Build is passing
Details
continuous-integration/drone/push Build is passing
Details
parent
532b209b3a
commit
1042ac4830
@ -0,0 +1,103 @@
|
||||
defmodule DecentralisedBookIndexWeb.BookLive.FormComponent do
|
||||
use DecentralisedBookIndexWeb, :live_component
|
||||
|
||||
@impl true
|
||||
def render(assigns) do
|
||||
~H"""
|
||||
<div>
|
||||
<.header>
|
||||
{@title}
|
||||
<:subtitle>Use this form to manage book records in your database.</:subtitle>
|
||||
</.header>
|
||||
|
||||
<.simple_form
|
||||
for={@form}
|
||||
id="book-form"
|
||||
phx-target={@myself}
|
||||
phx-change="validate"
|
||||
phx-submit="save"
|
||||
>
|
||||
<%= if @form.source.type == :create do %>
|
||||
<.input field={@form[:bids]} type="select" multiple label="Bids" options={[]} />
|
||||
<.input
|
||||
field={@form[:author_roles]}
|
||||
type="select"
|
||||
multiple
|
||||
label="Author roles"
|
||||
options={[]}
|
||||
/>
|
||||
<.input field={@form[:title]} type="text" label="Title" /><.input
|
||||
field={@form[:description]}
|
||||
type="text"
|
||||
label="Description"
|
||||
/><.input field={@form[:format]} type="text" label="Format" /><.input
|
||||
field={@form[:language]}
|
||||
type="text"
|
||||
label="Language"
|
||||
/><.input field={@form[:page_count]} type="number" label="Page count" /><.input
|
||||
field={@form[:published]}
|
||||
type="date"
|
||||
label="Published"
|
||||
/><.input field={@form[:publisher_id]} type="text" label="Publisher" /><.input
|
||||
field={@form[:book_editions_registry_id]}
|
||||
type="text"
|
||||
label="Book editions registry"
|
||||
/>
|
||||
<% end %>
|
||||
<%= if @form.source.type == :update do %>
|
||||
<% end %>
|
||||
|
||||
<:actions>
|
||||
<.button phx-disable-with="Saving...">Save Book</.button>
|
||||
</:actions>
|
||||
</.simple_form>
|
||||
</div>
|
||||
"""
|
||||
end
|
||||
|
||||
@impl true
|
||||
def update(assigns, socket) do
|
||||
{:ok,
|
||||
socket
|
||||
|> assign(assigns)
|
||||
|> assign_form()}
|
||||
end
|
||||
|
||||
@impl true
|
||||
def handle_event("validate", %{"book" => book_params}, socket) do
|
||||
{:noreply, assign(socket, form: AshPhoenix.Form.validate(socket.assigns.form, book_params))}
|
||||
end
|
||||
|
||||
def handle_event("save", %{"book" => book_params}, socket) do
|
||||
case AshPhoenix.Form.submit(socket.assigns.form, params: book_params) do
|
||||
{:ok, book} ->
|
||||
notify_parent({:saved, book})
|
||||
|
||||
socket =
|
||||
socket
|
||||
|> put_flash(:info, "Book #{socket.assigns.form.source.type}d successfully")
|
||||
|> push_patch(to: socket.assigns.patch)
|
||||
|
||||
{:noreply, socket}
|
||||
|
||||
{:error, form} ->
|
||||
{:noreply, assign(socket, form: form)}
|
||||
end
|
||||
end
|
||||
|
||||
defp notify_parent(msg), do: send(self(), {__MODULE__, msg})
|
||||
|
||||
defp assign_form(%{assigns: %{book: book}} = socket) do
|
||||
form =
|
||||
if book do
|
||||
AshPhoenix.Form.for_update(book, :update, as: "book", actor: socket.assigns.current_user)
|
||||
else
|
||||
AshPhoenix.Form.for_create(DecentralisedBookIndex.Metadata.Book, :create,
|
||||
as: "book",
|
||||
actor: socket.assigns.current_user
|
||||
)
|
||||
end
|
||||
|
||||
assign(socket, form: to_form(form))
|
||||
end
|
||||
end
|
@ -0,0 +1,118 @@
|
||||
defmodule DecentralisedBookIndexWeb.BookLive.Index do
|
||||
use DecentralisedBookIndexWeb, :live_view
|
||||
|
||||
@impl true
|
||||
def render(assigns) do
|
||||
~H"""
|
||||
<.header>
|
||||
Listing Books
|
||||
<:actions>
|
||||
<.link patch={~p"/books/new"}>
|
||||
<.button>New Book</.button>
|
||||
</.link>
|
||||
</:actions>
|
||||
</.header>
|
||||
|
||||
<.table
|
||||
id="books"
|
||||
rows={@streams.books}
|
||||
row_click={fn {_id, book} -> JS.navigate(~p"/books/#{book}") end}
|
||||
>
|
||||
<:col :let={{_id, book}} label="Id">{book.id}</:col>
|
||||
|
||||
<:col :let={{_id, book}} label="Title">{book.title}</:col>
|
||||
|
||||
<:col :let={{_id, book}} label="Description">{book.description}</:col>
|
||||
|
||||
<:col :let={{_id, book}} label="Published">{book.published}</:col>
|
||||
|
||||
<:col :let={{_id, book}} label="Language">{book.language}</:col>
|
||||
|
||||
<:col :let={{_id, book}} label="Format">{book.format}</:col>
|
||||
|
||||
<:col :let={{_id, book}} label="Page count">{book.page_count}</:col>
|
||||
|
||||
<:col :let={{_id, book}} label="Cover image url">{book.cover_image_url}</:col>
|
||||
|
||||
<:action :let={{_id, book}}>
|
||||
<div class="sr-only">
|
||||
<.link navigate={~p"/books/#{book}"}>Show</.link>
|
||||
</div>
|
||||
|
||||
<.link patch={~p"/books/#{book}/edit"}>Edit</.link>
|
||||
</:action>
|
||||
|
||||
<:action :let={{id, book}}>
|
||||
<.link
|
||||
phx-click={JS.push("delete", value: %{id: book.id}) |> hide("##{id}")}
|
||||
data-confirm="Are you sure?"
|
||||
>
|
||||
Delete
|
||||
</.link>
|
||||
</:action>
|
||||
</.table>
|
||||
|
||||
<.modal :if={@live_action in [:new, :edit]} id="book-modal" show on_cancel={JS.patch(~p"/books")}>
|
||||
<.live_component
|
||||
module={DecentralisedBookIndexWeb.BookLive.FormComponent}
|
||||
id={(@book && @book.id) || :new}
|
||||
title={@page_title}
|
||||
current_user={@current_user}
|
||||
action={@live_action}
|
||||
book={@book}
|
||||
patch={~p"/books"}
|
||||
/>
|
||||
</.modal>
|
||||
"""
|
||||
end
|
||||
|
||||
@impl true
|
||||
def mount(_params, _session, socket) do
|
||||
{:ok,
|
||||
socket
|
||||
|> stream(
|
||||
:books,
|
||||
Ash.read!(DecentralisedBookIndex.Metadata.Book, actor: socket.assigns[:current_user])
|
||||
)
|
||||
|> assign_new(:current_user, fn -> nil end)}
|
||||
end
|
||||
|
||||
@impl true
|
||||
def handle_params(params, _url, socket) do
|
||||
{:noreply, apply_action(socket, socket.assigns.live_action, params)}
|
||||
end
|
||||
|
||||
defp apply_action(socket, :edit, %{"id" => id}) do
|
||||
socket
|
||||
|> assign(:page_title, "Edit Book")
|
||||
|> assign(
|
||||
:book,
|
||||
Ash.get!(DecentralisedBookIndex.Metadata.Book, id, actor: socket.assigns.current_user)
|
||||
)
|
||||
end
|
||||
|
||||
defp apply_action(socket, :new, _params) do
|
||||
socket
|
||||
|> assign(:page_title, "New Book")
|
||||
|> assign(:book, nil)
|
||||
end
|
||||
|
||||
defp apply_action(socket, :index, _params) do
|
||||
socket
|
||||
|> assign(:page_title, "Listing Books")
|
||||
|> assign(:book, nil)
|
||||
end
|
||||
|
||||
@impl true
|
||||
def handle_info({DecentralisedBookIndexWeb.BookLive.FormComponent, {:saved, book}}, socket) do
|
||||
{:noreply, stream_insert(socket, :books, book)}
|
||||
end
|
||||
|
||||
@impl true
|
||||
def handle_event("delete", %{"id" => id}, socket) do
|
||||
book = Ash.get!(DecentralisedBookIndex.Metadata.Book, id, actor: socket.assigns.current_user)
|
||||
Ash.destroy!(book, actor: socket.assigns.current_user)
|
||||
|
||||
{:noreply, stream_delete(socket, :books, book)}
|
||||
end
|
||||
end
|
@ -0,0 +1,70 @@
|
||||
defmodule DecentralisedBookIndexWeb.BookLive.Show do
|
||||
use DecentralisedBookIndexWeb, :live_view
|
||||
|
||||
@impl true
|
||||
def render(assigns) do
|
||||
~H"""
|
||||
<.header>
|
||||
Book {@book.id}
|
||||
<:subtitle>This is a book record from your database.</:subtitle>
|
||||
|
||||
<:actions>
|
||||
<.link patch={~p"/books/#{@book}/show/edit"} phx-click={JS.push_focus()}>
|
||||
<.button>Edit book</.button>
|
||||
</.link>
|
||||
</:actions>
|
||||
</.header>
|
||||
|
||||
<.list>
|
||||
<:item title="Id">{@book.id}</:item>
|
||||
|
||||
<:item title="Title">{@book.title}</:item>
|
||||
|
||||
<:item title="Description">{@book.description}</:item>
|
||||
|
||||
<:item title="Published">{@book.published}</:item>
|
||||
|
||||
<:item title="Language">{@book.language}</:item>
|
||||
|
||||
<:item title="Format">{@book.format}</:item>
|
||||
|
||||
<:item title="Page count">{@book.page_count}</:item>
|
||||
|
||||
<:item title="Cover image url">{@book.cover_image_url}</:item>
|
||||
</.list>
|
||||
|
||||
<.back navigate={~p"/books"}>Back to books</.back>
|
||||
|
||||
<.modal :if={@live_action == :edit} id="book-modal" show on_cancel={JS.patch(~p"/books/#{@book}")}>
|
||||
<.live_component
|
||||
module={DecentralisedBookIndexWeb.BookLive.FormComponent}
|
||||
id={@book.id}
|
||||
title={@page_title}
|
||||
action={@live_action}
|
||||
current_user={@current_user}
|
||||
book={@book}
|
||||
patch={~p"/books/#{@book}"}
|
||||
/>
|
||||
</.modal>
|
||||
"""
|
||||
end
|
||||
|
||||
@impl true
|
||||
def mount(_params, _session, socket) do
|
||||
{:ok, socket}
|
||||
end
|
||||
|
||||
@impl true
|
||||
def handle_params(%{"id" => id}, _, socket) do
|
||||
{:noreply,
|
||||
socket
|
||||
|> assign(:page_title, page_title(socket.assigns.live_action))
|
||||
|> assign(
|
||||
:book,
|
||||
Ash.get!(DecentralisedBookIndex.Metadata.Book, id, actor: socket.assigns.current_user)
|
||||
)}
|
||||
end
|
||||
|
||||
defp page_title(:show), do: "Show Book"
|
||||
defp page_title(:edit), do: "Edit Book"
|
||||
end
|
Loading…
Reference in new issue