Sha256: 2e7b129aacf7e0678403e5a8bde52efdfaa2813c8bc14a6fde82408a845f9a28
Contents?: true
Size: 1.8 KB
Versions: 31
Compression:
Stored size: 1.8 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.in?([:edit, :create]) %>"
>
<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.in?([:edit, :create]) %>
<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 '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',
'data-view': :edit
%>
<% else %>
<%= text_area_tag @field.id,
@field.parsed_value,
class: 'hidden',
placeholder: @field.placeholder,
'data-key-value-target': 'input',
'data-view': :edit
%>
<% end %>
</div>
Version data entries
31 entries across 31 versions & 1 rubygems