You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
54 lines
1.4 KiB
JavaScript
54 lines
1.4 KiB
JavaScript
3 years ago
|
'use strict';
|
||
|
|
|
||
|
|
define('forum/account/theme', ['forum/account/header', 'storage', 'settings', 'alerts'], function (header, Storage, settings, alerts) {
|
||
|
|
const Theme = {};
|
||
|
|
|
||
|
|
Theme.init = () => {
|
||
|
|
header.init();
|
||
|
|
Theme.setupForm();
|
||
|
|
};
|
||
|
|
|
||
|
|
Theme.setupForm = () => {
|
||
|
|
const saveEl = document.getElementById('save');
|
||
|
|
const formEl = document.getElementById('theme-settings');
|
||
|
|
const [sidebarSwapped, autohideNavbarEnvs] = [
|
||
|
|
!!Storage.getItem('persona:menus:legacy-layout'),
|
||
|
|
Storage.getItem('persona:navbar:autohide'),
|
||
|
|
];
|
||
|
|
|
||
|
|
document.getElementById('persona:menus:legacy-layout').checked = sidebarSwapped;
|
||
|
|
try {
|
||
|
|
const parsed = JSON.parse(autohideNavbarEnvs);
|
||
|
|
parsed.forEach((env) => {
|
||
|
|
const optionEl = document.getElementById('persona:navbar:autohide').querySelector(`option[value="${env}"]`);
|
||
|
|
optionEl.selected = true;
|
||
|
|
});
|
||
|
|
} catch (e) {
|
||
|
|
console.warn(e);
|
||
|
|
}
|
||
|
|
|
||
|
|
if (saveEl) {
|
||
|
|
saveEl.addEventListener('click', () => {
|
||
|
|
const themeSettings = settings.helper.serializeForm($(formEl));
|
||
|
|
Object.keys(themeSettings).forEach((key) => {
|
||
|
|
if (key === 'persona:menus:legacy-layout') {
|
||
|
|
if (themeSettings[key] === 'on') {
|
||
|
|
Storage.setItem('persona:menus:legacy-layout', 'true');
|
||
|
|
} else {
|
||
|
|
Storage.removeItem('persona:menus:legacy-layout');
|
||
|
|
}
|
||
|
|
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
|
||
|
|
Storage.setItem(key, themeSettings[key]);
|
||
|
|
});
|
||
|
|
|
||
|
|
alerts.success('[[success:settings-saved]]');
|
||
|
|
});
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
return Theme;
|
||
|
|
});
|