282 lines
10 KiB
CoffeeScript
282 lines
10 KiB
CoffeeScript
Index =
|
|
init: ->
|
|
return if g.VIEW isnt 'index' or g.BOARD.ID is 'f'
|
|
|
|
@button = $.el 'a',
|
|
className: 'index-refresh-shortcut fa fa-refresh'
|
|
title: 'Refresh Index'
|
|
href: 'javascript:;'
|
|
$.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="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
|
|
|
|
$.event 'AddMenuEntry',
|
|
type: 'header'
|
|
el: $.el 'span',
|
|
textContent: 'Index Navigation'
|
|
order: 90
|
|
subEntries: [modeEntry, sortEntry]
|
|
|
|
$.addClass doc, 'index-loading'
|
|
@update()
|
|
@root = $.el 'div', className: 'board'
|
|
@pagelist = $.el 'div',
|
|
className: 'pagelist'
|
|
hidden: true
|
|
innerHTML: <%= importHTML('General/Index-pagelist') %>
|
|
@currentPage = @getCurrentPage()
|
|
$.on window, 'popstate', @cb.popstate
|
|
$.on @pagelist, 'click', @cb.pageNav
|
|
$.asap (-> $('.pagelist', doc) or d.readyState isnt 'loading'), ->
|
|
$.replace $('.board'), Index.root
|
|
$.replace $('.pagelist'), Index.pagelist
|
|
$.rmClass doc, 'index-loading'
|
|
|
|
cb:
|
|
mode: ->
|
|
Index.togglePagelist()
|
|
Index.buildIndex()
|
|
sort: ->
|
|
Index.sort()
|
|
Index.buildIndex()
|
|
popstate: (e) ->
|
|
pageNum = Index.getCurrentPage()
|
|
Index.pageLoad pageNum if Index.currentPage isnt pageNum
|
|
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
|
|
e.preventDefault()
|
|
Index.pageNav +a.pathname.split('/')[2]
|
|
|
|
scrollToIndex: ->
|
|
Header.scrollToIfNeeded Index.root
|
|
|
|
getCurrentPage: ->
|
|
+window.location.pathname.split('/')[2]
|
|
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'] isnt 'paged'
|
|
Index.buildIndex()
|
|
Index.setPage()
|
|
Index.scrollToIndex()
|
|
|
|
togglePagelist: ->
|
|
Index.pagelist.hidden = Conf['Index Mode'] isnt 'paged'
|
|
buildPagelist: ->
|
|
pagesRoot = $ '.pages', Index.pagelist
|
|
if pagesRoot.childElementCount isnt Index.pagesNum
|
|
nodes = []
|
|
for i in [0..Index.pagesNum - 1]
|
|
a = $.el 'a',
|
|
textContent: i
|
|
href: if i then i else './'
|
|
nodes.push $.tn('['), a, $.tn '] '
|
|
$.rmAll pagesRoot
|
|
$.add pagesRoot, nodes
|
|
Index.setPage()
|
|
Index.togglePagelist()
|
|
setPage: ->
|
|
pageNum = Index.getCurrentPage()
|
|
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, Index.pagesNum - 1
|
|
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: ->
|
|
return unless navigator.onLine
|
|
Index.req?.abort()
|
|
Index.notice?.close()
|
|
Index.notice = new Notice 'info', 'Refreshing index...'
|
|
Index.req = $.ajax "//api.4chan.org/#{g.BOARD}/catalog.json",
|
|
onabort: Index.load
|
|
onloadend: Index.load
|
|
,
|
|
whenModified: true
|
|
$.addClass Index.button, 'fa-spin'
|
|
load: (e) ->
|
|
$.rmClass Index.button, 'fa-spin'
|
|
{req, notice} = Index
|
|
delete Index.req
|
|
delete Index.notice
|
|
|
|
if e.type is 'abort'
|
|
req.onloadend = null
|
|
notice.close()
|
|
return
|
|
|
|
try
|
|
Index.parse JSON.parse req.response if req.status is 200
|
|
catch err
|
|
c.error 'Index failure:', err.stack
|
|
# network error or non-JSON content for example.
|
|
notice.setType 'error'
|
|
notice.el.lastElementChild.textContent = 'Index refresh failed.'
|
|
setTimeout notice.close, 2 * $.SECOND
|
|
return
|
|
|
|
notice.setType 'success'
|
|
notice.el.lastElementChild.textContent = 'Index refreshed!'
|
|
setTimeout notice.close, $.SECOND
|
|
|
|
Index.scrollToIndex()
|
|
parse: (pages) ->
|
|
Index.parseThreadList pages
|
|
Index.buildThreads()
|
|
Index.sort()
|
|
Index.buildIndex()
|
|
Index.buildPagelist()
|
|
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 in Index.liveThreadData
|
|
threadRoot = Build.thread g.BOARD, threadData
|
|
Index.nodes.push threadRoot, $.el 'hr'
|
|
if thread = g.BOARD.threads[threadData.no]
|
|
thread.setStatus 'Sticky', !!threadData.sticky
|
|
thread.setStatus 'Closed', !!threadData.closed
|
|
else
|
|
thread = new Thread threadData.no, g.BOARD
|
|
threads.push thread
|
|
# postRoots = $$ '.thread > .postContainer', threadRoot
|
|
# for postRoot in postRoots when postRoot.id.match(/\d+/)[0] not of thread.posts
|
|
OPRoot = $ '.opContainer', threadRoot
|
|
continue if OPRoot.id.match(/\d+/)[0] of thread.posts
|
|
try
|
|
posts.push new Post OPRoot, thread, g.BOARD
|
|
catch err
|
|
# Skip posts that we failed to parse.
|
|
Main.handleErrors
|
|
message: "Parsing of Post No.#{postRoot.id.match /\d+/} failed. Post will be skipped."
|
|
error: err
|
|
|
|
# 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
|
|
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.#{postRoot.id.match /\d+/} 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]
|
|
# Put the sticky threads on top of the index.
|
|
offset = 0
|
|
for threadRoot, i in Index.sortedNodes by 2 when Get.threadFromRoot(threadRoot).isSticky
|
|
Index.sortedNodes.splice offset++ * 2, 0, Index.sortedNodes.splice(i, 2)...
|
|
return unless Conf['Filter']
|
|
# Put the highlighted thread & <hr> on top of the index
|
|
# while keeping the original order they appear in.
|
|
offset = 0
|
|
for threadRoot, i in Index.sortedNodes by 2 when Get.threadFromRoot(threadRoot).isOnTop
|
|
Index.sortedNodes.splice offset++ * 2, 0, Index.sortedNodes.splice(i, 2)...
|
|
return
|
|
buildIndex: ->
|
|
if Conf['Index Mode'] is 'paged'
|
|
pageNum = Index.getCurrentPage()
|
|
nodesPerPage = Index.threadsNumPerPage * 2
|
|
nodes = Index.sortedNodes[nodesPerPage * pageNum ... nodesPerPage * (pageNum + 1)]
|
|
else
|
|
nodes = Index.sortedNodes
|
|
$.rmAll Index.root
|
|
Index.buildReplies nodes
|
|
$.event 'IndexRefresh'
|
|
$.add Index.root, nodes
|