Goyslop/4chan-x
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Reorganized, restyled options menu.

Browse Source
This commit is contained in:
Nicolas Stepien 2011-05-15 16:07:46 +02:00
parent 16cb5bc2e5
commit db53848b19
2 changed files with 147 additions and 70 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

107
4chan_x.js
View File

@ -67,35 +67,45 @@
} }
config = { config = {
main: { main: {
checkbox: { monitor: {
'404 Redirect': [true, 'Redirect dead threads'], 'Thread Updater': [true, 'Update threads'],
'Anonymize': [false, 'Make everybody anonymous'], 'Unread Count': [true, 'Show unread post count in tab title'],
'Thread Watcher': [true, 'Bookmark threads'],
'Auto Watch': [true, 'Automatically watch threads that you start'], 'Auto Watch': [true, 'Automatically watch threads that you start'],
'Auto Watch Reply': [false, 'Automatically watch threads that you reply to'], 'Auto Watch Reply': [false, 'Automatically watch threads that you reply to']
'Comment Expansion': [true, 'Expand too long comments'], },
'Cooldown': [false, 'Prevent \'flood detected\' errors (buggy)'], img: {
'Image Auto-Gif': [false, 'Animate gif thumbnails'], 'Image Auto-Gif': [false, 'Animate gif thumbnails'],
'Image Expansion': [true, 'Expand images'], 'Image Expansion': [true, 'Expand images'],
'Image Hover': [false, 'Show full image on mouseover'], 'Image Hover': [false, 'Show full image on mouseover'],
'Image Preloading': [false, 'Preload Images'], 'Image Preloading': [false, 'Preload Images'],
'Keybinds': [false, 'Binds actions to keys'], 'Sauce': [true, 'Add sauce to images']
'Localize Time': [true, 'Show times based on your timezone'], },
'Persistent QR': [false, 'Quick reply won\'t disappear after posting. Only in replies.'], post: {
'Post in Title': [true, 'Show the op\'s post in the tab title'], 'Cooldown': [false, 'Prevent \'flood detected\' errors (buggy)'],
'Quick Reply': [true, 'Reply without leaving the page'], 'Quick Reply': [true, 'Reply without leaving the page'],
'Persistent QR': [false, 'Quick reply won\'t disappear after posting. Only in replies.']
},
quote: {
'Quote Backlinks': [false, 'Add quote backlinks'], 'Quote Backlinks': [false, 'Add quote backlinks'],
'Quote Inline': [false, 'Show quoted post inline on quote click'], 'Quote Inline': [false, 'Show quoted post inline on quote click'],
'Quote Preview': [false, 'Show quote content on hover'], 'Quote Preview': [false, 'Show quote content on hover']
},
filter: {
'Reply Hiding': [true, 'Hide single replies'], 'Reply Hiding': [true, 'Hide single replies'],
'Report Button': [true, 'Add report buttons'],
'Sauce': [true, 'Add sauce to images'],
'Show Stubs': [true, 'Of hidden threads / replies'],
'Thread Expansion': [true, 'View all replies'],
'Thread Hiding': [true, 'Hide entire threads'], 'Thread Hiding': [true, 'Hide entire threads'],
'Thread Navigation': [true, 'Navigate to previous / next thread'], 'Show Stubs': [true, 'Of hidden threads / replies']
'Thread Updater': [true, 'Update threads'], },
'Thread Watcher': [true, 'Bookmark threads'], misc: {
'Unread Count': [true, 'Show unread post count in tab title'] '404 Redirect': [true, 'Redirect dead threads'],
'Anonymize': [false, 'Make everybody anonymous'],
'Comment Expansion': [true, 'Expand too long comments'],
'Keybinds': [false, 'Binds actions to keys'],
'Localize Time': [true, 'Show times based on your timezone'],
'Post in Title': [true, 'Show the op\'s post in the tab title'],
'Report Button': [true, 'Add report buttons'],
'Thread Expansion': [true, 'View all replies'],
'Thread Navigation': [true, 'Navigate to previous / next thread']
}, },
textarea: { textarea: {
flavors: ['http://regex.info/exif.cgi?url=', 'http://iqdb.org/?url=', 'http://tineye.com/search?url=', '#http://saucenao.com/search.php?db=999&url='].join('\n') flavors: ['http://regex.info/exif.cgi?url=', 'http://iqdb.org/?url=', 'http://tineye.com/search?url=', '#http://saucenao.com/search.php?db=999&url='].join('\n')
@ -175,18 +185,18 @@
e.preventDefault(); e.preventDefault();
el = ui.el; el = ui.el;
left = e.clientX - ui.dx; left = e.clientX - ui.dx;
if (left < 20) { if (left < 10) {
left = '0px'; left = '0px';
} else if (ui.width - left < 20) { } else if (ui.width - left < 10) {
left = ''; left = '';
} }
right = left ? '' : '0px'; right = left ? '' : '0px';
el.style.left = left; el.style.left = left;
el.style.right = right; el.style.right = right;
top = e.clientY - ui.dy; top = e.clientY - ui.dy;
if (top < 20) { if (top < 10) {
top = '0px'; top = '0px';
} else if (ui.height - top < 20) { } else if (ui.height - top < 10) {
top = ''; top = '';
} }
bottom = top ? '' : '0px'; bottom = top ? '' : '0px';
@ -905,21 +915,20 @@
} }
}, },
dialog: function() { dialog: function() {
var checked, conf, dialog, hiddenNum, hiddenThreads, html, input, name, title, _i, _len, _ref; var dialog, hiddenNum, hiddenThreads, html, input, _i, _len, _ref;
html = "<div class=move>Options <a name=close>X</a></div>";
conf = config.main.checkbox;
for (name in conf) {
title = conf[name][1];
checked = $.config(name) ? "checked" : "";
html += "<div><label title='" + title + "'>" + name + "<input name='" + name + "' " + checked + " type=checkbox></label></div>";
}
hiddenThreads = $.getValue("hiddenThreads/" + g.BOARD + "/", {}); hiddenThreads = $.getValue("hiddenThreads/" + g.BOARD + "/", {});
hiddenNum = Object.keys(g.hiddenReplies).length + Object.keys(hiddenThreads).length; hiddenNum = Object.keys(g.hiddenReplies).length + Object.keys(hiddenThreads).length;
html += " <div><a name=flavors>Flavors</a></div> <div><textarea style='display: none;' name=flavors>" + ($.config('flavors')) + "</textarea></div> <div><input type=button value='hidden: " + hiddenNum + "'></div> <hr> <div><a href=http://chat.now.im/x/aeos>support throd</a></div> <div><a href=https://www.paypal.com/cgi-bin/webscr?cmd=_donations&business=2DBVZBUAM4DHC&lc=US&item_name=Aeosynth&currency_code=USD&bn=PP%2dDonationsBF%3abtn_donate_LG%2egif%3aNonHosted><img alt=Donate src=https://www.paypal.com/en_US/i/btn/btn_donate_LG.gif></a></div> "; html = " <div class=move>Options <a name=close>X</a></div> <hr> <div class=column><ul id=monitor><li>Monitoring</li></ul><ul id=img><li>Imaging</li></ul></div> <div class=column><ul id=post><li>Posting</li></ul><ul id=quote><li>Quoting</li></ul><ul id=filter><li>Filtering</li></ul></div> <div class=column><ul id=misc><li>Enhancing</li></ul></div> <br clear=left> <hr> <div> <div><a name=flavors>Flavors</a></div> <div><textarea style='display: none;' name=flavors>" + ($.config('flavors')) + "</textarea></div> <div><input type=button value='hidden: " + hiddenNum + "'></div> </div> <div> <div><a href=http://chat.now.im/x/aeos>support throd</a></div> <div><a href=https://www.paypal.com/cgi-bin/webscr?cmd=_donations&business=2DBVZBUAM4DHC&lc=US&item_name=Aeosynth&currency_code=USD&bn=PP%2dDonationsBF%3abtn_donate_LG%2egif%3aNonHosted><img alt=Donate src=https://www.paypal.com/en_US/i/btn/btn_donate_LG.gif></a></div> </div> ";
dialog = ui.dialog('options', { dialog = ui.dialog('options', {
top: '25%', top: '25%',
left: '50%' left: '25%'
}, html); }, html);
options.append(config.main.monitor, $('#monitor', dialog));
options.append(config.main.img, $('#img', dialog));
options.append(config.main.post, $('#post', dialog));
options.append(config.main.quote, $('#quote', dialog));
options.append(config.main.filter, $('#filter', dialog));
options.append(config.main.misc, $('#misc', dialog));
_ref = $$('input[type=checkbox]', dialog); _ref = $$('input[type=checkbox]', dialog);
for (_i = 0, _len = _ref.length; _i < _len; _i++) { for (_i = 0, _len = _ref.length; _i < _len; _i++) {
input = _ref[_i]; input = _ref[_i];
@ -930,6 +939,19 @@
$.bind($('textarea', dialog), 'change', $.cb.value); $.bind($('textarea', dialog), 'change', $.cb.value);
return $.append(d.body, dialog); return $.append(d.body, dialog);
}, },
append: function(conf, id) {
var checked, li, name, title, _results;
_results = [];
for (name in conf) {
title = conf[name][1];
checked = $.config(name) ? "checked" : "";
li = $.el('li', {
innerHTML: "<label title='" + title + "'><input name='" + name + "' " + checked + " type=checkbox>" + name + "</label>"
});
_results.push($.append(id, li));
}
return _results;
},
flavors: function() { flavors: function() {
var ta; var ta;
ta = $('#options textarea'); ta = $('#options textarea');
@ -2469,11 +2491,28 @@
#options {\ #options {\
position: fixed;\ position: fixed;\
padding: 5px;\ padding: 5px;\
}\
#options .move, #options > div:last-child {\
text-align: right;\ text-align: right;\
}\ }\
.column {\
float: left;\
margin: 0 10px;\
}\
#options ul {\
list-style: none;\
margin: 0;\
padding: 0;\
}\
#options li:first-child {\
text-decoration: underline;\
}\
#options > div:nth-last-of-type(2) {\
float: left;\
}\
#options textarea {\ #options textarea {\
height: 100px;\ height: 100px;\
width: 500px;\ width: 450px;\
}\ }\
\ \
#qr {\ #qr {\

110
script.coffee
View File

@ -11,35 +11,40 @@ if console?
config = config =
main: main:
checkbox: monitor:
'404 Redirect': [true, 'Redirect dead threads'] 'Thread Updater': [true, 'Update threads']
'Anonymize': [false, 'Make everybody anonymous'] 'Unread Count': [true, 'Show unread post count in tab title']
'Thread Watcher': [true, 'Bookmark threads']
'Auto Watch': [true, 'Automatically watch threads that you start'] 'Auto Watch': [true, 'Automatically watch threads that you start']
'Auto Watch Reply': [false, 'Automatically watch threads that you reply to'] 'Auto Watch Reply': [false, 'Automatically watch threads that you reply to']
'Comment Expansion': [true, 'Expand too long comments'] img:
'Cooldown': [false, 'Prevent \'flood detected\' errors (buggy)']
'Image Auto-Gif': [false, 'Animate gif thumbnails'] 'Image Auto-Gif': [false, 'Animate gif thumbnails']
'Image Expansion': [true, 'Expand images'] 'Image Expansion': [true, 'Expand images']
'Image Hover': [false, 'Show full image on mouseover'] 'Image Hover': [false, 'Show full image on mouseover']
'Image Preloading': [false, 'Preload Images'] 'Image Preloading': [false, 'Preload Images']
'Keybinds': [false, 'Binds actions to keys'] 'Sauce': [true, 'Add sauce to images']
'Localize Time': [true, 'Show times based on your timezone'] post:
'Persistent QR': [false, 'Quick reply won\'t disappear after posting. Only in replies.'] 'Cooldown': [false, 'Prevent \'flood detected\' errors (buggy)']
'Post in Title': [true, 'Show the op\'s post in the tab title']
'Quick Reply': [true, 'Reply without leaving the page'] 'Quick Reply': [true, 'Reply without leaving the page']
'Persistent QR': [false, 'Quick reply won\'t disappear after posting. Only in replies.']
quote:
'Quote Backlinks': [false, 'Add quote backlinks'] 'Quote Backlinks': [false, 'Add quote backlinks']
'Quote Inline': [false, 'Show quoted post inline on quote click'] 'Quote Inline': [false, 'Show quoted post inline on quote click']
'Quote Preview': [false, 'Show quote content on hover'] 'Quote Preview': [false, 'Show quote content on hover']
filter:
'Reply Hiding': [true, 'Hide single replies'] 'Reply Hiding': [true, 'Hide single replies']
'Report Button': [true, 'Add report buttons']
'Sauce': [true, 'Add sauce to images']
'Show Stubs': [true, 'Of hidden threads / replies']
'Thread Expansion': [true, 'View all replies']
'Thread Hiding': [true, 'Hide entire threads'] 'Thread Hiding': [true, 'Hide entire threads']
'Show Stubs': [true, 'Of hidden threads / replies']
misc:
'404 Redirect': [true, 'Redirect dead threads']
'Anonymize': [false, 'Make everybody anonymous']
'Comment Expansion': [true, 'Expand too long comments']
'Keybinds': [false, 'Binds actions to keys']
'Localize Time': [true, 'Show times based on your timezone']
'Post in Title': [true, 'Show the op\'s post in the tab title']
'Report Button': [true, 'Add report buttons']
'Thread Expansion': [true, 'View all replies']
'Thread Navigation': [true, 'Navigate to previous / next thread'] 'Thread Navigation': [true, 'Navigate to previous / next thread']
'Thread Updater': [true, 'Update threads']
'Thread Watcher': [true, 'Bookmark threads']
'Unread Count': [true, 'Show unread post count in tab title']
textarea: textarea:
flavors: [ flavors: [
'http://regex.info/exif.cgi?url=' 'http://regex.info/exif.cgi?url='
@ -103,14 +108,14 @@ ui =
e.preventDefault() e.preventDefault()
{el} = ui {el} = ui
left = e.clientX - ui.dx left = e.clientX - ui.dx
if left < 20 then left = '0px' if left < 10 then left = '0px'
else if ui.width - left < 20 then left = '' else if ui.width - left < 10 then left = ''
right = if left then '' else '0px' right = if left then '' else '0px'
el.style.left = left el.style.left = left
el.style.right = right el.style.right = right
top = e.clientY - ui.dy top = e.clientY - ui.dy
if top < 20 then top = '0px' if top < 10 then top = '0px'
else if ui.height - top < 20 then top = '' else if ui.height - top < 10 then top = ''
bottom = if top then '' else '0px' bottom = if top then '' else '0px'
el.style.top = top el.style.top = top
el.style.bottom = bottom el.style.bottom = bottom
@ -688,26 +693,34 @@ options =
options.dialog() options.dialog()
dialog: -> dialog: ->
html = "<div class=move>Options <a name=close>X</a></div>"
conf = config.main.checkbox
for name of conf
title = conf[name][1]
checked = if $.config name then "checked" else ""
html += "<div><label title='#{title}'>#{name}<input name='#{name}' #{checked} type=checkbox></label></div>"
hiddenThreads = $.getValue "hiddenThreads/#{g.BOARD}/", {} hiddenThreads = $.getValue "hiddenThreads/#{g.BOARD}/", {}
hiddenNum = Object.keys(g.hiddenReplies).length + Object.keys(hiddenThreads).length hiddenNum = Object.keys(g.hiddenReplies).length + Object.keys(hiddenThreads).length
html = "
html += " <div class=move>Options <a name=close>X</a></div>
<div><a name=flavors>Flavors</a></div>
<div><textarea style='display: none;' name=flavors>#{$.config 'flavors'}</textarea></div>
<div><input type=button value='hidden: #{hiddenNum}'></div>
<hr> <hr>
<div><a href=http://chat.now.im/x/aeos>support throd</a></div> <div class=column><ul id=monitor><li>Monitoring</li></ul><ul id=img><li>Imaging</li></ul></div>
<div><a href=https://www.paypal.com/cgi-bin/webscr?cmd=_donations&business=2DBVZBUAM4DHC&lc=US&item_name=Aeosynth&currency_code=USD&bn=PP%2dDonationsBF%3abtn_donate_LG%2egif%3aNonHosted><img alt=Donate src=https://www.paypal.com/en_US/i/btn/btn_donate_LG.gif></a></div> <div class=column><ul id=post><li>Posting</li></ul><ul id=quote><li>Quoting</li></ul><ul id=filter><li>Filtering</li></ul></div>
<div class=column><ul id=misc><li>Enhancing</li></ul></div>
<br clear=left>
<hr>
<div>
<div><a name=flavors>Flavors</a></div>
<div><textarea style='display: none;' name=flavors>#{$.config 'flavors'}</textarea></div>
<div><input type=button value='hidden: #{hiddenNum}'></div>
</div>
<div>
<div><a href=http://chat.now.im/x/aeos>support throd</a></div>
<div><a href=https://www.paypal.com/cgi-bin/webscr?cmd=_donations&business=2DBVZBUAM4DHC&lc=US&item_name=Aeosynth&currency_code=USD&bn=PP%2dDonationsBF%3abtn_donate_LG%2egif%3aNonHosted><img alt=Donate src=https://www.paypal.com/en_US/i/btn/btn_donate_LG.gif></a></div>
</div>
" "
dialog = ui.dialog 'options', top: '25%', left: '50%', html dialog = ui.dialog 'options', top: '25%', left: '25%', html
options.append config.main.monitor, $('#monitor', dialog)
options.append config.main.img, $('#img', dialog)
options.append config.main.post, $('#post', dialog)
options.append config.main.quote, $('#quote', dialog)
options.append config.main.filter, $('#filter', dialog)
options.append config.main.misc, $('#misc', dialog)
for input in $$ 'input[type=checkbox]', dialog for input in $$ 'input[type=checkbox]', dialog
$.bind input, 'click', $.cb.checked $.bind input, 'click', $.cb.checked
$.bind $('input[type=button]', dialog), 'click', options.cb.clearHidden $.bind $('input[type=button]', dialog), 'click', options.cb.clearHidden
@ -715,6 +728,14 @@ options =
$.bind $('textarea', dialog), 'change', $.cb.value $.bind $('textarea', dialog), 'change', $.cb.value
$.append d.body, dialog $.append d.body, dialog
append: (conf, id) ->
for name of conf
title = conf[name][1]
checked = if $.config name then "checked" else ""
li = $.el 'li',
innerHTML: "<label title='#{title}'><input name='#{name}' #{checked} type=checkbox>#{name}</label>"
$.append id, li
flavors: -> flavors: ->
ta = $ '#options textarea' ta = $ '#options textarea'
if ta.style.display then $.show ta else $.hide ta if ta.style.display then $.show ta else $.hide ta
@ -1938,11 +1959,28 @@ main =
#options { #options {
position: fixed; position: fixed;
padding: 5px; padding: 5px;
}
#options .move, #options > div:last-child {
text-align: right; text-align: right;
} }
.column {
float: left;
margin: 0 10px;
}
#options ul {
list-style: none;
margin: 0;
padding: 0;
}
#options li:first-child {
text-decoration: underline;
}
#options > div:nth-last-of-type(2) {
float: left;
}
#options textarea { #options textarea {
height: 100px; height: 100px;
width: 500px; width: 450px;
} }
#qr { #qr {