Skip to content
Snippets Groups Projects
Commit 0f7fbd7c authored by Robert Goldmann's avatar Robert Goldmann
Browse files

#293 - automatically update section status on checkbox change

parent c7d5799d
No related branches found
No related tags found
No related merge requests found
Pipeline #598 passed
$(document).ready(function () {
$('.collapsible').collapsible();
$(':checkbox').change(function() {
updateStatus();
});
updateStatus();
});
function updateStatus() {
updateStatusForSectionByCheckboxes('section-type');
updateStatusForSectionByCheckboxes('section-repeating');
updateStatusForSectionByCheckboxes('section-categories');
}
function updateStatusForSectionByCheckboxes(identifier) {
var section = document.getElementById(identifier);
section.querySelector('.collapsible-header-status').innerText = getStatusByCheckboxes(section);
}
function getStatusByCheckboxes(item) {
var checkboxes = $(item).find('input[type=checkbox]');
var checkedCount = 0;
for(var i = 0; i < checkboxes.length; i++) {
if(checkboxes[i].checked)
{
checkedCount += 1;
}
}
return checkedCount + "/" + checkboxes.length;
}
......@@ -17,8 +17,8 @@
<div class="row">
<div class="s12">
<ul class="collapsible">
<li>
<ul class="collapsible" id="filterSettings">
<li id="section-type">
<div class="collapsible-header">
<i class="fas fa-piggy-bank"></i>
${locale.getString("filter.type")}
......@@ -42,7 +42,7 @@
</div>
</li>
<li>
<li id="section-repeating">
<div class="collapsible-header">
<i class="material-icons">repeat</i>
${locale.getString("filter.repeating")}
......@@ -66,7 +66,7 @@
</div>
</li>
<li>
<li id="section-categories">
<div class="collapsible-header">
<i class="material-icons">label</i>
${locale.getString("filter.categories")}
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment