32 lines
818 B
TypeScript
32 lines
818 B
TypeScript
import { ApplicationController } from './application_controller';
|
|
import { show, hide } from '@utils';
|
|
const AUTOSUBMIT_DEBOUNCE_DELAY = 5000;
|
|
|
|
export class AutosubmitController extends ApplicationController {
|
|
static targets = ['form', 'spinner'];
|
|
|
|
declare readonly formTarget: HTMLFormElement;
|
|
declare readonly spinnerTarget: HTMLElement;
|
|
declare readonly hasSpinnerTarget: boolean;
|
|
|
|
submit() {
|
|
this.formTarget.requestSubmit();
|
|
}
|
|
|
|
debouncedSubmit() {
|
|
this.debounce(this.submit, AUTOSUBMIT_DEBOUNCE_DELAY);
|
|
}
|
|
|
|
connect() {
|
|
this.onGlobal('turbo:submit-start', () => {
|
|
if (this.hasSpinnerTarget) {
|
|
show(this.spinnerTarget);
|
|
}
|
|
});
|
|
this.onGlobal('turbo:submit-end', () => {
|
|
if (this.hasSpinnerTarget) {
|
|
hide(this.spinnerTarget);
|
|
}
|
|
});
|
|
}
|
|
}
|