☰

MENDO.MK Enhancement

Adds dark mode, search in tasks and other to MENDO.MK

当前为 2023-02-25 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name         MENDO.MK Enhancement
  3. // @version      18
  4. // @namespace    mendo-mk-enhancement
  5. // @description  Adds dark mode, search in tasks and other to MENDO.MK
  6. // @author       EntityPlantt
  7. // @match        *://mendo.mk/*
  8. // @noframes
  9. // @icon         https://mendo.mk/img/favicon.ico
  10. // @grant        none
  11. // @license      CC-BY-ND
  12. // ==/UserScript==
  13.  
  14. console.log("%cMENDO.MK Enhancement%c loaded", "color:magenta;text-decoration:underline", "");
  15. var loadingSuccess = 0;
  16. setTimeout(() => {
  17.     if (loadingSuccess == 1) {
  18.         console.log("Loading %csuccessful", "color:#0f0");
  19.     }
  20. 	else if (loadingSuccess == 2) {
  21. 		console.log("Loading %cwith errors", "color:#ff0");
  22. 	}
  23.     else {
  24.         console.log("Loading %cunsuccessful", "color:red");
  25.     }
  26. }, 1000);
  27. async function MendoMkEnhancement() {
  28. 	try {
  29. 		function logFinish(taskName) {
  30. 			console.log("%cFinished task:%c " + taskName, "color:#0f0", "");
  31. 		}
  32. 		console.groupCollapsed("Start log");
  33. 		var style = document.createElement("style");
  34. 		style.innerHTML = `
  35. ${ // Dark mode
  36. localStorage.getItem("mendo-mk-enhancement-theme") == "dark" ? `
  37. html, img, svg, #cboxOverlay, .copy-io-btn span {
  38. filter: invert(1) hue-rotate(180deg);
  39. }
  40. body, img, svg {
  41. background: white;
  42. }
  43. ::-webkit-scrollbar {
  44. width: initial;
  45. }
  46. ::-webkit-scrollbar-track {
  47. background: #eee;
  48. }
  49. body::-webkit-scrollbar-track {
  50. background: #111;
  51. }
  52. ::-webkit-scrollbar-thumb {
  53. background: #ddd;
  54. }
  55. body::-webkit-scrollbar-thumb {
  56. background: #222;
  57. }
  58. td.solved, td.correct {
  59. background: #bfb !important;
  60. }
  61. td.wrong {
  62. background: #fbb !important;
  63. }
  64. ` : ""}
  65. #search {
  66. font-family: consolas;
  67. }
  68. #search, #search-submit {
  69. border: solid 2px black;
  70. transition: box-shadow .5s;
  71. }
  72. #search-submit:hover {
  73. cursor: pointer;
  74. }
  75. #search:focus {
  76. background: #eee;
  77. }
  78. #search-submit:hover, #search:hover {
  79. background: #ddd;
  80. }
  81. .copy-io-btn {
  82. float: right;
  83. background: #ddd;
  84. padding: 5px;
  85. cursor: pointer;
  86. border-radius: 5px;
  87. user-select: none;
  88. }
  89. .copy-io-btn:hover {
  90. background: #e8e8e8;
  91. }
  92. #search:active, #search:focus, #search-submit:active, #search-submit:focus {
  93. box-shadow: 0 0 2.5px 2.5px black;
  94. }
  95. `;
  96. 		document.head.appendChild(style);
  97. 		logFinish("inject style sheet");
  98. 		if (document.URL.includes("Training.do") || document.URL.includes("User_Competition.do?id=")) {
  99. 			document.querySelectorAll("div.main-content > div:nth-child(3) > div > table > tbody > tr > td:nth-child(2) > a").forEach(e => {
  100. 				e.target = "_blank";
  101. 			});
  102. 			logFinish("make task links open in another window");
  103. 			var search = document.createElement("form");
  104. 			search.className = "content-search";
  105. 			search.action = "#";
  106. 			search.innerHTML = `
  107.         <input type=text id=search autocomplete=off>
  108.         <input type=submit id=search-submit value=Search>
  109.         `;
  110. 			search.onsubmit = e => {
  111. 				e.preventDefault();
  112. 				location.hash = "#" + escape(search.querySelector("#search").value);
  113. 				hashChange();
  114. 			}
  115. 			function hashChange() {
  116. 				var kw = unescape(location.hash.substr(1));
  117. 				search.querySelector("#search").value = kw;
  118. 				kw = kw.toLowerCase();
  119. 				document.querySelectorAll("body > div.page-container > div.main > div.main-content > div:nth-child(4) > div > table > tbody > tr").forEach(elm => {
  120. 					if (!elm.querySelector("td:nth-child(2) > a")) {
  121. 						return;
  122. 					}
  123. 					if (elm.innerText.toLowerCase().includes(kw) || elm.querySelector("td:nth-child(2) > a").href.toLowerCase().includes(kw)) {
  124. 						elm.style.display = "";
  125. 					}
  126. 					else {
  127. 						elm.style.display = "none";
  128. 					}
  129. 				});
  130. 			}
  131. 			window.onhashcange = hashChange;
  132. 			setInterval(hashChange, 500);
  133. 			document.querySelector(".main-content").prepend(search);
  134. 			logFinish("add task search bar");
  135. 			document.querySelector("body > div.page-container > div.main > div.main-content > div:nth-child(3)").innerHTML += `<a href="./Training.do?cid=5">[ ${document.cookie.includes("mkjudge_language=en") ? "Other tasks" : "Други задачи"} ]</a>&nbsp;&nbsp;`;
  136. 			document.querySelector("body > div.page-container > div.main > div.main-content > div:last-child").innerHTML =
  137. 				document.querySelector("body > div.page-container > div.main > div.main-content > div:nth-child(3)").innerHTML;
  138. 			logFinish("add secret tasks");
  139. 		}
  140. 		if (document.querySelector("body > div.page-container > div.header > div.header-bottom > div")) {
  141. 			document.querySelector("body > div.page-container > div.header > div.header-bottom > div").innerHTML += `<ul><li><a style="
  142. 			background-image: url(https://evolveyoursuccess.com/wp-content/uploads/2019/12/lightbulb-icon-png-icon-transparent-light-bulb-png.png);
  143. 			background-size: 12.5px;
  144. 			" href='/algoritmi'>${document.cookie.includes("mkjudge_language=en") ? "II Algorithms" : "ИИ Алгоритми"}</a></li></ul>`;
  145. 			document.querySelector("body > div.page-container > div.header > div.header-bottom > div > ul:nth-child(1) > li > a").href = "/";
  146. 			document.querySelector("body > div.page-container > div.header > div.header-bottom > div > ul:nth-child(2) > li > a").href = "/Training.do";
  147. 			document.querySelector("body > div.page-container > div.header > div.header-bottom > div > ul:nth-child(2) > li > a").className = "";
  148. 		}
  149. 		logFinish("add ii algorithm button");
  150. 		if (document.querySelector("body > div.page-container > div.header > div.header-breadcrumbs > ul > li:last-child > a")) {
  151. 			window.name = document.querySelector("body > div.page-container > div.header > div.header-breadcrumbs > ul > li:last-child > a").innerText;
  152. 		}
  153. 		else if (document.querySelector(".pagetitle")) {
  154. 			window.name = document.querySelector(".pagetitle").innerText;
  155. 		}
  156. 		document.title = (document.querySelector("body > div.page-container > div.header > div.header-breadcrumbs > ul > li:last-child > a")
  157. 		?? document.querySelector(".pagetitle")
  158. 		?? document.querySelector(".pagename")
  159. 		?? {innerText: document.URL.substr(document.URL.indexOf("/", 8))}
  160. 		).innerText + " – МЕНДО";
  161. 		logFinish("document title set");
  162. 		if (document.URL.includes("Task.do?id=")) {
  163. 			document.querySelectorAll("body > div.page-container > div.main > div.main-content > div.column1-unit.taskContentView > table pre").forEach(pre => {
  164. 				var text = pre.innerText.substr(pre.innerText.indexOf("\n") + 1);
  165. 				var copyIoBtn = document.createElement("span");
  166. 				copyIoBtn.innerHTML = "<span>📃</span>";
  167. 				copyIoBtn.setAttribute("onclick", `navigator.clipboard.writeText(${JSON.stringify(text)})`);
  168. 				copyIoBtn.className = "copy-io-btn";
  169. 				pre.parentElement.appendChild(copyIoBtn);
  170. 			});
  171. 			logFinish("copy io buttons");
  172. 		}
  173. 		(document.querySelector(".footer") ?? {}).innerHTML += `<p class="credits">MENDO.MK Enhancement <a href="javascript:toggleTheme()">🎨</a></p>`;
  174. 		window.toggleTheme = () => {
  175. 			localStorage.setItem("mendo-mk-enhancement-theme", localStorage.getItem("mendo-mk-enhancement-theme") == "dark" ? "light" : "dark");
  176. 			location.reload();
  177. 		};
  178. 		logFinish("dark mode button");
  179. 		loadingSuccess = 1;
  180. 		if (/^https?:\/\/mendo\.mk\/.+\.do/.test(document.URL) && Math.random() < .01) {
  181. 			document.querySelector(".sitelogo").style.backgroundImage = "url(https://i1.sndcdn.com/artworks-TWCDacMc5lCrZIPb-2W7mgg-t500x500.jpg)";
  182. 			document.querySelector(".sitelogo").style.backgroundSize = "contain";
  183. 			document.querySelector(".sitename h1").innerText = "𝐎 𝐁 𝐀 𝐌 𝐈 𝐔 𝐌";
  184. 			document.querySelector(".sitename h2").innerText = "𝐋𝐞𝐭 𝐎𝐛𝐚𝐦𝐢𝐮𝐦 𝐛𝐥𝐞𝐬𝐬 𝐲𝐨𝐮";
  185. 			(document.querySelector(".footer") || {}).innerHTML = "<p>𝐋𝐞𝐭 𝐎𝐛𝐚𝐦𝐢𝐮𝐦 𝐛𝐥𝐞𝐬𝐬 𝐲𝐨𝐮</p>";
  186. 			document.querySelectorAll("img").forEach(elm => {
  187. 				elm.src = "https://i1.sndcdn.com/artworks-TWCDacMc5lCrZIPb-2W7mgg-t500x500.jpg";
  188. 				elm.width = elm.height ||= 50;
  189. 			});
  190. 			document.querySelector("link[rel*=icon]").href = "https://i1.sndcdn.com/artworks-TWCDacMc5lCrZIPb-2W7mgg-t500x500.jpg";
  191. 			document.querySelector("link[rel*=icon]").removeAttribute("type");
  192. 			document.title = "𝐎 𝐁 𝐀 𝐌 𝐈 𝐔 𝐌";
  193. 			logFinish("obamium");
  194. 		}
  195. 	}
  196. 	catch (_) {
  197. 		console.error(_);
  198. 		loadingSuccess = 2;
  199. 	}
  200. 	console.groupEnd();
  201. }
  202. window.MendoMkEnhancement = MendoMkEnhancement;
  203. MendoMkEnhancement();