History

Load layout preferences client-side from cookies

Jasper van Merle committed 7 years ago

Commit 35f6f711 parent 55924ae3 files · +25 −9Browse files

Showing the changes to assets/javascripts/app (2 of 3 files). Show all

Unified · Split

2 files
  1. assets/javascripts/app/app.coffee +2 −0
  2. assets/javascripts/app/settings.coffee +22 −0
assets/javascripts/app/app.coffee+2−0
@@ -26,6 +26,8 @@ · 25 unmodified lines
26 @document = new app.views.Document26 @document = new app.views.Document
27 @mobile = new app.views.Mobile if @isMobile()27 @mobile = new app.views.Mobile if @isMobile()
28 28
29 @settings.initLayout()
30
29 if document.body.hasAttribute('data-doc')31 if document.body.hasAttribute('data-doc')
30 @DOC = JSON.parse(document.body.getAttribute('data-doc'))32 @DOC = JSON.parse(document.body.getAttribute('data-doc'))
31 @bootOne()33 @bootOne()
assets/javascripts/app/settings.coffee+22−0
@@ -19,6 +19,9 @@ class app.Settings · 18 unmodified lines
19 'news'19 'news'
20 ]20 ]
21 21
22 LAYOUTS = ['_max-width', '_sidebar-hidden', '_native-scrollbars']
23 SIDEBAR_HIDDEN_LAYOUT = '_sidebar-hidden'
24
22 @defaults:25 @defaults:
23 count: 026 count: 0
24 hideDisabled: false27 hideDisabled: false
@@ -38,6 +41,7 @@ class app.Settings · 13 unmodified lines
38 set: (key, value) ->41 set: (key, value) ->
39 @store.set(key, value)42 @store.set(key, value)
40 delete @cache[key]43 delete @cache[key]
44 @toggleDark(value) if key == 'dark'
41 return45 return
42 46
43 del: (key) ->47 del: (key) ->
@@ -63,6 +67,8 @@ class app.Settings · 19 unmodified lines
63 return67 return
64 68
65 setLayout: (name, enable) ->69 setLayout: (name, enable) ->
70 @toggleLayout(name, enable)
71
66 layout = (@store.get('layout') || '').split(' ')72 layout = (@store.get('layout') || '').split(' ')
67 $.arrayDelete(layout, '')73 $.arrayDelete(layout, '')
68 74
@@ -81,6 +87,9 @@ class app.Settings · 12 unmodified lines
81 layout = (@store.get('layout') || '').split(' ')87 layout = (@store.get('layout') || '').split(' ')
82 layout.indexOf(name) isnt -188 layout.indexOf(name) isnt -1
83 89
90 getAllLayouts: ->
91 return LAYOUTS
92
84 setSize: (value) ->93 setSize: (value) ->
85 @set 'size', value94 @set 'size', value
86 return95 return
@@ -104,3 +113,16 @@ class app.Settings · 17 unmodified lines
104 @store.reset()113 @store.reset()
105 @cache = {}114 @cache = {}
106 return115 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')