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".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