ScalesCmsWeb.ContextMenuComponents (scales_cms v0.2.0)

Copy Markdown

Provides a reusable context menu component that can be used across the CMS interface tables.

Hook for managing context menu state and events: ScalesCmsWeb.Hooks.ContextMenu

JSHook for handling opening the context menu on right-click: js/hooks/context_menu.js Usage: phx-hook="ContextMenu" on the table row element.

Usage:

<.context_menu :if={@context_menu} id="my-context-menu" context_menu={@context_menu}>
  <:menu_slots :let={menu_context}>
    <%= if menu_context.type == "item" do %>
      <button phx-click="edit-item" phx-value-id={menu_context.id}>Edit</button>
      <button phx-click="delete-item" phx-value-id={menu_context.id}>Delete</button>
    <% end %>
  </:menu_slots>
</.context_menu>

Summary

Functions

context_menu(assigns)

Attributes

  • context_menu (:map) - Defaults to nil.
  • id (:string) - Defaults to "context-menu".

Slots

  • menu_slots (required)