peterstockings/bloodpressure
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update DIY HTMX to trigger on input update

Browse Source
This commit is contained in:
Peter Stockings
2026-03-13 15:18:09 +11:00
parent 086784b2a2
commit eca31040af
3 changed files with 8 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
app/templates/_layout.html
View File

@@ -227,6 +227,14 @@
} }
}); });
// Auto-submit forms when inputs change
document.addEventListener('change', (e) => {
const htmxForm = e.target.closest('form[hx-get], form[hx-post]');
if (htmxForm) {
htmxForm.dispatchEvent(new Event('submit', { cancelable: true, bubbles: true }));
}
});
// Handle form submissions for Micro-HTMX // Handle form submissions for Micro-HTMX
document.addEventListener('submit', async (e) => { document.addEventListener('submit', async (e) => {
const htmxForm = e.target.closest('form[hx-get], form[hx-post]'); const htmxForm = e.target.closest('form[hx-get], form[hx-post]');

8
app/templates/partials/dashboard_graph.html
View File

@@ -29,14 +29,6 @@
<input type="date" name="end_date" id="end_date" value="{{ end_date or '' }}" <input type="date" name="end_date" id="end_date" value="{{ end_date or '' }}"
class="w-full p-2.5 border border-gray-300 rounded-xl shadow-sm focus:outline-none focus:ring-2 focus:ring-primary-500 text-gray-700"> class="w-full p-2.5 border border-gray-300 rounded-xl shadow-sm focus:outline-none focus:ring-2 focus:ring-primary-500 text-gray-700">
</div> </div>
<!-- Apply Button -->
<div>
<button type="submit"
class="w-full md:w-auto bg-primary-600 text-white px-6 py-2.5 rounded-xl font-semibold shadow-md hover:bg-primary-700 focus:outline-none focus:ring-2 focus:ring-primary-500 transition-colors">
Apply Filter
</button>
</div>
</form> </form>
</div> </div>
<!-- Blood Pressure Graph Card --> <!-- Blood Pressure Graph Card -->

8
app/templates/partials/dashboard_table.html
View File

@@ -16,14 +16,6 @@
<input type="date" name="end_date" id="end_date" value="{{ end_date or '' }}" <input type="date" name="end_date" id="end_date" value="{{ end_date or '' }}"
class="w-full p-2.5 border border-gray-300 rounded-xl shadow-sm focus:outline-none focus:ring-2 focus:ring-primary-500 text-gray-700"> class="w-full p-2.5 border border-gray-300 rounded-xl shadow-sm focus:outline-none focus:ring-2 focus:ring-primary-500 text-gray-700">
</div> </div>
<!-- Apply Button -->
<div>
<button type="submit"
class="w-full md:w-auto bg-primary-600 text-white px-6 py-2.5 rounded-xl font-semibold shadow-md hover:bg-primary-700 focus:outline-none focus:ring-2 focus:ring-primary-500 transition-colors">
Apply Filter
</button>
</div>
</form> </form>
</div> </div>