Packages
ash_admin
0.13.0
1.1.0
1.0.0-rc.0
0.14.0
0.13.26
0.13.25
0.13.24
0.13.23
0.13.22
0.13.21
0.13.20
0.13.19
0.13.18
0.13.17
0.13.16
0.13.15
0.13.14
0.13.13
0.13.12
0.13.11
0.13.10
0.13.9
0.13.8
0.13.7
0.13.6
0.13.5
0.13.4
0.13.3
0.13.2
0.13.1
0.13.0
0.12.6
0.12.5
0.12.4
0.12.3
0.12.2
0.12.1
0.12.0
0.11.11
0.11.10
0.11.9
0.11.8
0.11.7
0.11.6
0.11.5
0.11.4
0.11.3
0.11.2
0.11.1
0.11.0
0.10.12
0.10.11
0.10.10
retired
0.10.10-rc.1
0.10.10-rc.0
0.10.9
0.10.8
0.10.7
0.10.6
0.10.5
0.10.4
0.10.3
0.10.2
0.10.1
0.10.0
0.9.8
0.9.7
0.9.6
0.9.5
0.9.4
0.9.3
0.9.2
0.9.1
0.9.0
0.8.1
0.8.0
0.7.1
0.7.0
0.6.2
0.6.1
0.6.0-rc.2
0.6.0-rc.1
0.6.0-rc.0
0.5.2
0.5.1-rc.0
0.5.0
0.4.5-rc.0
0.4.4
0.4.2
0.4.0
0.3.0-rc.0
0.2.22
0.2.21
0.2.20
0.2.19
0.2.18
0.2.17
0.2.16-rc.1
0.2.16-rc.0
0.2.15
0.2.14
0.2.13
0.2.12
0.2.11
0.2.10
0.2.9
0.2.8
0.2.7
0.2.6
0.2.5
0.2.4
0.2.3
0.2.1
0.1.6
0.1.5
0.1.3
0.1.2
0.1.0
A super-admin UI for Ash Framework, built with Phoenix LiveView.
Current section
Files
Jump to
Current section
Files
lib/ash_admin/components/top_nav/drawer_dropdown.ex
defmodule AshAdmin.Components.TopNav.DrawerDropdown do
@moduledoc false
use Phoenix.LiveComponent
import AshAdmin.Helpers
attr :name, :string, required: true
attr :groups, :list, required: true
attr :group_labels, :any, required: false
def render(assigns) do
~H"""
<div class="relative">
<div>
<a
phx-click="toggle"
phx-target={@myself}
id={"#{@id}_dropdown_drawer"}
href="#"
class={
classes(
"mt-1 block px-3 py-2 rounded-t text-base font-medium text-gray-300 hover:text-white hover:bg-gray-700 focus:outline-none focus:text-white focus:bg-gray-700":
true,
"text-white bg-gray-700": @open
)
}
>
{@name}
</a>
<div
:for={group <- @groups}
:if={@open}
aria-labelledby={"#{@id}_dropown_drawer"}
class="bg-gray-700 text-white"
role="menu"
aria-orientation="vertical"
x-transition:enter="transition ease-out duration-150"
x-transition:enter-start="opacity-0 transform -translate-y-3"
x-transition:enter-end="opacity-100 transform translate-y-0"
x-transition:leave="transition ease-in duration-150"
x-transition:leave-end="opacity-0 transform -translate-y-3"
>
<.link
:for={link <- group}
navigate={link.to}
class="block px-4 py-2 text-sm hover:bg-gray-200 hover:text-gray-900"
role="menuitem"
>
{link.text}
</.link>
</div>
</div>
</div>
"""
end
def mount(socket) do
{:ok, assign(socket, :open, false)}
end
def handle_event("toggle", _, socket) do
{:noreply, assign(socket, :open, !socket.assigns.open)}
end
end