Packages
ash_admin
0.7.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.ex
defmodule AshAdmin.Components.TopNav do
@moduledoc false
use Surface.LiveComponent
alias Surface.Components.LiveRedirect
alias AshAdmin.Components.TopNav.{ActorSelect, DrawerDropdown, TenantForm, Dropdown}
data(nav_collapsed, :boolean, default: true)
data(open, :boolean, default: false)
prop(api, :any, required: true)
prop(resource, :any, required: true)
prop(actor_resources, :any, required: true)
prop(apis, :any, required: true)
prop(tenant, :any, required: true)
prop(clear_tenant, :event)
prop(set_tenant, :event)
prop(toggle_authorizing, :event, required: true)
prop(toggle_actor_paused, :event, required: true)
prop(clear_actor, :event, required: true)
prop(authorizing, :boolean, required: true)
prop(actor_paused, :boolean, required: true)
prop(actor, :any, required: true)
prop(actor_api, :any, required: true)
prop(prefix, :any, required: true)
def render(assigns) do
~F"""
<nav phx-keydown="close" phx-key="escape" class="bg-gray-800" phx-target={@myself}>
<div class="px-4 sm:px-6 lg:px-8">
<div class="flex items-center justify-between h-16">
<div class="flex items-center w-full">
<div class="flex-shrink-0">
<h3 class="text-white text-lg">
<LiveRedirect to={@prefix}>
Admin
</LiveRedirect>
</h3>
</div>
<div class="hidden md:block w-full">
<div class="flex justify-between">
<div class="ml-10 flex items-center">
{#for api <- @apis}
<Dropdown
active={api == @api}
class="mr-1"
id={AshAdmin.Api.name(api) <> "_api_nav"}
name={AshAdmin.Api.name(api)}
groups={dropdown_groups(@prefix, @resource, api)}
group_labels={dropdown_group_labels(api)}
/>
{/for}
</div>
<div class="ml-10 flex items-center">
<ActorSelect
:if={@actor_resources != []}
actor_resources={@actor_resources}
authorizing={@authorizing}
actor_paused={@actor_paused}
actor={@actor}
toggle_authorizing={@toggle_authorizing}
toggle_actor_paused={@toggle_actor_paused}
clear_actor={@clear_actor}
actor_api={@actor_api}
api={@api}
prefix={@prefix}
/>
<TenantForm
:if={show_tenant_form?(@apis)}
tenant={@tenant}
id="tenant_editor"
set_tenant={@set_tenant}
clear_tenant={@clear_tenant}
/>
</div>
</div>
</div>
</div>
<div class="-mr-2 flex md:hidden">
<button
phx-click="toggle"
phx-target={@myself}
class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:bg-gray-700 focus:text-white"
>
<svg class="h-6 w-6" stroke="currentColor" fill="none" viewBox="0 0 24 24">
<path
class={"inline-flex": !@open, hidden: @open}
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
d="M4 6h16M4 12h16M4 18h16"
/>
<path
class={hidden: !@open, "inline-flex": @open}
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
d="M6 18L18 6M6 6l12 12"
/>
</svg>
</button>
</div>
</div>
</div>
<div :if={@open} class="md:hidden" x-cloak>
<div class="relative px-2 pt-2 pb-3 sm:px-3">
<div class="block px-4 py-2 text-sm">
<ActorSelect
:if={@actor_resources != []}
actor_resources={@actor_resources}
authorizing={@authorizing}
actor_paused={@actor_paused}
actor={@actor}
toggle_authorizing={@toggle_authorizing}
toggle_actor_paused={@toggle_actor_paused}
clear_actor={@clear_actor}
actor_api={@actor_api}
api={@api}
prefix={@prefix}
/>
</div>
<div class="block px-4 py-2 text-sm">
<TenantForm
:if={show_tenant_form?(@apis)}
tenant={@tenant}
id="tenant_editor_drawer"
set_tenant={@set_tenant}
clear_tenant={@clear_tenant}
/>
</div>
<DrawerDropdown
:for={api <- @apis}
id={AshAdmin.Api.name(api) <> "_api_nav_drawer"}
name={AshAdmin.Api.name(api)}
groups={dropdown_groups(@prefix, @resource, api)}
group_labels={dropdown_group_labels(api)}
/>
</div>
</div>
</nav>
"""
end
defp dropdown_groups(prefix, current_resource, api) do
for resource <- Ash.Api.Info.resources(api) do
%{
text: AshAdmin.Resource.name(resource),
to:
"#{prefix}?api=#{AshAdmin.Api.name(api)}&resource=#{AshAdmin.Resource.name(resource)}",
active: resource == current_resource,
group: AshAdmin.Resource.resource_group(resource)
}
end
|> Enum.group_by(fn resource -> resource.group end)
|> Enum.sort_by(fn {label, _items} -> label || "_____always_put_me_last" end)
|> Keyword.values()
end
defp dropdown_group_labels(api) do
AshAdmin.Api.resource_group_labels(api)
end
def handle_event("collapse_nav", _, socket) do
{:noreply, assign(socket, :nav_collapsed, !socket.assigns.nav_collapsed)}
end
def handle_event("close", _, socket) do
{:noreply, assign(socket, :open, false)}
end
def handle_event("toggle", _, socket) do
{:noreply, assign(socket, :open, !socket.assigns.open)}
end
defp show_tenant_form?(apis) do
Enum.any?(apis, fn api ->
api
|> Ash.Api.Info.resources()
|> Enum.any?(fn resource ->
Ash.Resource.Info.multitenancy_strategy(resource)
end)
end)
end
end