diff --git a/4chan_x.user.js b/4chan_x.user.js index 701dd01f2..2ead3e083 100644 --- a/4chan_x.user.js +++ b/4chan_x.user.js @@ -1024,12 +1024,12 @@ id: 'header', innerHTML: "
\n \n \n \n \n \n \n
\n
\n
".replace(/>\s+<') }); - this.headerBar = $('#header-bar', headerEl); + this.bar = $('#header-bar', headerEl); this.setBarVisibility(Conf['Header auto-hide']); $.sync('Header auto-hide', this.setBarVisibility); this.menu = new UI.Menu('header'); - $.on($('.menu-button', this.headerBar), 'click', this.menuToggle); - $.on($('#toggle-header-bar', this.headerBar), 'click', this.toggleBarVisibility); + $.on($('.menu-button', this.bar), 'click', this.menuToggle); + $.on($('#toggle-header-bar', this.bar), 'click', this.toggleBarVisibility); catalogToggler = $.el('label', { innerHTML: " Use catalog board links" }); @@ -1058,7 +1058,7 @@ if (a = $("a[href*='/" + g.BOARD + "/']", nav)) { a.className = 'current'; } - fullBoardList = $('#full-board-list', Header.headerBar); + fullBoardList = $('#full-board-list', Header.bar); $.add(fullBoardList, __slice.call(nav.childNodes)); if (Conf['Custom Board Navigation']) { Header.generateBoardList(Conf['boardnav']); @@ -1070,14 +1070,14 @@ $.on(btn, 'click', Header.toggleBoardList); $.prepend(fullBoardList, btn); } else { - $.rm($('#custom-board-list', Header.headerBar)); + $.rm($('#custom-board-list', Header.bar)); fullBoardList.hidden = false; } return Header.setCatalogLinks(Conf['Header catalog links']); }, generateBoardList: function(text) { var as, list, nodes; - as = $$('#full-board-list a', Header.headerBar).slice(0, -2); + as = $$('#full-board-list a', Header.bar).slice(0, -2); nodes = text.match(/[\w@]+(-(all|title|full|text:"[^"]+"))?|[^\w@]+/g).map(function(t) { var a, board, m, _i, _len; if (/^[^\w@]/.test(t)) { @@ -1112,20 +1112,20 @@ } return $.tn(t); }); - list = $('#custom-board-list', Header.headerBar); + list = $('#custom-board-list', Header.bar); list.innerHTML = null; return $.add(list, nodes); }, toggleBoardList: function() { - var headerBar, showBoardList; + var bar, showBoardList; showBoardList = $.hasClass(this, 'show-board-list-button'); - headerBar = Header.headerBar; - $('#custom-board-list', headerBar).hidden = showBoardList; - return $('#full-board-list', headerBar).hidden = !showBoardList; + bar = Header.bar; + $('#custom-board-list', bar).hidden = showBoardList; + return $('#full-board-list', bar).hidden = !showBoardList; }, setCatalogLinks: function(useCatalog) { var a, as, str, _i, _len; - as = $$('#board-list a[href*="boards.4chan.org"]', Header.headerBar); + as = $$('#board-list a[href*="boards.4chan.org"]', Header.bar); str = useCatalog ? 'catalog' : ''; for (_i = 0, _len = as.length; _i < _len; _i++) { a = as[_i]; @@ -1137,11 +1137,11 @@ return $.set('Header catalog links', this.checked); }, setBarVisibility: function(hide) { - return (hide ? $.addClass : $.rmClass)(Header.headerBar, 'autohide'); + return (hide ? $.addClass : $.rmClass)(Header.bar, 'autohide'); }, toggleBarVisibility: function() { var hide, message; - hide = !$.hasClass(Header.headerBar, 'autohide'); + hide = !$.hasClass(Header.bar, 'autohide'); Header.setBarVisibility(hide); message = hide ? 'The header bar will automatically hide itself.' : 'The header bar will remain visible.'; new Notification('info', message, 2); @@ -3087,7 +3087,7 @@ }, hl: function(delta, thread) { var headRect, next, postEl, rect, replies, reply, root, topMargin, _i, _len; - headRect = Header.headerBar.getBoundingClientRect(); + headRect = Header.bar.getBoundingClientRect(); topMargin = headRect.top + headRect.height; if (postEl = $('.reply.highlight', thread)) { $.rmClass(postEl, 'highlight'); @@ -3165,7 +3165,7 @@ }, getThread: function(full) { var headRect, i, rect, thread, threads, topMargin, _i, _len; - headRect = Header.headerBar.getBoundingClientRect(); + headRect = Header.bar.getBoundingClientRect(); topMargin = headRect.top + headRect.height; threads = $$('.thread:not([hidden])'); for (i = _i = 0, _len = threads.length; _i < _len; i = ++_i) { @@ -4651,7 +4651,7 @@ rect = thumb.parentNode.getBoundingClientRect(); if (rect.bottom > 0) { postRect = post.nodes.root.getBoundingClientRect(); - headRect = Header.headerBar.getBoundingClientRect(); + headRect = Header.bar.getBoundingClientRect(); top = postRect.top - headRect.top - headRect.height - 2; root = $.engine === 'webkit' ? d.body : doc; if (rect.top < 0) { diff --git a/src/features.coffee b/src/features.coffee index c1b5e0db2..441d43122 100644 --- a/src/features.coffee +++ b/src/features.coffee @@ -15,13 +15,13 @@ Header =
""".replace />\s+<' # get rid of spaces between elements - @headerBar = $ '#header-bar', headerEl + @bar = $ '#header-bar', headerEl @setBarVisibility Conf['Header auto-hide'] $.sync 'Header auto-hide', @setBarVisibility @menu = new UI.Menu 'header' - $.on $('.menu-button', @headerBar), 'click', @menuToggle - $.on $('#toggle-header-bar', @headerBar), 'click', @toggleBarVisibility + $.on $('.menu-button', @bar), 'click', @menuToggle + $.on $('#toggle-header-bar', @bar), 'click', @toggleBarVisibility catalogToggler = $.el 'label', innerHTML: " Use catalog board links" @@ -41,7 +41,7 @@ Header = nav = $.id 'boardNavDesktop' if a = $ "a[href*='/#{g.BOARD}/']", nav a.className = 'current' - fullBoardList = $ '#full-board-list', Header.headerBar + fullBoardList = $ '#full-board-list', Header.bar $.add fullBoardList, [nav.childNodes...] if Conf['Custom Board Navigation'] @@ -53,13 +53,13 @@ Header = $.on btn, 'click', Header.toggleBoardList $.prepend fullBoardList, btn else - $.rm $ '#custom-board-list', Header.headerBar + $.rm $ '#custom-board-list', Header.bar fullBoardList.hidden = false Header.setCatalogLinks Conf['Header catalog links'] generateBoardList: (text) -> - as = $$('#full-board-list a', Header.headerBar)[0...-2] # ignore the Settings and Home links + as = $$('#full-board-list a', Header.bar)[0...-2] # ignore the Settings and Home links nodes = text.match(/[\w@]+(-(all|title|full|text:"[^"]+"))?|[^\w@]+/g).map (t) -> if /^[^\w@]/.test t return $.tn t @@ -87,18 +87,18 @@ Header = $.log t, t.match /-text:"(.+)"$/ return a $.tn t - list = $ '#custom-board-list', Header.headerBar + list = $ '#custom-board-list', Header.bar list.innerHTML = null $.add list, nodes toggleBoardList: -> showBoardList = $.hasClass @, 'show-board-list-button' - {headerBar} = Header - $('#custom-board-list', headerBar).hidden = showBoardList - $('#full-board-list', headerBar).hidden = !showBoardList + {bar} = Header + $('#custom-board-list', bar).hidden = showBoardList + $('#full-board-list', bar).hidden = !showBoardList setCatalogLinks: (useCatalog) -> - as = $$ '#board-list a[href*="boards.4chan.org"]', Header.headerBar + as = $$ '#board-list a[href*="boards.4chan.org"]', Header.bar str = if useCatalog then 'catalog' else '' for a in as a.pathname = "/#{a.pathname.split('/')[1]}/#{str}" @@ -108,9 +108,9 @@ Header = $.set 'Header catalog links', @checked setBarVisibility: (hide) -> - (if hide then $.addClass else $.rmClass) Header.headerBar, 'autohide' + (if hide then $.addClass else $.rmClass) Header.bar, 'autohide' toggleBarVisibility: -> - hide = !$.hasClass Header.headerBar, 'autohide' + hide = !$.hasClass Header.bar, 'autohide' Header.setBarVisibility hide message = if hide 'The header bar will automatically hide itself.' @@ -1756,7 +1756,7 @@ Keybinds = location.href = url hl: (delta, thread) -> - headRect = Header.headerBar.getBoundingClientRect() + headRect = Header.bar.getBoundingClientRect() topMargin = headRect.top + headRect.height if postEl = $ '.reply.highlight', thread $.rmClass postEl, 'highlight' @@ -1816,7 +1816,7 @@ Nav = Nav.scroll +1 getThread: (full) -> - headRect = Header.headerBar.getBoundingClientRect() + headRect = Header.bar.getBoundingClientRect() topMargin = headRect.top + headRect.height threads = $$ '.thread:not([hidden])' for thread, i in threads @@ -3117,7 +3117,7 @@ ImageExpand = # Scroll back to the thumbnail when contracting the image # to avoid being left miles away from the relevant post. postRect = post.nodes.root.getBoundingClientRect() - headRect = Header.headerBar.getBoundingClientRect() + headRect = Header.bar.getBoundingClientRect() top = postRect.top - headRect.top - headRect.height - 2 root = if $.engine is 'webkit' d.body