mirror of https://github.com/freeCodeCamp/devdocs
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
139 lines
2.9 KiB
139 lines
2.9 KiB
class app.Settings
|
|
PREFERENCE_KEYS = [
|
|
'hideDisabled'
|
|
'hideIntro'
|
|
'manualUpdate'
|
|
'fastScroll'
|
|
'arrowScroll'
|
|
'analyticsConsent'
|
|
'docs'
|
|
'dark'
|
|
'layout'
|
|
'size'
|
|
'tips'
|
|
]
|
|
|
|
INTERNAL_KEYS = [
|
|
'count'
|
|
'schema'
|
|
'version'
|
|
'news'
|
|
]
|
|
|
|
LAYOUTS: ['_max-width', '_sidebar-hidden', '_native-scrollbars']
|
|
|
|
@defaults:
|
|
count: 0
|
|
hideDisabled: false
|
|
hideIntro: false
|
|
news: 0
|
|
manualUpdate: false
|
|
schema: 1
|
|
analyticsConsent: false
|
|
|
|
constructor: ->
|
|
@store = new CookieStore
|
|
@cache = {}
|
|
|
|
get: (key) ->
|
|
return @cache[key] if @cache.hasOwnProperty(key)
|
|
@cache[key] = @store.get(key) ? @constructor.defaults[key]
|
|
|
|
set: (key, value) ->
|
|
@store.set(key, value)
|
|
delete @cache[key]
|
|
@toggleDark(value) if key == 'dark'
|
|
return
|
|
|
|
del: (key) ->
|
|
@store.del(key)
|
|
delete @cache[key]
|
|
return
|
|
|
|
hasDocs: ->
|
|
try !!@store.get('docs')
|
|
|
|
getDocs: ->
|
|
@store.get('docs')?.split('/') or app.config.default_docs
|
|
|
|
setDocs: (docs) ->
|
|
@set 'docs', docs.join('/')
|
|
return
|
|
|
|
getTips: ->
|
|
@store.get('tips')?.split('/') or []
|
|
|
|
setTips: (tips) ->
|
|
@set 'tips', tips.join('/')
|
|
return
|
|
|
|
setLayout: (name, enable) ->
|
|
@toggleLayout(name, enable)
|
|
|
|
layout = (@store.get('layout') || '').split(' ')
|
|
$.arrayDelete(layout, '')
|
|
|
|
if enable
|
|
layout.push(name) if layout.indexOf(name) is -1
|
|
else
|
|
$.arrayDelete(layout, name)
|
|
|
|
if layout.length > 0
|
|
@set 'layout', layout.join(' ')
|
|
else
|
|
@del 'layout'
|
|
return
|
|
|
|
hasLayout: (name) ->
|
|
layout = (@store.get('layout') || '').split(' ')
|
|
layout.indexOf(name) isnt -1
|
|
|
|
setSize: (value) ->
|
|
@set 'size', value
|
|
return
|
|
|
|
dump: ->
|
|
@store.dump()
|
|
|
|
export: ->
|
|
data = @dump()
|
|
delete data[key] for key in INTERNAL_KEYS
|
|
data
|
|
|
|
import: (data) ->
|
|
for key, value of @export()
|
|
@del key unless data.hasOwnProperty(key)
|
|
for key, value of data
|
|
@set key, value if PREFERENCE_KEYS.indexOf(key) isnt -1
|
|
return
|
|
|
|
reset: ->
|
|
@store.reset()
|
|
@cache = {}
|
|
return
|
|
|
|
initLayout: ->
|
|
@toggleDark(@get('dark') is 1)
|
|
@toggleLayout(layout, @hasLayout(layout)) for layout in @LAYOUTS
|
|
@initSidebarWidth()
|
|
return
|
|
|
|
toggleDark: (enable) ->
|
|
classList = document.documentElement.classList
|
|
classList.toggle('_theme-default', !enable)
|
|
classList.toggle('_theme-dark', enable)
|
|
color = getComputedStyle(document.documentElement).getPropertyValue('--headerBackground').trim()
|
|
$('meta[name=theme-color]').setAttribute('content', color)
|
|
return
|
|
|
|
toggleLayout: (layout, enable) ->
|
|
classList = document.body.classList
|
|
classList.toggle(layout, enable) unless layout is '_sidebar-hidden'
|
|
classList.toggle('_overlay-scrollbars', $.overlayScrollbarsEnabled())
|
|
return
|
|
|
|
initSidebarWidth: ->
|
|
size = @get('size')
|
|
document.documentElement.style.setProperty('--sidebarWidth', size + 'px') if size
|
|
return
|