1
0
Fork 0
mirror of https://github.com/maybe-finance/maybe.git synced 2025-07-20 13:49:39 +02:00
Maybe/app/javascript/controllers/auto_submit_form_controller.js
Jakub Kottnauer 2c3752668a
Fix event handler removal on disconnect (#540)
* Fix event handler removal on disconnect

* Fix tab controller
2024-03-11 17:42:18 -04:00

31 lines
745 B
JavaScript

import { Controller } from '@hotwired/stimulus';
export default class extends Controller {
get cssInputSelector() {
return 'input:not(.no-auto-submit), textarea:not(.no-auto-submit)';
}
get inputElements() {
return this.element.querySelectorAll(this.cssInputSelector);
}
get selectElements() {
return this.element.querySelectorAll('select:not(.no-auto-submit)');
}
connect() {
[...this.inputElements, ...this.selectElements].forEach(el => el.addEventListener('change', this.handler));
}
disconnect() {
[...this.inputElements, ...this.selectElements].forEach(el => el.removeEventListener('change', this.handler));
}
handler = (e) => {
console.log(e);
this.element.requestSubmit();
}
}