Continue improving home screen
This commit is contained in:
@@ -2,6 +2,7 @@ defmodule WishWeb.HomeLive.Index do
|
||||
use WishWeb, :live_view
|
||||
|
||||
alias Wish.Wishlist
|
||||
use Phoenix.Component
|
||||
|
||||
@impl true
|
||||
def mount(_params, session, socket) do
|
||||
@@ -33,4 +34,34 @@ defmodule WishWeb.HomeLive.Index do
|
||||
{:noreply, socket}
|
||||
end
|
||||
end
|
||||
|
||||
attr :item, :any
|
||||
|
||||
def dropdown(assigns) do
|
||||
~H"""
|
||||
<div
|
||||
id={"dropdown-#{@item.id}"}
|
||||
class="absolute z-10 w-40 bg-white origin-top right-0 whitespace-nowrap p-1 border rounded"
|
||||
phx-click-away={JS.hide()}
|
||||
hidden
|
||||
>
|
||||
<.link
|
||||
href={@item.url}
|
||||
class="block p-1 w-full border border-white hover:bg-slate-100 hover:border-black select-none"
|
||||
target="_blank"
|
||||
>
|
||||
Go to URL
|
||||
</.link>
|
||||
<div
|
||||
class="block p-1 w-full border border-white hover:bg-slate-100 hover:border-black select-none cursor-pointer"
|
||||
phx-click={
|
||||
JS.push("toggle_received", value: %{"id" => @item.id})
|
||||
|> JS.hide(to: "#dropdown-#{@item.id}")
|
||||
}
|
||||
>
|
||||
Mark received
|
||||
</div>
|
||||
</div>
|
||||
"""
|
||||
end
|
||||
end
|
||||
|
||||
Reference in New Issue
Block a user