add bottom navlinks for JSON navigation

src/General/Index.coffee

@@ -71,18 +71,20 @@ Index =
     @navLinks = $.el 'div',
       className: 'navLinks'
       innerHTML: <%= importHTML('Features/Index-navlinks') %>
+    @navLinksBot = $.el 'div',
+      className: 'navLinks navLinksBot'
+      innerHTML: <%= importHTML('Features/Index-navlinksbot') %>
     @searchInput = $ '#index-search', @navLinks
     @currentPage = @getCurrentPage()
 
-    returnlink = $ '#returnlink a',  @navLinks
-    returnlink.href = "/#{g.BOARD}/"
+    Index.setNavLinks()
 
     $.on d, 'scroll', Index.scroll
     $.on @pagelist, 'click', @cb.pageNav
     $.on @searchInput, 'input', @onSearchInput
     $.on $('#index-search-clear', @navLinks), 'click', @clearSearch
-    $.on returnlink, 'click', Navigate.navigate
-    $.on $('#cataloglink a', @navLinks), 'click', -> window.location = "//boards.4chan.org/#{g.BOARD}/catalog"
+    $.on $('.returnlink a',  @navLinks), 'click', Navigate.navigate
+    $.on $('.returnlink a',  @navLinksBot), 'click', Navigate.navigate
 
     @update() if g.VIEW is 'index'
     $.asap (-> $('.board', doc) or d.readyState isnt 'loading'), ->
@@ -101,8 +103,11 @@ Index =
       $.rm el for el in $$ '.navLinks, .navLinksBot + hr'
       $.id('search-box')?.parentNode.remove()
       topNavPos = $.id('delform').previousElementSibling
-      $.before topNavPos, ($.el 'hr', className: 'desktop') if g.VIEW is 'index'
+      botNavPos = $ '.board'
+      $.before topNavPos, $.el 'hr' if g.VIEW is 'index'
       $.before topNavPos, Index.navLinks
+      $.after  botNavPos, $.el 'hr'
+      $.after  botNavPos, Index.navLinksBot
       $.rmClass doc, 'index-loading'
 
     $.asap (-> $('.pagelist', doc) or d.readyState isnt 'loading'), ->
@@ -111,6 +116,10 @@ Index =
       else
         $.after $.id('delform'), Index.pagelist
 
+  setNavLinks: () ->
+    $('.returnlink a',  Index.navLinks).href = $('.returnlink a',  Index.navLinksBot).href = "//boards.4chan.org/#{g.BOARD}/"
+    $('.cataloglink a', Index.navLinks).href = $('.cataloglink a', Index.navLinksBot).href = "//boards.4chan.org/#{g.BOARD}/catalog"
+
   scroll: $.debounce 100, ->
     return if Index.req or Conf['Index Mode'] isnt 'infinite' or (doc.scrollTop <= doc.scrollHeight - (300 + window.innerHeight)) or g.VIEW is 'thread'
     Index.pageNum = Index.getCurrentPage() unless Index.pageNum? # Avoid having to pushState to keep track of the current page

src/General/Navigate.coffee

@@ -131,7 +131,7 @@ Navigate =
     $.addClass current, 'current' if current = $ "a[href*='/#{boardID}/']", fullBoardList
     Header.generateBoardList Conf['boardnav'].replace /(\r\n|\n|\r)/g, ' '
 
-    $('#returnlink a').href = "/#{g.BOARD}/"
+    Index.setNavLinks()
     $('form[name="post"]').action = "//sys.4chan.org/#{g.BOARD}/post"
     QR.flagsInput() if Conf['Quick Reply']
 

src/General/css/style.css

@@ -498,8 +498,10 @@ div.center:not(.ad-cnt) {
 .summary {
   text-decoration: none;
 }
-.index #returnlink,
-.index #bottomlink,
+.index .returnlink,
+.index .bottomlink,
+.index .navLinksBot,
+.index .navLinksBot + hr,
 .thread #index-last-refresh,
 .thread #index-search-clear,
 .thread #index-search {

src/General/html/Features/Index-navlinks.html

@@ -1,6 +1,6 @@
-<span class=brackets-wrap id=returnlink><a href=javascript:;>Return</a></span> 
-<span class=brackets-wrap id=cataloglink><a href=javascript:;>Catalog</a></span> 
-<span class=brackets-wrap id=bottomlink><a href="#bottom">Bottom</a></span> 
-<span class=brackets-wrap id="index-last-refresh"><time title="Last index refresh">...</time></span> 
+<span class="brackets-wrap returnlink"><a href="javascript:;">Return</a></span> 
+<span class="brackets-wrap cataloglink"><a href="javascript:;">Catalog</a></span> 
+<span class="brackets-wrap bottomlink"><a href="#bottom">Bottom</a></span> 
+<span class="brackets-wrap" id="index-last-refresh"><time title="Last index refresh">...</time></span> 
 <input type="search" id="index-search" class="field" placeholder="Search">
 <a id="index-search-clear" href="javascript:;" title="Clear search">×</a>