☰

Dynasty Thingifier

Adds post links and quote stuff to Dynasty forums

  1. // ==UserScript==
  2. // @name        Dynasty Thingifier
  3. // @namespace   Alice Cheshire
  4. // @author		Alice Cheshire
  5. // @include     http://dynasty-scans.com/*
  6. // @include     https://dynasty-scans.com/*
  7. // @exclude     http://dynasty-scans.com/system/*
  8. // @exclude     https://dynasty-scans.com/system/*
  9. // @exclude     http://dynasty-scans.com/*.json
  10. // @exclude     https://dynasty-scans.com/*.json
  11. // @version     2.21
  12. // @description Adds post links and quote stuff to Dynasty forums
  13. // @grant		GM_getValue
  14. // @grant		GM_listValue
  15. // @grant		GM_deleteValue
  16. // @grant		GM_listValues
  17. // @run-at document-end
  18. // ==/UserScript==
  19.  
  20. //Initialize DT object
  21. let DTp = {
  22.     yourid: "Not set!",
  23.     spoilers: false,
  24.     navbar: false,
  25.     pagination: false,
  26.     bbcode: false,
  27.     quote2quickreply: false,
  28.     movequickreply: false,
  29.     magnifier: false,
  30.     fontsize: 0,
  31.     mag: {
  32.         sizeRes: "512",
  33.         sizeMeasure: "px",
  34.         minSizeRes: "512",
  35.         minSizeMeasure: "px",
  36.         zoomFactor: "250",
  37.         border: "0"
  38.     },
  39.     pendtags: false,
  40.     ver: "1"
  41. };
  42. var DT = getItem("DT", DTp), ver = "2.21";
  43. console.log(DT.ver, " - ", parseFloat(DT.ver), " - ", parseInt(DT.ver) < 2.2);
  44. if (parseFloat(DT.ver) < 2.2) {
  45.     console.log("Old Thingifier version < 2.2!");
  46.     DT = {
  47.         yourid: GM_getValue("youruserid", "Not set!"),
  48.         spoilers: GM_getValue("spoilers", false),
  49.         navbar: GM_getValue("navbar", false),
  50.         pagination: GM_getValue("pagination", false),
  51.         bbcode: GM_getValue("bbcode", false),
  52.         quote2quickreply: GM_getValue("quote2quickreply", false),
  53.         movequickreply: GM_getValue("movequickreply", false),
  54.         magnifier: GM_getValue("magnifier", false),
  55.         fontsize: GM_getValue("fontsize", 0),
  56.         mag: {
  57.             sizeRes: GM_getValue("magSizeRes", "512"),
  58.             sizeMeasure: GM_getValue("magSizeMeasure", "px"),
  59.             minSizeRes: GM_getValue("magMinSizeRes", "512"),
  60.             minSizeMeasure: GM_getValue("magMinSizeMeasure", "px"),
  61.             zoomFactor: GM_getValue("magZoomFactor", "250"),
  62.             border: GM_getValue("magBorder", "0")
  63.         },
  64.         pendtags: GM_getValue("pendtags", false),
  65.         ver: ver
  66.     };
  67.     setItem("DT", DT);
  68. } else {
  69.     //DT = getItem("DT", DTp);
  70. }
  71. if (DT.ver !== ver) {
  72.     DT.ver = ver;
  73. }
  74.  
  75. console.log("DT:", JSON.stringify(DT, null, "    "));
  76.  
  77. function getItem(key, def) {
  78.     let out = localStorage.getItem(key);
  79.     if (out == null) {
  80.         return def;
  81.     } else {
  82.         return JSON.parse(out);
  83.     }
  84. }
  85. function setItem(key, val) {
  86.     if (typeof val === "object") {
  87.         val = JSON.stringify(val);
  88.     }
  89.     localStorage.setItem(key, val);
  90. }
  91.  
  92. function getId(id) {
  93.     let out = document.getElementById(id);
  94.     if (out == null) {
  95.         out = undefined;
  96.     }
  97.     if (typeof out !== "undefined") {
  98.         return out;
  99.     } else {
  100.         return document.body;
  101.     }
  102. }
  103. function getClass(cl) {
  104.     return document.getElementsByClassName(cl);
  105. }
  106.  
  107.  
  108. (function() {
  109.     "use strict";
  110.     var pageurl = document.location.toString().replace(/(#.+)/, ""), //Stores page url and removes any anchors from the stored url so we don't get issues with multiple anchors showing up
  111.         isuserpostsurl = document.location.toString(), //Stores the address variable a second time for use in a different function
  112.         postids = [], //Initializes a blank array for the postids
  113.         quote = [], //Initializes blank array for quotes
  114.         postcount = 0, //Counter to keep track of how many posts are on the current page
  115.         counter = 0,
  116.         configmenustate = false, //Init our menu state's variable
  117.         yourid = DT.yourid, //Set our user id variable
  118.         fontsize = [3, "one", "two", "three", "four", "five"],
  119.         bbcode_menu = `
  120. <div id="thingifier-bbcode">
  121. <div class="thingifier-bbcode-first-row"><input type="button" id="thingifier-bbcode-quote" value="Quote">
  122. <input type="button" id="thingifier-bbcode-link" value="Link">
  123. <input type="button" id="thingifier-bbcode-image" value="Image">
  124. <input type="button" id="thingifier-bbcode-spoiler" value="Spoiler">
  125. <input type="button" id="thingifier-bbcode-ul" value="List">
  126. <input type="button" id="thingifier-bbcode-ol" value="Numbered List">
  127. <input type="button" id="thingifier-bbcode-italics" value="Italics">
  128. <input type="button" id="thingifier-bbcode-bold" value="Bold">
  129. </div>
  130. <div class="thingifier-bbcode-second-row">
  131. <input type="button" id="thingifier-bbcode-tag" value="Tags">
  132. <input type="button" id="thingifier-bbcode-hr" value="Horizontal Rule">
  133. <input type="button" id="thingifier-bbcode-codeblock" value="Code Block">
  134. <input type="button" id="thingifier-bbcode-h1" value="H1">
  135. <input type="button" id="thingifier-bbcode-h2" value="H2">
  136. <input type="button" id="thingifier-bbcode-h3" value="H3">
  137. <input type="button" id="thingifier-bbcode-h4" value="H4">
  138. <input type="button" id="thingifier-bbcode-h5" value="H5">
  139. <input type="button" id="thingifier-bbcode-h6" value="H6">
  140. </div>
  141. </div>`, //The html code for our bbcode buttons
  142.         quickreply;
  143.  
  144.     init();
  145.  
  146.     //Initialize Script
  147.     function init() {
  148.  
  149.         //Populate Menu
  150.         $('body').append(`
  151. <style>
  152. #thingifier {
  153. float: left;
  154. z-index: 1000 !important;
  155. max-width: 340px;
  156. max-height: 255px !important;
  157. }
  158. #thingifier, #magnifier-settings, #magnifier-submenu-toggle {
  159. top: 25%;
  160. position: fixed;
  161. }
  162. #thingifier-options {
  163. border: 1px solid black;
  164. padding: 8px;
  165. background: aliceblue;
  166. border-bottom-right-radius: 6px;
  167. border-left-width: 0;
  168. }
  169. #thingifier-options ul { list-style-type: none; margin-left: -4px;}
  170. #thingifier-options ul > li {  vertical-align: middle; }
  171. #thingifier ul li input { padding-right: 4px; }
  172. #thingifier-font-size { width: 96px; }
  173. #thingifier-toggle-button {
  174. position: absolute;
  175. top: 0;
  176. left: calc(100% - 1px);
  177. width: 24px;
  178. height: 24px;
  179. border: 1px solid black;
  180. background-color: aliceblue;
  181. color: red;
  182. border-top-right-radius: 6px;
  183. border-bottom-right-radius: 6px;
  184. border-left-width: 0;
  185. }
  186. .spoilers-disabled {
  187. background: #666 none repeat scroll 0% 0%;
  188. color: #fff;
  189. }
  190. .navbar-fixed {
  191. position: fixed;
  192. z-index: 1000;
  193. width: 1210px;
  194. }
  195. .pull-right-fixed, .nav-collapse-fixed {
  196. float: right;
  197. }
  198. .nav-padding {
  199. height: 60px;
  200. width: 1210px;
  201. }
  202. .forum_post_one {
  203. font-size: 10px !important;
  204. line-height: 12px !important;
  205. }
  206. .forum_post_two {
  207. font-size: 12px !important;
  208. line-height: 15px !important;
  209. }
  210. .forum_post_three {
  211. font-size: 16px !important;
  212. line-height: 19px !important;
  213. }
  214. .forum_post_four {
  215. font-size: 20px !important;
  216. line-height: 23px !important;
  217. }
  218. .forum_post_five {
  219. font-size: 25px !important;
  220. line-height: 28px !important;
  221. }
  222. #thingifier-bbcode {
  223. margin-bottom: 6px;
  224. }
  225. #thingifier-quickreply {
  226. width: 100% !important;
  227. background-color: aliceblue !important;
  228. display: inline-block;
  229. padding: 4px;
  230. padding-bottom: 8px;
  231. border-radius: 8px;
  232. margin-bottom: 6px;
  233. }
  234. #magnifier {
  235. visibility: hidden;
  236. display: none;
  237. position: absolute;
  238. border: 1px solid grey;
  239. background-color: rgba(0, 0, 0, 0.1);
  240. background-repeat: no-repeat;
  241. pointer-events: none;
  242. z-index: 100000000;
  243. }
  244. #thingifier-magnifier-menu, #magnifier-tooltip {
  245. display: inline-block;
  246. border: 1px solid black;
  247. padding: 8px;
  248. background: aliceblue;
  249. border-radius: 6px;
  250. margin-left: 0px;
  251. vertical-align: top;
  252. }
  253. #thingifier-magnifier-menu input {
  254. display: inline-block;
  255. }
  256. #sizenum, #minsizenum {
  257. width: 96px;
  258. }
  259. #sizemeasure, #minsizemeasure {
  260. margin-left: 8px;
  261. }
  262. #sizemeasure, #minsizemeasure, #zoomfactor {
  263. width: 64px;
  264. }
  265. #minsizenum, #minsizemeasure, #zoomfactor, #squareborder, #circularborder {
  266. margin-top: 7px;
  267. }
  268. #magnifier-menu-submit {
  269. margin-left: 178px;
  270. margin-right: 8px;
  271. }
  272. #magnifier-buttons {
  273. margin-top: -24px;
  274. float: right;
  275. }
  276. #thingifier-magnifier-menu h3, #magnifier-tooltip h3 {
  277. text-align: center;
  278. text-decoration: underline;
  279. padding-bottom: 8px;
  280. }
  281. #thingifier-magnifier-menu h3 i {
  282. padding-bottom: 4px;
  283. border-bottom: 2px solid black;
  284. }
  285. #thingifier-magnifier-menu input {
  286. padding: 2px;
  287. margin: 2px;
  288. }
  289. #thingifier-magnifier-menu input[type="radio"], #thingifier-magnifier-menu label {
  290. display: inline;
  291. }
  292. #magnifier-tooltip h3 {
  293. padding-bottom: 10px;
  294. border-bottom: 1px solid black;
  295. }
  296. #magnifier-tooltip ul {
  297. padding: 0px;
  298. margin: 0px 10px;
  299. }
  300. #magnifier-tooltip li {
  301. margin: 0 8px;
  302. list-style: none;
  303. margin-bottom: 8px;
  304. line-height: 16px;
  305. font-size: 13px;
  306. }
  307. #magnifier-tooltip li {
  308. border-bottom: 1px solid black;
  309. padding-bottom: 8px;
  310. }
  311. #magnifier-tooltip li:last-of-type {
  312. border-bottom: 0px solid black;
  313. }
  314. #magnifier-tooltip li div {
  315. font-weight: 900;
  316. text-align: center;
  317. margin-bottom: -16px;
  318. margin-top: 8px;
  319. }
  320. #magnifier-tooltip li div::before, #magnifier-tooltip li div::after {
  321. content: " — ";
  322. }
  323. #thingifier-magnifier-menu {
  324. position: fixed;
  325. margin-left: 300px;
  326. border-radius: 6px 0 0 6px;
  327. margin-top: -108px !important;
  328. z-index: 1003 !important;
  329. width: 276px;
  330. border-right-width: 0;
  331. }
  332. #magnifier-tooltip {
  333. min-width: 320px;
  334. margin-left: 592px;
  335. z-index: 1000;
  336. top: 2% !important;
  337. position: fixed;
  338. max-width: 550px;
  339. }
  340. #magnifier-tooltip, #thingifier-magnifier-menu {
  341. margin-top: 148px;
  342. }
  343. #magnifier-settings, #magnifier-submenu-toggle {
  344. display: inline;
  345. z-index: 1001;
  346. }
  347. .thingifier-icon {
  348. /*background-image: url(http://dynasty-scans.com//assets/twitter/bootstrap/glyphicons-halflings-2851b489e8c39f8fad44fc10efb99c3e.png);*/
  349. background-image: url(/assets/twitter/bootstrap/glyphicons-halflings-b4c22a0ed1f42188864f0046f0862ecb.png);
  350. display: inline-block;
  351. width: 14px;
  352. height: 14px;
  353. line-height: 14px;
  354. vertical-align: text-top;
  355. background-repeat: no-repeat;
  356. margin-top: 1px;
  357. background-position: -48px 0px;
  358. z-index: 1005 !important;
  359. }
  360. #magnifier-submenu-toggle {
  361. margin-left: 272px;
  362. margin-top: 132px;
  363. }
  364. #magnifier-submenu-toggle::after {
  365. margin-left: 18px;
  366. font-size: 12px;
  367. font-style: normal;
  368. content: "Settings";
  369. }
  370. #magnifier-submenu-toggle:hover {
  371. text-decoration: underline;
  372. cursor: pointer;
  373. }
  374. #thingifier-magnifier-menu input[type="number"], #thingifier-magnifier-menu input[type="text"] {
  375. text-align: center;
  376. }
  377. #magnifier-settings {
  378. pointer-events: none;
  379. }
  380. #magnifier-settings * {
  381. pointer-events: auto;
  382. }
  383. #thingifier-cancel {
  384. background-color: rgba(0,0,0,0.2) !important;
  385. background-image: linear-gradient(to bottom, rgb(196, 0, 0), rgb(96, 0, 0));
  386. color: white;
  387. margin-left: 4px;
  388. background-position: 0 !important;
  389. }
  390. #thingifier-cancel:hover {
  391. background-image: linear-gradient(to bottom, rgb(224, 0, 0), rgb(124, 0, 0));
  392. }
  393. input.btn {
  394. cursor: pointer !important;
  395. }
  396. </style>
  397. <div id="thingifier">
  398. <div id="thingifier-options">
  399. <ul>
  400. <li><input type="checkbox" id="thingifier-unhide-spoilers"> Unhide spoilers</li>
  401. <li><input type="checkbox" id="thingifier-fixed-navbar"> Fixed navbar</li>
  402. <li><input type="checkbox" id="thingifier-pagination"> Add page selector to top of page</li>
  403. <li><input type="checkbox" id="thingifier-bbcode-buttons"> Add quick reply and post page bbcode buttons</li>
  404. <li><input type="checkbox" id="thingifier-quote-to-quickreply"> Quote to quick reply instead of new post page</li>
  405. <li><input type="checkbox" id="thingifier-quote-move-quickreply"> Move quick reply to under quoted post</li>
  406. <li><input type="checkbox" id="thingifier-magnifier" tooltip="Press Z or middle mouse click"> Magnifier on reader and image pages</li>
  407. <li><input type="checkbox" id="thingifier-pending-suggestions"> Show only "Pending" tag suggestions</li>
  408. <li><input type="range" id="thingifier-font-size" min="1" max="5"> Change font size <input type="button" id="thingifier-reset-font" value="Reset Font Size"></li>
  409. <li><a href="https://dynasty-scans.com/forum/posts?user_id=${DT.yourid}" id="thingifier-ownposts"> Your posts</a></li>
  410. <li><input type="text" id="useridinput"><input type="button" value="Submit user id" id="useridsubmit"></li>
  411. <li><input type="button" id="thingifier-clear" value="Clear stored data"></li>
  412. </ul>
  413. </div>
  414. <div id="thingified-toggle"><input type="button" id="thingifier-toggle-button" value="X"></div>
  415. <i class="thingifier-icon" id="magnifier-submenu-toggle"></i>
  416. <div id="thingifier-magnifier-menu">
  417. <h3><i class="thingifier-icon"></i> Magnifier Settings</h3>
  418. Size: <input type="number" id="sizenum"><input type="text" list="measurements" id="sizemeasure" pattern="vh|vw|vmin|vmax|%|px"><br>
  419. Minimum Size: <input type="number" id="minsizenum"><input type="text" list="measurements" id="minsizemeasure" pattern="vh|vw|vmin|vmax|%|px"><br>
  420. Zoom factor: <input type="number" id="zoomfactor">%<br>
  421. Shape: <input type="radio" id="squareborder" val="square" name="magnifier-shape"><label for="square" id="forsquare">Square </label><input type="radio" id="circularborder" val="circle" name="magnifier-shape"><label for="circle" id="forcircle">Circle</label><br>
  422. <span id="magnifier-buttons"><input type="button" id="magnifier-menu-submit" value="Save"><input type="button" id="magnifier-menu-cancel" value="Cancel"></span>
  423. <datalist id="measurements">
  424. <option value="vh">
  425. <option value="vw">
  426. <option value="vmin">
  427. <option value="vmax">
  428. <option value="%">
  429. <option value="px">
  430. </datalist>
  431. </div>
  432. <div id="magnifier-tooltip">
  433. <h3>Valid Size Types</h3>
  434. <ul>
  435. <li><div>vh</div><br>This is the vertical size of what you can see on the web page. It's measured in a percentage. (1-100% of that size. Ie: 1vh or 100vh.)</li>
  436. <li><div>vw</div><br>This is the horizontal size of what you can see on the web page. It's measured in a percentage. (1-100% of that size. Ie: 1vw or 100vw.)</li>
  437. <li><div>vmin</div><br>This is the smallest (horizontal or vertical) size of what you can see on the web page. It's measured in a percentage. (1-100% of that size. Ie: 1vmin or 100vmin.) On a desktop pc this will generally be the same as vh if you're browsing using a maximized window.</li>
  438. <li><div>vmin</div><br>This is the largest (horizontal or vertical) size of what you can see on the web page. It's measured in a percentage. (1-100% of that size. Ie: 1vmax or 100vmax.) On a desktop pc this will generally be the same as vw if you're browsing using a maximized window.</li>
  439. <li><div>%</div><br>This is a percent of the container size. In this case the size of the page itself. Note: Most pages on Dynasty that the magnifier works on aren't perfectly square so this could result in an elongated shape.</li>
  440. <li><div>px</div><br>A straight pixel size. (Ie: 256px results in  a static 256 pixels in size regardless of the size of the page.)</li>
  441. </ul>
  442. </div>
  443. </div>
  444.  
  445. `);
  446.         //Define menu option handlers (this must happen before loading config)
  447.         setmenuhandlers();
  448.  
  449.         //Load our config
  450.         configload();
  451.  
  452.         //Setup own posts link stuff
  453.         $('#useridinput').hide();
  454.         $('#useridsubmit').hide();
  455.         if (DT.yourid == "Not set!") {
  456.             $('#thingifier-ownposts').hide();
  457.             $('#useridinput').show();
  458.             $('#useridsubmit').show();
  459.             setuserid();
  460.         }
  461.  
  462.         //Check we're viewing a thread
  463.         if (pageurl.match(/forum\/topics/)) {
  464.             $('.forum_post').each(function() {
  465.                 postids.push(this.id); //For each element of the class forum_post push the element's id to our postids array
  466.             });
  467.             $('.time').each(function(i, obj) {
  468.                 postcount++; //This is where we actually count how many posts are on the page
  469.             });
  470.  
  471.             //Retrieve your user id
  472.             if (DT.yourid.match(/\d+/)) {
  473.                 if (!DT.yourid.match(/dynasty-scans/) && DT.yourid !== "Not set!"){
  474.                     DT.yourid = `//dynasty-scans.com/forum/posts?user_id=${DT.yourid}`;
  475.                 }
  476.             } else {
  477.                 DT.yourid = "Not set!";
  478.             }
  479.         }
  480.     }
  481.  
  482.     //Set user ID for own posts link
  483.     function setuserid() {
  484.         $('input#useridsubmit').click(function () {
  485.             if($("input#useridinput").val().match(/^\d+$/)) {
  486.                 DT.yourid = $('input#useridinput').val();
  487.                 $('#useridinput').hide();
  488.                 $('#useridsubmit').hide();
  489.                 $('#thingifier-ownposts').show();
  490.                 $('#thingifier-ownposts').attr('href', "//dynasty-scans.com/forum/posts?user_id=" + DT.yourid);
  491.             } else {
  492.                 DT.yourid = "Not set!";
  493.                 $("input#useridinput").val();
  494.                 $('input#useridinput').val("Invalid user id!");
  495.             }
  496.             setItem("DT", DT);
  497.         });
  498.     }
  499.  
  500.     //Define event handlers for options menu items
  501.     function setmenuhandlers() {
  502.         //Menu close/open
  503.         $('input#thingifier-toggle-button').click(function() {
  504.             menuclose("click");
  505.         });
  506.     
  507.         //Unhide spoilers option
  508.         $('#thingifier-unhide-spoilers').change(function() {
  509.             DT.spoilers = $(this).is(":checked");
  510.             setItem("DT", DT);
  511.             if (DT.spoilers) {
  512.                 $('.spoilers').addClass('spoilers-disabled');
  513.             } else {
  514.                 $('.spoilers').removeClass('spoilers-disabled');
  515.             }
  516.         });
  517.     
  518.         //Fixed navbar option
  519.         $('#thingifier-fixed-navbar').change(function() {
  520.             DT.navbar = $(this).is(":checked");
  521.             setItem("DT", DT);
  522.             console.log("Navbar option clicked " + DT.navbar);
  523.             if (DT.navbar) {
  524.                 $('.navbar').addClass('navbar-fixed');
  525.                 $('div.forum_post').css("padding-top", 40);
  526.                 $("<div class=\"nav-padding\"></div>").insertAfter(".navbar");
  527.             } else {
  528.                 $('.navbar').removeClass('navbar-fixed');
  529.                 $('div.forum_post').css("padding-top", 0);
  530.                 $('div.nav-padding').remove();
  531.             }
  532.         });
  533.     
  534.         //Pagination option
  535.         $('#thingifier-pagination').change(function() {
  536.             DT.pagination = $(this).is(":checked");
  537.             setItem("DT", DT);
  538.             if (DT.pagination) {
  539.                 $("div.pagination").wrap('<div class=\"tmp\">').parent().html();
  540.                 var tmp = $('div.tmp').html();
  541.                 $("div.pagination").unwrap();
  542.                 $('#main').prepend(tmp);
  543.             } else {
  544.                 $("div.pagination").first().remove();
  545.             }
  546.         });
  547.     
  548.         //Add bbcode buttons to post page and quick reply
  549.         $('#thingifier-bbcode-buttons').change(function() {
  550.             DT.bbcode = $(this).is(":checked");
  551.             setItem("DT", DT);
  552.             if (DT.bbcode) {
  553.                 $("#forum_post_message").parent().prepend(bbcode_menu);
  554.             } else {
  555.                 $("div#thingifier-bbcode").remove();
  556.             }
  557.         });
  558.     
  559.         //Move the quick reply box to the current post
  560.         $('#thingifier-quote-move-quickreply').change(function() {
  561.             DT.movequickreply = $(this).is(":checked");
  562.             setItem("DT", DT);
  563.             quickreply = $(this).is(":checked");
  564.         });
  565.     
  566.     
  567.         $('#thingifier-magnifier').change(function() {
  568.             DT.magnifier = $(this).is(":checked");
  569.             setItem("DT", DT);
  570.             if (pageurl.match(/chapters/) || pageurl.match(/images/) && DT.magnifier) {
  571.                 $('body').append('<div id="magnifier"></div>');
  572.             } else {
  573.                 $('#magnifier').remove();
  574.             }
  575.     
  576.         });
  577.     
  578.         //Font size slider
  579.         $('#thingifier-font-size').on('input', function() {
  580.             fontsize[0] = parseInt($(this).val());
  581.             $('.message *').removeClass('forum_post_one');
  582.             $('.message *').removeClass('forum_post_two');
  583.             $('.message *').removeClass('forum_post_three');
  584.             $('.message *').removeClass('forum_post_four');
  585.             $('.message *').removeClass('forum_post_five');
  586.             $('.message *').addClass('forum_post_' + fontsize[fontsize[0]]);
  587.             DT.fontsize = fontsize[0];
  588.             setItem("DT", DT);
  589.         });
  590.     
  591.         //Reset font size
  592.         $('#thingifier-reset-font').click(function() {
  593.             $('.message *').removeClass('forum_post_one');
  594.             $('.message *').removeClass('forum_post_two');
  595.             $('.message *').removeClass('forum_post_three');
  596.             $('.message *').removeClass('forum_post_four');
  597.             $('.message *').removeClass('forum_post_five');
  598.             $('#thingifier-font-size').val(3);
  599.             DT.fontsize = null;
  600.             setItem("DT", DT);
  601.         });
  602.     
  603.         //Clear saved data
  604.         $('#thingifier-clear').click(function() {
  605.             var x = window.confirm("Are you sure you want to clear your stored data?");
  606.             if (x) {
  607.                 DT = DTp;
  608.                 setItem("DT", DT);
  609.                 document.location.reload(true);
  610.             } else {
  611.                 console.log("Decided against it");
  612.             }
  613.         });
  614.     }
  615.  
  616.     //Load our config
  617.     function configload() {
  618.         //Only run once the page is loaded
  619.         $(document).ready(function() {
  620.             //Deal with our current menu state
  621.             menuclose("load");
  622.  
  623.  
  624.             //Check if spoilers are unhidden
  625.             if (DT.spoilers) {
  626.                 $('#thingifier-unhide-spoilers').click();
  627.             }
  628.  
  629.             //Check if the fixed navbar is enabled
  630.             if (DT.navbar) {
  631.                 $('#thingifier-fixed-navbar').click();
  632.             }
  633.  
  634.             //Check if pagination option is enabled
  635.             if (DT.pagination) {
  636.                 $('#thingifier-pagination').click();
  637.             }
  638.  
  639.             //Check if we've changed the font size and retrieve it
  640.             fontsize[0] = DT.fontsize;
  641.             if (fontsize[0] !== null && typeof fontsize[0] !== "undefined") {
  642.                 $('#thingifier-font-size').val(fontsize[0]);
  643.                 $('.message *').addClass('forum_post_' + fontsize[fontsize[0]]);
  644.             }
  645.  
  646.             //Check if bbcode buttons are enabled
  647.             if (DT.bbcode) {
  648.                 $('#thingifier-bbcode-buttons').click();
  649.             }
  650.  
  651.             //Check if quote to quick reply option is enabled
  652.             if (DT.quote2quickreply) {
  653.                 $('#thingifier-quote-to-quickreply').click();
  654.             }
  655.  
  656.             //Check if the move quick reply box option is enabled
  657.             if (DT.movequickreply) {
  658.                 $('#thingifier-quote-move-quickreply').click();
  659.             }
  660.  
  661.             //Check if the magnifier option is enabled
  662.             if (DT.magnifier) {
  663.                 $('#thingifier-magnifier').click();
  664.             }
  665.  
  666.             //Check if the pending tags option is enabled
  667.             //Currently broken though for some reason?
  668.             if (DT.pendtags) {
  669.                 $('#thingifier-pending-suggestions').click();
  670.             }
  671.  
  672.             bbcode();
  673.         });
  674.     }
  675.  
  676.     function menuclose(sender) {
  677.         //Only runs when loading a page
  678.         if (sender === "load") {
  679.             //configmenustate = GM_getValue("configmenustate", true); //Load our menu state
  680.             console.log(configmenustate);
  681.             setTimeout(function() {
  682.                 if (!configmenustate) { //If it's true collapse the menu
  683.                     $("#thingifier-options").animate({width:'toggle', height:'toggle'},0);
  684.                     $("#magnifier-submenu-toggle").fadeToggle(0);
  685.                     menubutton();
  686.                 }
  687.                 $("#thingifier-magnifier-menu").fadeToggle(0);
  688.                 $("#magnifier-tooltip").fadeToggle(0);
  689.             }, 100);
  690.  
  691.             //Runs when clicking the button
  692.         } else if (sender === "click") {
  693.             configmenustate = !!configmenustate ? false : true; //XOR our menu state, can also use ^=
  694.             $("#thingifier-options").animate({width:'toggle', height:'toggle'},350); //Toggle the menu
  695.             if ($('#thingifier-magnifier-menu').is( ":visible" )) {
  696.                 $('#thingifier-magnifier-menu').fadeToggle(0);
  697.                 $('#magnifier-tooltip').fadeToggle(0);
  698.             }
  699.             if ($("#magnifier-submenu-toggle").is( ":visible" )) {
  700.                 $("#magnifier-submenu-toggle").fadeToggle(0);
  701.             } else {
  702.                 $("#magnifier-submenu-toggle").fadeToggle(500);
  703.             }
  704.             menubutton();
  705.         }
  706.     }
  707.     function menubutton() {
  708.         //Controls the button's icon
  709.         if (!configmenustate) {
  710.             $('#thingifier-toggle-button').val('▶');
  711.         } else {
  712.             $('#thingifier-toggle-button').val('◀');
  713.         }
  714.     }
  715.  
  716.     function bbcode() {
  717.         var texttmp,
  718.             sel,
  719.             posttmp,
  720.             regextmp,
  721.             txtbegin,
  722.             txtend;
  723.         $('#forum_post_message').mousedown(function() {
  724.             $('body').mouseup(function() {
  725.                 getSel();
  726.                 texttmp = sel;
  727.                 posttmp = $('#forum_post_message').val();
  728.                 regextmp = new RegExp("("+texttmp.replace(/[.?*+^$[\]\\(){}|-]/g, "\\$&")+")");
  729.                 posttmp = posttmp.replace(regextmp, "[BBCODE-HERE]");
  730.             });
  731.         });
  732.         function getSel() // javascript
  733.         {
  734.             // obtain the object reference for the <textarea>
  735.             var txtarea = document.getElementById("forum_post_message");
  736.             // obtain the index of the first selected character
  737.             var start = txtarea.selectionStart;
  738.             // obtain the index of the last selected character
  739.             var finish = txtarea.selectionEnd;
  740.             // obtain the selected text
  741.             sel = txtarea.value.substring(start, finish);
  742.             txtbegin = txtarea.value.substring(0, start);
  743.             txtend = txtarea.value.substring(finish);
  744.             // do something with the selected content
  745.         }
  746.         $('#thingifier-bbcode-quote').click(function() {
  747.             texttmp = texttmp.replace(/(^\S)/gm, "> $1");
  748.             bbcode_format();
  749.         });
  750.         $('#thingifier-bbcode-link').click(function() {
  751.             if (sel.length === 0) {
  752.                 texttmp = texttmp.replace(/(.*)/gm, "[]($1)");
  753.             } else {
  754.                 texttmp = texttmp.replace(/(.+)/gm, "[]($1)");
  755.             }
  756.             bbcode_format();
  757.         });
  758.         $('#thingifier-bbcode-image').click(function() {
  759.             if (sel.length === 0) {
  760.                 texttmp = texttmp.replace(/(.*)/gm, "![]($1)");
  761.             } else {
  762.                 texttmp = texttmp.replace(/(.+)/gm, "![]($1)");
  763.             }
  764.             bbcode_format();
  765.         });
  766.         $('#thingifier-bbcode-spoiler').click(function() {
  767.             if (sel.length === 0) {
  768.                 texttmp = texttmp.replace(/(.*)/gm, "==$1==");
  769.             } else {
  770.                 texttmp = texttmp.replace(/(.+)/gm, "==$1==");
  771.             }
  772.             bbcode_format();
  773.         });
  774.         $('#thingifier-bbcode-hr').click(function() {
  775.             texttmp = texttmp.replace(/(^\S)/gm, "\n***\n $1");
  776.             bbcode_format();
  777.         });
  778.         $('#thingifier-bbcode-ul').click(function() {
  779.             texttmp = texttmp.replace(/(^\S)/gm, " * $1");
  780.             bbcode_format();
  781.         });
  782.         $('#thingifier-bbcode-ol').click(function() {
  783.             texttmp = texttmp.replace(/(^\S)/gm, " 1. $1");
  784.             bbcode_format();
  785.         });
  786.         $('#thingifier-bbcode-italics').click(function() {
  787.             if (sel.length === 0) {
  788.                 texttmp = texttmp.replace(/(.*)/gm, "*$1*");
  789.             } else {
  790.                 texttmp = texttmp.replace(/(.+)/gm, "*$1*");
  791.             }
  792.             bbcode_format();
  793.         });
  794.         $('#thingifier-bbcode-bold').click(function() {
  795.             if (sel.length === 0) {
  796.                 texttmp = texttmp.replace(/(.*)/gm, "**$1**");
  797.             } else {
  798.                 texttmp = texttmp.replace(/(.+)/gm, "**$1**");
  799.             }
  800.             bbcode_format();
  801.         });
  802.         $('#thingifier-bbcode-tag').click(function() {
  803.             if (sel.length === 0) {
  804.                 texttmp = texttmp.replace(/(.*)/gm, "`$1`");
  805.             } else {
  806.                 texttmp = texttmp.replace(/(.+)/gm, "`$1`");
  807.             }
  808.             bbcode_format();
  809.         });
  810.         $('#thingifier-bbcode-codeblock').click(function() {
  811.             if (sel.length === 0) {
  812.                 texttmp = texttmp.replace(/(.*)/gm, "    $1    ");
  813.             } else {
  814.                 texttmp = texttmp.replace(/(.+)/gm, "    $1    ");
  815.             }
  816.             bbcode_format();
  817.         });
  818.         $('#thingifier-bbcode-h1').click(function() {
  819.             if (sel.length === 0) {
  820.                 texttmp = texttmp.replace(/(.*)/gm, "# $1 #");
  821.             } else {
  822.                 texttmp = texttmp.replace(/(.+)/gm, "# $1 #");
  823.             }
  824.             bbcode_format();
  825.         });
  826.         $('#thingifier-bbcode-h2').click(function() {
  827.             if (sel.length === 0) {
  828.                 texttmp = texttmp.replace(/(.*)/gm, "## $1 ##");
  829.             } else {
  830.                 texttmp = texttmp.replace(/(.+)/gm, "## $1 ##");
  831.             }
  832.             bbcode_format();
  833.         });
  834.         $('#thingifier-bbcode-h3').click(function() {
  835.             if (sel.length === 0) {
  836.                 texttmp = texttmp.replace(/(.*)/gm, "### $1 ###");
  837.             } else {
  838.                 texttmp = texttmp.replace(/(.+)/gm, "### $1 ###");
  839.             }
  840.             bbcode_format();
  841.         });
  842.         $('#thingifier-bbcode-h4').click(function() {
  843.             if (sel.length === 0) {
  844.                 texttmp = texttmp.replace(/(.*)/gm, "#### $1 ####");
  845.             } else {
  846.                 texttmp = texttmp.replace(/(.+)/gm, "#### $1 ####");
  847.             }
  848.             bbcode_format();
  849.         });
  850.         $('#thingifier-bbcode-h5').click(function() {
  851.             if (sel.length === 0) {
  852.                 texttmp = texttmp.replace(/(.*)/gm, "##### $1 #####");
  853.             } else {
  854.                 texttmp = texttmp.replace(/(.+)/gm, "##### $1 #####");
  855.             }
  856.             bbcode_format();
  857.         });
  858.         $('#thingifier-bbcode-h6').click(function() {
  859.             if (sel.length === 0) {
  860.                 texttmp = texttmp.replace(/(.*)/gm, "###### $1 ######");
  861.             } else {
  862.                 texttmp = texttmp.replace(/(.+)/gm, "###### $1 ######");
  863.             }
  864.             bbcode_format();
  865.         });
  866.         function bbcode_format() {
  867.             var tmp = txtbegin + texttmp.replace(/\[BBCODE-HERE\]/, tmp) + txtend;
  868.             $('#forum_post_message').val(tmp);
  869.         }
  870.     }
  871.     $(document).ready(function() {
  872.         if (isuserpostsurl.match(/https:\/\/dynasty-scans.com\/forum\/posts\?user_id=\d+/)) {
  873.             isuserpostsurl = isuserpostsurl.replace(/\d+/, ""); //Replaces the user id in the url
  874.         }
  875.         for (var i = 0; i < postcount; i++){
  876.             counter = i;
  877.             var id = postids[i].toString(); //Temporarily store the post id under the key of 'i' into a variable to use in our next bit
  878.             if ($('#thingifier-quote-to-quickreply').is(":checked")) {
  879.                 var tmp = $('.forum_post .info .row .actions').find("span:first-child a");
  880.                 var tmphref = tmp.attr('href');
  881.                 var urltmp = document.location.toString();
  882.                 urltmp = urltmp.replace(/(https:\/\/dynasty-scans\.com\/forum\/topics\/)(\d+)(.+)/, "$2");
  883.                 $('.forum_post .info .row .actions:eq(' + counter + ')').prepend("<input type=\"button\" class=\"postquote\" id=\"" + tmphref + "\" value=\"Quick Quote\" name=\"post_" + counter + "\">");
  884.                 id = id.replace(/forum_post_/, "");
  885.             }
  886.             counter++;
  887.         }
  888.         $('#thingifier-quote-to-quickreply').click(function() {
  889.             DT.quote2quickreply = $('#thingifier-quote-to-quickreply').is(":checked");
  890.             setItem("DT", DT);
  891.         });
  892.         $('input.postquote').mouseup(function(e) {
  893.             document.getElementById('forum_post_message').value = "";
  894.             var postid = $($(this).parents()[3]).attr('id');
  895.             var quoteid = postid; //Gets the id of the .forum_post parent
  896.             quoteid = "#" + quoteid; //Adds a url anchor sign to the id
  897.             quoteid = quoteid.toString(); //Converts it to a string to make sure it cooperates
  898.             setItem("quoteid", pageurl + quoteid);
  899.             var quotename = $.trim($(quoteid).find(".user").text().replace(/Staff|Moderator|Uploader/, "")); //Retrieve the quoted user's name
  900.             //For staff, mods, and uploaders find and remove their title, then trim the whitespace/newlines off the beginning and end
  901.             setItem("quotename", quotename);
  902.             postid = postid.replace(/forum_post_/, "");
  903.             var threadid = document.location.toString();
  904.             threadid = threadid.replace(/(https:\/\/dynasty-scans\.com\/forum\/topics\/)(\d+)(\S+)/, "$2");
  905.             var postpath = "//dynasty-scans.com/forum/posts/new?quote_id=\"" + postid +"\"&topic_id=\"" + threadid + "\"";
  906.             postpath = postpath.replace(/"/g, "");
  907.             postid = postid.replace(/post_/, "");
  908.             getpost(postpath, postid);
  909.             if (quickreply) {
  910.                 var replybox;
  911.                 if ($("#thingifier-quickreply").length < 1) {
  912.                     $("#new_forum_post").wrap("<div id=\"thingifier-quickreply\"></div>");
  913.                     $('<input class="btn" id="thingifier-cancel" type="button" value="Cancel Post">').insertAfter("#new_forum_post input.btn:last");
  914.                 }
  915.                 if (!replybox) {
  916.                     replybox = $("#thingifier-quickreply").detach();
  917.                     replybox.appendTo(quoteid);
  918.                     replybox = null;
  919.                 }
  920.             }
  921.             if ($("#thingifier-quickreply").offset().top > window.pageYOffset + document.documentElement.clientHeight || $("#thingifier-quickreply").offset().top < window.pageYOffset) {
  922.                 $(document).scrollTop($("#thingifier-quickreply").offset().top - $('div.nav-padding').height());
  923.             }
  924.         });
  925.  
  926.         $(document).on("click", "input#thingifier-cancel", function(){
  927.             console.log("Clicked");
  928.             var replybox = $('#new_forum_post').detach();
  929.             $("#thingifier-quickreply").remove();
  930.             replybox.appendTo('div.row:last');
  931.             $('#thingifier-cancel').remove();
  932.         });
  933.  
  934.         //Do this if we click the quote button
  935.         $('a').mouseup(function(e) { //When we click a link run this code
  936.             if ($(e.target).text() == "Quote") { //Make sure that the clicked link is the quote button
  937.                 var quoteid = $(e.target).parents(); //Gets all the parent elements of our link
  938.                 quoteid = quoteid[4]; //Selects the fourth parent which is the .forum_post parent of the link
  939.                 quoteid = $(quoteid).attr('id'); //Gets the id of the .forum_post parent
  940.                 quoteid = "#" + quoteid; //Adds a url anchor sign to the id
  941.                 quoteid = quoteid.toString(); //Converts it to a string to make sure it cooperates
  942.                 setItem("quoteid", pageurl + quoteid);
  943.                 var quotename = $(quoteid).find(".user").text(); //Retrieve the quoted user's name
  944.                 quotename = quotename.replace(/Staff|Moderator|Uploader/, ""); //For staff, mods, and uploaders find and remove their title
  945.                 quotename = $.trim(quotename); //Trim the whitespace/newlines off the beginning and end
  946.                 setItem("quotename", quotename);
  947.             } else { /*This is where code would run if we were doing anything for clicking other links*/ }
  948.         });
  949.  
  950.         //Check that the current page is the new posts page
  951.         if (pageurl.match(/posts\/new/)) {
  952.             //Don't use the custom getItem() for these. That's only meant for JSON items
  953.             var post = localStorage.getItem("quoteid", false);
  954.             var username = localStorage.getItem("quotename", false);
  955.             if (!!post && !!username) {
  956.                 quote = "> [**" + username + "** posted:](" + post + ") \n> ";
  957.                 var message = "\n" + $('#forum_post_message').val();
  958.                 $('#forum_post_message').val(quote + message);
  959.                 setItem("post", false);
  960.                 setItem("username", false);
  961.             }
  962.         }
  963.  
  964.         //Insert "unread posts" button after thread link in manga viewer
  965.         if (pageurl.match(/chapters/)) {
  966.             var mangathread = '<a class="btn btn-mini" title="View latest unread post in thread"href="' + $('div.btn-toolbar div.btn-group:first-child a.btn:first-child').attr('href') + '/unread"><i class="icon-comment"></i>Unread</a>';
  967.             $(mangathread).insertAfter('div.btn-toolbar div.btn-group:first-child a.btn:first-child');
  968.         }
  969.  
  970.         //Insert last post link to read threads
  971.         if (pageurl.match(/\/forum(?!\/topics)/)) {
  972.             var elements = $('div.forum_topic').length;
  973.             for (i = 0; i < elements; i++) {
  974.                 //Retrieve the last page link or the base thread link if the thread is only one page
  975.                 var linktype = $('div.forum_topic:eq(' + i + ') span.pages a:last').attr('href') || $('div.forum_topic:eq(' + i + ') a.subject').attr('href');
  976.                 //Create our last post link
  977.                 var link = '<a class="thingifier-lastlink" href="' + linktype + '#lastpost" style="margin-left:10px;"><i class="icon-comment"></i>Last Post</a>';
  978.                 //Check if thread has multiple pages. If so place link after pagination, otherwise place it right after the thread link
  979.                 if ($('div.forum_topic:eq(' + i + ')').find('span.pages').length !== 0) {
  980.                     $(link).insertAfter('div.forum_topic:eq(' + i + ') span.pages');
  981.                 } else {
  982.                     $(link).insertAfter('div.forum_topic:eq(' + i + ') a.subject');
  983.                 }
  984.             }
  985.         }
  986.  
  987.         //Check if we clicked the last post button on the forum view
  988.         $('a.thingifier-lastlink').mouseup(function(e) {
  989.             if (e.which === 1 || e.which === 2) {
  990.                 var threadnum = $(this).attr('href').match(/(\d+)/)[0]; //Retrieve the clicked thread's ID
  991.                 setItem('lastlink_' + threadnum, true); //If we left or middle clicked it then set our lastlink value for that thread to true
  992.             }
  993.         });
  994.  
  995.         //Check if we're viewing a topic
  996.         if (pageurl.match(/\/forum\/topics/) && window.location.toString().match(/#lastpost/)) {
  997.             document.onreadystatechange = function() {
  998.                 if (document.readyState === "complete") {
  999.                     window.location = `${pageurl}#${$('div.time a:last').parents()[3].id}`;
  1000.                 }
  1001.             };
  1002.         }
  1003.  
  1004.  
  1005.         //Magnifier Function
  1006.         var magY, magX, magShown = 0, imgPath = "none", zoom = GM_getValue('magZoomFactor', '500'), zoomFactor = zoom / 100, pWidth = 0, pHeight = 0, pOffset = 0, magZ = false;
  1007.         var updater = window.setInterval(update, 100);
  1008.  
  1009.  
  1010.         $(document).mousemove(function(e) {
  1011.             if (DT.magnifier && (pageurl.match(/images/) || pageurl.match(/chapters/))) {
  1012.                 zoomFactor = zoom / 100;
  1013.                 magY = e.pageY;
  1014.                 magX = e.pageX;
  1015.                 $('#magnifier').offset({ top: magY - ($('#magnifier').height() / 2), left: magX - ($('#magnifier').width() / 2) });
  1016.                 var backLeft = ((-magX + pOffset.left) * zoomFactor) + 130;
  1017.                 var backTop = ((-magY + pOffset.top) * zoomFactor) + 130;
  1018.                 $('#magnifier').css("background-position", backLeft + "px " + backTop + "px");
  1019.             }
  1020.         });
  1021.         $(document).mousedown(function(e) {
  1022.             if (DT.magnifier) {
  1023.                 var tmp = $(e.target).parent()[0];
  1024.                 if (tmp.className === "image" && pageurl.match(/images/)) {
  1025.                     tmp = tmp.className;
  1026.                 } else if (tmp.id === "image" && pageurl.match(/chapters/)) {
  1027.                     tmp = tmp.id;
  1028.                 } else {
  1029.                     tmp = false;
  1030.                 }
  1031.                 tmp = !!tmp;
  1032.                 if (e.which === 2 && tmp !== false) {
  1033.                     e.preventDefault();
  1034.                 }
  1035.                 magnifier(tmp, e.which);
  1036.             }
  1037.         });
  1038.         $(document).keydown(function(e) {
  1039.             if (e.which == 90) {
  1040.                 if (DT.magnifier && pageurl.match(/chapters/) || pageurl.match(/images/)) {
  1041.                     if (!$('#forum_post_message').is(":focus") && !$('input#q').is(":focus")) {
  1042.                         e.preventDefault();
  1043.                         magZ = true;
  1044.                     } else {
  1045.                         magZ = false;
  1046.                     }
  1047.                     if (magZ === true) {
  1048.                         magnifier(magZ, 2);
  1049.                     }
  1050.                 }
  1051.             }
  1052.         });
  1053.  
  1054.         function magnifier(check, which) {
  1055.             if (DT.magnifier) {
  1056.                 if (!!check) {
  1057.                     magShown = magShown ? 0 : 1;
  1058.                 }
  1059.                 if (!!magShown && !!check && which === 2) {
  1060.                     //$('body').append('<canvas id="magcan" height="250px" width="250px" style="position: absolute; right: 0; bottom: 0;">');
  1061.                     $('#magnifier').css("visibility", "visible");
  1062.                     $('#magnifier').css("display", "inline");
  1063.                     $('*').css("cursor", "none");
  1064.                     $('#magnifier').css({
  1065.                         'min-width' : `${DT.mag.minSizeRes}${DT.mag.minSizeMeasure}`,
  1066.                         'min-height' : `${DT.mag.minSizeRes}${DT.mag.minSizeMeasure}`,
  1067.                         'width' :  `${DT.mag.sizeRes}${DT.mag.sizeMeasure}`,
  1068.                         'height' :  `${DT.mag.sizeRes}${DT.mag.sizeMeasure}`,
  1069.                         'border-radius' : `${DT.mag.border}`
  1070.                     });
  1071.                     zoom = DT.mag.zoomFactor;
  1072.                     $('#magnifier').offset({ top: magY - ($('#magnifier').height() / 2), left: magX - ($('#magnifier').width() / 2) });
  1073.                 } else {
  1074.                     $('#magnifier').css("visibility", "hidden");
  1075.                     $('#magnifier').css("display", "none");
  1076.                     $('*').css("cursor", "auto");
  1077.                     $('a').css("cursor", "pointer");
  1078.                     $('a *').css("cursor", "pointer");
  1079.                     $('span.left').css("cursor", "pointer");
  1080.                     $('span.right').css("cursor", "pointer");
  1081.                 }
  1082.             }
  1083.         }
  1084.         function update() {
  1085.             if (DT.magnifier) {
  1086.                 pOffset = $('#image img').offset() || $('div.image img').offset();
  1087.                 if (pageurl.match(/chapters/)) {
  1088.                     pWidth = $('div#image.thumbnail img').width() || $('div#image').width();
  1089.                     pHeight = $('div#image.thumbnail img').height() || $('div#image').height();
  1090.                     //imgPath = $('div#image.thumbnail img').attr('src') || $('div#image img').attr('src') || "none";
  1091.                     imgPath = $('#download_page').attr('href') || "none";
  1092.                     //console.log(imgPath);
  1093.                 } else if (pageurl.match(/images/)) {
  1094.                     pWidth = $('div.image img').width();
  1095.                     pHeight = $('div.image img').height();
  1096.                     imgPath = $('div.image img').attr('src') || "none";
  1097.                 }
  1098.                 if (imgPath !== "none") {
  1099.                     /*var canvas = document.getElementById('magcan');
  1100.             var ctx = canvas.getContext('2d');
  1101.             var img = new Image();   // Create new img element
  1102.             img.src = imgPath; // Set source path
  1103.             ctx.drawImage(img,0,0);*/
  1104.                     $('#magnifier').css("background-image", "url(" + imgPath + ")");
  1105.                     //Zoom works correctly but the offset is WAY off
  1106.                     /*var img = new Image;
  1107.           img.src = imgPath;
  1108.           pWidth = img.width;
  1109.           pHeight = img.height;*/
  1110.                     $('#magnifier').css("background-size", (pWidth * zoomFactor) + "px " + (pHeight * zoomFactor) + "px");
  1111.                 }
  1112.             }
  1113.         }
  1114.  
  1115.         $('i#magnifier-submenu-toggle').click(function() {
  1116.             $("#thingifier-magnifier-menu").fadeToggle(350);
  1117.             $("#magnifier-tooltip").fadeToggle(350);
  1118.             $('#sizenum').val(DT.mag.sizeRes);
  1119.             $('#sizemeasure').val(DT.mag.sizeMeasure);
  1120.             $('#minsizenum').val(DT.mag.minSizeRes);
  1121.             $('#minsizemeasure').val(DT.mag.minSizeMeasure);
  1122.             $('#zoomfactor').val(DT.mag.zoomFactor);
  1123.             if (GM_getValue('magBorder', '50%') === '50%') {
  1124.                 $('#circularborder').click();
  1125.             } else {
  1126.                 $('#squareborder').click();
  1127.             }
  1128.         });
  1129.         $('#forcircle').click(function() {
  1130.             $('#circularborder').click();
  1131.         });
  1132.         $('#forsquare').click(function() {
  1133.             $('#squareborder').click();
  1134.         });
  1135.         $('#magnifier-menu-submit').click(function() {
  1136.             var ferror = "",
  1137.                 border,
  1138.                 sizemeasure,
  1139.                 minsizemeasure,
  1140.                 size,
  1141.                 minsize;
  1142.             if ($('#circularborder').is(':checked')) {
  1143.                 border = "50%";
  1144.             } else {
  1145.                 border = "0";
  1146.             }
  1147.             //Size number
  1148.             if ($('#sizenum').val().toString().match(/\d/g) !== null) {
  1149.                 size = $('#sizenum').val();
  1150.             } else {
  1151.                 ferror += "Please use a number for the size!\n";
  1152.             }
  1153.             //Size measurement type
  1154.             if (measurecheck($('#sizemeasure').val())) {
  1155.                 sizemeasure = $('#sizemeasure').val();
  1156.             } else {
  1157.                 ferror += "Please use a valid type for the size!\n";
  1158.             }
  1159.             //Minimum size number
  1160.             if ($('#minsizenum').val().toString().match(/\d/g) !== null) {
  1161.                 minsize = $('#minsizenum').val();
  1162.             } else {
  1163.                 ferror += "Please use a number for the minimum size!\n";
  1164.             }
  1165.             //Minimum size measurement type
  1166.             if (measurecheck($('#minsizemeasure').val())) {
  1167.                 minsizemeasure = $('#minsizemeasure').val();
  1168.             } else {
  1169.                 ferror += "Please use a valid type for the minimum size!\n";
  1170.             }
  1171.             //Zoom factor
  1172.             if ($('#zoomfactor').val().toString().match(/\d/g) !== null) {
  1173.                 zoom = $('#zoomfactor').val();
  1174.             } else {
  1175.                 ferror += "Please use a number for the zoomfactor!\n";
  1176.             }
  1177.             //Check for errors or save
  1178.             if (ferror !== "") {
  1179.                 alert(ferror);
  1180.             } else {
  1181.                 DT.mag.sizeRes = size;
  1182.                 DT.mag.sizeMeasure = sizemeasure;
  1183.                 DT.mag.minSizeRes = minsize;
  1184.                 DT.mag.minSizeMeasure = minsizemeasure;
  1185.                 DT.mag.zoomFactor = zoom;
  1186.                 DT.mag.border = border;
  1187.                 setItem("DT", DT);
  1188.                 $('i#magnifier-submenu-toggle').click();
  1189.             }
  1190.         });
  1191.         $('#magnifier-menu-cancel').click(function() {
  1192.             $("#thingifier-magnifier-menu").fadeToggle(350);
  1193.             $("#magnifier-tooltip").fadeToggle(350);
  1194.         });
  1195.         function measurecheck(measure) {
  1196.             //Should work just as well as an if loop using the || operator
  1197.             switch(measure) {
  1198.                 case "vh":
  1199.                 case "vw":
  1200.                 case "vmin":
  1201.                 case "vmax":
  1202.                 case "%":
  1203.                 case "px":
  1204.                     return true;
  1205.                     break;
  1206.                 default:
  1207.                     return false;
  1208.                     break;
  1209.             }
  1210.         }
  1211.  
  1212.         //Only Pending tag suggestions option - By Gwen Hope
  1213.         $('#thingifier-pending-suggestions').change(function() {
  1214.             DT.pendtags = $(this).is(":checked"); //Updated to use new settings object
  1215.             setItem("DT", DT); //Saves changed settings
  1216.             if (pageurl.match(/user\/suggestions/)) {
  1217.                 console.log("User suggestions page");
  1218.                 if (DT.pendtags) { //Updated to use new settings object
  1219.                     $('.suggestion-accepted').hide();
  1220.                     $('.suggestion-rejected').hide();
  1221.                 }
  1222.                 else {
  1223.                     $('.suggestion-accepted').show();
  1224.                     $('.suggestion-rejected').show();
  1225.                 }
  1226.             }
  1227.         });
  1228.  
  1229.     });//$(document).ready() end
  1230.  
  1231.     function getpost(postpath, postid) {
  1232.         let message = "";
  1233.         $.ajax({
  1234.             type: "GET",
  1235.             url: postpath,
  1236.             dataType: "text",
  1237.             timeout: 10000,
  1238.             cache: false
  1239.         })
  1240.             .done(function(data) {
  1241.             quote[postid] = htmlDecode($(data).find('#forum_post_message'));
  1242.             $('#forum_post_message').val(quote[postid]);
  1243.             //Don't use the custom getItem() for these. That's only meant for JSON items
  1244.             var post = localStorage.getItem("quoteid", false);
  1245.             var username = localStorage.getItem("quotename", false);
  1246.             let quoting = "> [**" + username + "** posted:](" + post + ") \n> ";
  1247.             message = htmlDecode(data.replace(/([\u0000-\uffff]+<textarea .+ id="forum_post_message".+>)([\u0000-\uffff]+)(<\/textarea>[\u0000-\uffff]+)/, "$2"));
  1248.             $('#forum_post_message').val(quoting + message);
  1249.         })
  1250.             .fail(function() {
  1251.             console.log("error");
  1252.         });
  1253.     }
  1254.  
  1255.     function htmlDecode(input){
  1256.         var e = document.createElement('div');
  1257.         e.innerHTML = input;
  1258.         return e.childNodes.length === 0 ? "" : e.childNodes[0].nodeValue;
  1259.     }
  1260. })();