LUT-27822: Ensure reset button displays correctly based on all input fields

Author: ManssourBlh

webapp/WEB-INF/templates/admin/plugins/blog/manage_blogs.html

@@ -209,20 +209,30 @@
 		},
 	});
 
-	function areAllInputsEmptyOrUnchecked() {
-    const isChecked = document.getElementById('current_user').checked;
-    const searchText = document.getElementById('search_text').value.trim();
-    const tagValue = document.getElementById('tag_doc').value.trim();
-    const dateUpdateBlogAfter = document.getElementById('dateUpdateBlogAfter').value.trim();
-    const dateUpdateBlogBefore = document.getElementById('dateUpdateBlogBefore').value.trim();
-    const blogStatus = document.getElementById('blog_status').value.trim(); // Added blog_status
+	// Check if all inputs are empty or unchecked
 
-    return !isChecked &&
-           searchText === '' &&
-           tagValue === '' &&
-           dateUpdateBlogAfter === '' &&
-           dateUpdateBlogBefore === '' &&
-           blogStatus === '0'; // Adjusted to check for '0' status as well
+	function areAllInputsEmptyOrUnchecked() {
+		const isChecked = document.getElementById('current_user').checked;
+		const searchText = document.getElementById('search_text').value.trim();
+		const tagValue = document.getElementById('tag_doc').selectedOptions.length > 0
+		const dateUpdateBlogAfter = document.getElementById('dateUpdateBlogAfter').value.trim();
+		const dateUpdateBlogBefore = document.getElementById('dateUpdateBlogBefore').value.trim();
+		const blogStatus = document.getElementById('unpublished').value;
+// Debug output
+		console.log({
+			isChecked,
+			searchText,
+			tagValue,
+			dateUpdateBlogAfter,
+			dateUpdateBlogBefore,
+			blogStatus
+		});
+		return !isChecked &&
+			   (searchText === '' || searchText === null) &&
+			  	!tagValue &&
+			   (dateUpdateBlogAfter === '' || dateUpdateBlogAfter === null) &&
+			   (dateUpdateBlogBefore === '' || dateUpdateBlogBefore === null) &&
+			   (blogStatus === '0' || blogStatus === null);
 	}
 
 	// Show/hide reset button based on input values
@@ -235,5 +245,13 @@
 		btnReset.classList.toggle('d-none', areAllInputsEmptyOrUnchecked());
 	});
 
+	// Add change event listener to the select elements
+	document.getElementById('tag_doc').addEventListener('change', function() {
+		btnReset.classList.toggle('d-none', areAllInputsEmptyOrUnchecked());
+	});
+
+	document.getElementById('unpublished').addEventListener('change', function() {
+		btnReset.classList.toggle('d-none', areAllInputsEmptyOrUnchecked());
+	});
 });
 </script>