Sha256: b5617154636c9bbec07156907e6c115a6293ba8088e2ce770dd0f07944df43c7
Contents?: true
Size: 1.59 KB
Versions: 413
Compression:
Stored size: 1.59 KB
Contents
<%= content_tag(:li,
aria: object.aria,
class: object.classname,
data: object.data,
id: object.id,
**combined_html_options) do %>
<% if object.variant == "radio"%>
<%= pb_rails("radio", props: { text: object.text, checked: object.checked, input_options: object.input_options } ) %>
<% if content.present? %>
<%= content %>
<% end %>
<% else %>
<%= pb_rails("checkbox", props: { text: object.text, checked: object.checked, input_options: object.input_options } ) %>
<% if content.present? %>
<%= content %>
<% end %>
<% end %>
<% if object.variant == "checkbox"%>
<script>
var checkboxElement = document.querySelector("#<%=object.id%> input[type=checkbox]")
checkboxElement.addEventListener("change", (evt) => {
var listItemElement = document.querySelector("#<%=object.id%>")
if (evt.target.checked) {
listItemElement.classList.add("checked_item");
} else {
listItemElement.classList.remove("checked_item")
}
})
</script>
<% else %>
<script>
var radioElement = document.querySelector("#<%=object.id%> input[type=radio]")
radioElement.addEventListener("change", () => {
var radios = radioElement.closest("ul").querySelectorAll("input[type=radio]")
radios.forEach((radio) => {
if (radio.checked) {
radio.closest("li").classList.add("checked_item");
} else {
radio.closest("li").classList.remove("checked_item")
}
});
})
</script>
<% end %>
<% end %>
Version data entries
413 entries across 413 versions & 1 rubygems