diff --git a/opentech/apply/dashboard/templates/dashboard/dashboard.html b/opentech/apply/dashboard/templates/dashboard/dashboard.html index e9147674d152af9d75b960b759ea26ac8b096dde..c7282db1e774df1173f2d84131b6f2f82066b8b7 100644 --- a/opentech/apply/dashboard/templates/dashboard/dashboard.html +++ b/opentech/apply/dashboard/templates/dashboard/dashboard.html @@ -22,6 +22,7 @@ <div class="wrapper wrapper--filters js-filter-wrapper"> <div class="wrapper wrapper--filters-header"> + <div class="js-clear-filters">Clear</div> </div> <form action="" method="get" class="form form--filters"> diff --git a/opentech/static_src/src/javascript/main.js b/opentech/static_src/src/javascript/main.js index bb197ac89f1e6b126df4a1359d01dc095708c760..59f3356f13393afe8b80526c87bc1a119bd5d3a3 100755 --- a/opentech/static_src/src/javascript/main.js +++ b/opentech/static_src/src/javascript/main.js @@ -56,6 +56,15 @@ $(function () { e.target.nextElementSibling.classList.add('is-open'); $('.js-filter-list').addClass('form__filters--mobile'); }); + + // clear all filters + $('.js-clear-filters').on('click', () =>{ + const dropdowns = document.querySelectorAll('.form__filters--mobile select'); + dropdowns.forEach(dropdown => { + $(dropdown).val(null).trigger('change'); + $('.select2-selection.is-active').removeClass('is-active'); + }); + }); }); // wait for DOM content to load before checking for select2