nik/FreedomBox
1
0
Fork 0
mirror of https://github.com/freedombox/FreedomBox.git synced 2026-09-19 04:59:01 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix error with app toggle input

Browse Source 
Reviewed-by: James Valleroy <jvalleroy@mailbox.org>
This commit is contained in:
Alice Kile 2019-11-29 17:06:11 +05:30 committed by James Valleroy
parent 005e9ffbd8
commit a8166bae7e
No known key found for this signature in database
GPG Key ID: 77C0C75E7B650808
1 changed files with 23 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
static/themes/default/js/app.template.js
View File

@ -26,29 +26,31 @@ const appToggleContainer = document.querySelector('#app-toggle-container');
const appToggleButton = document.querySelector('#app-toggle-button'); const appToggleButton = document.querySelector('#app-toggle-button');
const appToggleInput = document.querySelector('#app-toggle-input'); const appToggleInput = document.querySelector('#app-toggle-input');
const onSubmit = (e) => { if (appForm && appToggleButton && appToggleInput && appToggleContainer) {
e.preventDefault; const onSubmit = (e) => {
appToggleInput.checked = !appToggleInput.checked; e.preventDefault;
appForm.submit(); appToggleInput.checked = !appToggleInput.checked;
}; 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';
}
} }