diff --git a/CHANGELOG.md b/CHANGELOG.md
index c4a3b82..851e0b3 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,10 @@
# Changelog
+## 1.5.4 - 2025-03-03
+
+- Re-add filter removal functionality
+- Fix bug in search field
+
## 1.5.3 - 2025-02-28
- Live filtering for type and subject
diff --git a/README.md b/README.md
index 5e8287c..5dfddbe 100644
--- a/README.md
+++ b/README.md
@@ -57,6 +57,11 @@ The plugin is designed to work out of the box with minimal configuration. Howeve
## Changelog
+## 1.5.4 - 2025-03-03
+
+- Re-add filter removal functionality
+- Fix bug in search field
+
### 1.5.3 - 2025-02-28
- Live filtering for type and subject
diff --git a/assets/script.js b/assets/script.js
index b594683..af2b7a0 100644
--- a/assets/script.js
+++ b/assets/script.js
@@ -9,7 +9,10 @@ jQuery(document).ready(function ($) {
function triggerFiltering(paged = 1) {
let searchTerm = $('#search').val();
- let appliedFilters = [];
+ let appliedFilters = [];
+ let typeFilters = [];
+ let subjectFilters = [];
+
let selectedTypes = $('input[name="resource_type[]"]:checked')
.map(function () {
return $(this).closest('label').text().trim();
@@ -40,9 +43,13 @@ jQuery(document).ready(function ($) {
appliedFilters.push(
`
Type: ${name}
-
+
`
);
+
+ typeFilters.push(
+ `${name}`
+ );
});
// Resource Subjects
@@ -50,15 +57,26 @@ jQuery(document).ready(function ($) {
appliedFilters.push(
`
Subject: ${subject}
-
+
`
);
+
+ subjectFilters.push(
+ `${subject}`
+ );
});
$('#applied-filters').html(
appliedFilters.length ? appliedFilters.join(' ') : 'None'
);
+ $('#type_text').html(
+ typeFilters.length ? typeFilters.join(', ') : 'Resource Type'
+ );
+ $('#subject_text').html(
+ subjectFilters.length ? subjectFilters.join(', ') : 'Subject Tags'
+ );
+
let formData = {
action: 'filter_resources',
nonce: resourceFilterAjax.nonce,
@@ -77,15 +95,10 @@ jQuery(document).ready(function ($) {
.get(),
};
- console.log(formData);
-
-
// Perform AJAX request
$.post(resourceFilterAjax.ajaxurl, formData, function (response) {
response = JSON.parse(response);
- console.log(response);
-
$('#resource-results').html(response.html);
$('#result-count').text(response.count || 0);
@@ -137,23 +150,32 @@ jQuery(document).ready(function ($) {
/**
* Handle removing individual filters from the "Filters Used" section.
*/
- $(document).on('click', '.remove-filter', function () {
+ $(document).on('click', '.remove-filter', function (e) {
+ e.preventDefault();
+
let $filter = $(this).closest('.filter-item');
let filterType = $filter.data('type');
let filterValue = $filter.data('value');
- if (filterType === 'taxonomy') {
- let taxonomy = $filter.data('taxonomy');
- $(`.taxonomy-filter[data-taxonomy="${taxonomy}"] input:checked`).each(function () {
- if ($(this).val() === filterValue) {
+ // Remove the corresponding filter
+ if (filterType === 'search') {
+ $('#search').val('');
+ } else if (filterType === 'resource_type') {
+ $('input[name="resource_type[]"]:checked').each(function () {
+ if ($(this).val() === filterValue) { // Match the slug, not the name
+ $(this).prop('checked', false);
+ }
+ });
+ } else if (filterType === 'resource_subject') {
+ $('input[name="resource_subject[]"]:checked').each(function () {
+ if ($(this).closest('label').text().trim() === filterValue) {
$(this).prop('checked', false);
}
});
- } else if (filterType === 'search') {
- $('#search').val('');
}
- triggerFiltering(1); // Refresh results starting at page 1
+ // Re-trigger filtering after removing the filter
+ triggerFiltering(1);
});
});