app: fix javascript constant redeclaration error

Closes #1715

Signed-off-by: Veiko Aasa <veiko17@disroot.org>
Reviewed-by: Joseph Nuthalapati <njoseph@riseup.net>
This commit is contained in:
Veiko Aasa 2019-12-02 18:01:37 +03:00 committed by Joseph Nuthalapati
parent a6091a1edb
commit 06b4a447c6
No known key found for this signature in database
GPG Key ID: 5398F00A2FA43C35

View File

@ -21,36 +21,38 @@
* in this page. * in this page.
*/ */
const appForm = document.querySelector('#app-form'); $(document).on('turbolinks:load', function() {
const appToggleContainer = document.querySelector('#app-toggle-container'); const appForm = document.querySelector('#app-form');
const appToggleButton = document.querySelector('#app-toggle-button'); const appToggleContainer = document.querySelector('#app-toggle-container');
const appToggleInput = document.querySelector('#app-toggle-input'); const appToggleButton = document.querySelector('#app-toggle-button');
const appToggleInput = document.querySelector('#app-toggle-input');
if (appForm && appToggleButton && appToggleInput && appToggleContainer) { if (appForm && appToggleButton && appToggleInput && appToggleContainer) {
const onSubmit = (e) => { const onSubmit = (e) => {
e.preventDefault; e.preventDefault;
appToggleInput.checked = !appToggleInput.checked; appToggleInput.checked = !appToggleInput.checked;
appForm.submit(); appForm.submit();
}; };
appToggleButton.addEventListener('click', onSubmit); appToggleButton.addEventListener('click', onSubmit);
/** /**
* if javascript is enabled, this script will run and show the toggle button * if javascript is enabled, this script will run and show the toggle button
*/ */
appToggleInput.parentElement.style.display = 'none'; appToggleInput.parentElement.style.display = 'none';
appToggleContainer.style.display = 'flex'; appToggleContainer.style.display = 'flex';
/* A basic form has only three elements: /* A basic form has only three elements:
* 1. An input tag with CSRF token * 1. An input tag with CSRF token
* 2. A div with form elements * 2. A div with form elements
* 3. A Submit button * 3. A Submit button
* *
* This kind of form can be completely hidden. * This kind of form can be completely hidden.
*/ */
if (appForm.children.length === 3) { if (appForm.children.length === 3) {
appForm.style.display = 'none'; appForm.style.display = 'none';
appForm.previousElementSibling.style.display = 'none'; appForm.previousElementSibling.style.display = 'none';
}
} }
} });