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.

HexDocs

Current section

Files

Jump to
Readme
117 Versions
6 Dependencies
0 Dependants
Files
Activity
ash_admin lib ash_admin components top_nav drawer_dropdown.ex
Raw

lib/ash_admin/components/top_nav/drawer_dropdown.ex 

defmodule AshAdmin.Components.TopNav.DrawerDropdown do

  @moduledoc false

  use Surface.Component



  alias Surface.Components.LiveRedirect



  prop(name, :string, required: true)

  prop(groups, :list, required: true)

  prop(id, :string, required: true)



  def render(assigns) do

    ~H"""

    <div class="relative">

      <div x-data="{isOpen: false}">

        <a

          @click="isOpen = !isOpen"

          id={{ "#{@id}_dropdown_drawer" }}

          class="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"

          href="#"

          x-bind:class="{'text-white bg-gray-700': isOpen}"

        >

          {{ @name }}

        </a>



        <div

          :for={{ group <- @groups }}

          aria-labelledby={{ "#{@id}_dropown_drawer" }}

          class="bg-gray-700 text-white"

          x-show="isOpen"

          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"

        >

          <LiveRedirect

            :for={{ link <- group }}

            to={{ link.to }}

            class="block px-4 py-2 text-sm hover:bg-gray-200 hover:text-gray-900"

            opts={{ role: "menuitem" }}

          >

            {{ link.text }}

          </LiveRedirect>

        </div>

      </div>

    </div>

    """

  end

end