Sha256: 645f41981b4200b63bbd2100078e24c3cd7c0b72bb3685dfd4e38bc5f7876472

Contents?: true

Size: 1.93 KB

Versions: 25

Compression:

Stored size: 1.93 KB

Contents

<div class="w-full shadow-lg rounded overflow-hidden"
  data-controller="key-value"
  data-key-value-target="controller"
  data-options="<%= @field.options.to_json %>"
  data-input-classes="<%= input_classes %>"
  data-editable="<%= @view.form? %>"
>
  <div class="w-full flex flex-col">
    <div class="flex w-full">
      <div class="flex w-full bg-gray-700 shadow overflow-hidden">
        <div class="w-1/2 py-3 px-3 uppercase font-semibold text-xs text-white border-gray-600 border-r">
          <%= @field.key_label %>
        </div>
        <div class="w-1/2 py-3 px-3 uppercase font-semibold text-xs text-white">
          <%= @field.value_label %>
        </div>
        <% if @view.form? %>
          <div class="flex items-center justify-center p-2 px-3 border-l border-gray-600">
            <a href="javascript:void(0);"
              title="<%= @field.action_text %>"
              data-tippy="tooltip"
              data-button="add-row"
              data-action="click->key-value#addRow"
              <% if @field.disable_adding_rows %>
                class="cursor-not-allowed"
              <% end %>
            >
              <%= svg "heroicons/outline/plus-circle", class: 'text-gray-400 h-5 hover:text-gray-500' %>
            </a>
          </div>
        <% end %>
      </div>
    </div>
    <div data-key-value-target="rows"></div>
  </div>
  <% if @form.present? %>
    <%= @form.text_area @field.id,
      value: @field.parsed_value,
      class: 'hidden',
      placeholder: @field.placeholder,
      data: {
        "key-value-target": 'input',
        view: @view,
        **@field.get_html(:data, view: view, element: :input)
      }
    %>
  <% else %>
    <%= text_area_tag @field.id,
      @field.parsed_value,
      class: 'hidden',
      placeholder: @field.placeholder,
      data: {
        "key-value-target": 'input',
        view: @view,
        **@field.get_html(:data, view: view, element: :input)
      }
    %>
  <% end %>
</div>

Version data entries

25 entries across 25 versions & 1 rubygems

Version Path
avo-3.11.7 app/components/avo/fields/common/key_value_component.html.erb
avo-3.11.6 app/components/avo/fields/common/key_value_component.html.erb
avo-3.11.5 app/components/avo/fields/common/key_value_component.html.erb
avo-3.11.4 app/components/avo/fields/common/key_value_component.html.erb
avo-3.11.3 app/components/avo/fields/common/key_value_component.html.erb
avo-3.11.2 app/components/avo/fields/common/key_value_component.html.erb
avo-3.11.1 app/components/avo/fields/common/key_value_component.html.erb
avo-3.11.0 app/components/avo/fields/common/key_value_component.html.erb
avo-3.10.10 app/components/avo/fields/common/key_value_component.html.erb
avo-3.10.9 app/components/avo/fields/common/key_value_component.html.erb
avo-3.10.8 app/components/avo/fields/common/key_value_component.html.erb
avo-3.10.7 app/components/avo/fields/common/key_value_component.html.erb
avo-3.10.6 app/components/avo/fields/common/key_value_component.html.erb
avo-3.10.5 app/components/avo/fields/common/key_value_component.html.erb
avo-3.10.4 app/components/avo/fields/common/key_value_component.html.erb
avo-3.10.3 app/components/avo/fields/common/key_value_component.html.erb
avo-3.10.2 app/components/avo/fields/common/key_value_component.html.erb
avo-3.10.1 app/components/avo/fields/common/key_value_component.html.erb
avo-3.10.0 app/components/avo/fields/common/key_value_component.html.erb
avo-3.9.2 app/components/avo/fields/common/key_value_component.html.erb