☰

Danbooru - Miscellaneous Tweaks

Adds a variety of useful tweaks to Danbooru

  1. // ==UserScript==
  2. // @name           Danbooru - Miscellaneous Tweaks
  3. // @namespace      https://greasyfork.org/scripts/3467
  4. // @description    Adds a variety of useful tweaks to Danbooru
  5. // @match          *://*.donmai.us/*
  6. // @grant          GM_getValue
  7. // @grant          GM_setValue
  8. // @grant          GM_listValues
  9. // @grant          GM_deleteValue
  10. // @grant          GM_xmlhttpRequest
  11. // @grant          GM_openInTab
  12. // @version        2024.01.07
  13. // ==/UserScript==
  14.  
  15. /*
  16. 	Settings are modified by clicking the "Tweaks" link at the right end of the navbar on most pages.
  17. 	You do not need to modify the script itself.
  18. */
  19.  
  20. var showError = false, recursion, login, loginID, content, navbar, subnavbar, isApprover;
  21.  
  22. try{
  23. 	initialize();
  24. 	loadTweaks();
  25. } catch(err) {
  26. 	showError = true;
  27. 	MS_alert("Error loading tweaks: "+err);
  28. }
  29.  
  30. function loadTweaks()
  31. {
  32. 	var tweaks =
  33. 	[
  34. 		{ name:"Show Errors", desc:"Display error messages if tweaks fail.", func:showErrorFun, version:0, args:[] },
  35. 		
  36. 		{ name:"Add Tag Subscription", desc:"Adds pseudo tag subscriptions to your user page.<br>"+
  37. 			"<u>title</u>: Title of the subscription, linked to the first query.  The title must be unique.<br>"+
  38. 			"<u>timestamp</u>: Appends a timestamp of the last refresh to the title.<br>"+
  39. 			"<u>refresh</u>: Hours to wait before refreshing the subscription.<br>"+
  40. 			"<u>thumbs</u>: Number of thumbnails to display.<br>"+
  41. 			"<u>maxExpanded</u>: Number of thumbnails to display when the subscription is expanded.<br>"+
  42. 			"<u>intersect</u>: Return posts matching ALL queries (using the order of the last) rather than ANY (sorted by post ID).<br>"+
  43. 			"<u>queries</u>: List of objects representing post searches.<br>"+
  44. 			"<u>search</u>: Tags to search for; the usual limitations apply.<br>"+
  45. 			"<u>pages</u>: Number of pages to collect for this query, each page containing 100 posts.<br>", func:addTagSubscription, version:2, args:[ { desc:"", value:[
  46.                 { title:"Recently Translated", timestamp:false, refresh:1, thumbs:6, maxExpanded:100, intersect:true, queries:[ { search:"order:note user:"+login, pages:1 } ] },
  47.                 { title:"Recently Commented", timestamp:false, refresh:1, thumbs:6, maxExpanded:100, intersect:true, queries:[ { search:"order:comment user:"+login, pages:1 } ] } ], getValue:getTagSubscriptions } ] },
  48. 		
  49. 		{ name:"Blacklist", desc:"Blacklist implementation that replaces images with links labeled with the tags they matched in the blacklist.  Clicking the link/image alternates between the two.  Translation notes appear every other time the image is displayed.  User and rating metatags are supported.  Your own posts are exempt from the blacklist.", func:blacklistTags, version:1, args:[
  50.             	{ desc:"Tag list:", value:[ "blocked_tag_1", "blocked_tag_2", "blocked_tag_*" ], getValue:getStringArray }] },
  51. 		
  52. 		{ name:"Add +/- Links", desc:"Adds +/- tag links to the tag list.", func:addPlusMinusLinks, version:1, args:[
  53.             	{ desc:"Make links add/remove tags from search box instead of launching new searches", value:true }] },
  54. 		
  55. 		{ name:"Comment Listing Filter", desc:"Hides posts and comments in the comment listing for posts with any of the specified tags.  Click the replacement text to reveal.", func:commentListingFilter, version:1, args:[
  56.             	{ desc:"", value:[ "Spoilers" ], getValue:getStringArray } ] },
  57. 		
  58. 		{ name:"Custom Taglist", desc:"Adds a new taglist section below tag lists, complete with +/- links.  Tag types are supported.", func:customTaglist, version:0, args:[
  59.             	{ desc:"Title of list", value:"Custom Tags", elem:"input" },
  60.             	{ desc:"Tags", value:[ 'art:bomber_grape', 'char:maribel_hearn', 'copy:hidamari_sketch', 'order:score', 'order:comment', 'comm:'+login, 'rating:e', 'rating:q', 'rating:s', 'status:any', 'fav:'+login, 'user:'+login, 'pixiv:>0', 'arttags:0', 'chartags:1', 'copytags:1', 'gentags:1' ], getValue:getStringArray }] },
  61. 		
  62. 		{ name:"DText Replace", desc:"Replaces text in DText-enabled textareas (to the 'Text' pattern) and the names of all links with DText or DText-like shorthand forms (to the 'Link' pattern).", func:dtextReplace, version:0, args:[ { desc:"", value:[
  63. 			{ regex:"(^|[^:])(http://seiga.nicovideo.jp/seiga/im(\\d+))$", text:"\"seiga #$3\":$2", link:"seiga #$3" },
  64. 			{ regex:"(^|[^:])http:..www.pixiv.net.member_illust.php.mode=(medium|big|manga)&illust_id=(\\d+)$", text:"$1pixiv #$3", link:"$1pixiv #$3" },
  65. 			{ regex:"(^|[^:])http:..www.pixiv.net.member_illust.php.mode=manga_big&illust_id=(\\d+)&page=(\\d+)$", text:"$1pixiv #$2/p$3", link:"$1pixiv #$2/p$3" },
  66. 			{ regex:"(^|[^:])https?:[^ \\.]+.donmai.us.(post|comment|pool|user|artist)s.(\\d+)((\\/|\\?)[^\\s]*)?$", text:"$1$2 #$3", link:"$1$2 #$3" },
  67. 			{ regex:"(^|[^:])https?:[^ \\.]+.donmai.us.forum_posts.(\\d+)$", text:"$1forum #$2", link:"$1forum #$2" },
  68. 			{ regex:"(^|[^:])https?:[^ \\.]+.donmai.us.forum_topics.(\\d+)$", text:"$1topic #$2", link:"$1topic #$2" },
  69. 			{ regex:"(^|[^:])https?:..github.com.r888888888.danbooru.issues.(\d+)$", text:"$1issue #$2", link:"$1issue #$2" }
  70. 		], getValue:getDTextArray } ] },
  71. 		
  72. 		{ name:"Hide User Statistics", desc:"", func:hideUserStatistics, version:0, args:[
  73.             	{ desc:"Stats to remove from your profile", value:[ "Statistics", "Inviter", "Approvals" ], getValue:getStringArray },
  74.             	{ desc:"Stats to remove from others' profiles", value:[ "Inviter" ], getValue:getStringArray }] },
  75. 		
  76. 		{ name:"Navbar Links", desc:"Adds links to the left side of the navbar.", func:navbarLinks, version:1, args:[
  77.             	{ desc:"", value:[{ text:"Upload", href:"/uploads/new" }, { text:"IQDB", href:"http://danbooru.iqdb.org/" }], getValue:getLinkArray },
  78.             	{ desc:"Links to remove from navbar or subnavbar", value:[ "Sign out" ], getValue:getStringArray } ] },
  79. 		
  80. 		{ name:"Navbar Tag Search", desc:"Adds/moves the post search box to the navbar.", func:navbarTagSearch, version:1, args:[
  81.             	{ desc:"Move the post search box when it exists", value:true },
  82.             	{ desc:"Add to subnavbar instead of navbar", value:true }] },
  83.  
  84.         { name:"Post Queue Tweaks", desc:"Various modifications to the post moderation queue", disabled:!isApprover, func:postQueueTweaks, version:1, args:[
  85.             	{ desc:"Highlight posts with these tags in red, and style the matched tags in bold/underline", value:[ "downscaled", "duplicate", "image_sample", "md5_mismatch", "resized", "upscaled" ], getValue:getStringArray },
  86.             	{ desc:"Reject ('No Interest'/'Skip') posts containing any of these tags", value:[], getValue:getStringArray },
  87.             	{ desc:"Swap thumbnail of top post in window with larger size when this key is pressed (list mode only)", value:"", elem:"input", getValue:getSingleChar },
  88.             	{ desc:"Swap thumbnail with larger size when clicked (list view only)", value:false },
  89.             	{ desc:"Automatically up/down vote posts when the approval/disapproval links are clicked (except 'No Interest'/'Skip')", value:true },
  90.                 { desc:"Posts per page", value:0, getValue:getNumber(0,200) },
  91.                 { desc:"Move buttons to above the tag list (list view only)", value:false } ] },
  92.  
  93. 		{ name:"Precision Time", desc:"Sets all time fields to the 'X units ago' form.", func:precisionTime, version:0, args:[
  94.             	{ desc:"Precision", value:1, getValue:getNumber(0,6) } ] },
  95. 		
  96. 		{ name:"Score Thumbnails", desc:"Displays scores and favorite counts below thumbnails.", func:scoreThumbnails, version:0, args:[
  97.             	{ desc:"Show score", value:true }, { desc:"Show favcount", value:false } ] }
  98. 	];
  99. 	
  100. 	var i, settings = MS_getValue( "settings", {} );
  101. 	for( i = 0; i < tweaks.length; i++ )
  102. 	{
  103. 		//Add tweaks to settings object if they don't exist, and reset those with changed versions or number of arguments.
  104. 		//Done in a separate loop since the function calls might modify the settings arguments.
  105. 		if( !tweaks[i].disabled && ( !settings[ tweaks[i].name ] || settings[ tweaks[i].name ].version != tweaks[i].version ) )
  106. 		{
  107. 			settings[ tweaks[i].name ] = { enable:!!tweaks[i].enable, version:tweaks[i].version };
  108. 			MS_setValue( "settings", settings, -1 );
  109. 		}
  110. 	}
  111. 	
  112. 	for( i = 0; i < tweaks.length; i++ )
  113. 	{
  114. 		try{
  115. 			if( !tweaks[i].disabled && settings[ tweaks[i].name ].args && settings[ tweaks[i].name ].enable )
  116. 				tweaks[i].func.apply( this, settings[ tweaks[i].name ].args );
  117. 		}
  118. 		catch(e) { MS_alert("Error ("+tweaks[i].name+"): "+e); }
  119. 	}
  120. 	settings = null;
  121. 	
  122. 	content = !recursion && navbar && document.getElementById("page");
  123. 	if( !content )
  124. 		return;
  125. 	
  126. 	var settingsLink = navbar.appendChild( createElementX({ tag: "li" }) ).appendChildX({ tag: "a", text: "Tweaks" });
  127. 	var settingsDiv = content.parentNode.insertBefore( createElementX({ tag:"div", style:"display:none; padding:0 20px 30px 20px;", id:"tweaks_settings" }), content );
  128. 	
  129. 	settingsLink.addEventListener( "mousedown", function()
  130. 	{
  131. 		if( content.style.display == "none" )
  132. 		{
  133. 			//Closing settings.  Destroy the contents and unhide the original content.
  134. 			settingsDiv.style.display = "none";
  135. 			content.style.display = "block";
  136. 			settingsDiv.textContent = "";
  137. 		}
  138. 		else
  139. 		{
  140. 			//Opening settings.  Hide the current content and reconstruct the GUI from scratch.
  141. 			var settings = MS_getValue( "settings", {} );
  142. 			
  143. 			settingsDiv.appendChildX({ tag:"h4" }).appendChildX("Miscellaneous Tweaks settings", { tag:"hr" });
  144. 			var table = settingsDiv.appendChildX({ tag:"table", width:"100%", style:"margin-bottom: 2em; vertical-align:top;" });
  145. 			
  146. 			var resetAll = false, resetButtons = [];
  147. 			
  148. 			//Clear old unused settings
  149.             for( let sName in settings )
  150. 			{
  151. 				for( var i = 0; i < tweaks.length && sName != tweaks[i].name; i++ );
  152. 				if( i == tweaks.length )
  153. 				{
  154. 					delete settings[sName];
  155. 					MS_setValue( "settings", settings, -1 );
  156. 				}
  157. 			}
  158. 			
  159. 			for( let i = 0; i < tweaks.length; i++ )
  160. 			{
  161.                 if( tweaks[i].disabled )
  162.                     continue;
  163.  
  164. 				let reset, body, check, title, tr = table.appendChildX({ tag:"tr", style:"vertical-align:top;" });
  165. 				let border = i != tweaks.length - 1 ? "border-bottom:4px solid #EEE; " : "";
  166. 				
  167. 				//Button to reset to default settings
  168. 				reset = tr.appendChildX({ tag:"td", style:border+"padding:1px 4px 1em 4px; width:1%" }).appendChildX({ tag:"button", title:"Reset to default settings for this tweak.", text:"Reset" });
  169. 				resetButtons.push( reset );//pad 1 4
  170. 				
  171. 				//Checkbox to toggle tweak
  172. 				check = tr.appendChildX({ tag:"td", style:border+"padding:0.3em 4px 1em 4px; text-align:center" }).appendChildX({ tag:"input", type:"checkbox", title:"Toggle this tweak." });
  173. 				check.checked = ( settings[ tweaks[i].name ].args ? !!settings[ tweaks[i].name ].enable : !!tweaks[i].enable );
  174. 				
  175. 				//Tweak description and arguments
  176. 				body = tr.appendChildX({ tag:"td", style:border+"padding:1px 4px 1em 4px; " });
  177. 				title = body.appendChildX({ tag:"b", text:tweaks[i].name });
  178. 				title.style.setProperty( "text-decoration", check.checked ? "none" : "line-through", null );
  179. 				
  180. 				body.appendChildX(": ");
  181. 				body.appendChildX({ tag:"span" }).innerHTML = tweaks[i].desc;
  182. 				
  183. 				//When the Reset button is clicked, delete any custom settings for it and fall back on defaults.
  184. 				reset.addEventListener( "click", (function(tweak,check){ return function()
  185. 				{
  186. 					if( !resetAll && !confirm("Reset this tweak?") )
  187. 						return;
  188. 					if( !!check.checked != !!tweak.enable )
  189. 						check.click();
  190. 					
  191. 					var settings = MS_getValue( "settings" );
  192. 					settings[ tweak.name ] = { enable:!!tweak.enable, version:tweak.version, args:defaultArgs( tweak ) };
  193. 					MS_setValue( "settings", settings, -1 );
  194. 					
  195. 					for( let i = 0; i < tweak.args.length; i++ )
  196. 						tweak.args[i].save(true);
  197. 				}; })( tweaks[i], check ), false );
  198. 				
  199. 				//When checkbox is clicked, toggle the title strikethrough and save settings
  200. 				check.addEventListener( "click", (function(tweak,title){ return function()
  201. 				{
  202. 					var settings = MS_getValue( "settings" );
  203. 					
  204. 					title.style.setProperty( "text-decoration", (settings[ tweak.name ].enable = this.checked) ? "none" : "line-through", null );
  205. 					if( !settings[tweak.name].args )
  206. 						settings[tweak.name].args = defaultArgs( tweak );
  207. 					MS_setValue( "settings", settings, -1 );
  208. 				}; })(tweaks[i],title), false );
  209. 				
  210. 				//If the tweak takes arguments, create the appropriate input elements and listeners.
  211. 				if( tweaks[i].args.length )
  212. 				{
  213. 					var list = body.appendChildX({ tag:"ul", style:"margin:0 0 0 2em;  list-style:disc" });
  214. 					for( var j = 0; j < tweaks[i].args.length; j++ )
  215. 						setupArg( settings, tweaks[i], j, list.appendChildX({ tag:"li", text:tweaks[i].args[j].desc+(tweaks[i].args[j].desc.length ? ": " : ""), style:"margin-top:4px" }) );
  216. 				}
  217. 			}
  218. 			
  219. 			settingsDiv.appendChildX({ tag:"hr" }, "Questions?  Comments?   Problems?  Leave some feedback at ", { tag:"a", href:"https://sleazyfork.org/en/scripts/3467", text:"https://sleazyfork.org/en/scripts/3467" }, "!" );
  220. 			settingsDiv.appendChildX({ tag:"hr" }, { tag:"b", text:"Raw settings:" }, { tag:"br" });
  221. 			settingsDiv.appendChildX({ tag:"textarea", type:"text", readonly:"true", style:"display: inline-block; width:98%; height:20px", title:"raw settings data!" }).value = JSON.stringify(settings);
  222. 			settingsDiv.appendChildX({ tag:"hr" });
  223. 			
  224. 			//"Reset All Tweaks" button
  225. 			settingsDiv.appendChildX({ tag:"input", type:"button", value:"Reset All Tweaks", title:"Reset all settings." }).addEventListener( "click", function()
  226. 			{
  227. 				if( confirm("Reset all tweaks?") && confirm("...Really?") )
  228. 				{
  229. 					resetAll = true;
  230. 					for( let i = 0; i < resetButtons.length; i++ )
  231. 						resetButtons[i].click();
  232. 					resetAll = false;
  233. 				}
  234. 			}, false );
  235. 			
  236. 			//"Delete All Variables" button
  237. 			settingsDiv.appendChildX({ tag:"input", type:"button", value:"Delete All Variables", title:"Reset all settings." }).addEventListener( "click", function()
  238. 			{
  239. 				if( confirm("WARNING: This will delete all variables associated with this script.") && confirm("...Really?") )
  240. 				{
  241. 					var varList = GM_listValues();
  242. 					while( varList.length > 0 )
  243. 						GM_deleteValue( varList.pop() );
  244. 					settingsLink.click();
  245. 				}
  246. 			}, false );
  247. 			
  248. 			content.style.display = "none";
  249. 			settingsDiv.style.display = "block";
  250. 		}
  251. 	}, false );
  252. 	
  253. 	//Returns an array with just the "value" properties from an array of arguments for a tweak
  254. 	function defaultArgs( tweak )
  255. 	{
  256. 		var defArgs = [];
  257. 		for( let i = 0; i < tweak.args.length; i++ )
  258. 			defArgs.push( tweak.args[i].value );
  259. 		return defArgs;
  260. 	}
  261. 		
  262. 	//Creates the input element for an element and sets up the appropriate settings/listeners
  263. 	function setupArg( oldSettings, tweak, argI, elem )
  264. 	{
  265. 		//Let the starting value be the custom setting, or default if nothing set
  266. 		var currentValue = tweak.args[argI].value, event = "input";
  267. 		if( oldSettings[ tweak.name ] && oldSettings[ tweak.name ].args && oldSettings[ tweak.name ].args[argI] != null )
  268. 			currentValue = oldSettings[ tweak.name ].args[argI];
  269. 		
  270. 		if( typeof( tweak.args[argI].value ) == "boolean" )
  271. 		{
  272. 			//Checkbox
  273. 			elem = elem.appendChildX({ tag:"input", type:"checkbox", title:tweak.args[argI].desc });
  274. 			
  275. 			if( !tweak.args[argI].getValue )
  276. 				tweak.args[argI].getValue = function(thing){ return thing.checked; };
  277. 			if( !tweak.args[argI].setValue )
  278. 				tweak.args[argI].setValue = function(thing,val){ thing.checked = val; }
  279. 			
  280. 			event = "click";
  281. 		}
  282. 		else if( typeof( tweak.args[argI].value ) == "number" )
  283. 		{
  284. 			elem = elem.appendChildX({ tag:"input", type:"text", title:tweak.args[argI].desc });
  285. 			
  286. 			if( !tweak.args[argI].getValue )
  287. 				tweak.args[argI].getValue = function(thing){ var val = Number( thing.value ); return isNaN(val) || thing.value.length == 0 ? null : val; };
  288. 			if( !tweak.args[argI].setValue )
  289. 				tweak.args[argI].setValue = function(thing,val){ thing.value = val; }
  290. 		}
  291. 		else if( typeof( tweak.args[argI].value ) == "string" )
  292. 		{
  293. 			if( tweak.args[argI].elem == "input" )
  294. 			{
  295. 				//Size element to fit the contents
  296. 				elem = elem.appendChildX({ tag:"input", type:"text", title:tweak.args[argI].desc });
  297. 				elem.addEventListener( "input", function() { elem.setAttribute("size", elem.value.length + 5); }, false );
  298. 				elem.setAttribute("size", currentValue.length + 5);
  299. 			}
  300. 			else
  301. 			{
  302. 				//Size to fit, with a timeout since hidden elements don't have a height
  303. 				elem = elem.appendChildX({ tag:"textarea", type:"text", style:"display: inline-block; width:95%; height:20px", title:tweak.args[argI].desc });
  304. 				setTimeout( function() { elem.style.height = Math.max( elem.scrollHeight, elem.clientHeight, 20 ) + "px"; }, 0 );
  305. 				elem.addEventListener( "input", function(){ setTimeout( function(){ if( elem.scrollTop > 0 ) elem.style.height = Math.max( elem.scrollHeight, elem.clientHeight )+"px"; }, 50 ); }, false );
  306. 			}
  307. 			
  308. 			if( !tweak.args[argI].getValue )
  309. 				tweak.args[argI].getValue = function(thing){ return thing.value; }
  310. 			if( !tweak.args[argI].setValue )
  311. 				tweak.args[argI].setValue = function(thing,val){ thing.value = val; }
  312. 		}
  313. 		else if( typeof( tweak.args[argI].value ) == "object" )
  314. 		{
  315. 			if( tweak.args[argI].desc.length )
  316. 				elem.appendChildX({tag:"br"});
  317. 			
  318. 			elem = elem.appendChildX({ tag:"textarea", type:"text", style:"display: inline-block; width:95%; height:20px", title:tweak.args[argI].desc });
  319. 			setTimeout( function() { elem.style.height = Math.max( elem.scrollHeight, elem.clientHeight, 20 ) + "px"; }, 0 );
  320. 			elem.addEventListener( "input", function(){ setTimeout( function(){ if( elem.scrollTop > 0 ) elem.style.height = Math.max( elem.scrollHeight, elem.clientHeight )+"px"; }, 50 ); }, false );
  321. 			
  322. 			if( !tweak.args[argI].getValue )
  323. 				tweak.args[argI].getValue = function(thing){ try{ return MS_parseJSON( elem.value ); } catch(err){ return null; } };
  324. 			if( !tweak.args[argI].setValue )
  325. 				tweak.args[argI].setValue = function(thing,val){ thing.value = JSON.stringify( val, null, 1 ).replace(/\s+/g,' '); }
  326. 		}
  327. 		else
  328. 		{
  329. 			MS_alert("Unknown argument type "+typeof( tweak.args[argI].value )+" ("+tweak.name+")");
  330. 			tweak.args[argI].getValue = function(){return null;}
  331. 			tweak.args[argI].setValue = function(){}
  332. 		}
  333. 		
  334. 		tweak.args[argI].setValue(elem, currentValue);
  335. 		tweak.args[argI].save = function(reset)
  336. 		{
  337. 			var settings = MS_getValue( "settings" );
  338. 			
  339. 			if( !settings[ tweak.name ].args )
  340. 				settings[ tweak.name ].args = defaultArgs( tweak );
  341. 			
  342. 			if( reset === true )
  343. 				tweak.args[argI].setValue( elem, tweak.args[argI].value );
  344. 			
  345. 			var value = tweak.args[argI].getValue( elem );
  346. 			if( value === null )
  347. 				elem.style.color = 'red';
  348. 			else
  349. 			{
  350. 				elem.style.removeProperty("color");
  351. 				settings[tweak.name].args[argI] = value;
  352. 				MS_setValue( "settings", settings, -1 );
  353. 			}
  354. 		}
  355. 		elem.addEventListener( event, tweak.args[argI].save, false );
  356. 	}
  357. 	
  358. 	function getNumber(a,b)
  359. 	{
  360. 		a = Number(a);
  361. 		b = Number(b);
  362. 		return function(elem)
  363. 		{
  364. 			var num = Number( elem.value );
  365. 			if( elem.value.length == 0 || isNaN(num) || num < a || num > b )
  366. 				return null;
  367. 			return num;
  368. 		}
  369. 	};
  370. 	
  371. 	function getDTextArray(elem)
  372. 	{
  373. 		try{
  374. 			var list = MS_parseJSON( elem.value );
  375. 			if( list.length == 0 )
  376. 				return null;
  377. 			
  378. 			for( let i = 0; i < list.length; i++ )
  379. 			{
  380. 				if( new RegExp( list[i].regex ).test("```````````") )
  381. 					return null;//Check for valid regex, reject those that match "everything"
  382. 				if( list[i].text && ( typeof(list[i].text) != "string" || list[i].text.length < 1 ) )
  383. 					return null;
  384. 				if( list[i].link && ( typeof(list[i].link) != "string" || list[i].link.length < 1 ) )
  385. 					return null;
  386. 				if( !list[i].text && !list[i].link )
  387. 					return null;
  388. 			}
  389. 			return list;
  390. 		} catch(err){}
  391. 		
  392. 		return null;
  393. 	}
  394. 	
  395. 	function getBlacklistString(elem)
  396. 	{
  397. 		try{
  398. 			if( !(new RegExp( "(^|.* )("+elem.value+")( .*|$)", "i" ).test("```````````")) )
  399. 				return elem.value;
  400. 		}catch(err){}
  401. 		
  402. 		return null;
  403. 	}
  404. 	
  405. 	function getLinkArray(elem)
  406. 	{
  407. 		try{
  408. 			var list = JSON.parse(elem.value);
  409. 			if( list.length == 0 )
  410. 				return null;
  411. 			
  412. 			for( let i = 0; i < list.length; i++ )
  413. 				if( typeof(list[i].text) != "string" || list[i].text.length == 0 || typeof(list[i].href) != "string" || list[i].href.length == 0 )
  414. 					return null;
  415. 			
  416. 			return list;
  417. 		}catch(err) {}
  418. 		
  419. 		return null;
  420. 	}
  421. 	
  422. 	function getTagSubscriptions(elem)
  423. 	{
  424. 		try{
  425. 			var json = MS_parseJSON( elem.value );
  426. 			if( json.length == 0 )
  427. 				return null;
  428. 			for( var call = 0; call < json.length; call++ )
  429. 			{
  430. 				//Add missing properties
  431. 				if( !json[call].maxExpanded )
  432. 					json[call].maxExpanded = 0;
  433. 				if( !json[call].intersect )
  434. 					json[call].intersect = false;
  435. 				if( !json[call].timestamp )
  436. 					json[call].timestamp = false
  437. 				
  438. 				if( json[call].title.length == 0 ||
  439. 					typeof(json[call].title) != "string" ||
  440. 					typeof(json[call].refresh) != "number" ||
  441. 					json[call].refresh <= 0 ||
  442. 					typeof(json[call].thumbs) != "number" ||
  443. 					json[call].thumbs < 0 ||
  444. 					typeof(json[call].maxExpanded) != "number" ||
  445. 					json[call].maxExpanded < 0 ||
  446. 					( !json[call].thumbs && !json[call].maxExpanded) ||
  447. 					json[call].queries.length == 0 )
  448. 				{
  449. 					return null;
  450. 				}
  451. 				
  452. 				//Titles must be unique
  453. 				for( let subCall = 0; subCall < json.length; subCall++ )
  454. 					if( call != subCall && json[subCall].title == json[call].title )
  455. 						return null;
  456. 				
  457. 				for( var query = 0; query < json[call].queries.length; query++ )
  458. 				{
  459. 					if( !json[call].queries[query].pages )
  460. 						json[call].queries[query].pages = 1;
  461. 					if( json[call].queries[query].search.length == 0 ||
  462. 						typeof(json[call].queries[query].search) != "string" ||
  463. 						typeof(json[call].queries[query].pages) != "number" ||
  464. 						json[call].queries[query].pages < 0 ||
  465. 						json[call].queries[query].pages > 1000 )
  466. 					{
  467. 						return null;
  468. 					}
  469. 				}
  470. 			}
  471. 			return json;
  472. 		}
  473. 		catch(err){ }
  474. 		
  475. 		return null;
  476. 	}
  477. 	
  478. 	function getStringArray(elem)
  479. 	{
  480. 		try{
  481. 			let list = JSON.parse( elem.value );
  482. 			
  483. 			if( !( list instanceof Array ) )
  484. 				return null;
  485. 			
  486. 			for( let i = 0; i < list.length; i++ )
  487. 				if( typeof(list[i]) != "string" )
  488. 					return null;
  489. 			
  490. 			return list;
  491. 		}catch(err){}
  492. 		
  493. 		return null;
  494. 	}
  495.  
  496.     function getSingleChar(elem)
  497.     {
  498.         if( elem.value.length > 1 )
  499.             return null;
  500.         return elem.value.charAt(0);
  501.     }
  502. }
  503.  
  504. function initialize()
  505. {
  506. 	if( typeof(unsafeWindow) == "undefined" )
  507. 		var unsafeWindow=window;
  508. 	if( typeof(GM_getValue) == "undefined" || GM_getValue('a', 'b') == undefined )
  509. 	{
  510. 		//GM_log = console.log || function() { };
  511. 		GM_deleteValue = function(a){ localStorage.removeItem("danbooru_miscellaneous."+a); }
  512. 		GM_openInTab = function(a){ return window.open(a,a); }
  513. 		GM_getValue = function(name, defaultValue)
  514. 		{
  515. 			var value = localStorage.getItem("danbooru_miscellaneous."+name);
  516. 			if( !value )
  517. 				return defaultValue;
  518. 			
  519. 			var type = value[0];
  520. 			value = value.substring(1);
  521. 			
  522. 			if( type == 'b' )
  523. 				return value == 'true';
  524. 			else if( type == 'n' )
  525. 				return Number(value);
  526. 			return value;
  527. 		}
  528. 		GM_setValue = function(name, value)
  529. 		{
  530. 			value = (typeof value)[0] + value;
  531. 			localStorage.setItem("danbooru_miscellaneous."+name, value);
  532. 		}
  533. 		GM_listValues = function()
  534. 		{
  535. 			let j = 0, list = new Array(localStorage.length);
  536. 			for( let i = 0; i < localStorage.length; i++ )
  537. 				if( /^danbooru_miscellaneous/.test( localStorage.key(i) ) )
  538. 					list[j++] = localStorage.key(i).replace(/^danbooru_miscellaneous./,'');
  539. 			return list;
  540. 		}
  541. 		GM_xmlhttpRequest = function(obj)
  542. 		{
  543. 			//Unlike the Greasemonkey function, XMLHttpRequest can't access sites outside Danbooru
  544. 			if( !/^https?:..([^.]+\.)?donmai.us\//.test(obj.url) )
  545. 				return;
  546. 			
  547. 			let request = new XMLHttpRequest();
  548. 			request.onreadystatechange = function()
  549. 			{
  550. 				if( obj.onreadystatechange )
  551. 					obj.onreadystatechange( request );
  552. 				if( request.readyState == 4 && obj.onload )
  553. 					obj.onload( request );
  554. 			}
  555. 			request.onerror = function()
  556. 			{
  557. 				if( obj.onerror )
  558. 					obj.onerror( request );
  559. 			}
  560. 			try {
  561. 				request.open( obj.method, obj.url, true );
  562. 			} catch(e) {
  563. 				if( obj.onerror )
  564. 					obj.onerror( { readyState:4, responseHeaders:'', responseText:'', responseXML:'', status:403, statusText:'Forbidden'} );
  565. 				return;
  566. 			}
  567. 			if( obj.headers )
  568. 				for( let name in obj.headers )
  569. 					request.setRequestHeader( name, obj.headers[name] );
  570. 			
  571. 			request.send( obj.data );
  572. 			return request;
  573. 		}
  574. 	}
  575. 	
  576. 	recursion = (window != window.top);
  577. 	
  578. 	loginID = document.body.getAttribute("data-current-user-id");
  579. 	if( !loginID || loginID.length == 0 )
  580. 	{
  581. 		login = "";
  582. 		loginID = 0;
  583. 	}
  584. 	else
  585. 	{
  586. 		login = document.body.getAttribute("data-current-user-name");
  587. 		loginID = parseInt(loginID);
  588. 	}
  589. 	
  590.     let navMenu = document.querySelectorAll("#nav menu");
  591.     if( navMenu.length > 0 )
  592.     {
  593.         navbar = navMenu[0];
  594.         subnavbar = navMenu[1];
  595.         content = !recursion && document.getElementById("page");
  596. 		if( !subnavbar )
  597. 		{
  598. 			//Insert subnavbar if it doesn't exist but the navbar does.
  599. 			subnavbar = navbar.parentNode.insertBefore( createElementX({tag:"menu"}), navbar.nextSibling );
  600. 			
  601. 			//Add a dummy link element so the subnavbar is the right height.
  602. 			subnavbar.appendChildX({tag:"li"}).appendChildX({tag:"a", href:"#"});
  603. 		}
  604. 	}
  605.  
  606.     isApprover = ( document.body.getAttribute("data-current-user-is-approver") == "true" );
  607. }
  608.  
  609.  
  610. function showErrorFun()
  611. {
  612. 	showError = true;
  613. }
  614.  
  615.  
  616. /**
  617. 	Adds/moves the post search box to the navbar.
  618.  */
  619. function navbarTagSearch(moveBox,useSubnavbar)
  620. {
  621. 	var targetBar = useSubnavbar ? subnavbar : navbar;
  622. 	if( recursion || !targetBar )
  623. 		return;
  624. 	
  625. 	var searchBox = document.getElementById("search-box"), value = "";
  626. 	if( searchBox )
  627. 	{
  628. 		if( !moveBox )
  629. 			return;
  630. 		
  631. 		if( document.getElementById("tags") )
  632. 			value = document.getElementById("tags").value.replace(/"/g,'');
  633. 		
  634. 		//To keep a consistent location for the search box, remove the original one wherever it appears.
  635. 		searchBox.parentNode.removeChild(searchBox);
  636. 	}
  637.  
  638. 	searchBox = createElementX({ tag:"li", id:"search-box"});
  639. 	searchBox.innerHTML = '<form accept-charset="UTF-8" action="/posts" method="get"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="&#x2713;" /></div><input id="tags" name="tags" size="30" type="text" ' + ( value ? 'value="'+value+'" ' : 'placeholder="Search posts" ' ) + '/><input name="commit" type="submit" value="Go" style="width:2.8em"/></form>';
  640. 	
  641. 	targetBar.insertBefore( searchBox, targetBar.firstChild );
  642. }
  643.  
  644.  
  645. /**
  646. 	Adds +/- links next to tags in the taglist to add/remove/negate tags from the tag search box. Tags cannot be added or negated more than once.
  647.  */
  648. function addPlusMinusLinks(addListeners)
  649. {
  650. 	if( recursion || !document.getElementById("tags") )
  651. 		return;
  652.  
  653.     let boxValue = document.getElementById("tags").value;
  654.     if( boxValue.length > 0 )
  655.         boxValue += '+';
  656.     
  657. 	setTimeout( function() //0-timeout to let the custom tags get added
  658. 	{
  659. 		for( let listItem of document.querySelectorAll("section .tag-list li") )
  660. 		{
  661.             let links = listItem.getElementsByTagName("a");
  662. 			if( links.length < 4 )
  663. 			{
  664.                 var urlTag = boxValue + links[0].href.substring( links[0].href.lastIndexOf("/") + 1, links[0].href.indexOf("?") );
  665.                 
  666.                 if( links[0].parentNode == listItem )
  667.                     links[0].style.marginRight = ".3rem";
  668.                 
  669.                 listItem.insertBefore( createElementX( { tag:'a', text:'+', class:"search-inc-tag", style:"margin-right: .4rem", href:"/posts?tags=" +urlTag },
  670.                                                        { tag:'a', text:'-', class:"search-exl-tag", style:"margin-right: .4rem", href:"/posts?tags=-"+urlTag } ), ( listItem == links[1].parentNode ? links[1] : links[1].parentNode ) );
  671.                 
  672. 				links = listItem.getElementsByTagName("a");
  673. 				links[2].innerHTML="&ndash;";
  674. 			}
  675. 			
  676. 			if( addListeners )
  677. 			{
  678. 				let tag = links[3].textContent.replace( /\s+/g, '_' );
  679. 				
  680. 				//Plus
  681. 				links[1].setAttribute("onclick","return false;");
  682. 				links[1].addEventListener( "click", searchBoxChange(" "+tag+" ", " -"+tag+" "), false );
  683. 				
  684. 				//Minus
  685. 				links[2].setAttribute("onclick","return false;");
  686. 				links[2].addEventListener( "click", searchBoxChange(" -"+tag+" ", " "+tag+" "), false );
  687. 			}
  688. 		}
  689. 	}, 0 );
  690. 	
  691. 	function searchBoxChange(add, remove) { return function(e)
  692. 	{
  693. 		let searchBox = document.getElementById("tags");
  694. 		let value = " "+searchBox.value+" ";
  695. 		if( value.indexOf(remove) >= 0 )
  696. 			value = value.replace(remove," ");
  697. 		else if( value.indexOf(add) < 0 )
  698. 			value = value + add;
  699. 		
  700. 		//Trim excess whitespace from search box and give it focus
  701. 		searchBox.value = value.replace(/(^ +| +$)/g,'').replace(/  +/,' ');
  702. 		searchBox.focus();
  703. 	}}
  704. }
  705.  
  706.  
  707. /**
  708. 	Adds a new section to the taglist, complete with +/- links.
  709.  */
  710. function customTaglist(title, newTags)
  711. {
  712. 	var tagList = !recursion && ( document.getElementById("tag-box") || document.getElementById("tag-list") );
  713. 	if( !tagList )
  714. 		return;
  715. 	
  716. 	var fragment = createElementX([{ tag:( tagList.id == "tag-box" ? "h2" : "h3" ), text:title, style:"margin-top: 1rem" }]);
  717. 	var newList = fragment.appendChildX({ tag:"ul", class:"tag-list" });
  718. 	var tagsValue = document.getElementById("tags").value;
  719. 	if( tagsValue.length > 0 )
  720. 		tagsValue = '+'+tagsValue;
  721. 	
  722. 	for( let i = 0; i < newTags.length; i++ )
  723. 	{
  724. 		let newListItem = createElementX({ tag: "li", class:"tag-type-0"/* general tag by default */ });
  725. 		let thisTag = newTags[i];//Make copy to avoid removing tag type from original settings
  726. 		
  727. 		if( thisTag.indexOf("art:") == 0 )
  728. 			newListItem.className = "tag-type-1";
  729. 		else if( thisTag.indexOf("copy:") == 0 )
  730. 			newListItem.className = "tag-type-3";
  731. 		else if( thisTag.indexOf("char:") == 0 )
  732. 			newListItem.className = "tag-type-4";
  733. 		else if( thisTag.indexOf("meta:") == 0 )
  734. 			newListItem.className = "tag-type-5";
  735. 		
  736. 		thisTag = thisTag.replace(/^(art|char|copy|gen):/,'');
  737. 		
  738. 		if( thisTag.indexOf(":") > 0 )
  739. 			newListItem.innerHTML = '<a class="wiki-link" style="margin-right: .2rem" href="/wiki_pages?title=help:cheatsheet">?</a>';
  740. 		else
  741. 			newListItem.innerHTML = '<a class="wiki-link" style="margin-right: .2rem" href="/wiki_pages?title='+thisTag.replace(/ /g,'_')+'">?</a>';
  742. 		
  743. 		newListItem.innerHTML += ' <a href="/posts?tags='+thisTag.replace(/ /g,'_')+tagsValue+'" class="search-inc-tag" style="margin-right: .2rem">+</a> <a href="/posts?tags=-'+thisTag.replace(/ /g,'_')+tagsValue+'" class="search-exl-tag" style="margin-right: .2rem">&ndash;</a>'+' <a href="/posts?tags='+thisTag.replace(/ /g,'_')+'" class="search-tag">'+thisTag.replace(/_/g,' ')+'</a>';
  744. 		newList.appendChild(newListItem);
  745. 	}
  746. 	
  747. 	tagList.appendChild(fragment);
  748. }
  749.  
  750.  
  751. /**
  752. 	Adds links to the navbar, and removes links from the navbar or subnavbar.
  753.  */
  754. function navbarLinks(addLinks, removeLinks)
  755. {
  756. 	if( !navbar || recursion )
  757. 		return;
  758. 	
  759. 	var fragment = createElementX([]);
  760. 	
  761. 	for( let i = 0; i < addLinks.length; i++ )
  762. 		if( addLinks[i].text && addLinks[i].href )
  763. 			fragment.appendChildX({ tag: "li" }).appendChildX({ tag:"a", href:addLinks[i].href, text:addLinks[i].text });
  764. 	
  765. 	navbar.insertBefore( fragment, navbar.firstChild );
  766. 	
  767. 	if( removeLinks.length )
  768. 	{
  769. 		var navLinks = Array.prototype.slice.call( navbar.getElementsByTagName("a") ).concat( Array.prototype.slice.call( subnavbar.getElementsByTagName("a") ) );
  770. 		for( let i = 0; i < navLinks.length; i++ )
  771. 			for( let j = 0; j < removeLinks.length; j++ )
  772. 				if( navLinks[i].textContent == removeLinks[j] )
  773. 					navLinks[i].parentNode.removeChild( navLinks[i] );
  774. 	}
  775. }
  776.  
  777.  
  778. /**
  779. 	Removes the specified statistics from user profiles.
  780.  */
  781. function hideUserStatistics(deleteMe, deleteThem)
  782. {
  783. 	var deleteArray, statBlock = !recursion && document.getElementsByClassName("user-statistics")[0];
  784. 	if( !statBlock )
  785. 		return;
  786. 	
  787. 	if( statBlock.parentNode.parentNode.getElementsByTagName("h1")[0].textContent == login )
  788. 		deleteArray = ( deleteMe instanceof Array ) ? deleteMe : [];//Your profile
  789. 	else
  790. 		deleteArray = ( deleteThem instanceof Array ) ? deleteThem : [];//Someone else's profile
  791. 	
  792. 	if( deleteArray.indexOf("Statistics") >= 0 )
  793. 		statBlock.parentNode.getElementsByTagName("h2")[0].style.display = "none";
  794. 	
  795. 	var statLabels = statBlock.getElementsByTagName("th");
  796. 	
  797. 	for( let i = 0; i < statLabels.length; i++ )
  798. 		if( deleteArray.indexOf( statLabels[i].textContent ) >= 0 )
  799. 			statLabels[i].parentNode.style.display = "none";
  800. }
  801.  
  802.  
  803. /**
  804. 	Appends images' scores and/or favorite counts below their thumbnails.
  805. 	
  806. 	appendScore: If true, append the score.
  807. 	appendFavcount: If true, append the favcount.
  808.  */
  809. function scoreThumbnails( appendScore, appendFavcount )
  810. {
  811. 	if( recursion || ( !appendScore && !appendFavcount ) )
  812. 		return;
  813. 	
  814. 	setTimeout( function() { MS_observeInserts( giveSomething )(); }, 0 );
  815. 	
  816. 	function giveSomething(e)
  817. 	{
  818. 		if( e && !e.target.querySelectorAll )
  819. 			return;
  820. 		
  821.         //Clicking on a vote link replaces the "post-votes" class element
  822.         if( e && appendScore && e.target.classList.contains("post-votes") )
  823.         {
  824.             let score = e.target.parentNode.querySelector("span.post-score a");
  825.             if( score.textContent < 0 )
  826.                 score.style.color = "red";
  827.             return;
  828.         }
  829. 		
  830.         let articles;
  831.         if( !e )
  832.             articles = document.querySelectorAll("article.post-preview");
  833.         else if( e.target.classList.contains("post-preview") )
  834.             articles = [ e.target ];
  835.         else
  836.             articles = e.target.querySelectorAll("article.post-preview");
  837.         
  838.         for( let thumbArt of articles )
  839.         {
  840.             let outerBlock = thumbArt.getElementsByClassName("post-preview-score")[0] || createElementX({ tag:"div", class:"post-preview-score text-sm text-center mt-1" });
  841.             
  842.             if( appendFavcount && !outerBlock.getElementsByClassName("post-fav_count")[0] )
  843.                 outerBlock.insertBefore( createElementX({tag:"span", class:"post-score post-fav_count", style:"vertical-align:middle" }), outerBlock.firstChild );
  844.             
  845.             if( appendScore && !outerBlock.getElementsByClassName("post-votes")[0] )
  846.             {
  847.                 let postID = thumbArt.getAttribute("data-id");
  848.                 outerBlock.appendChild( createElementX({ tag: "span", class:"post-votes inline-flex gap-1", "data-id":postID }) ).innerHTML =
  849.                     '<a class="post-upvote-link inactive-link" data-remote="true" rel="nofollow" data-method="post" href="/posts/'+postID+'/votes?score=1">' +
  850.                         '<svg class="icon svg-icon upvote-icon" viewBox="0 0 448 512"><use fill="currentColor" href="/packs/static/images/icons-f4ca0cd60cf43cc54f9a.svg#arrow-alt-up"></use></svg></a>' +
  851.                     '<span class="post-score inline-block text-center whitespace-nowrap align-middle min-w-4"><a rel="nofollow" href="/post_votes?search%5Bpost_id%5D='+postID+'&variant=compact" aria-expanded="false"></a></span>' +
  852.                     '<a class="post-downvote-link inactive-link" data-remote="true" rel="nofollow" data-method="post" href="/posts/'+postID+'/votes?score=-1">' +
  853.                         '<svg class="icon svg-icon downvote-icon" viewBox="0 0 448 512"><use fill="currentColor" href="/packs/static/images/icons-f4ca0cd60cf43cc54f9a.svg#arrow-alt-down"></use></svg></a>';
  854.             }
  855.             
  856.             if( !outerBlock.parentNode )
  857.                 thumbArt.appendChild( outerBlock );
  858.         }
  859.         MS_usingArticles( articles, function(art)
  860.         {
  861.             let score = appendScore && art.querySelector(".post-votes .post-score a");
  862.             if( score )
  863.             {
  864.                 if( art.getAttribute("score") < 0 )
  865.                     score.style.color = "red";
  866.                 score.textContent = art.getAttribute("score");
  867.             }
  868.             
  869.             if( appendFavcount )
  870.                 art.getElementsByClassName("post-fav_count")[0].innerHTML = art.getAttribute("fav_count")+"&hearts;&nbsp;";
  871.         } );
  872. 	}
  873. }
  874.  
  875.  
  876. /**
  877. 	Blacklist implementation that replaces images with links labeled with tags they matched in the blacklist.  Clicking the link/image alternates between the two.
  878.     Translation notes appear every other time the image is displayed.
  879.  
  880. 	Your own uploads are exempt from the blacklist.
  881. 	
  882. 	blacklistTags: array of individual tags ('*' supported)
  883.  */
  884. function blacklistTags( blacklist )
  885. {
  886. 	if( recursion || blacklist.length == 0 )
  887. 		return;
  888. 	
  889.     let imageContainer = document.getElementsByClassName("image-container")[0];
  890. 	
  891.     let exBlacklist = [];
  892.     for( let tag of blacklist )
  893.         if( tag.indexOf('*') >= 0 )
  894.             exBlacklist.push( new RegExp("^"+tag.replace(/(\$|\^|\)|\(|\+|\.|\[|\])/g,"\\$1").replace("*",".*")+"$", "i" ) );
  895.     
  896.     MS_observeInserts( function(e)
  897.     {
  898.         let found;
  899.         if( !e )
  900.         {
  901.             found = Array.from( document.querySelectorAll("article.post-preview") );
  902.             if( imageContainer )//Apply to image in single-post page
  903.             {
  904.                 setTimeout( function(){ imageContainer.style.fontSize = "inherit"; }, 0 );//What is setting font-size to some small value???
  905.                 found.push( imageContainer );
  906.             }
  907.         }
  908.         else if( e.target.tagName == "ARTICLE" && e.target.classList && e.target.classList.contains("post-preview") )
  909.             found = [ e.target ];
  910.         else if( e.target.querySelectorAll )
  911.             found = e.target.querySelectorAll("article.post-preview");
  912.         else
  913.             return;
  914.         
  915.         if( !found.length )
  916.             return;
  917.         
  918.         if( !found[0].hasAttribute("data-tags") )
  919.             MS_usingArticles( found, applyBlacklist );
  920.         else for( let target of found )
  921.             applyBlacklist( target );
  922.     })();
  923. 	
  924. 	function applyBlacklist(elem)
  925. 	{
  926.         if( !elem || ( elem.getAttribute("data-uploader-id") || elem.getAttribute("uploader_id") ) == loginID )
  927. 			return;
  928. 		let tags = elem.getAttribute("data-tags") || elem.getAttribute("tag_string");
  929.         if( !tags )
  930.             return;
  931.         
  932. 		var badTags = [];//List of all of this post's tags that hit the blacklist
  933.         
  934.         for( let tag of tags.split(" ") )
  935.         {
  936.             if( blacklist.indexOf(tag) >= 0 )
  937.                 badTags.push( tag );
  938.             else for( let extag of exBlacklist )
  939.                 if( extag.test(tag) )
  940.                 {
  941.                     badTags.push( tag );
  942.                     break;
  943.                 }
  944.         }
  945. 		
  946. 		var image = badTags.length && !elem.getAttribute("blacklisted") && elem.getElementsByTagName("img")[0];
  947. 		
  948. 		if( !image )
  949. 			return;
  950. 		
  951. 		elem.setAttribute("blacklisted","true");
  952. 		
  953. 		let blackLink = createElementX({ tag: "a", href:image.src, text:('hidden ('+badTags+')').replace(/,/g,', '), title:( image.title || "" ) });
  954. 		
  955.         if( elem.classList.contains("post-status-deleted") )
  956.             blackLink.style.color = "#000";
  957.         else if( elem.classList.contains("post-status-pending") )
  958.             blackLink.style.color = "#00F";
  959.         else if( elem.classList.contains("post-status-flagged") )
  960.             blackLink.style.color = "#F00";
  961.         else if( elem.classList.contains("post-status-has-parent") )
  962.             blackLink.style.color = "#CC0";
  963.         else if( elem.classList.contains("post-status-has-children") )
  964.             blackLink.style.color = "#0F0";
  965. 		
  966.         for( let parent = image; parent != elem; parent = parent.parentNode )
  967.             if( parent.href )
  968.             {
  969.                 //Thumbnails are surrounded by links.  Hide those instead of the images themselves.
  970.                 image = parent;
  971.                 blackLink.href = image.href;
  972.  
  973.                 //Comments have div.post-preview/div.preview/a/img
  974.                 elem = image.parentNode;
  975.                 elem.style.textAlign = "center";
  976.                 break;
  977.             }
  978.         
  979. 		var showNotes = true;
  980. 		if( elem == imageContainer )
  981.         {
  982.             for( let note of elem.getElementsByClassName("note-box") )
  983.                 note.style.display = "none";
  984.         }
  985.         image.style.display = "none";
  986. 		
  987. 		elem.insertBefore( blackLink, elem.firstChild );
  988. 		
  989. 		blackLink.addEventListener( "click", function(e) { if( !e.ctrlKey ) e.preventDefault(); }, false );
  990. 		elem.addEventListener( "click", function(e)
  991. 		{
  992. 			if( e.ctrlKey ) return;
  993. 			e.preventDefault();
  994.  
  995. 			//Swap styles
  996. 			let oldImageStyle = image.style.display || "none";
  997. 			image.style.display = blackLink.style.display || "block";
  998. 			blackLink.style.display = oldImageStyle;
  999. 			
  1000. 			if( elem == imageContainer )
  1001.             {
  1002.                 let display = ( image.style.display == "none" || (showNotes = !showNotes) ? "none" : "block" );
  1003.                 for( let note of imageContainer.getElementsByClassName("note-box") )
  1004.                     note.style.display = display;
  1005.             }
  1006. 		}, true );
  1007. 	}
  1008. }
  1009.  
  1010.  
  1011. /**
  1012. 	Sets all times to the "X units ago" form with custom precision.
  1013.  */
  1014. function precisionTime(precision)
  1015. {
  1016. 	if( recursion )
  1017. 		return;
  1018. 	
  1019. 	MS_observeInserts( function(e)
  1020. 	{
  1021. 		if( e && !e.target.getElementsByTagName )
  1022. 			return;
  1023. 		
  1024. 		var timeNodes = ( e ? e.target : document ).querySelectorAll("time[title]");
  1025. 		for( let i = 0; i < timeNodes.length; i++ )
  1026. 		{
  1027. 			//<time datetime="2013-02-26T22:16-05:00" title="2013-02-26 22:16:25 -0500">2013-02-26 22:16</time>
  1028. 			var unit = "", title = timeNodes[i].getAttribute("title").split(" ");
  1029. 			var duration = ( Date.now() - new Date(title[0]+'T'+title[1]+title[2]) ) / 1000;
  1030. 			//new Date(timeNodes[i].getAttribute("datetime")).getTime() - 1000*parseInt( (timeNodes[i].getAttribute("title") || "0 0:0:0").split(/[\s:]+/,4)[3], 10 );
  1031. 			
  1032. 			if( duration < 60 )
  1033. 				unit = "second";
  1034. 			else if( (duration /= 60) < 60 )
  1035. 				unit = "minute";
  1036. 			else if( (duration /= 60) < 24 )
  1037. 				unit = "hour";
  1038. 			else if( (duration /= 24) < 30.4375 )
  1039. 				unit = "day";
  1040. 			else if( (duration /= 30.4375) < 12 )
  1041. 				unit = "month";
  1042. 			else if( (duration /= 12) > 0 )
  1043. 				unit = "year";
  1044. 			else continue;//Parsing error
  1045. 			
  1046. 			if( precision > 0 && unit != "second" )
  1047. 				timeNodes[i].textContent = duration.toFixed(precision)+" "+unit+"s ago";
  1048. 			else
  1049. 			{
  1050. 				duration = ( duration <= 0 ? "0" : duration.toFixed(0) );
  1051. 				timeNodes[i].textContent = duration+" "+unit+( duration == "1" ? " ago" : "s ago" );
  1052. 			}
  1053. 		}
  1054. 	})();
  1055. }
  1056.  
  1057.  
  1058. /**
  1059. 	Adds a pseudo-tag subscription to your profile.
  1060. 	
  1061. 	title:           Title of tag subscription; must be unique
  1062. 	useTimestamp:    If true, append a timestamp to the title with each refresh
  1063. 	refreshInterval: Hours to wait before refreshing the subscription
  1064. 	maxThumbs:       Number of thumbnails to display
  1065. 	maxExpanded:	 Number of thumbnails to display when the >> link is clicked
  1066. 	isIntersect:     If true, find posts that contained in all the queries.  Otherwise, find posts in any query.
  1067. 	queryList		 [ { search:"", pages# }, ... ]
  1068. 	
  1069. 	If isIntersect is true, posts will be in the order of the final query.
  1070. 	Otherwise, posts are sorted by descending ID.
  1071. 	
  1072. 	The subscription title points to a tag search using the tags passed to the first query.
  1073.     
  1074. 	When the subscription refreshes, all queries will be rerun with every page load until all
  1075. 	have completed on the same page.
  1076.  */
  1077. function addTagSubscription( title, useTimestamp, refreshInterval, maxThumbs, maxExpanded, isIntersect, queryList )
  1078. {
  1079. 	//Validate arguments
  1080. 	if( recursion || !login )
  1081. 		return;
  1082. 	if( title instanceof Array )
  1083. 	{
  1084. 		for( let i = 0; i < title.length; i++ )
  1085. 			addTagSubscription( title[i].title, title[i].timestamp, title[i].refresh, title[i].thumbs, title[i].maxExpanded, title[i].intersect, title[i].queries );
  1086. 		return;
  1087. 	}
  1088. 	
  1089. 	var varPrefix = "addTagSubscription."+title;
  1090. 	var loadingMessage = false, subDiv = false;
  1091. 	var queryString = queryList[0].search.replace(/,/g, ',\u200B');
  1092. 	for( let i = 1; i < queryList.length; i++ )
  1093. 		queryString += '\n***'+( isIntersect ? 'AND' : 'OR' )+'***\n'+queryList[i].search.replace(/,/g, ',\u200B');
  1094. 	
  1095. 	//Add the DIV to contain the thumbs to your own user page and append the thumbs if they already exist
  1096. 	var userStats = document.getElementsByClassName("user-statistics")[0];
  1097. 	var userContent = userStats && document.getElementById("a-show");
  1098. 	if( userContent && ( location.pathname == "/users/"+loginID || location.pathname == "/profile" || userContent.getElementsByTagName("h1")[0].textContent == login ) )
  1099. 	{
  1100. 		subDiv = createElementX({ tag: "div", class:"box", id: varPrefix+"_thumbList" });
  1101. 		
  1102. 		var thumbList = MS_getValue( varPrefix+"_thumbList" );
  1103. 		if( thumbList )
  1104. 		{
  1105. 			subDiv.innerHTML = thumbList;
  1106. 			addExpandLink(subDiv);
  1107. 		}
  1108. 		else
  1109. 		{
  1110. 			subDiv.appendChildX({ tag:"h2", title:JSON.stringify(queryList) }).appendChildX({ tag:"a", href:"/posts?tags="+queryList[0].search.replace(/ +/,'+'), text:title });
  1111. 			if( MS_getValue( varPrefix+"_lock" ) )
  1112. 				MS_setValue( varPrefix+"_lock", true, 30 );
  1113. 		}
  1114. 		
  1115. 		userContent.appendChild(subDiv);
  1116. 		
  1117. 		var subStat = document.evaluate(".//th[text()='Subscriptions']/../td", userStats, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null ).singleNodeValue;
  1118. 		if( !subStat )
  1119. 		{
  1120. 			var newStat = userStats.getElementsByTagName("tbody")[0].appendChild( createElementX({tag:"tr"}) );
  1121. 			newStat.appendChildX({ tag:"th", text:"Subscriptions" });
  1122. 			subStat = newStat.appendChildX({tag:"td"});
  1123. 		}
  1124. 		
  1125. 		var para = createElementX({tag:"p"});
  1126. 		var allTags = [];
  1127. 		para.appendChildX([ { "tag":"strong", "text":title, "title":queryString }, " - " ]);
  1128. 		for( let i = 0; i < queryList.length; i++ )
  1129. 		{
  1130. 			var tags = queryList[i].search.split(" ");
  1131. 			for( var j = 0; j < tags.length; j++ )
  1132. 			{
  1133. 				if( tags[j][0] == '-' )//Don't list negated tags
  1134. 					continue;
  1135. 				
  1136. 				tags[j] = tags[j].replace( /^(-|~)/, '' );
  1137. 				
  1138. 				if( allTags.indexOf( tags[j] ) >= 0 )
  1139. 					continue;
  1140. 				allTags.push( tags[j] );
  1141. 				
  1142. 				if( i > 0 || j > 0 )
  1143. 					para.appendChildX(", ");
  1144. 				para.appendChildX({ tag:"a", href:"/posts?tags="+encodeURIComponent(tags[j]), text:tags[j].replace(/_+/g, ' ').replace(/,/g, ',\u200B') });
  1145. 			}
  1146. 		}
  1147. 		
  1148. 		subStat.appendChild(para);
  1149. 	}
  1150. 	
  1151. 	//If query string has changed since the last update, force another update.  Change the #. prefix to force a refresh.
  1152. 	if( "0."+JSON.stringify(queryList) != MS_getValue( varPrefix+"_lastQueries", "" ) )
  1153. 	{
  1154. 		MS_deleteValue( varPrefix+"_lastUpdate" );
  1155. 		MS_setValue( varPrefix+"_lastQueries", "0."+JSON.stringify(queryList), 7*24*3600 );
  1156. 	}
  1157. 	
  1158. 	if( MS_getValue( varPrefix+"_lock" ) || MS_getValue( varPrefix+"_lastUpdate", 0 ) + refreshInterval * 3600 * 1000 > new Date().getTime() )
  1159. 		return;
  1160. 	
  1161. 	if( subDiv )
  1162. 		subDiv.getElementsByTagName("h2")[0].appendChild(document.createElement("span")).textContent = " [Loading...]";
  1163. 	
  1164. 	var postResults = [], currentResults = [];
  1165. 	runQuery(0, 1);
  1166. 	
  1167. 	function runQuery( argIndex, page )
  1168. 	{
  1169. 		//Set 10 second lock every time a query runs, to prevent concurrent queries
  1170. 		MS_setValue( varPrefix+"_lock", true, 10 );
  1171. 		
  1172. 		if( argIndex >= queryList.length )
  1173. 			return subBuildThumbs();//No more arguments, start building
  1174. 		
  1175. 		if( page == 1 )
  1176. 			currentResults = [];//First page, no results yet
  1177. 		if( page > queryList[argIndex].pages )
  1178. 		{
  1179. 			//No more pages.
  1180.  
  1181. 			if( argIndex == 0 || !isIntersect )
  1182. 				postResults = postResults.concat( currentResults );
  1183. 			else
  1184. 			{
  1185. 				//Find the intersection between the previous queries and this one, using the order of this one.
  1186. 				var oldPostResults = postResults;
  1187. 				postResults = [];
  1188. 				
  1189. 				for( let i = 0; i < currentResults.length; i++ )
  1190. 				{
  1191. 					for( let j = 0; j < oldPostResults.length; j++ )
  1192. 						if( oldPostResults[j]["id"] == currentResults[i]["id"] )
  1193. 						{
  1194. 							postResults.push( oldPostResults[j] );
  1195. 							break;
  1196. 						}
  1197. 				}
  1198. 				if( postResults.length == 0 )
  1199. 					argIndex = queryList.length;//Intersection with empty set :(
  1200. 			}
  1201. 			return runQuery( argIndex + 1, 1 );
  1202. 		}
  1203.  
  1204. 		//Fetch next page
  1205. 		MS_requestAPI( "/posts.json?tags="+encodeURIComponent(queryList[argIndex].search)+"&page="+page, function(responseDetails)
  1206. 		{
  1207. 			var result;
  1208. 			try { result = MS_parseJSON(responseDetails.responseText); }
  1209. 			catch(e) { return runQuery( argIndex, page ); }
  1210. 			
  1211. 			currentResults = currentResults.concat( result );
  1212. 			
  1213. 			//Go to next page if less than the maximum amount was returned, or if we have enough thumbs already
  1214. 			if( result.length < 100 || ( queryList.length == 1 && currentResults.length > maxThumbs && currentResults.length > maxExpanded ) )
  1215. 				page = 9999;
  1216. 			
  1217. 			//Get next page
  1218. 			runQuery( argIndex, page + 1 );
  1219. 		});
  1220. 	}
  1221. 	
  1222. 	function subBuildThumbs()
  1223. 	{
  1224. 		//Sort union subscriptions by decreasing post ID
  1225. 		if( !isIntersect && queryList.length > 1 )
  1226. 			postResults.sort( function(a,b) { return( b["id"] - a["id"] ); } );
  1227. 		
  1228. 		//Remove duplicates
  1229. 		for( let i = 1; i < postResults.length; i++ )
  1230. 		{
  1231. 			for( var j = i - 1; j >= 0; j-- )
  1232. 				if( postResults[j].id == postResults[i].id )
  1233. 				{
  1234. 					//An earlier post already has this ID, so remove this post
  1235. 					postResults.splice( i--, 1 );
  1236. 					break;
  1237. 				}
  1238. 		}
  1239. 		
  1240. 		if( postResults.length > 0 && !postResults[0].id )
  1241. 		{
  1242. 			if( postResults[0].success === false && postResults[0].message )
  1243. 				throw "Unable to build thumbnails; post result returned '"+postResults[0].message+"'";
  1244. 			return;
  1245. 		}
  1246. 		
  1247. 		if( subDiv )
  1248. 			subDiv.innerHTML = "";//Remove the old title that may have been added at the start
  1249. 		else
  1250. 			subDiv = createElementX({ tag:"div" });//Dummy DIV, only its contents are used
  1251. 		
  1252. 		function zeroIt(a) { return( a < 10 ? "0"+a : a ); }
  1253. 		var tdate = new Date();
  1254. 		var timestamp = " ("+(tdate.getMonth()+1)+"-"+zeroIt(tdate.getDate())+" "+zeroIt(tdate.getHours())+":"+zeroIt(tdate.getMinutes())+")";
  1255.  
  1256. 		subDiv.appendChildX({ tag:"h2", title:timestamp+'\n\n'+queryString }).appendChildX([ { tag:"a", href:"/posts?tags="+queryList[0].search.replace(/ +/,'+'), text:title }, ( useTimestamp ? timestamp : "" ) ]);
  1257. 		subDiv.appendChildX({ tag:"div", class:"post-gallery post-gallery-grid post-gallery-180" }).appendChildX({ tag:"div", class:"posts-container" }).appendChild( buildThumbs( postResults, maxThumbs ) );
  1258. 		
  1259. 		MS_setValue( varPrefix+"_thumbList", subDiv.innerHTML, 7*24*3600 );
  1260. 		//MS_setValue( varPrefix+"_lock", true, refreshInterval * 3600 );
  1261. 		MS_setValue( varPrefix+"_lastUpdate", tdate.getTime(), 7*24*3600 );
  1262. 		
  1263. 		if( maxExpanded > maxThumbs )
  1264. 		{
  1265. 			postResults = postResults.slice( 0, maxExpanded );
  1266. 			MS_setValue( varPrefix+"_JSON", postResults, 7*24*3600 );
  1267. 		}
  1268. 		
  1269. 		addExpandLink(subDiv);
  1270. 	}
  1271. 	
  1272. 	function addExpandLink(outerDiv)
  1273. 	{
  1274. 		var json = maxExpanded > 0 && MS_getValue( varPrefix+"_JSON" );
  1275. 		var head = json && json.length > maxThumbs && outerDiv.getElementsByTagName("h2")[0];
  1276. 		if( !head ) return;
  1277. 		
  1278. 		json.splice( 0, maxThumbs );
  1279. 		
  1280. 		var linkShow = head.appendChild( createElementX({ tag:"a", href:"#", onclick:"return false;", text:" \u00BB", style:"display:inline" }) );//»
  1281. 		var linkHide = head.appendChild( createElementX({ tag:"a", href:"#", onclick:"return false;", text:" \u00AB", style:"display:none" }) );//«
  1282. 		var spanMore = outerDiv.appendChild( createElementX({ tag:"span", style:"display:none" }) );
  1283. 		
  1284. 		linkShow.addEventListener( "click", function()
  1285. 		{
  1286. 			if( spanMore.innerHTML == "" )
  1287. 				spanMore.appendChildX({ tag:"div", class:"post-gallery post-gallery-grid post-gallery-180" }).appendChildX({ tag:"div", class:"posts-container" }).appendChild( buildThumbs( json, maxExpanded ) );
  1288. 			linkShow.style.display = "none";
  1289. 			linkHide.style.display = "inline";
  1290. 			spanMore.style.display = "inline";
  1291. 		}, true );
  1292. 		
  1293. 		linkHide.addEventListener( "click", function()
  1294. 		{
  1295. 			linkShow.style.display = "inline";
  1296. 			linkHide.style.display = "none";
  1297. 			spanMore.style.display = "none";
  1298. 		}, true );
  1299. 	}
  1300. }
  1301.  
  1302.  
  1303. /**
  1304. 	Replaces text in DText (http://danbooru.donmai.us/help/dtext) textareas as it is being input,
  1305. 	as well as the names of all links.
  1306. 	
  1307. 	Only the first match will be used for a given input/link.
  1308. 	
  1309. 	replaceList: An array of objects with the following properties (regex and at least one of the others):
  1310. 		regex: Regex to match against
  1311. 		text: Replacement for textareas
  1312. 		link: Replacement for link names
  1313.  */
  1314. function dtextReplace( replaceList )
  1315. {
  1316. 	var list = content && !recursion && ( replaceList instanceof Array ) && replaceList;
  1317. 	if( !list ) return;
  1318.  
  1319. 	for( let i = 0; i < replaceList.length; i++ )
  1320. 		replaceList[i].regex = new RegExp( replaceList[i].regex );
  1321. 	
  1322. 	MS_observeInserts( subReplace )();
  1323. 	////////////////
  1324. 	function subReplace(e)
  1325. 	{
  1326. 		if( e && !e.target.getElementsByTagName )
  1327. 			return;
  1328. 		
  1329. 		var textList = ( e ? e.target : document ).getElementsByTagName("textarea");
  1330. 		var linkList = ( e ? e.target : document ).getElementsByTagName("a");
  1331. 		
  1332. 		for( let i = 0; i < textList.length; i++ )
  1333. 			if( !/(artist_url_string|post_tag_string)/.test(textList[i].id) )
  1334. 				textList[i].addEventListener( "input", function()
  1335. 				{
  1336. 					for( let i = 0; i < list.length; i++ )
  1337. 					{
  1338. 						if( list[i].text && list[i].regex.test(this.value) )
  1339. 						{
  1340. 							this.value = this.value.replace( list[i].regex, list[i].text );
  1341. 							break;
  1342. 						}
  1343. 					}
  1344. 				}, false );
  1345. 		for( let i = 0; i < linkList.length; i++ )
  1346. 			for( let j = 0; j < list.length; j++ )
  1347. 				if( list[j].link && list[j].regex.test(linkList[i].textContent) )
  1348. 				{
  1349. 					linkList[i].textContent = linkList[i].textContent.replace( list[j].regex, list[j].link );
  1350. 					break;
  1351. 				}
  1352. 	}
  1353. }
  1354.  
  1355.  
  1356. /**
  1357. 	Hides posts and comments in the comment listing for posts with any of the specified tags.  Click the replacement text to reveal.
  1358.  */
  1359. function commentListingFilter(tagList)
  1360. {
  1361. 	if( !recursion && tagList.length ) MS_observeInserts( function(e)
  1362. 	{
  1363. 		for( let k = 0; k < tagList.length; k++ )
  1364. 		{
  1365. 			let unwantedLinks = ( e ? e.target : document ).querySelectorAll(".post-preview .comments-for-post .list-of-tags span a[href$='="+encodeURIComponent(tagList[k].toLowerCase().replace(/ +/g,'_')).replace(/[!'()*]/g, function(c) { return '%'+c.charCodeAt(0).toString(16); })+"']");
  1366. 			for( let i = 0; i < unwantedLinks.length; i++ )
  1367. 			{
  1368. 				//Get container element for thumbnail+comments
  1369. 				let mainCom = unwantedLinks[i].parentNode;
  1370. 				while( !(mainCom = mainCom.parentNode).classList.contains("post-preview") );
  1371. 				
  1372. 				//If this comment block has already been hidden, just append this tag to the Hidden tag list for that block
  1373. 				let hideList = mainCom.getElementsByClassName("hideList")[0];
  1374. 				if( hideList )
  1375. 				{
  1376. 					if( !hideList.querySelector('a[href="'+unwantedLinks[i].href+'"]') )
  1377. 					{
  1378. 						hideList.appendChildX(", ");
  1379. 						hideList.appendChildX({ tag:"span", class:unwantedLinks[i].parentNode.className })
  1380. 							.appendChildX({ tag: "a", href:unwantedLinks[i].href, onclick:"return false;", text:tagList[k] });
  1381. 					}
  1382. 					continue;
  1383. 				}
  1384. 				
  1385. 				//Hidden: [tags to hide]
  1386. 				let hideBlock = mainCom.insertBefore( createElementX({tag:"blockquote", class:"inline-tag-list"}), mainCom.firstChild );
  1387. 				hideBlock.appendChildX("Hidden (");
  1388. 				hideBlock.appendChildX({ tag:"span", class:"hideList" })
  1389. 					.appendChildX({ tag:"span", class:unwantedLinks[i].parentNode.className })
  1390. 					.appendChildX({ tag: "a", href:unwantedLinks[i].href, onclick:"return false;", text:tagList[k] });
  1391. 				hideBlock.appendChildX(")");
  1392.                 
  1393. 				//If the post has copyright tags, append them to the blockquote
  1394. 				let copyTags = mainCom.querySelector(".list-of-tags .copyright-tag-list");
  1395.                 if( copyTags )
  1396. 					hideBlock.appendChild( createElementX([ ": ", copyTags.cloneNode(true) ]) );
  1397. 				
  1398. 				let thumb = mainCom.getElementsByClassName("preview")[0];
  1399. 				let comments = mainCom.getElementsByClassName("comments-for-post")[0];
  1400. 				
  1401. 				hideBlock.addEventListener( "click", (function(link,prev,coms){ return function(){ link.style.display = "none"; prev.style.display = coms.style.display = ""; }; })( hideBlock, thumb, comments ) );
  1402. 				thumb.style.display = "none";
  1403. 				comments.style.display = "none";
  1404. 			}
  1405. 		}
  1406. 	} )();
  1407. }
  1408.  
  1409.  
  1410. /*
  1411.   Tweaks the post queue page.  Vote links are always added.
  1412.  
  1413.   badTags: Highlight (in red) posts containing any of these tags.  The tags themselves are styled in bold/underline.
  1414.   disapproveTags: Reject ("No Interest") posts containing any of these tags.
  1415.   swapKey: Swap (with a larger size) the first thumbnail whose top is within the viewing pane.
  1416.   swapClick: Swap thumbnails when left-clicked.
  1417.   autoVote: Automatic up/down vote when approval/disapproval links are clicked (except 'No Interest')
  1418.   limit: Number of entries per page, applied to all modqueue links.
  1419.   moveButtons: Move buttons to above the tag lists
  1420. */
  1421. function postQueueTweaks( badTags, disapproveTags, swapKey, swapClick, autoVote, limit, moveButtons )
  1422. {
  1423.     if( limit > 0 )
  1424.     {
  1425.         // Add limit=# to all /modqueue links
  1426.         
  1427.         for( let link of document.querySelectorAll('a[href*="/modqueue"]') )
  1428.             if( link.href.indexOf("limit=") < 0 )
  1429.                 link.href += ( link.href.indexOf("?") < 0 ? "?" : "&" ) + "limit=" + ( limit > 200 && link.href.indexOf("mode=list") < 0 ? 200 : limit );
  1430.     }
  1431.     
  1432.     if( autoVote )
  1433.     {
  1434.         //Vote up for approvals, down for rejection/deletion (except "Skip"/"No interest")
  1435.         
  1436.         let linkDisapproval = document.body.querySelectorAll("a[href*='/post_disapprovals'], a.detailed-rejection-link, a[data-method='delete'][href*='/posts/']");
  1437.         if( linkDisapproval.length == 0 )
  1438.             return;
  1439.         let linkApprovals = document.body.querySelectorAll("a[href*='/post_approvals?']");//Doesn't exist for your own uploads
  1440.         
  1441.         let voteLink = document.body.appendChild( createElementX({ tag:"a", style:"display:none", "data-remote":"true", rel:"nofollow", "data-method":"post" }) )
  1442.         function voteMe(link, inc)
  1443.         {
  1444.             voteLink.href = "/posts/"+( /^.posts.(\d+)/.exec( location.pathname ) || (/post_id=(\d+)/.exec( link.parentNode.querySelector("a[href*='post_id=']").href )) )[1]+"/votes?score="+inc;
  1445.             voteLink.click();
  1446.         }
  1447.         
  1448.         for( let link of linkApprovals )
  1449.             link.addEventListener( "click", function(){ voteMe(link,+1); } );
  1450.         for( let link of linkDisapproval )
  1451.             if( link.href.indexOf("disinterest") < 0 )
  1452.                 link.addEventListener( "click", function(){ voteMe(link,-1); } );
  1453.     }
  1454.     
  1455.     let queueItems = location.pathname.indexOf("/modqueue") == 0 && Array.from( document.body.querySelectorAll( ( location.search.indexOf("mode=list") >= 0 ? "div" : "article" ) + ".mod-queue-preview" ) );
  1456.     if( !queueItems || !queueItems.length )
  1457.         return;
  1458.  
  1459.     //Hide posts matching any of the disapproveTags and schedule their disapproval
  1460.     if( disapproveTags.length > 0 )
  1461.     {
  1462.         let clickLinks = [];
  1463.         
  1464.         for( let i = 0; i < queueItems.length; i++ )
  1465.         {
  1466.             for( let tag of ( queueItems[i].getAttribute("data-tags") || "" ).split(" ") )
  1467.             {
  1468.                 if( disapproveTags.indexOf( tag ) >= 0 )
  1469.                 {
  1470.                     let link = queueItems[i].querySelector("a[href*='/post_disapprovals'][href*=disinterest]");
  1471.                     if( link )
  1472.                         clickLinks.push( link );
  1473.                     queueItems[i].style.display = "none";
  1474.                     queueItems.splice( i--, 1 );
  1475.                     break;
  1476.                 }
  1477.             }
  1478.         }
  1479.         
  1480.         //Disapprove with delay
  1481.         let hiddenBlock = clickLinks.length > 0 && document.body.appendChild( createElementX({ tag:"div", style:"display:none" }) );
  1482.         function disapproveChain()
  1483.         {
  1484.             let link = clickLinks.pop();
  1485.             if( link )
  1486.             {
  1487.                 hiddenBlock.appendChild(link);//Move to hidden block to avoid scrollbar flickering
  1488.                 link.click();
  1489.                 setTimeout( disapproveChain, 300 );
  1490.             }
  1491.         }
  1492.         disapproveChain();
  1493.     }
  1494.     
  1495.     //Remainder only applicable to "list" mode
  1496.     if( location.search.indexOf("mode=list") < 0 )
  1497.         return;
  1498.     
  1499.     //Use mode=list for search results
  1500.     let searchForm = document.querySelector("form[action] > div.search_tags")?.parentNode;
  1501.     if( searchForm )
  1502.         searchForm.appendChild( createElementX({ tag:"input", type:"hidden", name:"mode", value:"list" }) );
  1503.     
  1504.     //Sub-function to enlarge queue thumbnails
  1505.     function swapImage(post)
  1506.     {
  1507.         //First "picture" is the original thumbnail; the second is the "large" size added below this function
  1508.         let media = post.getElementsByTagName("picture");
  1509.         if( !media || media.length != 2 )
  1510.             return;
  1511.         
  1512.         if( !media[1].firstChild.src )
  1513.         {
  1514.             //large image hasn't been loaded yet; query again.
  1515.             let art = post.getElementsByTagName("article");
  1516.             if( art ) MS_usingArticles( [ art ], function()
  1517.             {
  1518.                 let url = media[1].firstChild.src = art.getAttribute("data-720x720");
  1519.                 if( url )
  1520.                     swapImage(swapDiv);
  1521.             } );
  1522.             return;
  1523.         }
  1524.         
  1525.         media[0].style.display = media[1].style.display;
  1526.         media[1].style.display = ( media[1].style.display == "none" ? "block" : "none" );
  1527.     }
  1528.     
  1529.     let artSwaps = [];
  1530.     for( let post of queueItems )
  1531.     {
  1532.         //If this post has any 'bad' tags, bold/highlight them and shade the background red
  1533.         if( badTags.length > 0 )
  1534.         {
  1535.             for( let tagLink of post.querySelectorAll("a.search-tag") )
  1536.                 if( badTags.indexOf( tagLink.textContent ) >= 0 )
  1537.                 {
  1538.                     post.style.background = "rgb(255, 230, 230)";//same as 'post-neg-score'
  1539.                     tagLink.style.fontWeight = "bold";
  1540.                     tagLink.textDecoration = "underline";
  1541.                 }
  1542.         }
  1543.         
  1544.         if( moveButtons )
  1545.         {
  1546.             //Move buttons from under thumbnail to above tags/etc...
  1547.             let modButtons = post.querySelector("div > a[href*='/post_approvals?']")?.parentNode;
  1548.             modButtons.classList.remove("justify-center");
  1549.             modButtons.style.marginBottom = "5px";
  1550.             let textArea = post.querySelector("div.space-x-4")?.parentNode;
  1551.             textArea.insertBefore( modButtons, textArea.firstChild );
  1552.             
  1553.             //Split the Reject links into separate buttons
  1554.             let inverseLabels = post.querySelectorAll("div > span.text-inverse");
  1555.             if( inverseLabels && inverseLabels[0] )
  1556.                 inverseLabels[0].parentNode.style.display = "none";
  1557.             modButtons.getElementsByTagName("div")[0].style.display = "none";
  1558.             for( let link of modButtons.querySelectorAll("li > a") )
  1559.             {
  1560.                 link.className += " popup-menu-button button-outline-danger button-xs align-top";
  1561.                 for( let label of inverseLabels )
  1562.                     if( label.textContent.toUpperCase().indexOf( link.textContent.toUpperCase() ) >= 0 )
  1563.                         link.textContent = label.textContent;
  1564.                 modButtons.appendChild( link );
  1565.             }
  1566.         }
  1567.         
  1568.         if( swapClick || swapKey )
  1569.         {
  1570.             //Add hidden IMG with the sample size
  1571.             let art = post.getElementsByTagName("article")[0];
  1572.             let previewLink = post.querySelector("a.post-preview-link");
  1573.             let largeURL = art.getAttribute("data-720x720");
  1574.             let largePic = previewLink.appendChild( createElementX({ tag:"picture", style:"display:none" }) ).appendChildX({ tag:"img", style:"max-height:850px" });
  1575.             
  1576.             if( largeURL )
  1577.                 largePic.src = largeURL;
  1578.             else
  1579.                 artSwaps.push(art);
  1580.             
  1581.             if( swapClick )
  1582.                 previewLink.onclick = function() { swapImage( post ); return false; };
  1583.         }
  1584.     }
  1585.     
  1586.     // Load "data-720x720" and "source"
  1587.     MS_usingArticles( artSwaps, function(art)
  1588.     {
  1589.         //Add a "Source" line
  1590.         let sourceLine = createElementX({ tag:"span", style:"overflow-wrap: anywhere" });
  1591.         sourceLine.appendChildX( { tag:"strong", text:"Source" }, " " );
  1592.         let source = art.getAttribute("source");
  1593.         if( source.indexOf("http") != 0 )
  1594.             sourceLine.appendChildX( source );
  1595.         else
  1596.             sourceLine.appendChildX( { tag:"a", text:source, href:( art.querySelector("a[rel*='external'][href]")?.href || source ) } );
  1597.         let afterRow = art.parentNode.parentNode.querySelector("div.space-x-4").nextSibling;
  1598.         afterRow.parentNode.insertBefore( sourceLine, afterRow );
  1599.         
  1600.         //Add the large image URL used for swapping
  1601.         if( artSwaps.length )
  1602.             art.querySelectorAll(".post-preview-link picture img")[1].src = art.getAttribute("data-720x720");
  1603.     } );
  1604.     
  1605.     //Press a key to expand the thumbnail whose row is closest to the top without going over.
  1606. 	if( swapKey ) window.addEventListener( "keydown", function(key)
  1607. 	{
  1608.         //Don't trigger if Alt/Ctrl/Meta are also being pressed, or if a text field has focus.
  1609. 		if( key.key.toLowerCase() != swapKey.toLowerCase() || key.altKey || key.ctrlKey || key.metaKey || document.activeElement.tagName == "INPUT" || document.activeElement.tagName == "TEXTAREA" )
  1610. 			return;
  1611.  
  1612.         let i = 0, j = 0;
  1613.  
  1614.         //Collect the queue elements that are still visible and have a 'large' size
  1615.         let shownQueue = []
  1616.         for( let item of queueItems )
  1617.             if( item.style.display != "none" && ( item.getBoundingClientRect().top || item.getBoundingClientRect().bottom ) )
  1618.                 shownQueue.push( item );
  1619.  
  1620.         //Find first post whose top is isn't above the current window
  1621.         for( i = 0; i < shownQueue.length - 1 && shownQueue[i].getBoundingClientRect().top <= 0; i++ );
  1622.  
  1623.         if( i + 1 == shownQueue.length || shownQueue[shownQueue.length - 1].getBoundingClientRect().bottom > window.innerHeight )
  1624.         {
  1625.             //The bottom of the last post is outside the window, only swap the post found above.
  1626.             swapImage( shownQueue[i] );
  1627.         }
  1628.         else for( j = i; j < shownQueue.length; j++ )
  1629.         {
  1630.             //The bottom of the last post is inside the window; swap them all
  1631.             swapImage( shownQueue[j] );
  1632.         }
  1633. 	} );
  1634. }
  1635.  
  1636.  
  1637. //=====================================================================================
  1638. //=============================== HELPER FUNCTIONS ====================================
  1639. //=====================================================================================
  1640.  
  1641.  
  1642. function nbsp(count)
  1643. {
  1644. 	var result = "";
  1645. 	while( count-- > 0 )
  1646. 		result += "\u00a0";
  1647. 	return result;
  1648. }
  1649.  
  1650. function createElementX(obj)
  1651. {
  1652. 	if( arguments.length > 1 || (arguments = obj) instanceof Array )
  1653. 	{
  1654. 		var fragment = createElementX(document.createDocumentFragment());
  1655. 		for( let i = 0; i < arguments.length; i++ )
  1656. 			fragment.appendChildX( arguments[i] );
  1657. 		return fragment;
  1658. 	}
  1659. 	
  1660. 	if( obj instanceof Element || obj instanceof DocumentFragment )
  1661. 	{
  1662. 		obj.appendChildX = function() { return obj.appendChild( createElementX.apply(this,arguments) ); }
  1663. 		return obj;
  1664. 	}
  1665. 	else if( typeof(obj) == "string" )
  1666. 		return document.createTextNode(obj);
  1667. 	else if( !obj.tag )
  1668. 	{
  1669. 		if( obj.childNodes )
  1670. 			return obj;
  1671. 		if( elem in obj )
  1672. 			return document.createTextNode(""+obj);
  1673. 		return createElementX([]);// {}
  1674. 	}
  1675. 	
  1676. 	var elem = document.createElement(obj.tag);
  1677. 	for( var key in obj )
  1678. 	{
  1679. 		if( key == "text" || key == "textContent" )
  1680. 			elem.textContent = obj[key];
  1681. 		else if( key == "innerHTML" )
  1682. 			elem.innerHTML = obj[key];
  1683. 		else if( key != "tag" )
  1684. 			elem.setAttribute(key, obj[key]);
  1685. 	}
  1686. 	return createElementX(elem);
  1687. }
  1688.  
  1689.  
  1690. function MS_setValue( key, value, expires, memObj )
  1691. {
  1692. 	//If 0 or less, value never expires
  1693. 	if( expires > 0 )
  1694. 		expires = Math.floor( new Date().getTime()/1000 + expires );
  1695. 	else
  1696. 		expires = 0;
  1697. 	
  1698. 	var i, keyList = [];
  1699. 	
  1700. 	if( !memObj )
  1701. 	{
  1702. 		GM_setValue( key, JSON.stringify({ "value": value, "expires": expires }) );
  1703. 		try{ keyList = MS_parseJSON( GM_getValue( "Miscellaneous.keyList" ) ) || []; }
  1704. 		catch(err){ keyList = []; }
  1705. 	}
  1706. 	else
  1707. 	{
  1708. 		keyList = memObj.keyList = MS_parseJSON( memObj.keyList ) || [];
  1709. 		memObj[key] = { "value": value, "expires": expires };
  1710. 		MS_setMemObj( memObj, "MS_setValue" );
  1711. 	}
  1712. 	
  1713. 	if( !(keyList instanceof Array) )
  1714. 		throw "MS_setValue(): Invalid keyList ("+typeof(keyList)+"): "+keyList;
  1715. 	
  1716. 	//Find insertion point, deleting duplicates along the way
  1717. 	for( i = 0; i < keyList.length && keyList[i].expires <= expires; i++ )
  1718. 		if( keyList[i].key == key )
  1719. 			keyList.splice( i--, 1 );
  1720. 	keyList.splice( i, 0, { "key":key, "expires":expires });
  1721. 	
  1722. 	if( !memObj )
  1723. 		GM_setValue( "Miscellaneous.keyList", JSON.stringify(keyList) );
  1724. }
  1725.  
  1726. function MS_getValue( key, defaultValue, memObj )
  1727. {
  1728. 	if( !memObj && typeof(defaultValue) == "object" && defaultValue.saveName )
  1729. 	{
  1730. 		memObj = defaultValue;
  1731. 		defaultValue = null;
  1732. 	}
  1733. 	if( memObj )
  1734. 	{
  1735. 		if( !memObj[key] || ( memObj[key].expires > 0 && memObj[key].expires < new Date().getTime()/1000 ) )
  1736. 			return defaultValue;
  1737. 		return memObj[key].value;
  1738. 	}
  1739. 	
  1740. 	var value = GM_getValue( key );
  1741. 	
  1742. 	if( !value )
  1743. 		return defaultValue;
  1744. 	
  1745. 	try{ value = MS_parseJSON( value ); }
  1746. 	catch(e) { return defaultValue; }
  1747. 	
  1748. 	if( value.expires > 0 && value.expires < new Date().getTime()/1000 )
  1749. 		return defaultValue;
  1750. 	
  1751. 	return value["value"];
  1752. }
  1753.  
  1754. function MS_deleteValue( key, memObj )
  1755. {
  1756. 	var keyList;
  1757. 	if( memObj )
  1758. 		keyList = memObj.keyList = MS_parseJSON( memObj.keyList ) || [];
  1759. 	else
  1760. 	{
  1761. 		try{ keyList = MS_parseJSON( GM_getValue( "Miscellaneous.keyList" ) ) || []; }
  1762. 		catch(err){ keyList = []; }
  1763. 	}
  1764. 	
  1765. 	if( !(keyList instanceof Array) )
  1766. 		throw "MS_deleteValue(): Invalid keyList ("+typeof(keyList)+"): "+keyList;
  1767. 	
  1768. 	var now = new Date().getTime()/1000;
  1769. 	
  1770. 	for( let i = keyList.length - 1; i >= 0; i-- )
  1771. 		if( keyList[i].key == key )
  1772. 		{
  1773. 			keyList.splice(i,1);
  1774. 			
  1775. 			if( !memObj )
  1776. 			{
  1777. 				GM_deleteValue( key );
  1778. 				GM_setValue( "Miscellaneous.keyList", JSON.stringify(keyList) );
  1779. 			}
  1780. 			else
  1781. 			{
  1782. 				delete memObj[key];
  1783. 				MS_setMemObj( memObj, "MS_deleteValue" );
  1784. 			}
  1785. 		}
  1786. }
  1787.  
  1788. function MS_clearValues(num, memObj)
  1789. {
  1790. 	if( num <= 0 )
  1791. 		return;
  1792. 	
  1793. 	var keyList;
  1794. 	if( memObj )
  1795. 		keyList = memObj.keyList = MS_parseJSON( memObj.keyList ) || [];
  1796. 	else
  1797. 	{
  1798. 		try{ keyList = MS_parseJSON( GM_getValue( "Miscellaneous.keyList" ) ) || []; }
  1799. 		catch(err){ keyList = []; }
  1800. 	}
  1801. 	var now = new Date().getTime()/1000;
  1802. 	var oldLen = keyList.length;
  1803. 	
  1804. 	for( let i = 0; num > 0 && i < keyList.length && keyList[i].expires < now; i++ )
  1805. 		if( keyList[i].expires > 0 )
  1806. 		{
  1807. 			num--;
  1808. 			GM_deleteValue( keyList.splice( i--, 1 )[0].key );
  1809. 		}
  1810. 	
  1811. 	if( oldLen != keyList.length && !memObj )
  1812. 		GM_setValue( "Miscellaneous.keyList", JSON.stringify(keyList) );
  1813. } MS_clearValues(1);
  1814.  
  1815. function MS_setMemObj(obj,func)
  1816. {
  1817. 	if( obj._timer != null )
  1818. 		clearTimeout( obj._timer );
  1819. 	obj._timer = setTimeout( function()
  1820. 	{
  1821. 		delete obj._timer;
  1822. 		MS_clearValues( 20, obj );
  1823. 		MS_setValue( obj.saveName, obj, obj.expires );
  1824. 	}, 1500 );
  1825. }
  1826.  
  1827. function MS_parseJSON(text,count)
  1828. {
  1829. 	if( !count )
  1830. 		count = 1;
  1831. 	else if( ++count > 20 )
  1832. 	{
  1833. 		MS_alert( "Dug too deep while parsing JSON: "+text );
  1834. 		return text;
  1835. 	}
  1836. 	
  1837. 	if( text instanceof Array )
  1838. 	{
  1839. 		//Parse all elements in arrays of strings
  1840. 		for( let i = 0; i < text.length && typeof(text[i]) == "string"; i++ )
  1841. 			if( isNaN( Number(text[i]) ) )
  1842. 			{
  1843. 				try{ text[i] = MS_parseJSON( text[i], count ); }
  1844. 				catch(err){ throw "Bad JSON in text["+i+"]: "+text[i]; }
  1845. 			}
  1846. 		return text;
  1847. 	}
  1848. 	else if( typeof(text) == "string" ) return JSON.parse(text, function(key,val)
  1849. 	{
  1850. 		//Recursively parse strings that look like objects
  1851. 		if( typeof(val) == "string" && isNaN( Number(val) ) )
  1852. 		{
  1853. 			try{ return MS_parseJSON( val, count ); }
  1854. 			catch(err){}
  1855. 		}
  1856. 		return val;
  1857. 	});
  1858. 	//Not a string or array, so return unchanged
  1859. 	return text;
  1860. }
  1861.  
  1862. function MS_alert( messageP )
  1863. {
  1864. 	if( !showError )
  1865. 		return;
  1866. 	
  1867. 	//First call: Create a hidden container for all alerts
  1868. 	var dialog = document.body.appendChild( createElementX({ tag:"div", style:"position:fixed; left:10%; top:10%; z-index:10; background-color:white; display:none; width:20em; height:20em; border:2px solid black; padding:20px 20px 20px 20px; overflow:auto" }) );
  1869. 	
  1870. 	var header = dialog.appendChildX({ tag:"h4", text: "Miscellaneous Tweaks " });
  1871. 	dialog.appendChildX({ tag:"hr" });
  1872. 	var text = dialog.appendChildX({ tag:"div" });
  1873. 	
  1874. 	header.appendChildX({ tag:"input", type:"button", value:"Clear", title:"Clear all warnings and hide this alert." }).addEventListener( "click", function(){ dialog.style.display = "none"; text.innerHTML = ""; } );
  1875. 	header.appendChildX(" ");
  1876. 	header.appendChildX({ tag:"input", type:"button", value:"Hide", title:"Hide this alert without clearing its contents." }).addEventListener( "click", function(){ dialog.style.display = "none"; } );
  1877. 	header.appendChildX(" ");
  1878. 	header.appendChildX({ tag:"input", type:"button", value:"Stop", title:"Stop additional alerts from being triggered." }).addEventListener( "click", function(){ showError = false; } );
  1879. 	
  1880. 	//Replace this function with one to just append to the above container
  1881. 	MS_alert = function(message)
  1882. 	{
  1883. 		if( showError )
  1884. 		{
  1885. 			text.appendChildX(""+message, { tag:"hr" });
  1886. 			dialog.style.display = "block";
  1887. 			dialog.style.width = "80%";
  1888. 			dialog.style.height = "60%";
  1889. 		}
  1890. 	}
  1891. 	
  1892. 	//Call the alert again with the new function definition to actually display the first alert
  1893. 	MS_alert(messageP);
  1894. }
  1895.  
  1896. function MS_observeInserts(funcP)
  1897. {
  1898. 	if( !content || recursion )
  1899. 		return funcP;
  1900. 	
  1901. 	//Listen to node insertions only under id=content node
  1902. 	var funcList = [ ];
  1903. 	function mutateManager(e)
  1904. 	{
  1905. 		for( let i = 0; i < funcList.length; i++ )
  1906. 		{
  1907. 			try{ funcList[i](e); }
  1908. 			catch(err){ MS_alert("Tweaks - Insertion error - "+funcList[i].toString().replace(/\(.*/,'()')+": "+err); }
  1909. 		}
  1910. 	}
  1911. 	
  1912. 	var MutObj = window.MutationObserver || window.WebKitMutationObserver;
  1913. 	if( !MutObj )
  1914. 		content.addEventListener( "DOMNodeInserted", mutateManager, false );
  1915. 	else
  1916. 	{
  1917. 		var monitor = new MutObj( function(mutationSet){
  1918. 			mutationSet.forEach( function(mutation){
  1919. 				for( let i = 0; i < mutation.addedNodes.length; i++ )
  1920. 					if( mutation.addedNodes[i].nodeType == 1 )
  1921. 						mutateManager({ "target":mutation.addedNodes[i] });
  1922. 			});
  1923. 		});
  1924. 		monitor.observe( content, { childList:true, subtree:true } );
  1925. 	}
  1926. 	
  1927. 	MS_observeInserts = function(func)
  1928. 	{
  1929. 		if( !content || recursion )
  1930. 			return function(){};
  1931. 		funcList.push( func );
  1932. 		return func;
  1933. 	};
  1934. 	return MS_observeInserts(funcP);
  1935. }
  1936.  
  1937. /** Makes request to API link, e.g. "/posts.json". If "limit=" isn't included, limit=200 is added to the end. */
  1938. function MS_requestAPI( link, loadFun, errFun )
  1939. {
  1940. 	GM_xmlhttpRequest(
  1941. 	{
  1942. 		method: "GET",
  1943. 		url:location.protocol+"//"+location.host+link+( link.indexOf("limit=") < 0 ? ( link.indexOf("?") > 0 ? "&limit=200" : "?limit=200" ) : "" ),
  1944. 		onload:loadFun,
  1945. 		onerror:( errFun ? errFun : function(err){ MS_requestAPI( link, loadFun ); } )
  1946. 	});
  1947. }
  1948.  
  1949. /** Helper method to construct a document fragment of thumbnails from post API results */
  1950. function buildThumbs(json, limit)
  1951. {
  1952. 	var i, result = document.createDocumentFragment();
  1953. 	if( limit <= 0 )
  1954. 		return result;
  1955. 	
  1956. 	if( typeof(json) == "string" )
  1957. 		try{ json = MS_parseJSON(json); } catch(e){ return result; }
  1958. 	
  1959. 	for( i = 0; limit-- > 0 && i < json.length; i++ )
  1960. 	{
  1961. 		if( !json[i].id )
  1962. 			continue;//Connection problems?
  1963. 		
  1964. 		var borderColors = [], imgStyle = "", status = "post-preview post-preview-fit-compact post-preview-180", flag = "";
  1965.  
  1966. 		if( json[i].has_active_children )
  1967. 		{
  1968. 			borderColors.push("#0F0");
  1969. 			status += " post-status-has-children";
  1970. 		}
  1971. 		if( json[i].parent_id )
  1972. 		{
  1973. 			borderColors.push("#CC0");
  1974. 			status += " post-status-has-parent";
  1975. 		}
  1976. 		
  1977. 		if( json[i].is_deleted )
  1978. 		{
  1979. 			borderColors.push("#000");
  1980. 			status += " post-status-deleted";
  1981. 			flag = "deleted";
  1982. 		}
  1983. 		else if( json[i].is_pending )
  1984. 		{
  1985. 			borderColors.push("#00F");
  1986. 			status += " post-status-pending";
  1987. 			flag = "pending";
  1988. 		}
  1989. 		else if( json[i].is_flagged )
  1990. 		{
  1991. 			borderColors.push("#F00");
  1992. 			status += " post-status-flagged";
  1993. 			flag = "flagged";
  1994. 		}
  1995. 		
  1996. 		if( borderColors.length > 1 )
  1997. 		{
  1998. 			//	app/assets/javascripts/posts.js
  1999. 			imgStyle = "border-color: "
  2000. 			if( borderColors.length == 3 )
  2001. 				imgStyle += borderColors[0]+" "+borderColors[2]+" "+borderColors[2]+" "+borderColors[1];
  2002. 			else
  2003. 				imgStyle += borderColors[0]+" "+borderColors[1]+" "+borderColors[1]+" "+borderColors[0];
  2004. 		}
  2005. 		        
  2006.         let article = createElementX({ "tag":"article",
  2007. 				"class":status,
  2008. 				"id":"post_"+json[i].id,
  2009. 				"data-id":json[i].id,
  2010. 				"data-tags":json[i].tag_string,
  2011. 				"data-uploader-id":json[i].uploader_id,
  2012.                 "data-score":json[i].score,
  2013. 				"data-flags":flag,//unused
  2014.  
  2015.                 //Extra attributes, same as in MS_usingArticles():
  2016. 				"fav_count":json[i].fav_count,
  2017.                 "score":json[i].score,
  2018.                 "source":json[i].source,
  2019.                 "tag_string":json[i].tag_string,
  2020.                 "uploader_id":json[i].uploader_id
  2021.         });
  2022.         
  2023.         for( let size of json[i]["media_asset"]["variants"] )
  2024.             if( size.type == "720x720" )
  2025.                 article.setAttribute( "data-"+size.type, size.url );
  2026.         
  2027. 		article.appendChildX({ tag:"div", class:"post-preview-container" })
  2028.             .appendChildX({ tag:"a", class:"post-preview-link", href:"/posts/"+json[i].id })
  2029.             .appendChildX({ tag:"picture" })
  2030.             .appendChildX({ tag:"img", class:"post-preview-image", src:json[i].preview_file_url, alt:json[i].tag_string, title:json[i].tag_string+" rating:"+json[i].rating+" score:"+json[i].score, style:imgStyle });
  2031. 		result.appendChild(article);
  2032. 	}
  2033. 	return result;
  2034. }
  2035.  
  2036.  
  2037. /** Queries the post API for extra attributes, then passes the posts to the consumer function. */
  2038. function MS_usingArticles(artNodes,artConsumer)
  2039. {
  2040.     if( !artNodes || !artNodes.length )
  2041.         return;
  2042.     if( !Array.isArray(artNodes) )
  2043.         artNodes = Array.from(artNodes);
  2044.     
  2045. 	//Array of extra post attributes used by this script, using the same names as the Post API
  2046. 	const totalAttr = [ "score", "tag_string", "uploader_id", "fav_count", "source" ];
  2047. 	
  2048. 	//If the article has already been processed by this function or buildThumbs(), remove it from the array and pass it to the consumer.
  2049. 	for( let i = artNodes.length - 1; i >= 0; i-- )
  2050. 		if( !artNodes[i] || artNodes[i].hasAttribute( "data-720x720" ) || ( !artNodes[i].hasAttribute("data-id") && ( !artNodes[i].id || artNodes[i].id.indexOf("post_") != 0 ) ) )
  2051.             artConsumer( artNodes.splice( i, 1 )[0] );
  2052.     
  2053. 	if( artNodes.length == 0 )
  2054.         return;
  2055.     
  2056. 	//Break up article array into 200-size arrays (the largest limit)
  2057. 	while( artNodes.length > 200 )
  2058. 		MS_usingArticles( artNodes.splice( 0, 200 ), artConsumer );
  2059. 	
  2060. 	//Build query string
  2061. 	let query = "/posts.json?only=id,media_asset,"+totalAttr.toString()+"&tags=status:any+id:";
  2062. 	for( let art of artNodes )
  2063.     {
  2064.         if( !art.hasAttribute("data-id") )
  2065.             art.setAttribute("data-id", art.id.substring(5) );
  2066. 		query += art.getAttribute("data-id")+",";
  2067.     }
  2068. 	
  2069. 	MS_requestAPI( query, function(responseDetails)
  2070. 	{
  2071. 		let results = MS_parseJSON(responseDetails.responseText);
  2072. 		for( let art of artNodes )
  2073. 		{
  2074. 			let artID = art.getAttribute("data-id");
  2075. 			for( let post of results )
  2076. 				if( post["id"] == artID )
  2077. 				{
  2078. 					for( let attr of totalAttr )
  2079. 						art.setAttribute( attr, post[attr] );
  2080.                     
  2081.                     for( let size of post["media_asset"]["variants"] )
  2082.                         if( size.type == "720x720" )
  2083.                         {
  2084.                             art.setAttribute( "data-"+size.type, size.url );
  2085.                             break;
  2086.                         }
  2087.                     
  2088.                     artConsumer(art);
  2089. 					break;
  2090. 				}
  2091. 		}
  2092. 	});
  2093. }