474 lines
17 KiB
CoffeeScript
474 lines
17 KiB
CoffeeScript
Index =
|
|
init: ->
|
|
return if g.BOARD.ID is 'f' or g.VIEW is 'catalog' or !Conf['JSON Navigation']
|
|
|
|
@button = $.el 'a',
|
|
className: 'index-refresh-shortcut fa fa-refresh'
|
|
title: 'Refresh'
|
|
href: 'javascript:;'
|
|
textContent: 'Refresh Index'
|
|
$.on @button, 'click', @update
|
|
Header.addShortcut @button, 1
|
|
|
|
modeEntry =
|
|
el: $.el 'span', textContent: 'Index mode'
|
|
subEntries: [
|
|
{ el: $.el 'label', innerHTML: '<input type=radio name="Index Mode" value="paged"> Paged' }
|
|
{ el: $.el 'label', innerHTML: '<input type=radio name="Index Mode" value="infinite"> Infinite scrolling' }
|
|
{ el: $.el 'label', innerHTML: '<input type=radio name="Index Mode" value="all pages"> All threads' }
|
|
]
|
|
for label in modeEntry.subEntries
|
|
input = label.el.firstChild
|
|
input.checked = Conf['Index Mode'] is input.value
|
|
$.on input, 'change', $.cb.value
|
|
$.on input, 'change', @cb.mode
|
|
|
|
sortEntry =
|
|
el: $.el 'span', textContent: 'Sort by'
|
|
subEntries: [
|
|
{ el: $.el 'label', innerHTML: '<input type=radio name="Index Sort" value="bump"> Bump order' }
|
|
{ el: $.el 'label', innerHTML: '<input type=radio name="Index Sort" value="lastreply"> Last reply' }
|
|
{ el: $.el 'label', innerHTML: '<input type=radio name="Index Sort" value="birth"> Creation date' }
|
|
{ el: $.el 'label', innerHTML: '<input type=radio name="Index Sort" value="replycount"> Reply count' }
|
|
{ el: $.el 'label', innerHTML: '<input type=radio name="Index Sort" value="filecount"> File count' }
|
|
]
|
|
for label in sortEntry.subEntries
|
|
input = label.el.firstChild
|
|
input.checked = Conf['Index Sort'] is input.value
|
|
$.on input, 'change', $.cb.value
|
|
$.on input, 'change', @cb.sort
|
|
|
|
repliesEntry =
|
|
el: $.el 'label',
|
|
innerHTML: '<input type=checkbox name="Show Replies"> Show replies'
|
|
anchorEntry =
|
|
el: $.el 'label',
|
|
innerHTML: '<input type=checkbox name="Anchor Hidden Threads"> Anchor hidden threads'
|
|
title: 'Move hidden threads at the end of the index.'
|
|
refNavEntry =
|
|
el: $.el 'label',
|
|
innerHTML: '<input type=checkbox name="Refreshed Navigation"> Refreshed navigation'
|
|
title: 'Refresh index when navigating through pages.'
|
|
for label in [repliesEntry, anchorEntry, refNavEntry]
|
|
input = label.el.firstChild
|
|
{name} = input
|
|
input.checked = Conf[name]
|
|
$.on input, 'change', $.cb.checked
|
|
switch name
|
|
when 'Show Replies'
|
|
$.on input, 'change', @cb.replies
|
|
when 'Anchor Hidden Threads'
|
|
$.on input, 'change', @cb.sort
|
|
|
|
$.event 'AddMenuEntry',
|
|
type: 'header'
|
|
el: $.el 'span',
|
|
textContent: 'Index Navigation'
|
|
order: 98
|
|
subEntries: [repliesEntry, anchorEntry, refNavEntry, modeEntry, sortEntry]
|
|
|
|
$.addClass doc, 'index-loading'
|
|
@root = $.el 'div', className: 'board'
|
|
@pagelist = $.el 'div',
|
|
className: 'pagelist'
|
|
hidden: true
|
|
innerHTML: <%= importHTML('Features/Index-pagelist') %>
|
|
@navLinks = $.el 'div',
|
|
className: 'navLinks'
|
|
innerHTML: <%= importHTML('Features/Index-navlinks') %>
|
|
@searchInput = $ '#index-search', @navLinks
|
|
@currentPage = @getCurrentPage()
|
|
|
|
$.on d, 'scroll', Index.scroll
|
|
$.on @pagelist, 'click', @cb.pageNav
|
|
$.on @searchInput, 'input', @onSearchInput
|
|
$.on $('#index-search-clear', @navLinks), 'click', @clearSearch
|
|
$.on $('#returnlink a', @navLinks), 'click', Navigate.navigate
|
|
$.on $('#cataloglink a', @navLinks), 'click', -> window.location = "//boards.4chan.org/#{g.BOARD}/catalog"
|
|
|
|
@update() if g.VIEW is 'index'
|
|
$.asap (-> $('.board', doc) or d.readyState isnt 'loading'), ->
|
|
if g.VIEW is 'index'
|
|
board = $ '.board'
|
|
$.replace board, Index.root
|
|
# Hacks:
|
|
# - When removing an element from the document during page load,
|
|
# its ancestors will still be correctly created inside of it.
|
|
# - Creating loadable elements inside of an origin-less document
|
|
# will not download them.
|
|
# - Combine the two and you get a download canceller!
|
|
# Does not work on Firefox unfortunately. bugzil.la/939713
|
|
d.implementation.createDocument(null, null, null).appendChild board
|
|
|
|
$.rm navLink for navLink in $$ '.navLinks'
|
|
$.after $.x('child::form/preceding-sibling::hr[1]'), Index.navLinks
|
|
$.rmClass doc, 'index-loading'
|
|
|
|
$.asap (-> $('.pagelist', doc) or d.readyState isnt 'loading'), ->
|
|
if pagelist = $('.pagelist')
|
|
$.replace pagelist, Index.pagelist
|
|
else
|
|
$.after $.id('delform'), Index.pagelist
|
|
|
|
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
|
|
pageNum = Index.pageNum++
|
|
return Index.endNotice() if pageNum >= Index.pagesNum
|
|
nodesPerPage = Index.threadsNumPerPage * 2
|
|
nodes = Index.sortedNodes[nodesPerPage * pageNum ... nodesPerPage * (pageNum + 1)]
|
|
Index.buildReplies nodes if Conf['Show Replies']
|
|
$.add Index.root, nodes
|
|
Index.setPage pageNum
|
|
|
|
endNotice: do ->
|
|
notify = false
|
|
reset = -> notify = false
|
|
return ->
|
|
return if notify
|
|
notify = true
|
|
new Notice 'info', "Last page reached.", 2
|
|
setTimeout reset, 3 * $.SECOND
|
|
|
|
cb:
|
|
mode: ->
|
|
Index.togglePagelist()
|
|
Index.buildIndex()
|
|
sort: ->
|
|
Index.sort()
|
|
Index.buildIndex()
|
|
replies: ->
|
|
Index.buildThreads()
|
|
Index.sort()
|
|
Index.buildIndex()
|
|
pageNav: (e) ->
|
|
return if e.shiftKey or e.altKey or e.ctrlKey or e.metaKey or e.button isnt 0
|
|
switch e.target.nodeName
|
|
when 'BUTTON'
|
|
a = e.target.parentNode
|
|
when 'A'
|
|
a = e.target
|
|
else
|
|
return
|
|
return if a.textContent is 'Catalog'
|
|
e.preventDefault()
|
|
Index.userPageNav +a.pathname.split('/')[2]
|
|
|
|
scrollToIndex: ->
|
|
Header.scrollToIfNeeded Index.root
|
|
|
|
getCurrentPage: ->
|
|
+window.location.pathname.split('/')[2]
|
|
userPageNav: (pageNum) ->
|
|
if Conf['Refreshed Navigation'] and Conf['Index Mode'] isnt 'all pages'
|
|
Index.update pageNum
|
|
else
|
|
Index.pageNav pageNum
|
|
pageNav: (pageNum) ->
|
|
return if Index.currentPage is pageNum
|
|
history.pushState null, '', if pageNum is 0 then './' else pageNum
|
|
Index.pageLoad pageNum
|
|
pageLoad: (pageNum) ->
|
|
Index.currentPage = pageNum
|
|
return if Conf['Index Mode'] is 'all pages'
|
|
Index.buildIndex()
|
|
Index.setPage()
|
|
Index.scrollToIndex()
|
|
|
|
getPagesNum: ->
|
|
if Index.isSearching
|
|
Math.ceil (Index.sortedNodes.length / 2) / Index.threadsNumPerPage
|
|
else
|
|
Index.pagesNum
|
|
getMaxPageNum: ->
|
|
Math.max 0, Index.getPagesNum() - 1
|
|
togglePagelist: ->
|
|
Index.pagelist.hidden = Conf['Index Mode'] is 'all pages'
|
|
buildPagelist: ->
|
|
pagesRoot = $ '.pages', Index.pagelist
|
|
maxPageNum = Index.getMaxPageNum()
|
|
if pagesRoot.childElementCount isnt maxPageNum + 1
|
|
nodes = []
|
|
for i in [0..maxPageNum] by 1
|
|
a = $.el 'a',
|
|
textContent: i
|
|
href: if i then i else './'
|
|
nodes.push $.tn('['), a, $.tn '] '
|
|
$.rmAll pagesRoot
|
|
$.add pagesRoot, nodes
|
|
Index.togglePagelist()
|
|
setPage: (pageNum) ->
|
|
pageNum or= Index.getCurrentPage()
|
|
maxPageNum = Index.getMaxPageNum()
|
|
pagesRoot = $ '.pages', Index.pagelist
|
|
# Previous/Next buttons
|
|
prev = pagesRoot.previousSibling.firstChild
|
|
next = pagesRoot.nextSibling.firstChild
|
|
href = Math.max pageNum - 1, 0
|
|
prev.href = if href is 0 then './' else href
|
|
prev.firstChild.disabled = href is pageNum
|
|
href = Math.min pageNum + 1, maxPageNum
|
|
next.href = if href is 0 then './' else href
|
|
next.firstChild.disabled = href is pageNum
|
|
# <strong> current page
|
|
if strong = $ 'strong', pagesRoot
|
|
return if +strong.textContent is pageNum
|
|
$.replace strong, strong.firstChild
|
|
else
|
|
strong = $.el 'strong'
|
|
a = pagesRoot.children[pageNum]
|
|
$.before a, strong
|
|
$.add strong, a
|
|
|
|
update: (pageNum) ->
|
|
return unless navigator.onLine
|
|
if g.VIEW is 'thread'
|
|
return ThreadUpdater.update() if Conf['Thread Updater']
|
|
return
|
|
unless d.readyState is 'loading' or Index.root.parentElement
|
|
$.replace $('.board'), Index.root
|
|
delete Index.pageNum
|
|
Index.req?.abort()
|
|
Index.notice?.close()
|
|
|
|
# This notice only displays if Index Refresh is taking too long
|
|
now = Date.now()
|
|
$.ready ->
|
|
Index.nTimeout = setTimeout (->
|
|
if Index.req and !Index.notice
|
|
Index.notice = new Notice 'info', 'Refreshing index...', 2
|
|
), 3 * $.SECOND - (Date.now() - now)
|
|
|
|
pageNum = null if typeof pageNum isnt 'number' # event
|
|
onload = (e) -> Index.load e, pageNum
|
|
Index.req = $.ajax "//a.4cdn.org/#{g.BOARD}/catalog.json",
|
|
onabort: onload
|
|
onloadend: onload
|
|
,
|
|
whenModified: true
|
|
$.addClass Index.button, 'fa-spin'
|
|
|
|
load: (e, pageNum) ->
|
|
$.rmClass Index.button, 'fa-spin'
|
|
{req, notice, nTimeout} = Index
|
|
clearTimeout nTimeout if nTimeout
|
|
delete Index.nTimeout
|
|
delete Index.req
|
|
delete Index.notice
|
|
|
|
if e.type is 'abort'
|
|
req.onloadend = null
|
|
notice.close()
|
|
return
|
|
|
|
if req.status not in [200, 304]
|
|
err = "Index refresh failed. Error #{req.statusText} (#{req.status})"
|
|
if notice
|
|
notice.setType 'warning'
|
|
notice.el.lastElementChild.textContent = err
|
|
setTimeout notice.close, $.SECOND
|
|
else
|
|
new Notice 'warning', err, 1
|
|
return
|
|
|
|
try
|
|
if req.status is 200
|
|
Index.parse JSON.parse(req.response), pageNum
|
|
else if req.status is 304 and pageNum?
|
|
Index.pageNav pageNum
|
|
catch err
|
|
c.error 'Index failure:', err
|
|
# network error or non-JSON content for example.
|
|
if notice
|
|
notice.setType 'error'
|
|
notice.el.lastElementChild.textContent = 'Index refresh failed.'
|
|
setTimeout notice.close, $.SECOND
|
|
else
|
|
new Notice 'error', 'Index refresh failed.', 1
|
|
return
|
|
|
|
timeEl = $ '#index-last-refresh time', Index.navLinks
|
|
timeEl.dataset.utc = Date.parse req.getResponseHeader 'Last-Modified'
|
|
RelativeDates.update timeEl
|
|
Index.scrollToIndex()
|
|
|
|
parse: (pages, pageNum) ->
|
|
Index.parseThreadList pages
|
|
Index.buildThreads()
|
|
Index.sort()
|
|
Index.buildPagelist()
|
|
if pageNum?
|
|
Index.pageNav pageNum
|
|
return
|
|
Index.buildIndex()
|
|
Index.setPage()
|
|
|
|
parseThreadList: (pages) ->
|
|
Index.pagesNum = pages.length
|
|
Index.threadsNumPerPage = pages[0].threads.length
|
|
Index.liveThreadData = pages.reduce ((arr, next) -> arr.concat next.threads), []
|
|
Index.liveThreadIDs = Index.liveThreadData.map (data) -> data.no
|
|
for threadID, thread of g.BOARD.threads when thread.ID not in Index.liveThreadIDs
|
|
thread.collect()
|
|
return
|
|
|
|
buildThreads: ->
|
|
Index.nodes = []
|
|
threads = []
|
|
posts = []
|
|
for threadData, i in Index.liveThreadData
|
|
threadRoot = Build.thread g.BOARD, threadData
|
|
Index.nodes.push threadRoot, $.el 'hr'
|
|
if thread = g.BOARD.threads[threadData.no]
|
|
thread.setPage Math.floor i / Index.threadsNumPerPage
|
|
thread.setStatus 'Sticky', !!threadData.sticky
|
|
thread.setStatus 'Closed', !!threadData.closed
|
|
else
|
|
thread = new Thread threadData.no, g.BOARD
|
|
threads.push thread
|
|
continue if thread.ID of thread.posts
|
|
try
|
|
posts.push new Post $('.opContainer', threadRoot), thread, g.BOARD
|
|
catch err
|
|
# Skip posts that we failed to parse.
|
|
errors = [] unless errors
|
|
errors.push
|
|
message: "Parsing of Post No.#{thread} failed. Post will be skipped."
|
|
error: err
|
|
Main.handleErrors errors if errors
|
|
|
|
# Add the threads and <hr>s in a container to make sure all features work.
|
|
$.nodes Index.nodes
|
|
Main.callbackNodes Thread, threads
|
|
Main.callbackNodes Post, posts
|
|
$.event 'IndexRefresh'
|
|
|
|
buildReplies: (threadRoots) ->
|
|
posts = []
|
|
for threadRoot in threadRoots by 2
|
|
thread = Get.threadFromRoot threadRoot
|
|
i = Index.liveThreadIDs.indexOf thread.ID
|
|
continue unless lastReplies = Index.liveThreadData[i].last_replies
|
|
nodes = []
|
|
for data in lastReplies
|
|
if post = thread.posts[data.no]
|
|
nodes.push post.nodes.root
|
|
continue
|
|
nodes.push node = Build.postFromObject data, thread.board.ID
|
|
try
|
|
posts.push new Post node, thread, thread.board
|
|
catch err
|
|
# Skip posts that we failed to parse.
|
|
errors = [] unless errors
|
|
errors.push
|
|
message: "Parsing of Post No.#{data.no} failed. Post will be skipped."
|
|
error: err
|
|
$.add threadRoot, nodes
|
|
|
|
Main.handleErrors errors if errors
|
|
Main.callbackNodes Post, posts
|
|
|
|
sort: ->
|
|
switch Conf['Index Sort']
|
|
when 'bump'
|
|
sortedThreadIDs = Index.liveThreadIDs
|
|
when 'lastreply'
|
|
sortedThreadIDs = [Index.liveThreadData...].sort((a, b) ->
|
|
a = a.last_replies[a.last_replies.length - 1] if 'last_replies' of a
|
|
b = b.last_replies[b.last_replies.length - 1] if 'last_replies' of b
|
|
b.no - a.no
|
|
).map (data) -> data.no
|
|
when 'birth'
|
|
sortedThreadIDs = [Index.liveThreadIDs...].sort (a, b) -> b - a
|
|
when 'replycount'
|
|
sortedThreadIDs = [Index.liveThreadData...].sort((a, b) -> b.replies - a.replies).map (data) -> data.no
|
|
when 'filecount'
|
|
sortedThreadIDs = [Index.liveThreadData...].sort((a, b) -> b.images - a.images).map (data) -> data.no
|
|
Index.sortedNodes = []
|
|
for threadID in sortedThreadIDs
|
|
i = Index.liveThreadIDs.indexOf(threadID) * 2
|
|
Index.sortedNodes.push Index.nodes[i], Index.nodes[i + 1]
|
|
if Index.isSearching
|
|
Index.sortedNodes = Index.querySearch(Index.searchInput.value) or Index.sortedNodes
|
|
# Sticky threads
|
|
Index.sortOnTop (thread) -> thread.isSticky
|
|
# Highlighted threads
|
|
Index.sortOnTop((thread) -> thread.isOnTop) if Conf['Filter']
|
|
# Non-hidden threads
|
|
Index.sortOnTop((thread) -> !thread.isHidden) if Conf['Anchor Hidden Threads']
|
|
|
|
sortOnTop: (match) ->
|
|
offset = 0
|
|
for threadRoot, i in Index.sortedNodes by 2 when match Get.threadFromRoot threadRoot
|
|
Index.sortedNodes.splice offset++ * 2, 0, Index.sortedNodes.splice(i, 2)...
|
|
return
|
|
|
|
buildIndex: ->
|
|
if Conf['Index Mode'] isnt 'all pages'
|
|
pageNum = Index.getCurrentPage()
|
|
nodesPerPage = Index.threadsNumPerPage * 2
|
|
nodes = Index.sortedNodes[nodesPerPage * pageNum ... nodesPerPage * (pageNum + 1)]
|
|
else
|
|
nodes = Index.sortedNodes
|
|
$.rmAll Index.root
|
|
$.rmAll Header.hover
|
|
Index.buildReplies nodes if Conf['Show Replies']
|
|
$.add Index.root, nodes
|
|
$.event 'IndexBuild', nodes
|
|
|
|
isSearching: false
|
|
|
|
clearSearch: ->
|
|
Index.searchInput.value = null
|
|
Index.onSearchInput()
|
|
Index.searchInput.focus()
|
|
|
|
onSearchInput: ->
|
|
if Index.isSearching = !!Index.searchInput.value.trim()
|
|
unless Index.searchInput.dataset.searching
|
|
Index.searchInput.dataset.searching = 1
|
|
Index.pageBeforeSearch = Index.getCurrentPage()
|
|
pageNum = 0
|
|
else
|
|
pageNum = Index.getCurrentPage()
|
|
else
|
|
pageNum = Index.pageBeforeSearch
|
|
delete Index.pageBeforeSearch
|
|
<% if (type === 'userscript') { %>
|
|
# XXX https://github.com/greasemonkey/greasemonkey/issues/1571
|
|
Index.searchInput.removeAttribute 'data-searching'
|
|
<% } else { %>
|
|
delete Index.searchInput.dataset.searching
|
|
<% } %>
|
|
Index.sort()
|
|
# Go to the last available page if we were past the limit.
|
|
pageNum = Math.min pageNum, Index.getMaxPageNum() if Conf['Index Mode'] isnt 'all pages'
|
|
Index.buildPagelist()
|
|
if Index.currentPage is pageNum
|
|
Index.buildIndex()
|
|
Index.setPage()
|
|
else
|
|
Index.pageNav pageNum
|
|
|
|
querySearch: (query) ->
|
|
return unless keywords = query.toLowerCase().match /\S+/g
|
|
Index.search keywords
|
|
|
|
search: (keywords) ->
|
|
found = []
|
|
for threadRoot, i in Index.sortedNodes by 2
|
|
if Index.searchMatch Get.threadFromRoot(threadRoot), keywords
|
|
found.push Index.sortedNodes[i], Index.sortedNodes[i + 1]
|
|
found
|
|
|
|
searchMatch: (thread, keywords) ->
|
|
{info, file} = thread.OP
|
|
text = []
|
|
for key in ['comment', 'subject', 'name', 'tripcode', 'email']
|
|
text.push info[key] if key of info
|
|
text.push file.name if file
|
|
text = text.join(' ').toLowerCase()
|
|
for keyword in keywords
|
|
return false if -1 is text.indexOf keyword
|
|
return true
|