Showing the changes to assets/javascripts/app (2 of 3 files). Show all
Unified · Split
| @@ -26,6 +26,8 @@ · 25 unmodified lines | ||
| 26 | 26 | @document = new app.views.Document |
| 27 | 27 | @mobile = new app.views.Mobile if @isMobile() |
| 28 | 28 | |
| 29 | + @settings.initLayout() | |
| 30 | + | |
| 29 | 31 | if document.body.hasAttribute('data-doc') |
| 30 | 32 | @DOC = JSON.parse(document.body.getAttribute('data-doc')) |
| 31 | 33 | @bootOne() |
| @@ -19,6 +19,9 @@ class app.Settings · 18 unmodified lines | ||
| 19 | 19 | 'news' |
| 20 | 20 | ] |
| 21 | 21 | |
| 22 | + LAYOUTS = ['_max-width', '_sidebar-hidden', '_native-scrollbars'] | |
| 23 | + SIDEBAR_HIDDEN_LAYOUT = '_sidebar-hidden' | |
| 24 | + | |
| 22 | 25 | @defaults: |
| 23 | 26 | count: 0 |
| 24 | 27 | hideDisabled: false |
| @@ -38,6 +41,7 @@ class app.Settings · 13 unmodified lines | ||
| 38 | 41 | set: (key, value) -> |
| 39 | 42 | @store.set(key, value) |
| 40 | 43 | delete @cache[key] |
| 44 | + @toggleDark(value) if key == 'dark' | |
| 41 | 45 | return |
| 42 | 46 | |
| 43 | 47 | del: (key) -> |
| @@ -63,6 +67,8 @@ class app.Settings · 19 unmodified lines | ||
| 63 | 67 | return |
| 64 | 68 | |
| 65 | 69 | setLayout: (name, enable) -> |
| 70 | + @toggleLayout(name, enable) | |
| 71 | + | |
| 66 | 72 | layout = (@store.get('layout') || '').split(' ') |
| 67 | 73 | $.arrayDelete(layout, '') |
| 68 | 74 | |
| @@ -81,6 +87,9 @@ class app.Settings · 12 unmodified lines | ||
| 81 | 87 | layout = (@store.get('layout') || '').split(' ') |
| 82 | 88 | layout.indexOf(name) isnt -1 |
| 83 | 89 | |
| 90 | + getAllLayouts: -> | |
| 91 | + return LAYOUTS | |
| 92 | + | |
| 84 | 93 | setSize: (value) -> |
| 85 | 94 | @set 'size', value |
| 86 | 95 | return |
| @@ -104,3 +113,16 @@ class app.Settings · 17 unmodified lines | ||
| 104 | 113 | @store.reset() |
| 105 | 114 | @cache = {} |
| 106 | 115 | return |
| 116 | + | |
| 117 | + initLayout: -> | |
| 118 | + @toggleDark(@get('dark')) | |
| 119 | + @toggleLayout(layout, @hasLayout(layout)) for layout in LAYOUTS | |
| 120 | + | |
| 121 | + toggleDark: (enable) -> | |
| 122 | + classList = document.documentElement.classList | |
| 123 | + classList[if enable then 'remove' else 'add']('_theme-default') | |
| 124 | + classList[if enable then 'add' else 'remove']('_theme-dark') | |
| 125 | + | |
| 126 | + toggleLayout: (layout, enable) -> | |
| 127 | + document.body.classList[if enable then 'add' else 'remove'](layout) unless layout is SIDEBAR_HIDDEN_LAYOUT | |
| 128 | + document.body.classList[if $.overlayScrollbarsEnabled() then 'add' else 'remove']('_overlay-scrollbars') | |