Sha256: c4fc1478f411d9486614f1d6ca850cdfe663d6c33370c45b31f60b8b923d2aad
Contents?: true
Size: 1.03 KB
Versions: 30
Compression:
Stored size: 1.03 KB
Contents
<%= edit_field_wrapper field: @field, index: @index, form: @form, resource: @resource, displayed_in_modal: @displayed_in_modal do %>
<% if @field.display_value %>
<div class="text-center text-sm font-semibold w-full leading-none mb-1">
<span class="js-progress-bar-value-<%= @field.id %>"><%= @field.value %></span><%= @field.value_suffix if @field.value_suffix.present? %>
</div>
<% end %>
<%= @form.range_field @field.id,
class: "w-full #{@field.get_html(:classes, view: view, element: :input)}",
data: @field.get_html(:data, view: view, element: :input),
disabled: @field.readonly,
max: @field.max,
min: 0,
placeholder: @field.placeholder,
step: @field.step,
style: @field.get_html(:style, view: view, element: :input)
%>
<% end %>
<script>
var input = document.getElementById('project_progress');
var log = document.querySelector('.js-progress-bar-value-<%= @field.id %>');
input.addEventListener('input', updateValue);
function updateValue(e) {
log.textContent = e.target.value;
}
</script>
Version data entries
30 entries across 30 versions & 1 rubygems