From 27702d23db77e7ce66222a49aadbeb4ad9f6059f Mon Sep 17 00:00:00 2001
From: Aaron Holmes <aholmes@mednet.ucla.edu>
Date: Mon, 21 Apr 2025 10:16:20 -0700
Subject: [PATCH] Alter Search behavior to update when project and date inputs
 change.

This change causes the Summary view to update when:

* The Project dropdown changes
* The start date changes
* The end date changes

This allows users to change the summary view without the extra Search
button click.

This change also alters how the related HTML elements are discovered in
the DOM. Each element is queried before event execution, which means
they do not need to be queried every time the Search events fire.
---
 src/summaryView.ts | 28 ++++++++++++++++++----------
 1 file changed, 18 insertions(+), 10 deletions(-)

diff --git a/src/summaryView.ts b/src/summaryView.ts
index f4b05ab..4accc9c 100644
--- a/src/summaryView.ts
+++ b/src/summaryView.ts
@@ -549,27 +549,35 @@ export class SummaryViewProvider implements vscode.WebviewViewProvider {
                         }
                     });
 
-                    document.getElementById('search-button').addEventListener('click', () => {
-                        const startDate = document.getElementById('start-date-search').value;
-                        const endDate = document.getElementById('end-date-search').value;
-                        const project = document.getElementById('project-search').value;
+                    const startDateElem = document.getElementById('start-date-search');
+                    const endDateElem = document.getElementById('end-date-search');
+                    const projectSearchElem = document.getElementById('project-search');
+
+                    function changeSearchSelection() {
+                        const startDate = startDateElem.value;
+                        const endDate = endDateElem.value;
+                        const project = projectSearchElem.value;
                         vscode.postMessage({ command: 'search', startDate, endDate, project });
-                    });
+                    };
+
+                    startDateElem.addEventListener('input', changeSearchSelection);
+                    endDateElem.addEventListener('input', changeSearchSelection);
+                    projectSearchElem.addEventListener('change', changeSearchSelection);
+                    document.getElementById('search-button').addEventListener('click', changeSearchSelection);
 
                     // Add event listener for the reload button
                     document.getElementById('reload-button').addEventListener('click', () => {
                         // Reset date fields
-                        document.getElementById('start-date-search').value = '';
-                        document.getElementById('end-date-search').value = '';
+                        startDateSearch.value = '';
+                        endDateSearch.value = '';
                         // Reset project dropdown
-                        document.getElementById('project-search').value = '';
+                        projectSearch.value = '';
                         // Send refresh command
                         vscode.postMessage({ command: 'refresh' });
                     });
 
                     function updateProjectDropdown(projects) {
-                        const dropdown = document.getElementById('project-search');
-                        dropdown.innerHTML = '<option value="">All Projects</option>' +
+                        projectSearch.innerHTML = '<option value="">All Projects</option>' +
                             projects.map(project => \`<option value="\${project}">\${project}</option>\`).join('');
                     }