add links

lib/zoeyscomputer_web/live/link_live/form_component.ex

@@ -0,0 +1,82 @@
+defmodule ZoeyscomputerWeb.LinkLive.FormComponent do
+  use ZoeyscomputerWeb, :live_component
+
+  alias Zoeyscomputer.Links
+
+  @impl true
+  def render(assigns) do
+    ~H"""
+    <div>
+      <.header>
+        <%= @title %>
+        <:subtitle>Use this form to manage link records in your database.</:subtitle>
+      </.header>
+
+      <.simple_form
+        for={@form}
+        id="link-form"
+        phx-target={@myself}
+        phx-change="validate"
+        phx-submit="save"
+      >
+        <.input field={@form[:url]} type="text" label="Url" />
+        <:actions>
+          <.button phx-disable-with="Saving...">Save Link</.button>
+        </:actions>
+      </.simple_form>
+    </div>
+    """
+  end
+
+  @impl true
+  def update(%{link: link} = assigns, socket) do
+    {:ok,
+     socket
+     |> assign(assigns)
+     |> assign_new(:form, fn ->
+       to_form(Links.change_link(link))
+     end)}
+  end
+
+  @impl true
+  def handle_event("validate", %{"link" => link_params}, socket) do
+    changeset = Links.change_link(socket.assigns.link, link_params)
+    {:noreply, assign(socket, form: to_form(changeset, action: :validate))}
+  end
+
+  def handle_event("save", %{"link" => link_params}, socket) do
+    save_link(socket, socket.assigns.action, link_params)
+  end
+
+  defp save_link(socket, :edit, link_params) do
+    case Links.update_link(socket.assigns.link, link_params) do
+      {:ok, link} ->
+        notify_parent({:saved, link})
+
+        {:noreply,
+         socket
+         |> put_flash(:info, "Link updated successfully")
+         |> push_patch(to: socket.assigns.patch)}
+
+      {:error, %Ecto.Changeset{} = changeset} ->
+        {:noreply, assign(socket, form: to_form(changeset))}
+    end
+  end
+
+  defp save_link(socket, :new, link_params) do
+    case Links.create_link(link_params) do
+      {:ok, link} ->
+        notify_parent({:saved, link})
+
+        {:noreply,
+         socket
+         |> put_flash(:info, "Link created successfully")
+         |> push_patch(to: socket.assigns.patch)}
+
+      {:error, %Ecto.Changeset{} = changeset} ->
+        {:noreply, assign(socket, form: to_form(changeset))}
+    end
+  end
+
+  defp notify_parent(msg), do: send(self(), {__MODULE__, msg})
+end

lib/zoeyscomputer_web/live/link_live/index.ex

@@ -0,0 +1,39 @@
+defmodule ZoeyscomputerWeb.LinkLive.Index do
+  use ZoeyscomputerWeb, :live_view
+
+  alias Zoeyscomputer.Links
+
+  def mount(_params, _session, socket) do
+    user_id = socket.assigns.current_user.id
+
+    changeset = Links.Link.changeset(%Links.Link{})
+
+    socket =
+      socket
+      |> assign(:links, Links.list_links(user_id))
+      |> assign(:form, to_form(changeset))
+
+    {:ok, socket}
+  end
+
+  def handle_event("submit", %{"link" => link_params}, socket) do
+    params =
+      link_params
+      |> Map.put("user_id", socket.assigns.current_user.id)
+
+    case Links.create_link(params) do
+      {:ok, link} ->
+        socket =
+          socket
+          |> assign(:links, [link | socket.assigns.links])
+
+        {:noreply, socket}
+
+      {:error, changeset} ->
+        socket
+        |> assign(:form, to_form(changeset))
+
+        {:noreply, socket}
+    end
+  end
+end

lib/zoeyscomputer_web/live/link_live/index.html.heex

@@ -0,0 +1,30 @@
+<div class="flex gap-2">
+  <h1 class="text-2xl grow font-bold">Links</h1>
+
+  <.link
+    navigate={~p"/links/new"}
+    class="bg-black border border-black hover:bg-gray-700 text-white font-bold py-2 px-3 rounded-md"
+  >
+    Add Link
+  </.link>
+</div>
+
+<div class="divide-y">
+  <div :for={link <- @links}>
+    <div>
+      <div class="font-bold"><%= link.url %></div>
+      <div class="text-sm"><%= link.inserted_at %></div>
+    </div>
+  </div>
+</div>
+
+<.form for={@form} phx-submit="submit">
+  <div class="flex gap-2 items-end">
+    <div class="grow">
+      <.input field={@form[:url]} type="text" label="url" />
+    </div>
+    <button class="bg-black border border-black hover:bg-gray-700 text-white font-bold py-2 px-3 rounded-md">
+      Create
+    </button>
+  </div>
+</.form>

lib/zoeyscomputer_web/live/link_live/new.ex

@@ -0,0 +1,37 @@
+defmodule ZoeyscomputerWeb.LinkLive.New do
+  use ZoeyscomputerWeb, :live_view
+
+  alias Zoeyscomputer.Links
+
+  def mount(_params, _session, socket) do
+    changeset = Links.Link.changeset(%Links.Link{})
+
+    socket =
+      socket
+      |> assign(:form, to_form(changeset))
+
+    {:ok, socket}
+  end
+
+  def handle_event("submit", %{"link" => link_params}, socket) do
+    params =
+      link_params
+      |> Map.put("user_id", socket.assigns.current_user.id)
+
+    case Links.create_link(params) do
+      {:ok, _link} ->
+        socket =
+          socket
+          |> put_flash(:info, "Link created successfully")
+          |> push_navigate(to: ~p"/links")
+
+        {:noreply, socket}
+
+      {:error, changeset} ->
+        socket
+        |> assign(:form, to_form(changeset))
+
+        {:noreply, socket}
+    end
+  end
+end

lib/zoeyscomputer_web/live/link_live/new.html.heex

@@ -0,0 +1,12 @@
+<h1 class="text-2xl grow font-bold mb-6">Create a new link</h1>
+
+<.form for={@form} phx-submit="submit">
+  <div class="flex gap-2 items-end">
+    <div class="grow">
+      <.input field={@form[:url]} type="text" label="url" />
+    </div>
+    <button class="bg-black border border-black hover:bg-gray-700 text-white font-bold py-2 px-3 rounded-md">
+      Create
+    </button>
+  </div>
+</.form>