Packages

mavu_list

0.2.2
1.0.24 1.0.23 1.0.22 1.0.21 1.0.20 1.0.19 1.0.15 1.0.14 1.0.13 1.0.12 1.0.11 1.0.10 1.0.9 1.0.8 1.0.7 1.0.6 1.0.5 1.0.4 1.0.3 1.0.2 1.0.1 0.2.10 0.2.9 0.2.8 0.2.7 0.2.6 0.2.5 0.2.3 0.2.2 0.2.1 0.1.11 0.1.10 0.1.9 0.1.8 0.1.7 0.1.6 0.1.5

List helpers used in other upcoming packages under mavuio/*

HexDocs

Current section

Files

Jump to
Readme
37 Versions
11 Dependencies
2 Dependants
Files
Activity
mavu_list lib live columnchooser_component.html.heex
Raw

lib/live/columnchooser_component.html.heex 

<div

  id={"#{@id}"}

  class="py-4 px-2"

  phx-hook="MavuListColumnChooserHook"

  x-data="mavu_list_column_chooser_component()"

>

  <.form let={f} for={:fdata} url="#" phx_submit="list.set_columns" phx_target={@target}>

    <%= hidden_input(f, :col_order) %>



    <div x-ref="items">

      <%= for col_f <-  inputs_for(f, :columns, default: @columns) do %>

        <div class="border rounded my-1 px-2 py-1 flex space-x-2  text-sm">

          <div>

            <%= if col_f.data.editable  do %>

              <%= checkbox(col_f, :visible) %>

            <% else %>

              <%= hidden_input(col_f, :visible) %>

              <%= checkbox(col_f, :visible, disabled: true) %>

            <% end %>

          </div>

          <label for={input_id(col_f, :visible)} class="flex-auto ">

            <%= MavuList.get_label(col_f.data, col_f.data.name) %>

          </label>

          <div class="flex items-center self-stretch drag-handle cursor-grab">

            <svg

              xmlns="http://www.w3.org/2000/svg"

              class="w-4 h-4 opacity-20"

              viewBox="0 0 20 20"

              fill="currentColor"

            >

              <path d="M10 6a2 2 0 110-4 2 2 0 010 4zM10 12a2 2 0 110-4 2 2 0 010 4zM10 18a2 2 0 110-4 2 2 0 010 4z" />

            </svg>

            <%= hidden_input(col_f, :name) %>

          </div>

        </div>

      <% end %>

    </div>



    <div class="text-center">

      <%= content_tag(:button, "OK",

        class: "bg-gray-200 py-2  px-8 text-xs hover:bg-gray-300",

        phx_click: JS.dispatch("click", to: "##{@close_button_id}", bubbles: true)

      ) %>

    </div>

  </.form>

</div>