Goyslop/4chan-x
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add a checkbox in the Header's menu to toggle auto-hiding. #968

Browse Source
This commit is contained in:
Nicolas Stepien 2013-03-27 17:24:57 +01:00
parent 1854c2a27b
commit 0ee02ba7b0
1 changed files with 18 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
src/features.coffee
View File

@ -17,12 +17,10 @@ Header =
@bar = $ '#header-bar', headerEl @bar = $ '#header-bar', headerEl
@toggle = $ '#toggle-header-bar', @bar @toggle = $ '#toggle-header-bar', @bar
@setBarVisibility Conf['Header auto-hide']
$.sync 'Header auto-hide', @setBarVisibility
@menu = new UI.Menu 'header' @menu = new UI.Menu 'header'
$.on $('.menu-button', @bar), 'click', @menuToggle $.on $('.menu-button', @bar), 'click', @menuToggle
$.on $('#toggle-header-bar', @bar), 'click', @toggleBarVisibility $.on @toggle, 'click', @toggleBarVisibility
catalogToggler = $.el 'label', catalogToggler = $.el 'label',
innerHTML: "<input type=checkbox #{if Conf['Header catalog links'] then 'checked' else ''}> Use catalog board links" innerHTML: "<input type=checkbox #{if Conf['Header catalog links'] then 'checked' else ''}> Use catalog board links"
@ -33,6 +31,17 @@ Header =
el: catalogToggler el: catalogToggler
order: 50 order: 50
@headerToggler = $.el 'label',
innerHTML: "<input type=checkbox #{if Conf['Header auto-hide'] then 'checked' else ''}> Auto-hide header"
$.on @headerToggler.firstElementChild, 'change', @toggleBarVisibility
$.event 'AddMenuEntry',
type: 'header'
el: @headerToggler
order: 109
@setBarVisibility Conf['Header auto-hide']
$.sync 'Header auto-hide', @setBarVisibility
$.asap (-> d.body), -> $.asap (-> d.body), ->
return unless Main.isThisPageLegit() return unless Main.isThisPageLegit()
# Wait for #boardNavMobile instead of #boardNavDesktop, # Wait for #boardNavMobile instead of #boardNavDesktop,
@ -120,9 +129,13 @@ Header =
$.set 'Header catalog links', @checked $.set 'Header catalog links', @checked
setBarVisibility: (hide) -> setBarVisibility: (hide) ->
@headerToggler.firstElementChild.checked = hide
(if hide then $.addClass else $.rmClass) Header.bar, 'autohide' (if hide then $.addClass else $.rmClass) Header.bar, 'autohide'
toggleBarVisibility: -> toggleBarVisibility: ->
hide = !$.hasClass Header.bar, 'autohide' hide = if @nodeName is 'INPUT'
@checked
else
!$.hasClass Header.bar, 'autohide'
Header.setBarVisibility hide Header.setBarVisibility hide
message = if hide message = if hide
'The header bar will automatically hide itself.' 'The header bar will automatically hide itself.'