Run mix phx.gen.live properties
This commit is contained in:
parent
8590df5032
commit
4526435972
13 changed files with 586 additions and 0 deletions
104
lib/real_estate/properties.ex
Normal file
104
lib/real_estate/properties.ex
Normal file
|
@ -0,0 +1,104 @@
|
|||
defmodule RealEstate.Properties do
|
||||
@moduledoc """
|
||||
The Properties context.
|
||||
"""
|
||||
|
||||
import Ecto.Query, warn: false
|
||||
alias RealEstate.Repo
|
||||
|
||||
alias RealEstate.Properties.Property
|
||||
|
||||
@doc """
|
||||
Returns the list of properties.
|
||||
|
||||
## Examples
|
||||
|
||||
iex> list_properties()
|
||||
[%Property{}, ...]
|
||||
|
||||
"""
|
||||
def list_properties do
|
||||
Repo.all(Property)
|
||||
end
|
||||
|
||||
@doc """
|
||||
Gets a single property.
|
||||
|
||||
Raises `Ecto.NoResultsError` if the Property does not exist.
|
||||
|
||||
## Examples
|
||||
|
||||
iex> get_property!(123)
|
||||
%Property{}
|
||||
|
||||
iex> get_property!(456)
|
||||
** (Ecto.NoResultsError)
|
||||
|
||||
"""
|
||||
def get_property!(id), do: Repo.get!(Property, id)
|
||||
|
||||
@doc """
|
||||
Creates a property.
|
||||
|
||||
## Examples
|
||||
|
||||
iex> create_property(%{field: value})
|
||||
{:ok, %Property{}}
|
||||
|
||||
iex> create_property(%{field: bad_value})
|
||||
{:error, %Ecto.Changeset{}}
|
||||
|
||||
"""
|
||||
def create_property(attrs \\ %{}) do
|
||||
%Property{}
|
||||
|> Property.changeset(attrs)
|
||||
|> Repo.insert()
|
||||
end
|
||||
|
||||
@doc """
|
||||
Updates a property.
|
||||
|
||||
## Examples
|
||||
|
||||
iex> update_property(property, %{field: new_value})
|
||||
{:ok, %Property{}}
|
||||
|
||||
iex> update_property(property, %{field: bad_value})
|
||||
{:error, %Ecto.Changeset{}}
|
||||
|
||||
"""
|
||||
def update_property(%Property{} = property, attrs) do
|
||||
property
|
||||
|> Property.changeset(attrs)
|
||||
|> Repo.update()
|
||||
end
|
||||
|
||||
@doc """
|
||||
Deletes a property.
|
||||
|
||||
## Examples
|
||||
|
||||
iex> delete_property(property)
|
||||
{:ok, %Property{}}
|
||||
|
||||
iex> delete_property(property)
|
||||
{:error, %Ecto.Changeset{}}
|
||||
|
||||
"""
|
||||
def delete_property(%Property{} = property) do
|
||||
Repo.delete(property)
|
||||
end
|
||||
|
||||
@doc """
|
||||
Returns an `%Ecto.Changeset{}` for tracking property changes.
|
||||
|
||||
## Examples
|
||||
|
||||
iex> change_property(property)
|
||||
%Ecto.Changeset{data: %Property{}}
|
||||
|
||||
"""
|
||||
def change_property(%Property{} = property, attrs \\ %{}) do
|
||||
Property.changeset(property, attrs)
|
||||
end
|
||||
end
|
20
lib/real_estate/properties/property.ex
Normal file
20
lib/real_estate/properties/property.ex
Normal file
|
@ -0,0 +1,20 @@
|
|||
defmodule RealEstate.Properties.Property do
|
||||
use Ecto.Schema
|
||||
import Ecto.Changeset
|
||||
|
||||
schema "properties" do
|
||||
field :description, :string
|
||||
field :name, :string
|
||||
field :price, :decimal
|
||||
field :user_id, :id
|
||||
|
||||
timestamps()
|
||||
end
|
||||
|
||||
@doc false
|
||||
def changeset(property, attrs) do
|
||||
property
|
||||
|> cast(attrs, [:name, :price, :description])
|
||||
|> validate_required([:name, :price, :description])
|
||||
end
|
||||
end
|
|
@ -3,6 +3,27 @@ defmodule RealEstateWeb.LiveHelpers do
|
|||
alias RealEstate.Accounts
|
||||
alias RealEstate.Accounts.User
|
||||
alias RealEstateWeb.Router.Helpers, as: Routes
|
||||
import Phoenix.LiveView.Helpers
|
||||
|
||||
@doc """
|
||||
Renders a component inside the `RealEstateWeb.ModalComponent` component.
|
||||
|
||||
The rendered modal receives a `:return_to` option to properly update
|
||||
the URL when the modal is closed.
|
||||
|
||||
## Examples
|
||||
|
||||
<%= live_modal @socket, RealEstateWeb.PropertyLive.FormComponent,
|
||||
id: @property.id || :new,
|
||||
action: @live_action,
|
||||
property: @property,
|
||||
return_to: Routes.property_index_path(@socket, :index) %>
|
||||
"""
|
||||
def live_modal(socket, component, opts) do
|
||||
path = Keyword.fetch!(opts, :return_to)
|
||||
modal_opts = [id: :modal, return_to: path, component: component, opts: opts]
|
||||
live_component(socket, RealEstateWeb.ModalComponent, modal_opts)
|
||||
end
|
||||
|
||||
def assign_defaults(session, socket) do
|
||||
socket =
|
||||
|
|
26
lib/real_estate_web/live/modal_component.ex
Normal file
26
lib/real_estate_web/live/modal_component.ex
Normal file
|
@ -0,0 +1,26 @@
|
|||
defmodule RealEstateWeb.ModalComponent do
|
||||
use RealEstateWeb, :live_component
|
||||
|
||||
@impl true
|
||||
def render(assigns) do
|
||||
~L"""
|
||||
<div id="<%= @id %>" class="phx-modal"
|
||||
phx-capture-click="close"
|
||||
phx-window-keydown="close"
|
||||
phx-key="escape"
|
||||
phx-target="#<%= @id %>"
|
||||
phx-page-loading>
|
||||
|
||||
<div class="phx-modal-content">
|
||||
<%= live_patch raw("×"), to: @return_to, class: "phx-modal-close" %>
|
||||
<%= live_component @socket, @component, @opts %>
|
||||
</div>
|
||||
</div>
|
||||
"""
|
||||
end
|
||||
|
||||
@impl true
|
||||
def handle_event("close", _, socket) do
|
||||
{:noreply, push_patch(socket, to: socket.assigns.return_to)}
|
||||
end
|
||||
end
|
55
lib/real_estate_web/live/property_live/form_component.ex
Normal file
55
lib/real_estate_web/live/property_live/form_component.ex
Normal file
|
@ -0,0 +1,55 @@
|
|||
defmodule RealEstateWeb.PropertyLive.FormComponent do
|
||||
use RealEstateWeb, :live_component
|
||||
|
||||
alias RealEstate.Properties
|
||||
|
||||
@impl true
|
||||
def update(%{property: property} = assigns, socket) do
|
||||
changeset = Properties.change_property(property)
|
||||
|
||||
{:ok,
|
||||
socket
|
||||
|> assign(assigns)
|
||||
|> assign(:changeset, changeset)}
|
||||
end
|
||||
|
||||
@impl true
|
||||
def handle_event("validate", %{"property" => property_params}, socket) do
|
||||
changeset =
|
||||
socket.assigns.property
|
||||
|> Properties.change_property(property_params)
|
||||
|> Map.put(:action, :validate)
|
||||
|
||||
{:noreply, assign(socket, :changeset, changeset)}
|
||||
end
|
||||
|
||||
def handle_event("save", %{"property" => property_params}, socket) do
|
||||
save_property(socket, socket.assigns.action, property_params)
|
||||
end
|
||||
|
||||
defp save_property(socket, :edit, property_params) do
|
||||
case Properties.update_property(socket.assigns.property, property_params) do
|
||||
{:ok, _property} ->
|
||||
{:noreply,
|
||||
socket
|
||||
|> put_flash(:info, "Property updated successfully")
|
||||
|> push_redirect(to: socket.assigns.return_to)}
|
||||
|
||||
{:error, %Ecto.Changeset{} = changeset} ->
|
||||
{:noreply, assign(socket, :changeset, changeset)}
|
||||
end
|
||||
end
|
||||
|
||||
defp save_property(socket, :new, property_params) do
|
||||
case Properties.create_property(property_params) do
|
||||
{:ok, _property} ->
|
||||
{:noreply,
|
||||
socket
|
||||
|> put_flash(:info, "Property created successfully")
|
||||
|> push_redirect(to: socket.assigns.return_to)}
|
||||
|
||||
{:error, %Ecto.Changeset{} = changeset} ->
|
||||
{:noreply, assign(socket, changeset: changeset)}
|
||||
end
|
||||
end
|
||||
end
|
|
@ -0,0 +1,22 @@
|
|||
<h2><%= @title %></h2>
|
||||
|
||||
<%= f = form_for @changeset, "#",
|
||||
id: "property-form",
|
||||
phx_target: @myself,
|
||||
phx_change: "validate",
|
||||
phx_submit: "save" %>
|
||||
|
||||
<%= label f, :name %>
|
||||
<%= text_input f, :name %>
|
||||
<%= error_tag f, :name %>
|
||||
|
||||
<%= label f, :price %>
|
||||
<%= number_input f, :price, step: "any" %>
|
||||
<%= error_tag f, :price %>
|
||||
|
||||
<%= label f, :description %>
|
||||
<%= textarea f, :description %>
|
||||
<%= error_tag f, :description %>
|
||||
|
||||
<%= submit "Save", phx_disable_with: "Saving..." %>
|
||||
</form>
|
46
lib/real_estate_web/live/property_live/index.ex
Normal file
46
lib/real_estate_web/live/property_live/index.ex
Normal file
|
@ -0,0 +1,46 @@
|
|||
defmodule RealEstateWeb.PropertyLive.Index do
|
||||
use RealEstateWeb, :live_view
|
||||
|
||||
alias RealEstate.Properties
|
||||
alias RealEstate.Properties.Property
|
||||
|
||||
@impl true
|
||||
def mount(_params, _session, socket) do
|
||||
{:ok, assign(socket, :properties, list_properties())}
|
||||
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 Property")
|
||||
|> assign(:property, Properties.get_property!(id))
|
||||
end
|
||||
|
||||
defp apply_action(socket, :new, _params) do
|
||||
socket
|
||||
|> assign(:page_title, "New Property")
|
||||
|> assign(:property, %Property{})
|
||||
end
|
||||
|
||||
defp apply_action(socket, :index, _params) do
|
||||
socket
|
||||
|> assign(:page_title, "Listing Properties")
|
||||
|> assign(:property, nil)
|
||||
end
|
||||
|
||||
@impl true
|
||||
def handle_event("delete", %{"id" => id}, socket) do
|
||||
property = Properties.get_property!(id)
|
||||
{:ok, _} = Properties.delete_property(property)
|
||||
|
||||
{:noreply, assign(socket, :properties, list_properties())}
|
||||
end
|
||||
|
||||
defp list_properties do
|
||||
Properties.list_properties()
|
||||
end
|
||||
end
|
39
lib/real_estate_web/live/property_live/index.html.leex
Normal file
39
lib/real_estate_web/live/property_live/index.html.leex
Normal file
|
@ -0,0 +1,39 @@
|
|||
<h1>Listing Properties</h1>
|
||||
|
||||
<%= if @live_action in [:new, :edit] do %>
|
||||
<%= live_modal @socket, RealEstateWeb.PropertyLive.FormComponent,
|
||||
id: @property.id || :new,
|
||||
title: @page_title,
|
||||
action: @live_action,
|
||||
property: @property,
|
||||
return_to: Routes.property_index_path(@socket, :index) %>
|
||||
<% end %>
|
||||
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Name</th>
|
||||
<th>Price</th>
|
||||
<th>Description</th>
|
||||
|
||||
<th></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="properties">
|
||||
<%= for property <- @properties do %>
|
||||
<tr id="property-<%= property.id %>">
|
||||
<td><%= property.name %></td>
|
||||
<td><%= property.price %></td>
|
||||
<td><%= property.description %></td>
|
||||
|
||||
<td>
|
||||
<span><%= live_redirect "Show", to: Routes.property_show_path(@socket, :show, property) %></span>
|
||||
<span><%= live_patch "Edit", to: Routes.property_index_path(@socket, :edit, property) %></span>
|
||||
<span><%= link "Delete", to: "#", phx_click: "delete", phx_value_id: property.id, data: [confirm: "Are you sure?"] %></span>
|
||||
</td>
|
||||
</tr>
|
||||
<% end %>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<span><%= live_patch "New Property", to: Routes.property_index_path(@socket, :new) %></span>
|
21
lib/real_estate_web/live/property_live/show.ex
Normal file
21
lib/real_estate_web/live/property_live/show.ex
Normal file
|
@ -0,0 +1,21 @@
|
|||
defmodule RealEstateWeb.PropertyLive.Show do
|
||||
use RealEstateWeb, :live_view
|
||||
|
||||
alias RealEstate.Properties
|
||||
|
||||
@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(:property, Properties.get_property!(id))}
|
||||
end
|
||||
|
||||
defp page_title(:show), do: "Show Property"
|
||||
defp page_title(:edit), do: "Edit Property"
|
||||
end
|
32
lib/real_estate_web/live/property_live/show.html.leex
Normal file
32
lib/real_estate_web/live/property_live/show.html.leex
Normal file
|
@ -0,0 +1,32 @@
|
|||
<h1>Show Property</h1>
|
||||
|
||||
<%= if @live_action in [:edit] do %>
|
||||
<%= live_modal @socket, RealEstateWeb.PropertyLive.FormComponent,
|
||||
id: @property.id,
|
||||
title: @page_title,
|
||||
action: @live_action,
|
||||
property: @property,
|
||||
return_to: Routes.property_show_path(@socket, :show, @property) %>
|
||||
<% end %>
|
||||
|
||||
<ul>
|
||||
|
||||
<li>
|
||||
<strong>Name:</strong>
|
||||
<%= @property.name %>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<strong>Price:</strong>
|
||||
<%= @property.price %>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<strong>Description:</strong>
|
||||
<%= @property.description %>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
|
||||
<span><%= live_patch "Edit", to: Routes.property_show_path(@socket, :edit, @property), class: "button" %></span>
|
||||
<span><%= live_redirect "Back", to: Routes.property_index_path(@socket, :index) %></span>
|
16
priv/repo/migrations/20200914162043_create_properties.exs
Normal file
16
priv/repo/migrations/20200914162043_create_properties.exs
Normal file
|
@ -0,0 +1,16 @@
|
|||
defmodule RealEstate.Repo.Migrations.CreateProperties do
|
||||
use Ecto.Migration
|
||||
|
||||
def change do
|
||||
create table(:properties) do
|
||||
add :name, :string
|
||||
add :price, :decimal
|
||||
add :description, :text
|
||||
add :user_id, references(:users, on_delete: :nothing)
|
||||
|
||||
timestamps()
|
||||
end
|
||||
|
||||
create index(:properties, [:user_id])
|
||||
end
|
||||
end
|
68
test/real_estate/properties_test.exs
Normal file
68
test/real_estate/properties_test.exs
Normal file
|
@ -0,0 +1,68 @@
|
|||
defmodule RealEstate.PropertiesTest do
|
||||
use RealEstate.DataCase
|
||||
|
||||
alias RealEstate.Properties
|
||||
|
||||
describe "properties" do
|
||||
alias RealEstate.Properties.Property
|
||||
|
||||
@valid_attrs %{description: "some description", name: "some name", price: "120.5"}
|
||||
@update_attrs %{description: "some updated description", name: "some updated name", price: "456.7"}
|
||||
@invalid_attrs %{description: nil, name: nil, price: nil}
|
||||
|
||||
def property_fixture(attrs \\ %{}) do
|
||||
{:ok, property} =
|
||||
attrs
|
||||
|> Enum.into(@valid_attrs)
|
||||
|> Properties.create_property()
|
||||
|
||||
property
|
||||
end
|
||||
|
||||
test "list_properties/0 returns all properties" do
|
||||
property = property_fixture()
|
||||
assert Properties.list_properties() == [property]
|
||||
end
|
||||
|
||||
test "get_property!/1 returns the property with given id" do
|
||||
property = property_fixture()
|
||||
assert Properties.get_property!(property.id) == property
|
||||
end
|
||||
|
||||
test "create_property/1 with valid data creates a property" do
|
||||
assert {:ok, %Property{} = property} = Properties.create_property(@valid_attrs)
|
||||
assert property.description == "some description"
|
||||
assert property.name == "some name"
|
||||
assert property.price == Decimal.new("120.5")
|
||||
end
|
||||
|
||||
test "create_property/1 with invalid data returns error changeset" do
|
||||
assert {:error, %Ecto.Changeset{}} = Properties.create_property(@invalid_attrs)
|
||||
end
|
||||
|
||||
test "update_property/2 with valid data updates the property" do
|
||||
property = property_fixture()
|
||||
assert {:ok, %Property{} = property} = Properties.update_property(property, @update_attrs)
|
||||
assert property.description == "some updated description"
|
||||
assert property.name == "some updated name"
|
||||
assert property.price == Decimal.new("456.7")
|
||||
end
|
||||
|
||||
test "update_property/2 with invalid data returns error changeset" do
|
||||
property = property_fixture()
|
||||
assert {:error, %Ecto.Changeset{}} = Properties.update_property(property, @invalid_attrs)
|
||||
assert property == Properties.get_property!(property.id)
|
||||
end
|
||||
|
||||
test "delete_property/1 deletes the property" do
|
||||
property = property_fixture()
|
||||
assert {:ok, %Property{}} = Properties.delete_property(property)
|
||||
assert_raise Ecto.NoResultsError, fn -> Properties.get_property!(property.id) end
|
||||
end
|
||||
|
||||
test "change_property/1 returns a property changeset" do
|
||||
property = property_fixture()
|
||||
assert %Ecto.Changeset{} = Properties.change_property(property)
|
||||
end
|
||||
end
|
||||
end
|
116
test/real_estate_web/live/property_live_test.exs
Normal file
116
test/real_estate_web/live/property_live_test.exs
Normal file
|
@ -0,0 +1,116 @@
|
|||
defmodule RealEstateWeb.PropertyLiveTest do
|
||||
use RealEstateWeb.ConnCase
|
||||
|
||||
import Phoenix.LiveViewTest
|
||||
|
||||
alias RealEstate.Properties
|
||||
|
||||
@create_attrs %{description: "some description", name: "some name", price: "120.5"}
|
||||
@update_attrs %{description: "some updated description", name: "some updated name", price: "456.7"}
|
||||
@invalid_attrs %{description: nil, name: nil, price: nil}
|
||||
|
||||
defp fixture(:property) do
|
||||
{:ok, property} = Properties.create_property(@create_attrs)
|
||||
property
|
||||
end
|
||||
|
||||
defp create_property(_) do
|
||||
property = fixture(:property)
|
||||
%{property: property}
|
||||
end
|
||||
|
||||
describe "Index" do
|
||||
setup [:create_property]
|
||||
|
||||
test "lists all properties", %{conn: conn, property: property} do
|
||||
{:ok, _index_live, html} = live(conn, Routes.property_index_path(conn, :index))
|
||||
|
||||
assert html =~ "Listing Properties"
|
||||
assert html =~ property.description
|
||||
end
|
||||
|
||||
test "saves new property", %{conn: conn} do
|
||||
{:ok, index_live, _html} = live(conn, Routes.property_index_path(conn, :index))
|
||||
|
||||
assert index_live |> element("a", "New Property") |> render_click() =~
|
||||
"New Property"
|
||||
|
||||
assert_patch(index_live, Routes.property_index_path(conn, :new))
|
||||
|
||||
assert index_live
|
||||
|> form("#property-form", property: @invalid_attrs)
|
||||
|> render_change() =~ "can't be blank"
|
||||
|
||||
{:ok, _, html} =
|
||||
index_live
|
||||
|> form("#property-form", property: @create_attrs)
|
||||
|> render_submit()
|
||||
|> follow_redirect(conn, Routes.property_index_path(conn, :index))
|
||||
|
||||
assert html =~ "Property created successfully"
|
||||
assert html =~ "some description"
|
||||
end
|
||||
|
||||
test "updates property in listing", %{conn: conn, property: property} do
|
||||
{:ok, index_live, _html} = live(conn, Routes.property_index_path(conn, :index))
|
||||
|
||||
assert index_live |> element("#property-#{property.id} a", "Edit") |> render_click() =~
|
||||
"Edit Property"
|
||||
|
||||
assert_patch(index_live, Routes.property_index_path(conn, :edit, property))
|
||||
|
||||
assert index_live
|
||||
|> form("#property-form", property: @invalid_attrs)
|
||||
|> render_change() =~ "can't be blank"
|
||||
|
||||
{:ok, _, html} =
|
||||
index_live
|
||||
|> form("#property-form", property: @update_attrs)
|
||||
|> render_submit()
|
||||
|> follow_redirect(conn, Routes.property_index_path(conn, :index))
|
||||
|
||||
assert html =~ "Property updated successfully"
|
||||
assert html =~ "some updated description"
|
||||
end
|
||||
|
||||
test "deletes property in listing", %{conn: conn, property: property} do
|
||||
{:ok, index_live, _html} = live(conn, Routes.property_index_path(conn, :index))
|
||||
|
||||
assert index_live |> element("#property-#{property.id} a", "Delete") |> render_click()
|
||||
refute has_element?(index_live, "#property-#{property.id}")
|
||||
end
|
||||
end
|
||||
|
||||
describe "Show" do
|
||||
setup [:create_property]
|
||||
|
||||
test "displays property", %{conn: conn, property: property} do
|
||||
{:ok, _show_live, html} = live(conn, Routes.property_show_path(conn, :show, property))
|
||||
|
||||
assert html =~ "Show Property"
|
||||
assert html =~ property.description
|
||||
end
|
||||
|
||||
test "updates property within modal", %{conn: conn, property: property} do
|
||||
{:ok, show_live, _html} = live(conn, Routes.property_show_path(conn, :show, property))
|
||||
|
||||
assert show_live |> element("a", "Edit") |> render_click() =~
|
||||
"Edit Property"
|
||||
|
||||
assert_patch(show_live, Routes.property_show_path(conn, :edit, property))
|
||||
|
||||
assert show_live
|
||||
|> form("#property-form", property: @invalid_attrs)
|
||||
|> render_change() =~ "can't be blank"
|
||||
|
||||
{:ok, _, html} =
|
||||
show_live
|
||||
|> form("#property-form", property: @update_attrs)
|
||||
|> render_submit()
|
||||
|> follow_redirect(conn, Routes.property_show_path(conn, :show, property))
|
||||
|
||||
assert html =~ "Property updated successfully"
|
||||
assert html =~ "some updated description"
|
||||
end
|
||||
end
|
||||
end
|
Loading…
Reference in a new issue