mirror of
https://github.com/freedombox/FreedomBox.git
synced 2026-09-19 04:59:01 +00:00
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:
parent
a6091a1edb
commit
06b4a447c6
@ -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';
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
});
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user