☰

AO3: [Wrangling] Wrangling Page Info Box

Adds a customisable info box to the wrangling edit page

  1. // ==UserScript==
  2. // @name         AO3: [Wrangling] Wrangling Page Info Box
  3. // @description  Adds a customisable info box to the wrangling edit page
  4. // @author       Ebonwing
  5. // @namespace    http://tampermonkey.net/
  6. // @license      GPL-3.0 <https://www.gnu.org/licenses/gpl.html>
  7.      
  8. // @match        *://*.archiveofourown.org/tags/*/edit
  9. // @grant        none
  10. // @version 0.0.1.20211105173749
  11. // ==/UserScript==
  12.  
  13.  
  14. var settings = {};
  15.  
  16. /*********************
  17. *
  18. *
  19. * Customise the tags you want infoboxes on and the infobox text here.
  20. *
  21. *
  22. **********************/
  23.  
  24. //Replace the settings with tags and infotexts of your choosing. Copy and paste each new setting on a new line if you want more. 
  25. //Inserting <br> makes a line break.
  26. //The tags in the brackets are not case sensitive.
  27.  
  28. //If you want an infobox on all tags containing a specific keyword, do this.
  29. settings["example"] = "This setting inserts this text into all urls that include the word example.";
  30.  
  31. //If you want to use a key term that has a space in it, replace the space(s) with %20
  32. settings["Dean%20Winchester"] = "This appears on any tag that contains 'Dean Winchester'.";
  33.  
  34. //For key terms with slashes, use *s*
  35. settings["Dean*s*Sam"] = "This appears on any tag that contains 'Dean/Sam'.";
  36.  
  37. //If you want a box only on specific tags, paste the entire link into the brackets. 
  38. settings["https://archiveofourown.org/tags/ExampleTag/edit"] = "This tag appears only on the tag with that specific link.";
  39.  
  40.  
  41. //Example use cases:
  42. settings["edging"] = "Edging does not syn to edgeplay but to orgasm delay/denial.<br>";
  43. settings["aro"] = "Aroace tags aren't synned to ace tags.<br>";
  44.  
  45.  
  46.  
  47. var default_text = "This is a default text that appears on all noncanonical tags.";
  48. //If you don't want this to be shown on tags that have specific infoboxes, change the true value underneath this line to false.
  49. var always_show_default_text = true;
  50.  
  51.  
  52. /*********************
  53. *
  54. *
  55. * Customise the style of your infobox here.
  56. *
  57. *
  58. **********************/
  59.  
  60. //default style: cyan background, black border. Change the hex code after background: to customise it.
  61. var style = "background:#d1fcf6; border:1px solid black; padding:10px;";
  62.  
  63. //style that mimics AO3's default design, so it will appear as a plain sentence.
  64. //var style = "background:#dddddd;";
  65.  
  66. //Reversi compatible style:
  67. //var style = "background:#000;";
  68.  
  69.  
  70. /*********************
  71. *
  72. *
  73. * End of the customisation section
  74. *
  75. *
  76. **********************/
  77.  
  78.  
  79. var text = "";
  80. for (const [key, value] of Object.entries(settings)) {
  81.   var url = window.location.href.toLowerCase();
  82.   var tag = url.split("tags/")[1].split("/")[0];
  83.   if(url == key){
  84.    text = text + value; 
  85.   } else if(tag.includes(key)){
  86.     text = text + value; 
  87.   }
  88. }
  89.  
  90.  
  91. if(!document.getElementById("tag_canonical").checked && always_show_default_text){
  92.   text = text + default_text;
  93. }
  94.  
  95. if(text != ""){
  96.   	const div = document.createElement('div');
  97. 		div.id = "cheat_sheet";
  98.   	if (typeof style === 'undefined') {
  99.       var style = "background:#d1fcf6; border:1px solid black; padding:10px;";
  100.     }
  101. 		div.style = style;
  102. 	
  103. 		div.innerHTML = text;
  104.  
  105. 		var main = document.getElementById("main");
  106. 		var content = main.getElementsByTagName('dl');
  107.   	//content[0].parentNode.insertBefore(div, content[0]);
  108.  
  109.   	//checks if tag is in a fandom, since that changes the node placement
  110.  	  if(content[0].childNodes.length == 21){
  111.  	   content[0].childNodes[15].childNodes[3].parentNode.replaceChild(div, content[0].childNodes[15].childNodes[3]);
  112.   	} else if(content[0].childNodes.length == 25){
  113.    	 content[0].childNodes[19].childNodes[3].parentNode.replaceChild(div, content[0].childNodes[19].childNodes[3]);
  114.   	}
  115.  
  116. }