get started on route for creating links, dividing steps into components
This commit is contained in:
13
lib/entendu_web/live/link_live/for.ex
Normal file
13
lib/entendu_web/live/link_live/for.ex
Normal file
@@ -0,0 +1,13 @@
|
||||
defmodule EntenduWeb.LinkLive.For do
|
||||
use EntenduWeb, :live_view
|
||||
|
||||
@impl true
|
||||
def mount(_params, _session, socket) do
|
||||
{:ok, socket |> assign(:step, 1)}
|
||||
end
|
||||
|
||||
def handle_event("next_step", _, %{ assigns: %{ step: step } } = socket) do
|
||||
socket = socket |> assign(:step, step + 1)
|
||||
{:noreply, socket}
|
||||
end
|
||||
end
|
4
lib/entendu_web/live/link_live/for.html.leex
Normal file
4
lib/entendu_web/live/link_live/for.html.leex
Normal file
@@ -0,0 +1,4 @@
|
||||
<h1>Create Link</h1>
|
||||
|
||||
<%= live_component @socket, EntenduWeb.LinkLive.For.Step1Component, id: "step1", test: "test" %>
|
||||
On Step: <%= @step %>
|
46
lib/entendu_web/live/link_live/index.ex
Normal file
46
lib/entendu_web/live/link_live/index.ex
Normal file
@@ -0,0 +1,46 @@
|
||||
defmodule EntenduWeb.LinkLive.Index do
|
||||
use EntenduWeb, :live_view
|
||||
|
||||
alias Entendu.Links
|
||||
alias Entendu.Links.Link
|
||||
|
||||
@impl true
|
||||
def mount(_params, _session, socket) do
|
||||
{:ok, assign(socket, :links, list_links())}
|
||||
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 Link")
|
||||
|> assign(:link, Links.get_link!(id))
|
||||
end
|
||||
|
||||
defp apply_action(socket, :new, _params) do
|
||||
socket
|
||||
|> assign(:page_title, "New Link")
|
||||
|> assign(:link, %Link{})
|
||||
end
|
||||
|
||||
defp apply_action(socket, :index, _params) do
|
||||
socket
|
||||
|> assign(:page_title, "Listing Links")
|
||||
|> assign(:link, nil)
|
||||
end
|
||||
|
||||
@impl true
|
||||
def handle_event("delete", %{"id" => id}, socket) do
|
||||
link = Links.get_link!(id)
|
||||
{:ok, _} = Links.delete_link(link)
|
||||
|
||||
{:noreply, assign(socket, :links, list_links())}
|
||||
end
|
||||
|
||||
defp list_links do
|
||||
Links.list_links()
|
||||
end
|
||||
end
|
37
lib/entendu_web/live/link_live/index.html.leex
Normal file
37
lib/entendu_web/live/link_live/index.html.leex
Normal file
@@ -0,0 +1,37 @@
|
||||
<h1>Listing Links</h1>
|
||||
|
||||
<%= if @live_action in [:new, :edit] do %>
|
||||
<%= live_modal @socket, EntenduWeb.LinkLive.FormComponent,
|
||||
id: @link.id || :new,
|
||||
title: @page_title,
|
||||
action: @live_action,
|
||||
link: @link,
|
||||
return_to: Routes.link_index_path(@socket, :index) %>
|
||||
<% end %>
|
||||
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Expires</th>
|
||||
<th>Burn after reading</th>
|
||||
|
||||
<th></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="links">
|
||||
<%= for link <- @links do %>
|
||||
<tr id="link-<%= link.id %>">
|
||||
<td><%= link.expires %></td>
|
||||
<td><%= link.burn_after_reading %></td>
|
||||
|
||||
<td>
|
||||
<span><%= live_redirect "Show", to: Routes.link_show_path(@socket, :show, link) %></span>
|
||||
<span><%= live_patch "Edit", to: Routes.link_index_path(@socket, :edit, link) %></span>
|
||||
<span><%= link "Delete", to: "#", phx_click: "delete", phx_value_id: link.id, data: [confirm: "Are you sure?"] %></span>
|
||||
</td>
|
||||
</tr>
|
||||
<% end %>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<span><%= live_patch "New Link", to: Routes.link_index_path(@socket, :new) %></span>
|
4
lib/entendu_web/live/link_live/steps/step1_component.ex
Normal file
4
lib/entendu_web/live/link_live/steps/step1_component.ex
Normal file
@@ -0,0 +1,4 @@
|
||||
defmodule EntenduWeb.LinkLive.For.Step1Component do
|
||||
use EntenduWeb, :live_component
|
||||
|
||||
end
|
@@ -0,0 +1,3 @@
|
||||
This is step 1. <%= @test %>
|
||||
|
||||
<button phx-click="next_step">Next Step</button>
|
Reference in New Issue
Block a user