Packages
ash_admin
0.2.19
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
import AshAdmin.Helpers
alias Surface.Components.LiveRedirect
alias AshAdmin.Components.TopNav.{ActorSelect, DrawerDropdown, TenantForm, Dropdown}
data(nav_collapsed, :boolean, default: true)
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
~H"""
<nav x-data="{ navOpen: false }" @keydown.window.escape="navOpen = false" class="bg-gray-800">
<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={{ ash_admin_path(@prefix) }}>
Admin
</LiveRedirect>
</h3>
</div>
<div class="hidden md:block w-full">
<div class="flex justify-between">
<div class="ml-10 flex items-center">
<Dropdown
:for={{ api <- @apis }}
active={{ api == @api }}
class="mr-1"
id={{ AshAdmin.Api.name(api) <> "_api_nav" }}
name={{ AshAdmin.Api.name(api) }}
groups={{ dropdown_groups(@prefix, @resource, api) }}
/>
</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
@click="navOpen = !navOpen"
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="{'hidden': navOpen, 'inline-flex': !navOpen }"
class="inline-flex"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
d="M4 6h16M4 12h16M4 18h16"
/>
<path
:class="{'hidden': !navOpen, 'inline-flex': navOpen }"
class="hidden"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
d="M6 18L18 6M6 6l12 12"
/>
</svg>
</button>
</div>
</div>
</div>
<div x-show="navOpen" class="md:hidden">
<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) }}
/>
</div>
</div>
</nav>
"""
end
defp dropdown_groups(prefix, current_resource, api) do
[
for resource <- Ash.Api.resources(api) do
%{
text: AshAdmin.Resource.name(resource),
to: ash_admin_path(prefix, api, resource),
active: resource == current_resource
}
end
]
end
def handle_event("collapse_nav", _, socket) do
{:noreply, assign(socket, :nav_collapsed, !socket.assigns.nav_collapsed)}
end
defp show_tenant_form?(apis) do
Enum.any?(apis, fn api ->
api
|> Ash.Api.resources()
|> Enum.any?(fn resource ->
Ash.Resource.Info.multitenancy_strategy(resource)
end)
end)
end
end