Packages

selecto_components

0.3.6
0.4.8 0.4.7 0.4.5 0.4.3 0.4.1 0.4.0 0.3.21 0.3.20 0.3.19 0.3.15 0.3.12 0.3.10 0.3.7 0.3.6 0.3.4 0.3.3 0.3.2 0.3.1 0.2.8 0.2.6 0.2.5 0.2.4 0.2.3 0.2.2 0.2.1 0.2.0 0.1.3 0.1.2 0.1.1 0.1.0

Alpha: Phoenix LiveView components for interactive Selecto query building and data exploration

HexDocs

Current section

Files

Jump to
Readme
30 Versions
10 Dependencies
Dependants
Files
Activity
selecto_components lib selecto_components components radio_tabs.ex
Raw

lib/selecto_components/components/radio_tabs.ex 

defmodule SelectoComponents.Components.RadioTabs do

  @doc """

    Given a set of radio buttons and containers, display the container indicated by the selected radio button



  """

  use Phoenix.LiveComponent



  def render(assigns) do

    ~H"""

      <div>

        <div :for={{id, module, name, opt} <- @options}>

          <label class="text-base-content cursor-pointer flex items-center gap-2">

            <input

              type="radio"

              name={@fieldname}

              value={id}

              checked={@view_mode == Atom.to_string(id)}

              phx-click="view_set"

              phx-target={@myself}

              class="radio radio-primary"/>

            <%= name %>

          </label>

          <div class={if @view_mode == Atom.to_string(id) do "pl-16 text-base-content" else "hidden" end}>

            <%= name %>

            <%= render_slot(@section, {id, module, name, opt}) %>

          </div>

        </div>

      </div>

    """

  end



  def handle_event("view_set", params, socket) do

    send(self(), {:view_set, params["value"]})

    {:noreply, socket}

  end

end