mirror of
https://github.com/philomena-dev/philomena.git
synced 2025-02-07 23:06:42 +01:00
Fix local settings page for anonymous users
This commit is contained in:
parent
f1a5f7739d
commit
3c7c1e1ec1
1 changed files with 18 additions and 11 deletions
|
@ -6,24 +6,16 @@ import { assertNotNull, assertNotUndefined } from './utils/assert';
|
||||||
import { $, $$ } from './utils/dom';
|
import { $, $$ } from './utils/dom';
|
||||||
import store from './utils/store';
|
import store from './utils/store';
|
||||||
|
|
||||||
export function setupSettings() {
|
function setupThemeSettings() {
|
||||||
if (!$('#js-setting-table')) return;
|
const themeSelect = $<HTMLSelectElement>('#user_theme_name');
|
||||||
|
if (!themeSelect) return;
|
||||||
|
|
||||||
const localCheckboxes = $$<HTMLInputElement>('[data-tab="local"] input[type="checkbox"]');
|
|
||||||
const themeSelect = assertNotNull($<HTMLSelectElement>('#user_theme_name'));
|
|
||||||
const themeColorSelect = assertNotNull($<HTMLSelectElement>('#user_theme_color'));
|
const themeColorSelect = assertNotNull($<HTMLSelectElement>('#user_theme_color'));
|
||||||
const themePaths: Record<string, string> = JSON.parse(
|
const themePaths: Record<string, string> = JSON.parse(
|
||||||
assertNotUndefined(assertNotNull($<HTMLDivElement>('#js-theme-paths')).dataset.themePaths),
|
assertNotUndefined(assertNotNull($<HTMLDivElement>('#js-theme-paths')).dataset.themePaths),
|
||||||
);
|
);
|
||||||
const styleSheet = assertNotNull($<HTMLLinkElement>('#js-theme-stylesheet'));
|
const styleSheet = assertNotNull($<HTMLLinkElement>('#js-theme-stylesheet'));
|
||||||
|
|
||||||
// Local settings
|
|
||||||
localCheckboxes.forEach(checkbox => {
|
|
||||||
checkbox.addEventListener('change', () => {
|
|
||||||
store.set(checkbox.id.replace('user_', ''), checkbox.checked);
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
// Theme preview
|
// Theme preview
|
||||||
const themePreviewCallback = () => {
|
const themePreviewCallback = () => {
|
||||||
const themeName = assertNotUndefined(themeSelect.options[themeSelect.selectedIndex].value);
|
const themeName = assertNotUndefined(themeSelect.options[themeSelect.selectedIndex].value);
|
||||||
|
@ -35,3 +27,18 @@ export function setupSettings() {
|
||||||
themeSelect.addEventListener('change', themePreviewCallback);
|
themeSelect.addEventListener('change', themePreviewCallback);
|
||||||
themeColorSelect.addEventListener('change', themePreviewCallback);
|
themeColorSelect.addEventListener('change', themePreviewCallback);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
export function setupSettings() {
|
||||||
|
if (!$('#js-setting-table')) return;
|
||||||
|
|
||||||
|
const localCheckboxes = $$<HTMLInputElement>('[data-tab="local"] input[type="checkbox"]');
|
||||||
|
|
||||||
|
// Local settings
|
||||||
|
localCheckboxes.forEach(checkbox => {
|
||||||
|
checkbox.addEventListener('change', () => {
|
||||||
|
store.set(checkbox.id.replace('user_', ''), checkbox.checked);
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
setupThemeSettings();
|
||||||
|
}
|
||||||
|
|
Loading…
Reference in a new issue