252 lines
9.1 KiB
CoffeeScript
252 lines
9.1 KiB
CoffeeScript
Build =
|
|
spoilerRange: {}
|
|
shortFilename: (filename, isReply) ->
|
|
# FILENAME SHORTENING SCIENCE:
|
|
# OPs have a +10 characters threshold.
|
|
# The file extension is not taken into account.
|
|
threshold = if isReply then 30 else 40
|
|
if filename.length - 4 > threshold
|
|
"#{filename[...threshold - 5]}(...).#{filename[-3..]}"
|
|
else
|
|
filename
|
|
postFromObject: (data, boardID) ->
|
|
o =
|
|
# id
|
|
postID: data.no
|
|
threadID: data.resto or data.no
|
|
boardID: boardID
|
|
# info
|
|
name: data.name
|
|
capcode: data.capcode
|
|
tripcode: data.trip
|
|
uniqueID: data.id
|
|
email: if data.email then encodeURI data.email.replace /"/g, '"' else ''
|
|
subject: data.sub
|
|
flagCode: data.country
|
|
flagName: data.country_name
|
|
date: data.now
|
|
dateUTC: data.time
|
|
comment: data.com
|
|
# thread status
|
|
isSticky: !!data.sticky
|
|
isClosed: !!data.closed
|
|
# file
|
|
if data.ext or data.filedeleted
|
|
o.file =
|
|
name: data.filename + data.ext
|
|
timestamp: "#{data.tim}#{data.ext}"
|
|
url: "//images.4chan.org/#{boardID}/src/#{data.tim}#{data.ext}"
|
|
height: data.h
|
|
width: data.w
|
|
MD5: data.md5
|
|
size: data.fsize
|
|
turl: "//thumbs.4chan.org/#{boardID}/thumb/#{data.tim}s.jpg"
|
|
theight: data.tn_h
|
|
twidth: data.tn_w
|
|
isSpoiler: !!data.spoiler
|
|
isDeleted: !!data.filedeleted
|
|
Build.post o
|
|
post: (o, isArchived) ->
|
|
###
|
|
This function contains code from 4chan-JS (https://github.com/4chan/4chan-JS).
|
|
@license: https://github.com/4chan/4chan-JS/blob/master/LICENSE
|
|
###
|
|
{
|
|
postID, threadID, boardID
|
|
name, capcode, tripcode, uniqueID, email, subject, flagCode, flagName, date, dateUTC
|
|
isSticky, isClosed
|
|
comment
|
|
file
|
|
} = o
|
|
isOP = postID is threadID
|
|
|
|
staticPath = '//static.4chan.org'
|
|
|
|
if email
|
|
emailStart = '<a href="mailto:' + email + '" class="useremail">'
|
|
emailEnd = '</a>'
|
|
else
|
|
emailStart = ''
|
|
emailEnd = ''
|
|
|
|
subject = "<span class=subject>#{subject or ''}</span>"
|
|
|
|
userID =
|
|
if !capcode and uniqueID
|
|
" <span class='posteruid id_#{uniqueID}'>(ID: " +
|
|
"<span class=hand title='Highlight posts by this ID'>#{uniqueID}</span>)</span> "
|
|
else
|
|
''
|
|
|
|
switch capcode
|
|
when 'admin', 'admin_highlight'
|
|
capcodeClass = " capcodeAdmin"
|
|
capcodeStart = " <strong class='capcode hand id_admin'" +
|
|
"title='Highlight posts by the Administrator'>## Admin</strong>"
|
|
capcode = " <img src='#{staticPath}/image/adminicon.gif' " +
|
|
"alt='This user is the 4chan Administrator.' " +
|
|
"title='This user is the 4chan Administrator.' class=identityIcon>"
|
|
when 'mod'
|
|
capcodeClass = " capcodeMod"
|
|
capcodeStart = " <strong class='capcode hand id_mod' " +
|
|
"title='Highlight posts by Moderators'>## Mod</strong>"
|
|
capcode = " <img src='#{staticPath}/image/modicon.gif' " +
|
|
"alt='This user is a 4chan Moderator.' " +
|
|
"title='This user is a 4chan Moderator.' class=identityIcon>"
|
|
when 'developer'
|
|
capcodeClass = " capcodeDeveloper"
|
|
capcodeStart = " <strong class='capcode hand id_developer' " +
|
|
"title='Highlight posts by Developers'>## Developer</strong>"
|
|
capcode = " <img src='#{staticPath}/image/developericon.gif' " +
|
|
"alt='This user is a 4chan Developer.' " +
|
|
"title='This user is a 4chan Developer.' class=identityIcon>"
|
|
else
|
|
capcodeClass = ''
|
|
capcodeStart = ''
|
|
capcode = ''
|
|
|
|
flag =
|
|
if flagCode
|
|
" <img src='#{staticPath}/image/country/#{if boardID is 'pol' then 'troll/' else ''}" +
|
|
flagCode.toLowerCase() + ".gif' alt=#{flagCode} title='#{flagName}' class=countryFlag>"
|
|
else
|
|
''
|
|
|
|
if file?.isDeleted
|
|
fileHTML =
|
|
if isOP
|
|
"<div id=f#{postID} class=file><div class=fileInfo></div><span class=fileThumb>" +
|
|
"<img src='#{staticPath}/image/filedeleted.gif' alt='File deleted.' class='fileDeleted retina'>" +
|
|
"</span></div>"
|
|
else
|
|
"<div id=f#{postID} class=file><span class=fileThumb>" +
|
|
"<img src='#{staticPath}/image/filedeleted-res.gif' alt='File deleted.' class='fileDeletedRes retina'>" +
|
|
"</span></div>"
|
|
else if file
|
|
ext = file.name[-3..]
|
|
if !file.twidth and !file.theight and ext is 'gif' # wtf ?
|
|
file.twidth = file.width
|
|
file.theight = file.height
|
|
|
|
fileSize = $.bytesToString file.size
|
|
|
|
fileThumb = file.turl
|
|
if file.isSpoiler
|
|
fileSize = "Spoiler Image, #{fileSize}"
|
|
unless isArchived
|
|
fileThumb = '//static.4chan.org/image/spoiler'
|
|
if spoilerRange = Build.spoilerRange[boardID]
|
|
# Randomize the spoiler image.
|
|
fileThumb += "-#{boardID}" + Math.floor 1 + spoilerRange * Math.random()
|
|
fileThumb += '.png'
|
|
file.twidth = file.theight = 100
|
|
|
|
if boardID.ID isnt 'f'
|
|
imgSrc = "<a class='fileThumb#{if file.isSpoiler then ' imgspoiler' else ''}' href='#{file.url}' target=_blank>" +
|
|
"<img src='#{fileThumb}' alt='#{fileSize}' data-md5=#{file.MD5} style='height: #{file.theight}px; width: #{file.twidth}px;'></a>"
|
|
|
|
# Ha ha, filenames!
|
|
# html -> text, translate WebKit's %22s into "s
|
|
a = $.el 'a', innerHTML: file.name
|
|
filename = a.textContent.replace /%22/g, '"'
|
|
|
|
# shorten filename, get html
|
|
a.textContent = Build.shortFilename filename
|
|
shortFilename = a.innerHTML
|
|
|
|
# get html
|
|
a.textContent = filename
|
|
filename = a.innerHTML.replace /'/g, '''
|
|
|
|
fileDims = if ext is 'pdf' then 'PDF' else "#{file.width}x#{file.height}"
|
|
fileInfo = "<span class=fileText id=fT#{postID}#{if file.isSpoiler then " title='#{filename}'" else ''}>File: <a href='#{file.url}' target=_blank>#{file.timestamp}</a>" +
|
|
"-(#{fileSize}, #{fileDims}#{
|
|
if file.isSpoiler
|
|
''
|
|
else
|
|
", <span title='#{filename}'>#{shortFilename}</span>"
|
|
}" + ")</span>"
|
|
|
|
fileHTML = "<div id=f#{postID} class=file><div class=fileInfo>#{fileInfo}</div>#{imgSrc}</div>"
|
|
else
|
|
fileHTML = ''
|
|
|
|
tripcode =
|
|
if tripcode
|
|
" <span class=postertrip>#{tripcode}</span>"
|
|
else
|
|
''
|
|
|
|
sticky =
|
|
if isSticky
|
|
' <img src=//static.4chan.org/image/sticky.gif alt=Sticky title=Sticky class=stickyIcon>'
|
|
else
|
|
''
|
|
closed =
|
|
if isClosed
|
|
' <img src=//static.4chan.org/image/closed.gif alt=Closed title=Closed class=closedIcon>'
|
|
else
|
|
''
|
|
|
|
container = $.el 'div',
|
|
id: "pc#{postID}"
|
|
className: "postContainer #{if isOP then 'op' else 'reply'}Container"
|
|
innerHTML: \
|
|
(if isOP then '' else "<div class=sideArrows id=sa#{postID}>>></div>") +
|
|
"<div id=p#{postID} class='post #{if isOP then 'op' else 'reply'}#{
|
|
if capcode is 'admin_highlight'
|
|
' highlightPost'
|
|
else
|
|
''
|
|
}'>" +
|
|
|
|
"<div class='postInfoM mobile' id=pim#{postID}>" +
|
|
"<span class='nameBlock#{capcodeClass}'>" +
|
|
"<span class=name>#{name or ''}</span>" + tripcode +
|
|
capcodeStart + capcode + userID + flag + sticky + closed +
|
|
"<br>#{subject}" +
|
|
"</span><span class='dateTime postNum' data-utc=#{dateUTC}>#{date}" +
|
|
"<a href=#{"/#{boardID}/res/#{threadID}#p#{postID}"}>No.</a>" +
|
|
"<a href='#{
|
|
if g.VIEW is 'thread' and g.THREADID is +threadID
|
|
"javascript:quote(#{postID})"
|
|
else
|
|
"/#{boardID}/res/#{threadID}#q#{postID}"
|
|
}'>#{postID}</a>" +
|
|
'</span>' +
|
|
'</div>' +
|
|
|
|
(if isOP then fileHTML else '') +
|
|
|
|
"<div class='postInfo desktop' id=pi#{postID}>" +
|
|
"<input type=checkbox name=#{postID} value=delete> " +
|
|
"#{subject} " +
|
|
"<span class='nameBlock#{capcodeClass}'>" +
|
|
emailStart +
|
|
"<span class=name>#{name or ''}</span>" + tripcode +
|
|
capcodeStart + emailEnd + capcode + userID + flag + sticky + closed +
|
|
' </span> ' +
|
|
"<span class=dateTime data-utc=#{dateUTC}>#{date}</span> " +
|
|
"<span class='postNum desktop'>" +
|
|
"<a href=#{"/#{boardID}/res/#{threadID}#p#{postID}"} title='Highlight this post'>No.</a>" +
|
|
"<a href='#{
|
|
if g.VIEW is 'thread' and g.THREADID is +threadID
|
|
"javascript:quote(#{postID})"
|
|
else
|
|
"/#{boardID}/res/#{threadID}#q#{postID}"
|
|
}' title='Quote this post'>#{postID}</a>" +
|
|
'</span>' +
|
|
'</div>' +
|
|
|
|
(if isOP then '' else fileHTML) +
|
|
|
|
"<blockquote class=postMessage id=m#{postID}>#{comment or ''}</blockquote> " +
|
|
|
|
'</div>'
|
|
|
|
for quote in $$ '.quotelink', container
|
|
href = quote.getAttribute 'href'
|
|
continue if href[0] is '/' # Cross-board quote, or board link
|
|
quote.href = "/#{boardID}/res/#{href}" # Fix pathnames
|
|
|
|
container |