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

keep options dialog at constant size

Browse Source
This commit is contained in:
James Campos 2011-06-21 00:41:35 -07:00
parent 97eb680ea4
commit 1098308383
2 changed files with 52 additions and 44 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
4chan_x.user.js
View File

@ -975,7 +975,7 @@
var arr, checked, description, dialog, hiddenNum, hiddenThreads, html, input, key, li, link, main, obj, overlay, ul, _i, _j, _len, _len2, _ref, _ref2, _ref3; var arr, checked, description, dialog, hiddenNum, hiddenThreads, html, input, key, li, link, main, obj, overlay, ul, _i, _j, _len, _len2, _ref, _ref2, _ref3;
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 class='reply dialog'> <div id=floaty> <a name=main>main</a> | <a name=flavors>sauce</a> | <a name=time>time</a> </div> <div id=credits> <a href=http://chat.now.im/x/aeos>support throd</a> | <a href=https://github.com/aeosynth/4chan-x/issues>github</a> | <a href=http://userscripts.org/scripts/show/51412>uso</a> | <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>donate</a> </div> <hr> <div id=main> </div> <textarea style='display: none;' name=flavors id=flavors>" + ($.config('flavors')) + "</textarea> <div style='display: none;' id=time> <div><input type=text name=time value='" + ($.config('time')) + "'> <span id=timePreview></span></div> <table> <caption>Format specifiers <a href=http://en.wikipedia.org/wiki/Date_%28Unix%29#Formatting>(source)</a></caption> <tbody> <tr><th>Specifier</th><th>Description</th><th>Values/Example</th></tr> <tr><td>%a</td><td>weekday, abbreviated</td><td>Sat</td></tr> <tr><td>%A</td><td>weekday, full</td><td>Saturday</td></tr> <tr><td>%b</td><td>month, abbreviated</td><td>Jun</td></tr> <tr><td>%B</td><td>month, full length</td><td>June</td></tr> <tr><td>%d</td><td>day of the month, zero padded</td><td>03</td></tr> <tr><td>%H</td><td>hour (24 hour clock) zero padded</td><td>13</td></tr> <tr><td>%I (uppercase i)</td><td>hour (12 hour clock) zero padded</td><td>02</td></tr> <tr><td>%m</td><td>month, zero padded</td><td>06</td></tr> <tr><td>%M</td><td>minutes, zero padded</td><td>54</td></tr> <tr><td>%p</td><td>upper case AM or PM</td><td>PM</td></tr> <tr><td>%P</td><td>lower case am or pm</td><td>pm</td></tr> <tr><td>%y</td><td>two digit year</td><td>00-99</td></tr> </tbody> </table> </div> </div> "; html = " <div class='reply dialog'> <div id=optionsbar> <div id=floaty> <a name=main>main</a> | <a name=flavors>sauce</a> | <a name=time>time</a> </div> <div id=credits> <a href=http://chat.now.im/x/aeos>support throd</a> | <a href=https://github.com/aeosynth/4chan-x/issues>github</a> | <a href=http://userscripts.org/scripts/show/51412>uso</a> | <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>donate</a> </div> </div> <hr> <div id=content> <div id=main> </div> <textarea style='display: none;' name=flavors id=flavors>" + ($.config('flavors')) + "</textarea> <div style='display: none;' id=time> <div><input type=text name=time value='" + ($.config('time')) + "'> <span id=timePreview></span></div> <table> <caption>Format specifiers <a href=http://en.wikipedia.org/wiki/Date_%28Unix%29#Formatting>(source)</a></caption> <tbody> <tr><th>Specifier</th><th>Description</th><th>Values/Example</th></tr> <tr><td>%a</td><td>weekday, abbreviated</td><td>Sat</td></tr> <tr><td>%A</td><td>weekday, full</td><td>Saturday</td></tr> <tr><td>%b</td><td>month, abbreviated</td><td>Jun</td></tr> <tr><td>%B</td><td>month, full length</td><td>June</td></tr> <tr><td>%d</td><td>day of the month, zero padded</td><td>03</td></tr> <tr><td>%H</td><td>hour (24 hour clock) zero padded</td><td>13</td></tr> <tr><td>%I (uppercase i)</td><td>hour (12 hour clock) zero padded</td><td>02</td></tr> <tr><td>%m</td><td>month, zero padded</td><td>06</td></tr> <tr><td>%M</td><td>minutes, zero padded</td><td>54</td></tr> <tr><td>%p</td><td>upper case AM or PM</td><td>PM</td></tr> <tr><td>%P</td><td>lower case am or pm</td><td>pm</td></tr> <tr><td>%y</td><td>two digit year</td><td>00-99</td></tr> </tbody> </table> </div> </div> </div> ";
dialog = $.el('div', { dialog = $.el('div', {
id: 'options', id: 'options',
innerHTML: html innerHTML: html
@ -2758,7 +2758,7 @@
}\ }\
#options .dialog {\ #options .dialog {\
padding: 5px;\ padding: 5px;\
min-width: 500px;\ width: 500px;\
}\ }\
#credits {\ #credits {\
text-align: right;\ text-align: right;\
@ -2770,13 +2770,15 @@
#floaty {\ #floaty {\
float: left;\ float: left;\
}\ }\
#options textarea {\
height: 100px;\
width: 100%;\
}\
#options #main {\ #options #main {\
overflow: auto;\ overflow: auto;\
height: 400px;\ }\
#content > * {\
height: 500px;\
}\
#content textarea {\
margin: 0;\
width: 100%;\
}\ }\
\ \
#qr {\ #qr {\

80
script.coffee
View File

@ -731,39 +731,43 @@ options =
hiddenNum = Object.keys(g.hiddenReplies).length + Object.keys(hiddenThreads).length hiddenNum = Object.keys(g.hiddenReplies).length + Object.keys(hiddenThreads).length
html = " html = "
<div class='reply dialog'> <div class='reply dialog'>
<div id=floaty> <div id=optionsbar>
<a name=main>main</a> | <a name=flavors>sauce</a> | <a name=time>time</a> <div id=floaty>
</div> <a name=main>main</a> | <a name=flavors>sauce</a> | <a name=time>time</a>
<div id=credits> </div>
<a href=http://chat.now.im/x/aeos>support throd</a> | <div id=credits>
<a href=https://github.com/aeosynth/4chan-x/issues>github</a> | <a href=http://chat.now.im/x/aeos>support throd</a> |
<a href=http://userscripts.org/scripts/show/51412>uso</a> | <a href=https://github.com/aeosynth/4chan-x/issues>github</a> |
<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>donate</a> <a href=http://userscripts.org/scripts/show/51412>uso</a> |
<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>donate</a>
</div>
</div> </div>
<hr> <hr>
<div id=main> <div id=content>
</div> <div id=main>
<textarea style='display: none;' name=flavors id=flavors>#{$.config 'flavors'}</textarea> </div>
<div style='display: none;' id=time> <textarea style='display: none;' name=flavors id=flavors>#{$.config 'flavors'}</textarea>
<div><input type=text name=time value='#{$.config 'time'}'> <span id=timePreview></span></div> <div style='display: none;' id=time>
<table> <div><input type=text name=time value='#{$.config 'time'}'> <span id=timePreview></span></div>
<caption>Format specifiers <a href=http://en.wikipedia.org/wiki/Date_%28Unix%29#Formatting>(source)</a></caption> <table>
<tbody> <caption>Format specifiers <a href=http://en.wikipedia.org/wiki/Date_%28Unix%29#Formatting>(source)</a></caption>
<tr><th>Specifier</th><th>Description</th><th>Values/Example</th></tr> <tbody>
<tr><td>%a</td><td>weekday, abbreviated</td><td>Sat</td></tr> <tr><th>Specifier</th><th>Description</th><th>Values/Example</th></tr>
<tr><td>%A</td><td>weekday, full</td><td>Saturday</td></tr> <tr><td>%a</td><td>weekday, abbreviated</td><td>Sat</td></tr>
<tr><td>%b</td><td>month, abbreviated</td><td>Jun</td></tr> <tr><td>%A</td><td>weekday, full</td><td>Saturday</td></tr>
<tr><td>%B</td><td>month, full length</td><td>June</td></tr> <tr><td>%b</td><td>month, abbreviated</td><td>Jun</td></tr>
<tr><td>%d</td><td>day of the month, zero padded</td><td>03</td></tr> <tr><td>%B</td><td>month, full length</td><td>June</td></tr>
<tr><td>%H</td><td>hour (24 hour clock) zero padded</td><td>13</td></tr> <tr><td>%d</td><td>day of the month, zero padded</td><td>03</td></tr>
<tr><td>%I (uppercase i)</td><td>hour (12 hour clock) zero padded</td><td>02</td></tr> <tr><td>%H</td><td>hour (24 hour clock) zero padded</td><td>13</td></tr>
<tr><td>%m</td><td>month, zero padded</td><td>06</td></tr> <tr><td>%I (uppercase i)</td><td>hour (12 hour clock) zero padded</td><td>02</td></tr>
<tr><td>%M</td><td>minutes, zero padded</td><td>54</td></tr> <tr><td>%m</td><td>month, zero padded</td><td>06</td></tr>
<tr><td>%p</td><td>upper case AM or PM</td><td>PM</td></tr> <tr><td>%M</td><td>minutes, zero padded</td><td>54</td></tr>
<tr><td>%P</td><td>lower case am or pm</td><td>pm</td></tr> <tr><td>%p</td><td>upper case AM or PM</td><td>PM</td></tr>
<tr><td>%y</td><td>two digit year</td><td>00-99</td></tr> <tr><td>%P</td><td>lower case am or pm</td><td>pm</td></tr>
</tbody> <tr><td>%y</td><td>two digit year</td><td>00-99</td></tr>
</table> </tbody>
</table>
</div>
</div> </div>
</div> </div>
" "
@ -2172,7 +2176,7 @@ main =
} }
#options .dialog { #options .dialog {
padding: 5px; padding: 5px;
min-width: 500px; width: 500px;
} }
#credits { #credits {
text-align: right; text-align: right;
@ -2184,13 +2188,15 @@ main =
#floaty { #floaty {
float: left; float: left;
} }
#options textarea {
height: 100px;
width: 100%;
}
#options #main { #options #main {
overflow: auto; overflow: auto;
height: 400px; }
#content > * {
height: 500px;
}
#content textarea {
margin: 0;
width: 100%;
} }
#qr { #qr {