| modules/page/html/render/settings.jsView |
|---|
| 17 | 17 | return nest('page.html.render', function channel (path) { |
| 18 | 18 | if (path !== '/settings') return |
| 19 | 19 | const i18n = api.intl.sync.i18n |
| 20 | 20 | |
| 21 | | - const currentTheme = api.settings.obs.get('patchwork.theme') |
| 22 | | - const currentLang = api.settings.obs.get('patchwork.lang') |
| 23 | 21 | const locales = api.intl.sync.locales() |
| 24 | 22 | const localeNameLookup = api.intl.sync.localeNames() |
| 25 | | - const currentFontSize = api.settings.obs.get('patchwork.fontSize') |
| 26 | 23 | const fontSizes = ['8px', '10px', '12px', '14px', '16px', '18px', '20px'] |
| 24 | + |
| 25 | + const theme = api.settings.obs.get('patchwork.theme', 'light') |
| 26 | + const lang = api.settings.obs.get('patchwork.lang', '') |
| 27 | + const fontSize = api.settings.obs.get('patchwork.fontSize', '') |
| 27 | 28 | const filterFollowing = api.settings.obs.get('filters.following') |
| 29 | + const onlySubscribed = api.settings.obs.get('filters.onlySubscribed') |
| 28 | 30 | |
| 29 | 31 | var prepend = [ |
| 30 | 32 | h('PageHeading', [ |
| 31 | 33 | h('h1', [ |
| 41 | 43 | |
| 42 | 44 | h('section', [ |
| 43 | 45 | h('h2', i18n('Theme')), |
| 44 | 46 | h('select', { |
| 45 | | - style: { |
| 46 | | - 'font-size': '120%' |
| 47 | | - }, |
| 48 | | - value: when(currentTheme, currentTheme, 'light'), |
| 49 | | - 'ev-change': (ev) => api.settings.sync.set({ |
| 50 | | - patchwork: {theme: ev.target.value} |
| 51 | | - }) |
| 47 | + style: { 'font-size': '120%' }, |
| 48 | + value: theme, |
| 49 | + 'ev-change': (ev) => theme.set(ev.target.value) |
| 52 | 50 | }, [ |
| 53 | 51 | themeNames.map(name => h('option', {value: name}, [name])) |
| 54 | 52 | ]) |
| 55 | 53 | ]), |
| 56 | 54 | |
| 57 | 55 | h('section', [ |
| 58 | 56 | h('h2', i18n('Language')), |
| 59 | 57 | h('select', { |
| 60 | | - style: { |
| 61 | | - 'font-size': '120%' |
| 62 | | - }, |
| 63 | | - value: when(currentLang, currentLang, 'en'), |
| 64 | | - 'ev-change': (ev) => api.settings.sync.set({ |
| 65 | | - patchwork: {lang: ev.target.value} |
| 66 | | - }) |
| 58 | + style: { 'font-size': '120%' }, |
| 59 | + value: lang, |
| 60 | + 'ev-change': (ev) => lang.set(ev.target.value) |
| 67 | 61 | }, [ |
| 62 | + h('option', {value: ''}, i18n('Default')), |
| 68 | 63 | locales.map(code => h('option', {value: code}, [ |
| 69 | 64 | '[', code, '] ', getLocaleName(code) |
| 70 | 65 | ])) |
| 71 | 66 | ]) |
| 73 | 68 | |
| 74 | 69 | h('section', [ |
| 75 | 70 | h('h2', i18n('Font Size')), |
| 76 | 71 | h('select', { |
| 77 | | - style: { |
| 78 | | - 'font-size': '120%' |
| 79 | | - }, |
| 80 | | - value: when(currentFontSize, currentFontSize, ''), |
| 81 | | - 'ev-change': (ev) => api.settings.sync.set({ |
| 82 | | - patchwork: {fontSize: ev.target.value} |
| 83 | | - }) |
| 72 | + style: { 'font-size': '120%' }, |
| 73 | + value: fontSize, |
| 74 | + 'ev-change': (ev) => fontSize.set(ev.target.value) |
| 84 | 75 | }, [ |
| 85 | | - h('option', {value: ''}, 'Default'), |
| 76 | + h('option', {value: ''}, i18n('Default')), |
| 86 | 77 | fontSizes.map(size => h('option', {value: size}, size)) |
| 87 | 78 | ]) |
| 88 | 79 | ]), |
| 89 | 80 | |
| 90 | 81 | h('section', [ |
| 91 | | - h('h2', i18n('Filters')), |
| 92 | | - h('label', [ |
| 93 | | - h('input', { |
| 94 | | - type: 'checkbox', |
| 95 | | - checked: filterFollowing, |
| 96 | | - 'ev-change': (ev) => api.settings.sync.set({ |
| 97 | | - filters: {following: ev.target.checked} |
| 98 | | - }) |
| 99 | | - }), i18n(' Hide following messages') |
| 82 | + h('h2', i18n('Public Feed Options')), |
| 83 | + h('div', [ |
| 84 | + h('label', [ |
| 85 | + h('input', { |
| 86 | + type: 'checkbox', |
| 87 | + checked: filterFollowing, |
| 88 | + 'ev-change': (ev) => filterFollowing.set(ev.target.checked) |
| 89 | + }), i18n(' Hide following messages') |
| 90 | + ]) |
| 100 | 91 | ]) |
| 101 | 92 | ]) |
| 102 | 93 | ]) |
| 103 | 94 | ]) |