431 lines
14 KiB
CoffeeScript
431 lines
14 KiB
CoffeeScript
Settings =
|
|
init: ->
|
|
# 4chan X settings link
|
|
link = $.el 'a',
|
|
className: 'settings-link'
|
|
textContent: '<%= meta.name %> Settings'
|
|
href: 'javascript:;'
|
|
$.on link, 'click', Settings.open
|
|
$.event 'AddMenuEntry',
|
|
type: 'header'
|
|
el: link
|
|
order: 111
|
|
|
|
Settings.addSection 'Main', Settings.main
|
|
Settings.addSection 'Filter', Settings.filter
|
|
Settings.addSection 'QR', Settings.qr
|
|
Settings.addSection 'Sauce', Settings.sauce
|
|
Settings.addSection 'Rice', Settings.rice
|
|
Settings.addSection 'Archives', Settings.archives
|
|
Settings.addSection 'Keybinds', Settings.keybinds
|
|
$.on d, 'AddSettingsSection', Settings.addSection
|
|
$.on d, 'OpenSettings', (e) -> Settings.open e.detail
|
|
|
|
settings = JSON.parse(localStorage.getItem '4chan-settings') or {}
|
|
return if settings.disableAll
|
|
settings.disableAll = true
|
|
localStorage.setItem '4chan-settings', JSON.stringify settings
|
|
|
|
open: (openSection) ->
|
|
return if Settings.dialog
|
|
$.event 'CloseMenu'
|
|
|
|
html = <%= importHTML('General/Settings') %>
|
|
|
|
Settings.dialog = overlay = $.el 'div',
|
|
id: 'overlay'
|
|
innerHTML: html
|
|
|
|
links = []
|
|
for section in Settings.sections
|
|
link = $.el 'a',
|
|
className: "tab-#{section.hyphenatedTitle}"
|
|
textContent: section.title
|
|
href: 'javascript:;'
|
|
$.on link, 'click', Settings.openSection.bind section
|
|
links.push link, $.tn ' | '
|
|
sectionToOpen = link if section.title is openSection
|
|
links.pop()
|
|
$.add $('.sections-list', overlay), links
|
|
(if sectionToOpen then sectionToOpen else links[0]).click()
|
|
|
|
$.on $('.close', overlay), 'click', Settings.close
|
|
$.on overlay, 'click', Settings.close
|
|
$.on overlay.firstElementChild, 'click', (e) -> e.stopPropagation()
|
|
|
|
d.body.style.width = "#{d.body.clientWidth}px"
|
|
$.addClass d.body, 'unscroll'
|
|
$.add d.body, overlay
|
|
close: ->
|
|
return unless Settings.dialog
|
|
d.body.style.removeProperty 'width'
|
|
$.rmClass d.body, 'unscroll'
|
|
$.rm Settings.dialog
|
|
delete Settings.dialog
|
|
|
|
sections: []
|
|
addSection: (title, open) ->
|
|
if typeof title isnt 'string'
|
|
{title, open} = title.detail
|
|
hyphenatedTitle = title.toLowerCase().replace /\s+/g, '-'
|
|
Settings.sections.push {title, hyphenatedTitle, open}
|
|
openSection: ->
|
|
if selected = $ '.tab-selected', Settings.dialog
|
|
$.rmClass selected, 'tab-selected'
|
|
$.addClass $(".tab-#{@hyphenatedTitle}", Settings.dialog), 'tab-selected'
|
|
section = $ 'section', Settings.dialog
|
|
$.rmAll section
|
|
section.className = "section-#{@hyphenatedTitle}"
|
|
@open section, g
|
|
section.scrollTop = 0
|
|
|
|
main: (section) ->
|
|
section.innerHTML = <%= importHTML('General/Settings-section-Main') %>
|
|
$.on $('.export', section), 'click', Settings.export
|
|
$.on $('.import', section), 'click', Settings.import
|
|
$.on $('.reset', section), 'click', Settings.reset
|
|
$.on $('input', section), 'change', Settings.onImport
|
|
|
|
items = {}
|
|
inputs = {}
|
|
for key, obj of Config.main
|
|
fs = $.el 'fieldset',
|
|
innerHTML: "<legend>#{key}</legend>"
|
|
for key, arr of obj
|
|
description = arr[1]
|
|
div = $.el 'div',
|
|
innerHTML: "<label><input type=checkbox name=\"#{key}\">#{key}</label><span class=description>: #{description}</span>"
|
|
input = $ 'input', div
|
|
$.on input, 'change', $.cb.checked
|
|
items[key] = Conf[key]
|
|
inputs[key] = input
|
|
$.add fs, div
|
|
$.add section, fs
|
|
|
|
$.get items, (items) ->
|
|
for key, val of items
|
|
inputs[key].checked = val
|
|
return
|
|
|
|
div = $.el 'div',
|
|
innerHTML: "<button></button><span class=description>: Clear manually-hidden threads and posts on all boards. Reload the page to apply."
|
|
button = $ 'button', div
|
|
$.get 'hiddenPosts', {}, ({hiddenPosts}) ->
|
|
hiddenNum = 0
|
|
for ID, board of hiddenPosts.boards
|
|
for ID, thread of board
|
|
hiddenNum += Object.keys(thread).length
|
|
button.textContent = "Hidden: #{hiddenNum}"
|
|
$.on button, 'click', ->
|
|
@textContent = 'Hidden: 0'
|
|
$.delete 'hiddenPosts'
|
|
$.after $('input[name="Recursive Hiding"]', section).parentNode.parentNode, div
|
|
export: ->
|
|
# Make sure to export the most recent data.
|
|
$.get Conf, (Conf) ->
|
|
# XXX don't export archives.
|
|
delete Conf['archives']
|
|
Settings.downloadExport 'Settings', {version: g.VERSION, date: Date.now(), Conf}
|
|
downloadExport: (title, data) ->
|
|
a = $.el 'a',
|
|
download: "<%= meta.name %> v#{g.VERSION} #{title}.#{data.date}.json"
|
|
href: "data:application/json;base64,#{btoa unescape encodeURIComponent JSON.stringify data, null, 2}"
|
|
<% if (type === 'userscript') { %>$.add d.body, a<% } %>
|
|
a.click()
|
|
<% if (type === 'userscript') { %>$.rm a<% } %>
|
|
import: ->
|
|
$('input[type=file]', @parentNode).click()
|
|
onImport: ->
|
|
return unless file = @files[0]
|
|
return unless confirm 'Your current settings will be entirely overwritten, are you sure?'
|
|
reader = new FileReader()
|
|
reader.onload = (e) ->
|
|
try
|
|
Settings.loadSettings JSON.parse e.target.result
|
|
catch err
|
|
alert 'Import failed due to an error.'
|
|
c.error err.stack
|
|
return
|
|
if confirm 'Import successful. Reload now?'
|
|
window.location.reload()
|
|
reader.readAsText file
|
|
loadSettings: (data) ->
|
|
version = data.version.split '.'
|
|
if version[0] is '2'
|
|
convertSettings = (data, map) ->
|
|
for prevKey, newKey of map
|
|
data.Conf[newKey] = data.Conf[prevKey] if newKey
|
|
delete data.Conf[prevKey]
|
|
data
|
|
data = Settings.convertSettings data,
|
|
# General confs
|
|
'Disable 4chan\'s extension': ''
|
|
'Catalog Links': ''
|
|
'Reply Navigation': ''
|
|
'Show Stubs': 'Stubs'
|
|
'Image Auto-Gif': 'Auto-GIF'
|
|
'Expand From Current': ''
|
|
'Unread Favicon': 'Unread Tab Icon'
|
|
'Post in Title': 'Thread Excerpt'
|
|
'Auto Hide QR': ''
|
|
'Open Reply in New Tab': ''
|
|
'Remember QR size': ''
|
|
'Quote Inline': 'Quote Inlining'
|
|
'Quote Preview': 'Quote Previewing'
|
|
'Indicate OP quote': ''
|
|
'Indicate Cross-thread Quotes': ''
|
|
# filter
|
|
'uniqueid': 'uniqueID'
|
|
'mod': 'capcode'
|
|
'country': 'flag'
|
|
'md5': 'MD5'
|
|
# keybinds
|
|
'openEmptyQR': 'Open empty QR'
|
|
'openQR': 'Open QR'
|
|
'openOptions': 'Open settings'
|
|
'close': 'Close'
|
|
'spoiler': 'Spoiler tags'
|
|
'code': 'Code tags'
|
|
'submit': 'Submit QR'
|
|
'watch': 'Watch'
|
|
'update': 'Update'
|
|
'unreadCountTo0': ''
|
|
'expandAllImages': 'Expand images'
|
|
'expandImage': 'Expand image'
|
|
'zero': 'Front page'
|
|
'nextPage': 'Next page'
|
|
'previousPage': 'Previous page'
|
|
'nextThread': 'Next thread'
|
|
'previousThread': 'Previous thread'
|
|
'expandThread': 'Expand thread'
|
|
'openThreadTab': 'Open thread'
|
|
'openThread': 'Open thread tab'
|
|
'nextReply': 'Next reply'
|
|
'previousReply': 'Previous reply'
|
|
'hide': 'Hide'
|
|
# updater
|
|
'Scrolling': 'Auto Scroll'
|
|
'Verbose': ''
|
|
data.Conf.sauces = data.Conf.sauces.replace /\$\d/g, (c) ->
|
|
switch c
|
|
when '$1'
|
|
'%TURL'
|
|
when '$2'
|
|
'%URL'
|
|
when '$3'
|
|
'%MD5'
|
|
when '$4'
|
|
'%board'
|
|
else
|
|
c
|
|
for key, val of Config.hotkeys when key of data.Conf
|
|
data.Conf[key] = data.Conf[key].replace(/ctrl|alt|meta/g, (s) -> "#{s[0].toUpperCase()}#{s[1..]}").replace /(^|.+\+)[A-Z]$/g, (s) ->
|
|
"Shift+#{s[0...-1]}#{s[-1..].toLowerCase()}"
|
|
data.Conf['WatchedThreads'] = data.WatchedThreads
|
|
if data.Conf['WatchedThreads']
|
|
data.Conf['watchedThreads'] = boards: ThreadWatcher.convert data.Conf['WatchedThreads']
|
|
delete data.Conf['WatchedThreads']
|
|
$.clear -> $.set data.Conf
|
|
reset: ->
|
|
if confirm 'Your current settings will be entirely wiped, are you sure?'
|
|
$.clear -> window.location.reload() if confirm 'Reset successful. Reload now?'
|
|
|
|
filter: (section) ->
|
|
section.innerHTML = <%= importHTML('General/Settings-section-Filter') %>
|
|
select = $ 'select', section
|
|
$.on select, 'change', Settings.selectFilter
|
|
Settings.selectFilter.call select
|
|
selectFilter: ->
|
|
div = @nextElementSibling
|
|
if (name = @value) isnt 'guide'
|
|
$.rmAll div
|
|
ta = $.el 'textarea',
|
|
name: name
|
|
className: 'field'
|
|
spellcheck: false
|
|
$.get name, Conf[name], (item) ->
|
|
ta.value = item[name]
|
|
$.on ta, 'change', $.cb.value
|
|
$.add div, ta
|
|
return
|
|
div.innerHTML = <%= importHTML('General/Settings-section-Filter-guide') %>
|
|
|
|
qr: (section) ->
|
|
section.innerHTML = <%= importHTML('General/Settings-section-QR') %>
|
|
ta = $ 'textarea', section
|
|
$.get 'QR.personas', Conf['QR.personas'], (item) ->
|
|
ta.value = item['QR.personas']
|
|
$.on ta, 'change', $.cb.value
|
|
|
|
sauce: (section) ->
|
|
section.innerHTML = <%= importHTML('General/Settings-section-Sauce') %>
|
|
ta = $ 'textarea', section
|
|
$.get 'sauces', Conf['sauces'], (item) ->
|
|
ta.value = item['sauces']
|
|
$.on ta, 'change', $.cb.value
|
|
|
|
rice: (section) ->
|
|
section.innerHTML = <%= importHTML('General/Settings-section-Rice') %>
|
|
items = {}
|
|
inputs = {}
|
|
for name in ['boardnav', 'time', 'backlink', 'fileInfo', 'favicon', 'usercss']
|
|
input = $ "[name=#{name}]", section
|
|
items[name] = Conf[name]
|
|
inputs[name] = input
|
|
$.on input, 'change', $.cb.value
|
|
$.get items, (items) ->
|
|
for key, val of items
|
|
input = inputs[key]
|
|
input.value = val
|
|
continue if key is 'usercss'
|
|
event = if key in ['favicon', 'usercss']
|
|
'change'
|
|
else
|
|
'input'
|
|
$.on input, event, Settings[key]
|
|
Settings[key].call input
|
|
return
|
|
$.on $('input[name="Custom CSS"]', section), 'change', Settings.togglecss
|
|
$.on $('#apply-css', section), 'click', Settings.usercss
|
|
boardnav: ->
|
|
Header.generateBoardList @value
|
|
time: ->
|
|
funk = Time.createFunc @value
|
|
@nextElementSibling.textContent = funk Time, new Date()
|
|
backlink: ->
|
|
@nextElementSibling.textContent = @value.replace /%id/, '123456789'
|
|
fileInfo: ->
|
|
data =
|
|
isReply: true
|
|
file:
|
|
URL: '//i.4cdn.org/g/src/1334437723720.jpg'
|
|
name: 'd9bb2efc98dd0df141a94399ff5880b7.jpg'
|
|
size: '276 KB'
|
|
sizeInBytes: 276 * 1024
|
|
dimensions: '1280x720'
|
|
isImage: true
|
|
isSpoiler: true
|
|
funk = FileInfo.createFunc @value
|
|
@nextElementSibling.innerHTML = funk FileInfo, data
|
|
favicon: ->
|
|
Favicon.switch()
|
|
Unread.update() if g.VIEW is 'thread' and Conf['Unread Tab Icon']
|
|
@nextElementSibling.innerHTML = """
|
|
<img src=#{Favicon.default}>
|
|
<img src=#{Favicon.unreadSFW}>
|
|
<img src=#{Favicon.unreadNSFW}>
|
|
<img src=#{Favicon.unreadDead}>
|
|
"""
|
|
togglecss: ->
|
|
if $('textarea[name=usercss]', $.x 'ancestor::fieldset[1]', @).disabled = !@checked
|
|
CustomCSS.rmStyle()
|
|
else
|
|
CustomCSS.addStyle()
|
|
$.cb.checked.call @
|
|
usercss: ->
|
|
CustomCSS.update()
|
|
|
|
archives: (section) ->
|
|
section.innerHTML = <%= importHTML('General/Settings-section-Archives') %>
|
|
|
|
button = $ 'button', section
|
|
$.on button, 'click', ->
|
|
$.delete 'lastarchivecheck'
|
|
button.textContent = '...'
|
|
button.disabled = true
|
|
Redirect.update ->
|
|
button.textContent = 'Updated'
|
|
Settings.addArchivesTable section
|
|
|
|
Settings.addArchivesTable section
|
|
addArchivesTable: (section) ->
|
|
boards = {}
|
|
for archive in Conf['archives']
|
|
for boardID in archive.boards
|
|
data = boards[boardID] or= {
|
|
thread: []
|
|
post: []
|
|
file: []
|
|
}
|
|
data.thread.push archive
|
|
if archive.software is 'foolfuuka'
|
|
data.post.push archive
|
|
if boardID in archive.files
|
|
data.file.push archive
|
|
|
|
rows = []
|
|
for boardID in Object.keys(boards).sort() # Alphabetical order
|
|
row = $.el 'tr'
|
|
rows.push row
|
|
$.add row, $.el 'th',
|
|
textContent: "/#{boardID}/"
|
|
className: if boardID is g.BOARD.ID then 'warning' else ''
|
|
|
|
data = boards[boardID]
|
|
Settings.addArchiveCell row, boardID, data, 'thread'
|
|
Settings.addArchiveCell row, boardID, data, 'post'
|
|
Settings.addArchiveCell row, boardID, data, 'file'
|
|
tbody = $ 'tbody', section
|
|
$.rmAll tbody
|
|
$.add tbody, rows
|
|
$.get {
|
|
lastarchivecheck: 0
|
|
selectedArchives: Conf['selectedArchives']
|
|
}, ({lastarchivecheck, selectedArchives}) ->
|
|
for boardID, data of selectedArchives
|
|
for type, uid of data
|
|
if option = $ "select[data-board-i-d='#{boardID}'][data-type='#{type}'] > option[value='#{uid}']", section
|
|
option.selected = true
|
|
$('time', section).textContent = new Date(lastarchivecheck).toLocaleString()
|
|
addArchiveCell: (row, boardID, data, type) ->
|
|
options = []
|
|
for archive in data[type]
|
|
options.push $.el 'option',
|
|
textContent: archive.name
|
|
value: archive.uid
|
|
td = $.el 'td'
|
|
{length} = options
|
|
if length
|
|
td.innerHTML = '<select></select>'
|
|
select = td.firstElementChild
|
|
unless select.disabled = length is 1
|
|
$.extend select.dataset, {boardID, type}
|
|
$.on select, 'change', Settings.saveSelectedArchive
|
|
$.add select, options
|
|
else
|
|
td.textContent = 'N/A'
|
|
$.add row, td
|
|
saveSelectedArchive: ->
|
|
$.get 'selectedArchives', Conf['selectedArchives'], ({selectedArchives}) =>
|
|
(selectedArchives[@dataset.boardID] or= {})[@dataset.type] = +@value
|
|
Conf['selectedArchives'] = selectedArchives
|
|
Redirect.selectArchives()
|
|
$.set 'selectedArchives', selectedArchives
|
|
|
|
keybinds: (section) ->
|
|
section.innerHTML = <%= importHTML('General/Settings-section-Keybinds') %>
|
|
tbody = $ 'tbody', section
|
|
items = {}
|
|
inputs = {}
|
|
for key, arr of Config.hotkeys
|
|
tr = $.el 'tr',
|
|
innerHTML: "<td>#{arr[1]}</td><td><input class=field></td>"
|
|
input = $ 'input', tr
|
|
input.name = key
|
|
input.spellcheck = false
|
|
items[key] = Conf[key]
|
|
inputs[key] = input
|
|
$.on input, 'keydown', Settings.keybind
|
|
$.add tbody, tr
|
|
$.get items, (items) ->
|
|
for key, val of items
|
|
inputs[key].value = val
|
|
return
|
|
keybind: (e) ->
|
|
return if e.keyCode is 9 # tab
|
|
e.preventDefault()
|
|
e.stopPropagation()
|
|
return unless (key = Keybinds.keyCode e)?
|
|
@value = key
|
|
$.cb.value.call @
|