Release 4chan X v1.11.15.2.

CHANGELOG.md

@@ -4,6 +4,9 @@ Sometimes the changelog has notes (not comprehensive) acknowledging people's wor
 
 ### v1.11.15
 
+**v1.11.15.2** *(2015-11-01)* - [[Firefox](https://raw.githubusercontent.com/ccd0/4chan-x/1.11.15.2/builds/4chan-X-noupdate.user.js "Firefox version")] [[Chromium](https://raw.githubusercontent.com/ccd0/4chan-x/1.11.15.2/builds/4chan-X-noupdate.crx "Chromium version")]
+- Add background color selector to oekaki controls in Quick Reply.
+
 **v1.11.15.1** *(2015-11-01)* - [[Firefox](https://raw.githubusercontent.com/ccd0/4chan-x/1.11.15.1/builds/4chan-X-noupdate.user.js "Firefox version")] [[Chromium](https://raw.githubusercontent.com/ccd0/4chan-x/1.11.15.1/builds/4chan-X-noupdate.crx "Chromium version")]
 - Fix some oekaki transparency related bugs.
 

builds/4chan-X-beta.meta.js

@@ -1,6 +1,6 @@
 // ==UserScript==
 // @name         4chan X beta
-// @version      1.11.15.1
+// @version      1.11.15.2
 // @minGMVer     1.14
 // @minFFVer     26
 // @namespace    4chan-X

builds/4chan-X-beta.user.js

@@ -1,7 +1,7 @@
 // Generated by CoffeeScript
 // ==UserScript==
 // @name         4chan X beta
-// @version      1.11.15.1
+// @version      1.11.15.2
 // @minGMVer     1.14
 // @minFFVer     26
 // @namespace    4chan-X
@@ -415,7 +415,7 @@
   doc = d.documentElement;
 
   g = {
-    VERSION: '1.11.15.1',
+    VERSION: '1.11.15.2',
     NAMESPACE: '4chan X.',
     boards: {}
   };
@@ -7453,7 +7453,7 @@
       var dialog, event, i, items, m, match_max, match_min, name, node, nodes, ref, rules, save, scriptData, setNode;
       QR.nodes = nodes = {
         el: dialog = UI.dialog('qr', 'top: 50px; right: 0px;', {
-          innerHTML: "<div class=\"move\"><label><input type=\"checkbox\" id=\"autohide\" title=\"Auto-hide\">Quick Reply</label><a href=\"javascript:;\" class=\"close\" title=\"Close\">×</a><select data-name=\"thread\" title=\"Create a new thread / Reply\"><option value=\"new\">New thread</option></select></div><form><div class=\"persona\"><button type=\"button\" id=\"sjis-toggle\" title=\"Toggle Mona font\">∀</button><button type=\"button\" id=\"tex-preview-button\" title=\"Preview TeX\">T<sub>E</sub>X</button><input name=\"name\" data-name=\"name\" list=\"list-name\" placeholder=\"Name\" class=\"field\" size=\"1\"><input name=\"email\" data-name=\"email\" list=\"list-email\" placeholder=\"Options\" class=\"field\" size=\"1\"><input name=\"sub\" data-name=\"sub\" list=\"list-sub\" placeholder=\"Subject\" class=\"field\" size=\"1\"></div><div class=\"textarea\"><textarea data-name=\"com\" placeholder=\"Comment\" class=\"field\"></textarea><span id=\"char-count\"></span><div id=\"tex-preview\"></div></div><div id=\"dump-list-container\"><div id=\"dump-list\"></div><a id=\"add-post\" href=\"javascript:;\" title=\"Add a post\">+</a></div><div class=\"oekaki\" hidden><input type=\"button\" id=\"qr-draw-button\" value=\"Draw\"><label><span>Width:</span><input name=\"oekaki-width\" value=\"400\" type=\"number\" class=\"field\" size=\"1\"></label><label><span>Height:</span><input name=\"oekaki-height\" value=\"400\" type=\"number\" class=\"field\" size=\"1\"></label></div><div id=\"file-n-submit\"><input type=\"button\" id=\"qr-file-button\" value=\"Files\"><span id=\"qr-filename-container\" class=\"field\"><span id=\"qr-no-file\">No selected file</span><input id=\"qr-filename\" data-name=\"filename\" spellcheck=\"false\"><label id=\"qr-spoiler-label\"><input type=\"checkbox\" id=\"qr-file-spoiler\" title=\"Spoiler image\"><a class=\"checkbox-letter\">S</a></label><a id=\"qr-oekaki-button\" title=\"Edit in Tegaki\"><i class=\"fa fa-edit\"></i></a><a href=\"javascript:;\" id=\"qr-filerm\" title=\"Remove file\"><i class=\"fa fa-times-circle\"></i></a><a id=\"url-button\" title=\"Post from url\"><i class=\"fa fa-link\"></i></a><a hidden id=\"paste-area\" title=\"Select to paste images\" class=\"fa fa-clipboard\" tabindex=\"-1\" contentEditable=\"true\"></a><a id=\"custom-cooldown-button\" title=\"Toggle custom cooldown\" class=\"disabled\"><i class=\"fa fa-clock-o\"></i></a><a id=\"dump-button\" title=\"Dump list\"><i class=\"fa fa-plus-square\"></i></a></span><input type=\"submit\"></div><select data-default=\"4\" name=\"filetag\"><option value=\"0\">Hentai</option><option value=\"6\">Porn</option><option value=\"1\">Japanese</option><option value=\"2\">Anime</option><option value=\"3\">Game</option><option value=\"5\">Loop</option><option value=\"4\" selected>Other</option></select><input type=\"file\" multiple></form><datalist id=\"list-name\"></datalist><datalist id=\"list-email\"></datalist><datalist id=\"list-sub\"></datalist> "
+          innerHTML: "<div class=\"move\"><label><input type=\"checkbox\" id=\"autohide\" title=\"Auto-hide\">Quick Reply</label><a href=\"javascript:;\" class=\"close\" title=\"Close\">×</a><select data-name=\"thread\" title=\"Create a new thread / Reply\"><option value=\"new\">New thread</option></select></div><form><div class=\"persona\"><button type=\"button\" id=\"sjis-toggle\" title=\"Toggle Mona font\">∀</button><button type=\"button\" id=\"tex-preview-button\" title=\"Preview TeX\">T<sub>E</sub>X</button><input name=\"name\" data-name=\"name\" list=\"list-name\" placeholder=\"Name\" class=\"field\" size=\"1\"><input name=\"email\" data-name=\"email\" list=\"list-email\" placeholder=\"Options\" class=\"field\" size=\"1\"><input name=\"sub\" data-name=\"sub\" list=\"list-sub\" placeholder=\"Subject\" class=\"field\" size=\"1\"></div><div class=\"textarea\"><textarea data-name=\"com\" placeholder=\"Comment\" class=\"field\"></textarea><span id=\"char-count\"></span><div id=\"tex-preview\"></div></div><div id=\"dump-list-container\"><div id=\"dump-list\"></div><a id=\"add-post\" href=\"javascript:;\" title=\"Add a post\">+</a></div><div class=\"oekaki\" hidden><input type=\"button\" id=\"qr-draw-button\" value=\"Draw\"><label><span>Width:</span><input name=\"oekaki-width\" value=\"400\" type=\"number\" class=\"field\" size=\"1\"></label><label><span>Height:</span><input name=\"oekaki-height\" value=\"400\" type=\"number\" class=\"field\" size=\"1\"></label><span class=\"oekaki-bg\" title=\"Background Color\"><input name=\"oekaki-bg\" type=\"checkbox\" checked><input name=\"oekaki-bgcolor\" type=\"color\" value=\"#ffffff\"></span></div><div id=\"file-n-submit\"><input type=\"button\" id=\"qr-file-button\" value=\"Files\"><span id=\"qr-filename-container\" class=\"field\"><span id=\"qr-no-file\">No selected file</span><input id=\"qr-filename\" data-name=\"filename\" spellcheck=\"false\"><label id=\"qr-spoiler-label\"><input type=\"checkbox\" id=\"qr-file-spoiler\" title=\"Spoiler image\"><a class=\"checkbox-letter\">S</a></label><a id=\"qr-oekaki-button\" title=\"Edit in Tegaki\"><i class=\"fa fa-edit\"></i></a><a href=\"javascript:;\" id=\"qr-filerm\" title=\"Remove file\"><i class=\"fa fa-times-circle\"></i></a><a id=\"url-button\" title=\"Post from url\"><i class=\"fa fa-link\"></i></a><a hidden id=\"paste-area\" title=\"Select to paste images\" class=\"fa fa-clipboard\" tabindex=\"-1\" contentEditable=\"true\"></a><a id=\"custom-cooldown-button\" title=\"Toggle custom cooldown\" class=\"disabled\"><i class=\"fa fa-clock-o\"></i></a><a id=\"dump-button\" title=\"Dump list\"><i class=\"fa fa-plus-square\"></i></a></span><input type=\"submit\"></div><select data-default=\"4\" name=\"filetag\"><option value=\"0\">Hentai</option><option value=\"6\">Porn</option><option value=\"1\">Japanese</option><option value=\"2\">Anime</option><option value=\"3\">Game</option><option value=\"5\">Loop</option><option value=\"4\" selected>Other</option></select><input type=\"file\" multiple></form><datalist id=\"list-name\"></datalist><datalist id=\"list-email\"></datalist><datalist id=\"list-sub\"></datalist> "
         })
       };
       setNode = function(name, query) {
@@ -9116,10 +9116,12 @@
         FCX.oekakiName = 'tegaki.png';
         return Tegaki.open({
           onDone: FCX.oekakiCB,
-          onCancel: function() {},
+          onCancel: function() {
+            return Tegaki.bgColor = '#ffffff';
+          },
           width: +document.querySelector('#qr [name=oekaki-width]').value,
           height: +document.querySelector('#qr [name=oekaki-height]').value,
-          bgColor: '#ffffff'
+          bgColor: document.querySelector('#qr [name=oekaki-bg]').checked ? document.querySelector('#qr [name=oekaki-bgcolor]').value : 'transparent'
         });
       });
     },
@@ -18484,7 +18486,7 @@
 "#captchaContainerAlt td:nth-child(2) {\n" +
 "  display: table-cell !important;\n" +
 "}\n" +
-"#tegaki-canvas {\n" +
+"canvas#tegaki-canvas {\n" +
 "  background: none;\n" +
 "}\n" +
 "/* Disable obnoxious captcha fade-in. */\n" +
@@ -19717,7 +19719,7 @@
 "  position: static !important;\n" +
 "}\n" +
 "/* File Input, Submit Button, Oekaki */\n" +
-"#file-n-submit, .oekaki {\n" +
+"#file-n-submit, #qr .oekaki {\n" +
 "  display: -webkit-flex;\n" +
 "  display: flex;\n" +
 "  -webkit-align-items: stretch;\n" +
@@ -19772,10 +19774,10 @@
 "#qr-no-file {\n" +
 "  color: #AAA;\n" +
 "}\n" +
-".oekaki.has-file {\n" +
+"#qr .oekaki.has-file {\n" +
 "  display: none;\n" +
 "}\n" +
-".oekaki > label {\n" +
+"#qr .oekaki > label {\n" +
 "  -webkit-flex: 1 1 auto;\n" +
 "  flex: 1 1 auto;\n" +
 "  width: 0;\n" +
@@ -19785,15 +19787,40 @@
 "  align-items: center;\n" +
 "  height: 100%;\n" +
 "}\n" +
-".oekaki > label > span {\n" +
+"#qr .oekaki > label > span {\n" +
 "  margin: 0 3px;\n" +
 "}\n" +
-".oekaki > label > input {\n" +
+"#qr .oekaki > label > input {\n" +
 "  -webkit-flex: 1 1 auto;\n" +
 "  flex: 1 1 auto;\n" +
 "  width: 0;\n" +
 "  height: 100%;\n" +
 "}\n" +
+"#qr .oekaki-bg {\n" +
+"  position: relative;\n" +
+"  display: inline-block;\n" +
+"  height: 100%;\n" +
+"  width: 10%;\n" +
+"  margin-left: 3px;\n" +
+"}\n" +
+"#qr .oekaki-bg > * {\n" +
+"  position: absolute;\n" +
+"  top: 0;\n" +
+"  left: 0;\n" +
+"  margin: 0;\n" +
+"}\n" +
+"#qr .oekaki-bg > :not([name=\"oekaki-bgcolor\"]) {\n" +
+"  z-index: 1;\n" +
+"}\n" +
+"#qr [name=\"oekaki-bgcolor\"] {\n" +
+"  height: 100%;\n" +
+"  width: 100%;\n" +
+"  border: none;\n" +
+"  padding: 0;\n" +
+"}\n" +
+"#qr [name=\"oekaki-bg\"]:not(:checked) ~ [name=\"oekaki-bgcolor\"] {\n" +
+"  visibility: hidden;\n" +
+"}\n" +
 "#qr input[type=\"file\"] {\n" +
 "  visibility: hidden;\n" +
 "  position: absolute;\n" +

builds/4chan-X-noupdate.user.js

@@ -1,7 +1,7 @@
 // Generated by CoffeeScript
 // ==UserScript==
 // @name         4chan X
-// @version      1.11.15.1
+// @version      1.11.15.2
 // @minGMVer     1.14
 // @minFFVer     26
 // @namespace    4chan-X
@@ -415,7 +415,7 @@
   doc = d.documentElement;
 
   g = {
-    VERSION: '1.11.15.1',
+    VERSION: '1.11.15.2',
     NAMESPACE: '4chan X.',
     boards: {}
   };
@@ -7453,7 +7453,7 @@
       var dialog, event, i, items, m, match_max, match_min, name, node, nodes, ref, rules, save, scriptData, setNode;
       QR.nodes = nodes = {
         el: dialog = UI.dialog('qr', 'top: 50px; right: 0px;', {
-          innerHTML: "<div class=\"move\"><label><input type=\"checkbox\" id=\"autohide\" title=\"Auto-hide\">Quick Reply</label><a href=\"javascript:;\" class=\"close\" title=\"Close\">×</a><select data-name=\"thread\" title=\"Create a new thread / Reply\"><option value=\"new\">New thread</option></select></div><form><div class=\"persona\"><button type=\"button\" id=\"sjis-toggle\" title=\"Toggle Mona font\">∀</button><button type=\"button\" id=\"tex-preview-button\" title=\"Preview TeX\">T<sub>E</sub>X</button><input name=\"name\" data-name=\"name\" list=\"list-name\" placeholder=\"Name\" class=\"field\" size=\"1\"><input name=\"email\" data-name=\"email\" list=\"list-email\" placeholder=\"Options\" class=\"field\" size=\"1\"><input name=\"sub\" data-name=\"sub\" list=\"list-sub\" placeholder=\"Subject\" class=\"field\" size=\"1\"></div><div class=\"textarea\"><textarea data-name=\"com\" placeholder=\"Comment\" class=\"field\"></textarea><span id=\"char-count\"></span><div id=\"tex-preview\"></div></div><div id=\"dump-list-container\"><div id=\"dump-list\"></div><a id=\"add-post\" href=\"javascript:;\" title=\"Add a post\">+</a></div><div class=\"oekaki\" hidden><input type=\"button\" id=\"qr-draw-button\" value=\"Draw\"><label><span>Width:</span><input name=\"oekaki-width\" value=\"400\" type=\"number\" class=\"field\" size=\"1\"></label><label><span>Height:</span><input name=\"oekaki-height\" value=\"400\" type=\"number\" class=\"field\" size=\"1\"></label></div><div id=\"file-n-submit\"><input type=\"button\" id=\"qr-file-button\" value=\"Files\"><span id=\"qr-filename-container\" class=\"field\"><span id=\"qr-no-file\">No selected file</span><input id=\"qr-filename\" data-name=\"filename\" spellcheck=\"false\"><label id=\"qr-spoiler-label\"><input type=\"checkbox\" id=\"qr-file-spoiler\" title=\"Spoiler image\"><a class=\"checkbox-letter\">S</a></label><a id=\"qr-oekaki-button\" title=\"Edit in Tegaki\"><i class=\"fa fa-edit\"></i></a><a href=\"javascript:;\" id=\"qr-filerm\" title=\"Remove file\"><i class=\"fa fa-times-circle\"></i></a><a id=\"url-button\" title=\"Post from url\"><i class=\"fa fa-link\"></i></a><a hidden id=\"paste-area\" title=\"Select to paste images\" class=\"fa fa-clipboard\" tabindex=\"-1\" contentEditable=\"true\"></a><a id=\"custom-cooldown-button\" title=\"Toggle custom cooldown\" class=\"disabled\"><i class=\"fa fa-clock-o\"></i></a><a id=\"dump-button\" title=\"Dump list\"><i class=\"fa fa-plus-square\"></i></a></span><input type=\"submit\"></div><select data-default=\"4\" name=\"filetag\"><option value=\"0\">Hentai</option><option value=\"6\">Porn</option><option value=\"1\">Japanese</option><option value=\"2\">Anime</option><option value=\"3\">Game</option><option value=\"5\">Loop</option><option value=\"4\" selected>Other</option></select><input type=\"file\" multiple></form><datalist id=\"list-name\"></datalist><datalist id=\"list-email\"></datalist><datalist id=\"list-sub\"></datalist> "
+          innerHTML: "<div class=\"move\"><label><input type=\"checkbox\" id=\"autohide\" title=\"Auto-hide\">Quick Reply</label><a href=\"javascript:;\" class=\"close\" title=\"Close\">×</a><select data-name=\"thread\" title=\"Create a new thread / Reply\"><option value=\"new\">New thread</option></select></div><form><div class=\"persona\"><button type=\"button\" id=\"sjis-toggle\" title=\"Toggle Mona font\">∀</button><button type=\"button\" id=\"tex-preview-button\" title=\"Preview TeX\">T<sub>E</sub>X</button><input name=\"name\" data-name=\"name\" list=\"list-name\" placeholder=\"Name\" class=\"field\" size=\"1\"><input name=\"email\" data-name=\"email\" list=\"list-email\" placeholder=\"Options\" class=\"field\" size=\"1\"><input name=\"sub\" data-name=\"sub\" list=\"list-sub\" placeholder=\"Subject\" class=\"field\" size=\"1\"></div><div class=\"textarea\"><textarea data-name=\"com\" placeholder=\"Comment\" class=\"field\"></textarea><span id=\"char-count\"></span><div id=\"tex-preview\"></div></div><div id=\"dump-list-container\"><div id=\"dump-list\"></div><a id=\"add-post\" href=\"javascript:;\" title=\"Add a post\">+</a></div><div class=\"oekaki\" hidden><input type=\"button\" id=\"qr-draw-button\" value=\"Draw\"><label><span>Width:</span><input name=\"oekaki-width\" value=\"400\" type=\"number\" class=\"field\" size=\"1\"></label><label><span>Height:</span><input name=\"oekaki-height\" value=\"400\" type=\"number\" class=\"field\" size=\"1\"></label><span class=\"oekaki-bg\" title=\"Background Color\"><input name=\"oekaki-bg\" type=\"checkbox\" checked><input name=\"oekaki-bgcolor\" type=\"color\" value=\"#ffffff\"></span></div><div id=\"file-n-submit\"><input type=\"button\" id=\"qr-file-button\" value=\"Files\"><span id=\"qr-filename-container\" class=\"field\"><span id=\"qr-no-file\">No selected file</span><input id=\"qr-filename\" data-name=\"filename\" spellcheck=\"false\"><label id=\"qr-spoiler-label\"><input type=\"checkbox\" id=\"qr-file-spoiler\" title=\"Spoiler image\"><a class=\"checkbox-letter\">S</a></label><a id=\"qr-oekaki-button\" title=\"Edit in Tegaki\"><i class=\"fa fa-edit\"></i></a><a href=\"javascript:;\" id=\"qr-filerm\" title=\"Remove file\"><i class=\"fa fa-times-circle\"></i></a><a id=\"url-button\" title=\"Post from url\"><i class=\"fa fa-link\"></i></a><a hidden id=\"paste-area\" title=\"Select to paste images\" class=\"fa fa-clipboard\" tabindex=\"-1\" contentEditable=\"true\"></a><a id=\"custom-cooldown-button\" title=\"Toggle custom cooldown\" class=\"disabled\"><i class=\"fa fa-clock-o\"></i></a><a id=\"dump-button\" title=\"Dump list\"><i class=\"fa fa-plus-square\"></i></a></span><input type=\"submit\"></div><select data-default=\"4\" name=\"filetag\"><option value=\"0\">Hentai</option><option value=\"6\">Porn</option><option value=\"1\">Japanese</option><option value=\"2\">Anime</option><option value=\"3\">Game</option><option value=\"5\">Loop</option><option value=\"4\" selected>Other</option></select><input type=\"file\" multiple></form><datalist id=\"list-name\"></datalist><datalist id=\"list-email\"></datalist><datalist id=\"list-sub\"></datalist> "
         })
       };
       setNode = function(name, query) {
@@ -9116,10 +9116,12 @@
         FCX.oekakiName = 'tegaki.png';
         return Tegaki.open({
           onDone: FCX.oekakiCB,
-          onCancel: function() {},
+          onCancel: function() {
+            return Tegaki.bgColor = '#ffffff';
+          },
           width: +document.querySelector('#qr [name=oekaki-width]').value,
           height: +document.querySelector('#qr [name=oekaki-height]').value,
-          bgColor: '#ffffff'
+          bgColor: document.querySelector('#qr [name=oekaki-bg]').checked ? document.querySelector('#qr [name=oekaki-bgcolor]').value : 'transparent'
         });
       });
     },
@@ -18484,7 +18486,7 @@
 "#captchaContainerAlt td:nth-child(2) {\n" +
 "  display: table-cell !important;\n" +
 "}\n" +
-"#tegaki-canvas {\n" +
+"canvas#tegaki-canvas {\n" +
 "  background: none;\n" +
 "}\n" +
 "/* Disable obnoxious captcha fade-in. */\n" +
@@ -19717,7 +19719,7 @@
 "  position: static !important;\n" +
 "}\n" +
 "/* File Input, Submit Button, Oekaki */\n" +
-"#file-n-submit, .oekaki {\n" +
+"#file-n-submit, #qr .oekaki {\n" +
 "  display: -webkit-flex;\n" +
 "  display: flex;\n" +
 "  -webkit-align-items: stretch;\n" +
@@ -19772,10 +19774,10 @@
 "#qr-no-file {\n" +
 "  color: #AAA;\n" +
 "}\n" +
-".oekaki.has-file {\n" +
+"#qr .oekaki.has-file {\n" +
 "  display: none;\n" +
 "}\n" +
-".oekaki > label {\n" +
+"#qr .oekaki > label {\n" +
 "  -webkit-flex: 1 1 auto;\n" +
 "  flex: 1 1 auto;\n" +
 "  width: 0;\n" +
@@ -19785,15 +19787,40 @@
 "  align-items: center;\n" +
 "  height: 100%;\n" +
 "}\n" +
-".oekaki > label > span {\n" +
+"#qr .oekaki > label > span {\n" +
 "  margin: 0 3px;\n" +
 "}\n" +
-".oekaki > label > input {\n" +
+"#qr .oekaki > label > input {\n" +
 "  -webkit-flex: 1 1 auto;\n" +
 "  flex: 1 1 auto;\n" +
 "  width: 0;\n" +
 "  height: 100%;\n" +
 "}\n" +
+"#qr .oekaki-bg {\n" +
+"  position: relative;\n" +
+"  display: inline-block;\n" +
+"  height: 100%;\n" +
+"  width: 10%;\n" +
+"  margin-left: 3px;\n" +
+"}\n" +
+"#qr .oekaki-bg > * {\n" +
+"  position: absolute;\n" +
+"  top: 0;\n" +
+"  left: 0;\n" +
+"  margin: 0;\n" +
+"}\n" +
+"#qr .oekaki-bg > :not([name=\"oekaki-bgcolor\"]) {\n" +
+"  z-index: 1;\n" +
+"}\n" +
+"#qr [name=\"oekaki-bgcolor\"] {\n" +
+"  height: 100%;\n" +
+"  width: 100%;\n" +
+"  border: none;\n" +
+"  padding: 0;\n" +
+"}\n" +
+"#qr [name=\"oekaki-bg\"]:not(:checked) ~ [name=\"oekaki-bgcolor\"] {\n" +
+"  visibility: hidden;\n" +
+"}\n" +
 "#qr input[type=\"file\"] {\n" +
 "  visibility: hidden;\n" +
 "  position: absolute;\n" +

builds/4chan-X.meta.js

@@ -1,6 +1,6 @@
 // ==UserScript==
 // @name         4chan X
-// @version      1.11.15.1
+// @version      1.11.15.2
 // @minGMVer     1.14
 // @minFFVer     26
 // @namespace    4chan-X

builds/4chan-X.user.js

@@ -1,7 +1,7 @@
 // Generated by CoffeeScript
 // ==UserScript==
 // @name         4chan X
-// @version      1.11.15.1
+// @version      1.11.15.2
 // @minGMVer     1.14
 // @minFFVer     26
 // @namespace    4chan-X
@@ -415,7 +415,7 @@
   doc = d.documentElement;
 
   g = {
-    VERSION: '1.11.15.1',
+    VERSION: '1.11.15.2',
     NAMESPACE: '4chan X.',
     boards: {}
   };
@@ -7453,7 +7453,7 @@
       var dialog, event, i, items, m, match_max, match_min, name, node, nodes, ref, rules, save, scriptData, setNode;
       QR.nodes = nodes = {
         el: dialog = UI.dialog('qr', 'top: 50px; right: 0px;', {
-          innerHTML: "<div class=\"move\"><label><input type=\"checkbox\" id=\"autohide\" title=\"Auto-hide\">Quick Reply</label><a href=\"javascript:;\" class=\"close\" title=\"Close\">×</a><select data-name=\"thread\" title=\"Create a new thread / Reply\"><option value=\"new\">New thread</option></select></div><form><div class=\"persona\"><button type=\"button\" id=\"sjis-toggle\" title=\"Toggle Mona font\">∀</button><button type=\"button\" id=\"tex-preview-button\" title=\"Preview TeX\">T<sub>E</sub>X</button><input name=\"name\" data-name=\"name\" list=\"list-name\" placeholder=\"Name\" class=\"field\" size=\"1\"><input name=\"email\" data-name=\"email\" list=\"list-email\" placeholder=\"Options\" class=\"field\" size=\"1\"><input name=\"sub\" data-name=\"sub\" list=\"list-sub\" placeholder=\"Subject\" class=\"field\" size=\"1\"></div><div class=\"textarea\"><textarea data-name=\"com\" placeholder=\"Comment\" class=\"field\"></textarea><span id=\"char-count\"></span><div id=\"tex-preview\"></div></div><div id=\"dump-list-container\"><div id=\"dump-list\"></div><a id=\"add-post\" href=\"javascript:;\" title=\"Add a post\">+</a></div><div class=\"oekaki\" hidden><input type=\"button\" id=\"qr-draw-button\" value=\"Draw\"><label><span>Width:</span><input name=\"oekaki-width\" value=\"400\" type=\"number\" class=\"field\" size=\"1\"></label><label><span>Height:</span><input name=\"oekaki-height\" value=\"400\" type=\"number\" class=\"field\" size=\"1\"></label></div><div id=\"file-n-submit\"><input type=\"button\" id=\"qr-file-button\" value=\"Files\"><span id=\"qr-filename-container\" class=\"field\"><span id=\"qr-no-file\">No selected file</span><input id=\"qr-filename\" data-name=\"filename\" spellcheck=\"false\"><label id=\"qr-spoiler-label\"><input type=\"checkbox\" id=\"qr-file-spoiler\" title=\"Spoiler image\"><a class=\"checkbox-letter\">S</a></label><a id=\"qr-oekaki-button\" title=\"Edit in Tegaki\"><i class=\"fa fa-edit\"></i></a><a href=\"javascript:;\" id=\"qr-filerm\" title=\"Remove file\"><i class=\"fa fa-times-circle\"></i></a><a id=\"url-button\" title=\"Post from url\"><i class=\"fa fa-link\"></i></a><a hidden id=\"paste-area\" title=\"Select to paste images\" class=\"fa fa-clipboard\" tabindex=\"-1\" contentEditable=\"true\"></a><a id=\"custom-cooldown-button\" title=\"Toggle custom cooldown\" class=\"disabled\"><i class=\"fa fa-clock-o\"></i></a><a id=\"dump-button\" title=\"Dump list\"><i class=\"fa fa-plus-square\"></i></a></span><input type=\"submit\"></div><select data-default=\"4\" name=\"filetag\"><option value=\"0\">Hentai</option><option value=\"6\">Porn</option><option value=\"1\">Japanese</option><option value=\"2\">Anime</option><option value=\"3\">Game</option><option value=\"5\">Loop</option><option value=\"4\" selected>Other</option></select><input type=\"file\" multiple></form><datalist id=\"list-name\"></datalist><datalist id=\"list-email\"></datalist><datalist id=\"list-sub\"></datalist> "
+          innerHTML: "<div class=\"move\"><label><input type=\"checkbox\" id=\"autohide\" title=\"Auto-hide\">Quick Reply</label><a href=\"javascript:;\" class=\"close\" title=\"Close\">×</a><select data-name=\"thread\" title=\"Create a new thread / Reply\"><option value=\"new\">New thread</option></select></div><form><div class=\"persona\"><button type=\"button\" id=\"sjis-toggle\" title=\"Toggle Mona font\">∀</button><button type=\"button\" id=\"tex-preview-button\" title=\"Preview TeX\">T<sub>E</sub>X</button><input name=\"name\" data-name=\"name\" list=\"list-name\" placeholder=\"Name\" class=\"field\" size=\"1\"><input name=\"email\" data-name=\"email\" list=\"list-email\" placeholder=\"Options\" class=\"field\" size=\"1\"><input name=\"sub\" data-name=\"sub\" list=\"list-sub\" placeholder=\"Subject\" class=\"field\" size=\"1\"></div><div class=\"textarea\"><textarea data-name=\"com\" placeholder=\"Comment\" class=\"field\"></textarea><span id=\"char-count\"></span><div id=\"tex-preview\"></div></div><div id=\"dump-list-container\"><div id=\"dump-list\"></div><a id=\"add-post\" href=\"javascript:;\" title=\"Add a post\">+</a></div><div class=\"oekaki\" hidden><input type=\"button\" id=\"qr-draw-button\" value=\"Draw\"><label><span>Width:</span><input name=\"oekaki-width\" value=\"400\" type=\"number\" class=\"field\" size=\"1\"></label><label><span>Height:</span><input name=\"oekaki-height\" value=\"400\" type=\"number\" class=\"field\" size=\"1\"></label><span class=\"oekaki-bg\" title=\"Background Color\"><input name=\"oekaki-bg\" type=\"checkbox\" checked><input name=\"oekaki-bgcolor\" type=\"color\" value=\"#ffffff\"></span></div><div id=\"file-n-submit\"><input type=\"button\" id=\"qr-file-button\" value=\"Files\"><span id=\"qr-filename-container\" class=\"field\"><span id=\"qr-no-file\">No selected file</span><input id=\"qr-filename\" data-name=\"filename\" spellcheck=\"false\"><label id=\"qr-spoiler-label\"><input type=\"checkbox\" id=\"qr-file-spoiler\" title=\"Spoiler image\"><a class=\"checkbox-letter\">S</a></label><a id=\"qr-oekaki-button\" title=\"Edit in Tegaki\"><i class=\"fa fa-edit\"></i></a><a href=\"javascript:;\" id=\"qr-filerm\" title=\"Remove file\"><i class=\"fa fa-times-circle\"></i></a><a id=\"url-button\" title=\"Post from url\"><i class=\"fa fa-link\"></i></a><a hidden id=\"paste-area\" title=\"Select to paste images\" class=\"fa fa-clipboard\" tabindex=\"-1\" contentEditable=\"true\"></a><a id=\"custom-cooldown-button\" title=\"Toggle custom cooldown\" class=\"disabled\"><i class=\"fa fa-clock-o\"></i></a><a id=\"dump-button\" title=\"Dump list\"><i class=\"fa fa-plus-square\"></i></a></span><input type=\"submit\"></div><select data-default=\"4\" name=\"filetag\"><option value=\"0\">Hentai</option><option value=\"6\">Porn</option><option value=\"1\">Japanese</option><option value=\"2\">Anime</option><option value=\"3\">Game</option><option value=\"5\">Loop</option><option value=\"4\" selected>Other</option></select><input type=\"file\" multiple></form><datalist id=\"list-name\"></datalist><datalist id=\"list-email\"></datalist><datalist id=\"list-sub\"></datalist> "
         })
       };
       setNode = function(name, query) {
@@ -9116,10 +9116,12 @@
         FCX.oekakiName = 'tegaki.png';
         return Tegaki.open({
           onDone: FCX.oekakiCB,
-          onCancel: function() {},
+          onCancel: function() {
+            return Tegaki.bgColor = '#ffffff';
+          },
           width: +document.querySelector('#qr [name=oekaki-width]').value,
           height: +document.querySelector('#qr [name=oekaki-height]').value,
-          bgColor: '#ffffff'
+          bgColor: document.querySelector('#qr [name=oekaki-bg]').checked ? document.querySelector('#qr [name=oekaki-bgcolor]').value : 'transparent'
         });
       });
     },
@@ -18484,7 +18486,7 @@
 "#captchaContainerAlt td:nth-child(2) {\n" +
 "  display: table-cell !important;\n" +
 "}\n" +
-"#tegaki-canvas {\n" +
+"canvas#tegaki-canvas {\n" +
 "  background: none;\n" +
 "}\n" +
 "/* Disable obnoxious captcha fade-in. */\n" +
@@ -19717,7 +19719,7 @@
 "  position: static !important;\n" +
 "}\n" +
 "/* File Input, Submit Button, Oekaki */\n" +
-"#file-n-submit, .oekaki {\n" +
+"#file-n-submit, #qr .oekaki {\n" +
 "  display: -webkit-flex;\n" +
 "  display: flex;\n" +
 "  -webkit-align-items: stretch;\n" +
@@ -19772,10 +19774,10 @@
 "#qr-no-file {\n" +
 "  color: #AAA;\n" +
 "}\n" +
-".oekaki.has-file {\n" +
+"#qr .oekaki.has-file {\n" +
 "  display: none;\n" +
 "}\n" +
-".oekaki > label {\n" +
+"#qr .oekaki > label {\n" +
 "  -webkit-flex: 1 1 auto;\n" +
 "  flex: 1 1 auto;\n" +
 "  width: 0;\n" +
@@ -19785,15 +19787,40 @@
 "  align-items: center;\n" +
 "  height: 100%;\n" +
 "}\n" +
-".oekaki > label > span {\n" +
+"#qr .oekaki > label > span {\n" +
 "  margin: 0 3px;\n" +
 "}\n" +
-".oekaki > label > input {\n" +
+"#qr .oekaki > label > input {\n" +
 "  -webkit-flex: 1 1 auto;\n" +
 "  flex: 1 1 auto;\n" +
 "  width: 0;\n" +
 "  height: 100%;\n" +
 "}\n" +
+"#qr .oekaki-bg {\n" +
+"  position: relative;\n" +
+"  display: inline-block;\n" +
+"  height: 100%;\n" +
+"  width: 10%;\n" +
+"  margin-left: 3px;\n" +
+"}\n" +
+"#qr .oekaki-bg > * {\n" +
+"  position: absolute;\n" +
+"  top: 0;\n" +
+"  left: 0;\n" +
+"  margin: 0;\n" +
+"}\n" +
+"#qr .oekaki-bg > :not([name=\"oekaki-bgcolor\"]) {\n" +
+"  z-index: 1;\n" +
+"}\n" +
+"#qr [name=\"oekaki-bgcolor\"] {\n" +
+"  height: 100%;\n" +
+"  width: 100%;\n" +
+"  border: none;\n" +
+"  padding: 0;\n" +
+"}\n" +
+"#qr [name=\"oekaki-bg\"]:not(:checked) ~ [name=\"oekaki-bgcolor\"] {\n" +
+"  visibility: hidden;\n" +
+"}\n" +
 "#qr input[type=\"file\"] {\n" +
 "  visibility: hidden;\n" +
 "  position: absolute;\n" +

builds/updates-beta.xml

@@ -1,7 +1,7 @@
 <?xml version='1.0' encoding='UTF-8'?>
 <gupdate xmlns='http://www.google.com/update2/response' protocol='2.0'>
   <app appid='lacclbnghgdicfifcamcmcnilckjamag'>
-    <updatecheck codebase='https://www.4chan-x.net/builds/4chan-X-beta.crx' version='1.11.15.1' />
+    <updatecheck codebase='https://www.4chan-x.net/builds/4chan-X-beta.crx' version='1.11.15.2' />
   </app>
 </gupdate>
 

builds/updates.xml

@@ -1,7 +1,7 @@
 <?xml version='1.0' encoding='UTF-8'?>
 <gupdate xmlns='http://www.google.com/update2/response' protocol='2.0'>
   <app appid='lacclbnghgdicfifcamcmcnilckjamag'>
-    <updatecheck codebase='https://www.4chan-x.net/builds/4chan-X.crx' version='1.11.15.1' />
+    <updatecheck codebase='https://www.4chan-x.net/builds/4chan-X.crx' version='1.11.15.2' />
   </app>
 </gupdate>
 

version.json

@@ -1,4 +1,4 @@
 {
-  "version": "1.11.15.1",
-  "date": "2015-11-02T00:58:53.147Z"
+  "version": "1.11.15.2",
+  "date": "2015-11-02T07:58:57.016Z"
 }