☰

Greasy Fork is available in English.

Wykop XS

Wykop XS służy do wspomagania działania stylu "Wykop X Style", który jest wymagany do poprawnego działania niniejszego skryptu. Wykop X Style znajdziesz na: http://style.wykopx.pl

Versão de: 15/12/2023. Veja: a última versão.

  1. // ==UserScript==
  2. // @name        Wykop XS
  3. // @name:pl     Wykop XS
  4. // @name:en     Wykop XS
  5. // @author      Wykop X <wykopx@gmail.com>
  6. // @namespace   Violentmonkey Scripts
  7. // @match       https://wykop.pl/*
  8.  
  9.  
  10. // @require     https://unpkg.com/xhook@latest/dist/xhook.min.js
  11. // @require     https://greasyfork.org/scripts/458629-depaginator-for-wykop-pl/code/Depaginator%20for%20Wykoppl.user.js
  12. // @require     https://unpkg.com/localforage@1.10.0/dist/localforage.min.js
  13. // @require     https://cdn.jsdelivr.net/npm/dayjs@1/dayjs.min.js
  14. // @require     http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js
  15. // @require     https://greasyfork.org/scripts/383527-wait-for-key-elements/code/Wait_for_key_elements.js?version=701631
  16.  
  17. // @supportURL  http://wykop.pl/tag/wykopwnowymstylu
  18. // @contributionURL  https://buycoffee.to/sebastiandosiadlgo
  19. // @compatible  chrome, firefox, opera, safari, edge
  20. // @license     No License
  21. // @description Wykop XS służy do wspomagania działania stylu "Wykop X Style", który jest wymagany do poprawnego działania niniejszego skryptu. Wykop X Style znajdziesz na: http://style.wykopx.pl
  22. // @description:en Wykop XS is a helper script for userstyle "Wykop X Style" which modifies wykop.pl website and make it easier to use adding enhancements and new features. Check it out here: http://style.wykopx.pl
  23.  
  24. // @version     2.41.2
  25. // ==/UserScript==
  26.  
  27. (async function ()
  28. {
  29. 	'use strict';
  30.  
  31.  
  32. 	const currentVersion = "2.41.2";
  33. 	const dev = false;
  34. 	const promoString = " [Dodane przez Wykop XS #wykopwnowymstylu]";
  35.  
  36. 	// user.username - nazwa zalogowanego uzytkownika
  37.  
  38.  
  39. 	let wykopxStorageMirkoukrywacz = localforage.createInstance({
  40. 		driver: localforage.LOCALSTORAGE,
  41. 		name: "wykopx",
  42. 		storeName: "mirkoukrywacz",
  43. 	});
  44.  
  45. 	let wykopxStorageNotatkowator = localforage.createInstance({
  46. 		driver: localforage.LOCALSTORAGE,
  47. 		name: "wykopx",
  48. 		storeName: "notatkowator",
  49. 	});
  50.  
  51. 	let wykopxStorageObservedTags = localforage.createInstance({
  52. 		driver: localforage.LOCALSTORAGE,
  53. 		name: "wykopx",
  54. 		storeName: "observedTags",
  55. 	});
  56.  
  57.  
  58. 	// getComputedStyle(document.documentElement) -- nie działa, nie wczytuje właściwości z :root
  59. 	let wykopxSettings = getComputedStyle(document.querySelector("body"));
  60. 	let settings = {};
  61.  
  62. 	// boolean
  63. 	settings.hitsInTopNavJS = (wykopxSettings.getPropertyValue("--hitsInTopNavJS") == `"true"`); // boolean
  64. 	settings.votingExplosion = (wykopxSettings.getPropertyValue("--votingExplosion") == `"true"`); // boolean
  65. 	settings.tabTitleEnabled = (wykopxSettings.getPropertyValue("--tabTitleEnabled") == `"true"`); // boolean
  66. 	settings.tabFaviconEnabled = (wykopxSettings.getPropertyValue("--tabFaviconEnabled") == `"true"`); // boolean
  67. 	settings.tagHeaderEditable = (wykopxSettings.getPropertyValue("--tagHeaderEditable") == `"true"`); // boolean
  68. 	settings.myWykopInTopNavJS = (wykopxSettings.getPropertyValue("--myWykopInTopNavJS") == `"true"`); // boolean
  69. 	settings.enableNotatkowator = (wykopxSettings.getPropertyValue("--enableNotatkowator") == `"true"`); // boolean
  70. 	settings.linksAnalyzerEnable = (wykopxSettings.getPropertyValue("--linksAnalyzerEnable") == `"true"`); // boolean
  71. 	settings.favoritesInTopNavJS = (wykopxSettings.getPropertyValue("--favoritesInTopNavJS") == `"true"`); // boolean
  72. 	settings.addNewLinkInTopNavJS = (wykopxSettings.getPropertyValue("--addNewLinkInTopNavJS") == `"true"`); // boolean
  73. 	settings.addNewEntryInTopNavJS = (wykopxSettings.getPropertyValue("--addNewEntryInTopNavJS") == `"true"`); // boolean
  74. 	settings.tabChangeOnlyOnHiddenState = (wykopxSettings.getPropertyValue("--tabChangeOnlyOnHiddenState") == `"true"`); // boolean
  75. 	settings.linksAnalyzerSortByVotesCount = (wykopxSettings.getPropertyValue("--linksAnalyzerSortByVotesCount") == `"true"`); // boolean
  76. 	settings.showObservedTagsAlphabetically = (wykopxSettings.getPropertyValue("--showObservedTagsAlphabetically") == `"true"`); // boolean
  77. 	settings.showObservedTagsInRightSidebar = (wykopxSettings.getPropertyValue("--showObservedTagsInRightSidebar") == `"true"`); // boolean
  78.  
  79. 	settings.fixCaseSensitiveTagsRedirection = (wykopxSettings.getPropertyValue("--fixCaseSensitiveTagsRedirection") == `"true"`); // boolean
  80.  
  81. 	settings.tabTitleShowNotificationsEnabled = (wykopxSettings.getPropertyValue("--tabTitleShowNotificationsEnabled") == `"true"`); // boolean
  82. 	settings.tabTitleShowNotificationsCountPM = (wykopxSettings.getPropertyValue("--tabTitleShowNotificationsCountPM") == `"true"`); // boolean
  83. 	settings.tabTitleShowNotificationsCountEntries = (wykopxSettings.getPropertyValue("--tabTitleShowNotificationsCountEntries") == `"true"`); // boolean
  84. 	settings.tabTitleShowNotificationsCountTagsNewLink = (wykopxSettings.getPropertyValue("--tabTitleShowNotificationsCountTagsNewLink") == `"true"`); // boolean
  85. 	settings.tabTitleShowNotificationsCountTagsNewEntry = (wykopxSettings.getPropertyValue("--tabTitleShowNotificationsCountTagsNewEntry") == `"true"`); // boolean
  86. 	settings.tabTitleShowNotificationsCountSeparated = (wykopxSettings.getPropertyValue("--tabTitleShowNotificationsCountSeparated") == `"true"`); // boolean
  87.  
  88.  
  89.  
  90.  
  91. 	// boolean - domyslnie WŁĄCZONE bez Wykop X Style
  92. 	settings.disableNewLinkEditorPastedTextLimit = wykopxSettings.getPropertyValue("--disableNewLinkEditorPastedTextLimit") ? wykopxSettings.getPropertyValue("--disableNewLinkEditorPastedTextLimit") === '1' : true;
  93.  
  94. 	settings.notatkowatorUpdateInterval = parseFloat(wykopxSettings.getPropertyValue("--notatkowatorUpdateInterval")); // number
  95. 	settings.homepagePinnedEntriesHideBelowLimit = parseFloat(wykopxSettings.getPropertyValue("--homepagePinnedEntriesHideBelowLimit")); // number
  96. 	settings.showObservedTagsInRightSidebarUpdateInterval = parseFloat(wykopxSettings.getPropertyValue("--showObservedTagsInRightSidebarUpdateInterval")); // number
  97.  
  98.  
  99. 	// strings
  100. 	settings.WykopXStyleVersion = (wykopxSettings.getPropertyValue("--version").trim().slice(1, -1)); // "2.40"
  101. 	settings.tabTitleSelect = wykopxSettings.getPropertyValue("--tabTitleSelect").trim()
  102. 	settings.tabTitleCustom = wykopxSettings.getPropertyValue("--tabTitleCustom").trim();
  103. 	settings.tabFaviconSelect = wykopxSettings.getPropertyValue("--tabFaviconSelect").trim()
  104.  
  105.  
  106. 	if (dev) consoleX("Settings: ", 1);
  107. 	if (dev) console.log(settings);
  108.  
  109. 	// przenoszenie na tagi:                              wykop.pl/#heheszki
  110. 	// i na profile użytkownikow:                         wykop.pl/@m__b
  111. 	// wyszukiwanie wpisów danej osoby w konkretnym tagu  wykop.pl/@m__b/#internet   albo  wykop.pl/#internet/@m__b/
  112.  
  113. 	let hash = new URL(document.URL).hash;
  114. 	let pathname = new URL(document.URL).pathname;
  115. 	let pathnameArray = pathname.split("/");
  116. 	/*
  117.  
  118. ['', 'wpis', '74111643', 'dobranoc-panstwu']
  119. ['', 'wykopalisko']
  120. ['', 'link', '7303053', 'braun-gasi-chanuke-gasnica-mem']
  121.  
  122. 	*/
  123. 	function hashAndPathNameLoad()
  124. 	{
  125. 		hash = new URL(document.URL).hash;
  126. 		pathname = new URL(document.URL).pathname;
  127. 		pathnameArray = pathname.split("/");
  128. 		consoleX(`hashAndPathNameLoad() - hash: ${hash}, pathname: ${pathname}, pathnameArray: `, 1)
  129. 		console.log(pathnameArray)
  130. 	}
  131.  
  132.  
  133.  
  134. 	(async () =>
  135. 	{
  136. 		consoleX("(async () => {", 1);
  137.  
  138. 		let at, tag;
  139. 		if (settings.fixCaseSensitiveTagsRedirection)
  140. 		{
  141. 			/* fixing case sensitive tags https://github.com/wykopx/WykopX/issues/21 */
  142. 			if (pathnameArray[1] == "tag" && /[A-Z]/.test(pathnameArray[2]))
  143. 			{
  144. 				consoleX(`Błędny tag "${pathnameArray[2]}"`);
  145. 				pathnameArray[2] = pathnameArray[2].toLowerCase();
  146. 				let newPathname = "https://wykop.pl" + pathnameArray.join("/");
  147. 				consoleX(`Otwieram poprawny adres: ${newPathname}`);
  148. 				window.location.replace(newPathname);
  149. 			}
  150. 		}
  151.  
  152. 		// # przekierowanie URL http://wykop.pl/#heheszki albo http://wykop.pl/#wykop/@m__b
  153. 		if (hash.length > 0)
  154. 		{
  155. 			let tagWithHash = hash.split("/")[0];
  156. 			let tagWithoutHash = tagWithHash.slice(1);
  157. 			let tagNumber = Number.parseInt(tagWithoutHash);
  158.  
  159. 			if (tagWithoutHash.length > 1 && (tagNumber == "NaN" || tagWithoutHash.length < 9) && tagWithoutHash != "dodaj")
  160. 			{
  161. 				if ((tag = getTagFromUrl(tagWithHash))) { }
  162. 				if ((at = getUserFromUrl(hash))) { }
  163. 			}
  164. 		}
  165.  
  166. 		// @ przekierowanie URL http://wykop.pl/@NadiaFrance albo http://wykop.pl/#wykop/@m__b
  167. 		if (pathnameArray[1] !== "szukaj" && pathname.length > 2)
  168. 		{
  169. 			if (at || (at = getUserFromUrl(pathname))) { }
  170. 		}
  171.  
  172. 		if (at || tag) smartRedirectBasedOnUserAndTag(at, tag);
  173.  
  174. 	})();
  175.  
  176.  
  177.  
  178.  
  179.  
  180.  
  181.  
  182.  
  183. 	function redirectToSearchUserEntriesInTag(user, tag)
  184. 	{
  185. 		window.location.replace(`https://wykop.pl/szukaj/wszystkie/@${user}?tags=${tag}`);
  186. 	}
  187.  
  188. 	function redirectToTag(tag)
  189. 	{
  190. 		window.location.replace(`https://go.wykopx.pl/#${tag}`);
  191. 	}
  192.  
  193. 	function redirectToUser(user)
  194. 	{
  195. 		window.location.replace(`https://wykopx.pl/@${user}`);
  196. 	}
  197.  
  198. 	function smartRedirectBasedOnUserAndTag(user, tag)
  199. 	{
  200. 		consoleX(`Wprowadzono: tag #${tag}, user @${user}`, 1);
  201.  
  202. 		if (tag && user) redirectToSearchUserEntriesInTag(user, tag)
  203. 		else if (tag) redirectToTag(tag)
  204. 		else if (user) redirectToUser(user)
  205. 	}
  206. 	// returns 'tag' from /#tag in string
  207. 	function getTagFromUrl(url, splitSeparator = "/", tagSymbol = "#")
  208. 	{
  209. 		let tagArray = url.split(splitSeparator);
  210. 		for (let element of tagArray)
  211. 		{
  212. 			if (element.charAt(0) == "#" || element.charAt(0) == tagSymbol)
  213. 			{
  214. 				element = element.slice(1);
  215. 				return element;
  216. 			} else if (tagSymbol == "" && (/^[0-9a-zA-Z]/i.test(element.charAt(0))))
  217. 			{
  218. 				return element;
  219. 			} else
  220. 			{
  221. 				continue;
  222. 			}
  223. 		}
  224. 		return false;
  225. 	}
  226.  
  227. 	function getUserFromUrl(url, splitSeparator = "/", userSymbol = "@")
  228. 	{
  229. 		let atArray = url.split(splitSeparator);
  230. 		for (let element of atArray)
  231. 		{
  232. 			if (element.charAt(0) == userSymbol)
  233. 			{
  234. 				return element.slice(1);
  235. 			}
  236. 		}
  237. 		return false;
  238. 	}
  239.  
  240.  
  241.  
  242.  
  243.  
  244.  
  245.  
  246.  
  247.  
  248.  
  249. 	/* LENNY FACE */
  250. 	// waitForKeyElements("section.editor", editorAddLennyFace, false);
  251. 	/*
  252. 	function editorAddLennyFace(jNode) {
  253. 	
  254. 		$("section.editor > div.content > textarea", "body").on("focus", function (e) {
  255. 			//$(this).val("");
  256. 			//$(this).text("");
  257. 			$(this).html("");
  258. 			consoleX($(this).val())
  259. 		})
  260. 	
  261. 		let lennyFaceHtml = `<div class="wykopx_lenny_face_row">`;
  262. 	
  263. 		let lennyArray = [
  264. 			`( ͡° ͜ʖ ͡°)`,
  265. 			`( ͡° ʖ̯ ͡°)`,
  266. 			`( ͡º ͜ʖ͡º)`,
  267. 			`( ͡°( ͡° ͜ʖ( ͡° ͜ʖ ͡°)ʖ ͡°) ͡°)`,
  268. 			`(⌐ ͡■ ͜ʖ ͡■)`,
  269. 			`(╥﹏╥)`,
  270. 			`(╯︵╰,)`,
  271. 			`(ʘ‿ʘ)`,
  272. 			`(｡◕‿‿◕｡)`,
  273. 			`ᕙ(⇀‸↼‶)ᕗ`,
  274. 			`ᕦ(òóˇ)ᕤ`,
  275. 			`(✌ ﾟ ∀ ﾟ)☞`,
  276. 			`ʕ•ᴥ•ʔ`,
  277. 			`ᶘᵒᴥᵒᶅ`,
  278. 			`(⌒(oo)⌒)`
  279. 		]
  280. 		lennyArray.forEach(function (lenny) {
  281. 			lennyFaceHtml += `<button title="${ lenny } Lenny Face " class="wykopx_lenny_face_button" data-insert="${ lenny }">${ lenny }</button>`;
  282. 		});
  283. 	
  284. 		lennyFaceHtml += `</div>`;
  285. 		$(lennyFaceHtml).appendTo("section.editor > header");
  286. 	
  287. 		$("section.editor > header button.wykopx_lenny_face_button").on("click", function (e) {
  288. 			e.preventDefault();
  289. 			let x = $(this).parent().parent().parent().find("div.content > textarea").css("opacity", "1");
  290. 			let textarea = document.querySelector(`div.content textarea`)
  291. 			let selectionStart = textarea.selectionStart;
  292. 			let textareaValue = $(textarea).val();
  293. 			textareaValueWithLenny = textareaValue.slice(0, selectionStart) + $(this).data("insert") + textareaValue.slice(selectionStart);
  294. 			$(textarea).attr("data-value", textareaValueWithLenny);
  295. 			$(textarea).html(textareaValueWithLenny);
  296. 			textarea.innerText = textareaValueWithLenny;
  297. 		});
  298. 	}
  299. 	*/
  300.  
  301.  
  302.  
  303.  
  304.  
  305.  
  306.  
  307.  
  308.  
  309.  
  310. 	/* QUICK SEARCH */
  311.  
  312. 	/* Edytuj nagłówek tagu, aby przejść na inny tag */
  313.  
  314. 	function tagHeaderEditableLoad()
  315. 	{
  316. 		// consoleX("tagHeaderEditableLoad()", 1)
  317. 		if (settings.tagHeaderEditable && pathnameArray[1] == "tag")
  318. 		{
  319. 			waitForKeyElements(".main-content .main aside.tag-top .content header h1", tagHeaderEditable, false);
  320. 		}
  321. 	}
  322.  
  323. 	function tagHeaderEditable(jNode)
  324. 	{
  325. 		consoleX("tagHeaderEditable(jNode)", 1)
  326.  
  327. 		let tagHeaderEditable = jNode[0];
  328. 		let originalValue = tagHeaderEditable.textContent.toLowerCase();
  329. 		tagHeaderEditable.contentEditable = "true";
  330. 		tagHeaderEditable.className = "wykopx_quick_search";
  331. 		tagHeaderEditable.setAttribute("data-wykopx-original-value", originalValue);
  332.  
  333. 		let wykopx_quick_search = document.querySelector(".wykopx_quick_search");
  334. 		if (originalValue != "") 
  335. 		{
  336. 			wykopx_quick_search.value = originalValue;
  337. 			wykopx_quick_search.dispatchEvent(new Event('change'));
  338. 			wykopx_quick_search.setAttribute("data-wykopx-original-value", originalValue);
  339. 		}
  340. 		wykopx_quick_search.addEventListener("blur", eventInsertedTagOrUser);
  341. 		wykopx_quick_search.addEventListener("keydown", eventInsertedTagOrUser);
  342. 	}
  343.  
  344. 	waitForKeyElements("input.wykopx_quick_search", wykopx_quick_search, false);
  345.  
  346. 	function wykopx_quick_search(jNodeWykopxQuickSearch)
  347. 	{
  348. 		const wykopxQuickSearch = jNodeWykopxQuickSearch[0];
  349. 		wykopxQuickSearch.addEventListener("blur", eventInsertedTagOrUser);
  350. 		wykopxQuickSearch.addEventListener("keydown", eventInsertedTagOrUser);
  351. 	}
  352.  
  353. 	function eventInsertedTagOrUser(e)
  354. 	{
  355. 		if (e.type === "blur" || (e.type === "keydown" && e.keyCode == 13)) // out of focus or enter
  356. 		{
  357. 			consoleX("blur keydown .wykopx_quick_search");
  358. 			e.preventDefault();
  359.  
  360. 			console.log("Type of the element: " + e.target.tagName);
  361. 			let editedValue;
  362. 			if (e.target.tagName == "INPUT") editedValue = e.target.value.toLowerCase();
  363. 			else if (e.target.tagName == "H1") editedValue = e.target.textContent.toLowerCase();
  364.  
  365. 			if (editedValue != e.target.getAttribute("data-wykopx-original-value"))
  366. 			{
  367. 				smartRedirectBasedOnUserAndTag(getUserFromUrl(editedValue, " "), getTagFromUrl(editedValue, " ", ""));
  368. 			}
  369. 		}
  370. 	}
  371.  
  372.  
  373.  
  374. 	/* RIGHT SIDEBAR - DODAJ LISTE OBSERWOWANYCH TAGÓW */
  375. 	function addObservedTagsToRightSidebar()
  376. 	{
  377. 		let observedTagsArray = [];
  378.  
  379. 		if (settings.showObservedTagsInRightSidebar)
  380. 		{
  381. 			// consoleX("addObservedTagsToRightSidebar()", 1)
  382.  
  383. 			checkLocalForageupdatedDate(wykopxStorageObservedTags, getObservedTags, settings.showObservedTagsInRightSidebarUpdateInterval * 3600);
  384.  
  385. 			let section_html = `
  386. 				<section class="wykopxs wykopx_your_observed_tags custom-sidebar tags-sidebar" data-v-3f88526c="" data-v-89888658="" data-v-5d67dfc3="">
  387. 					<header data-v-3f88526c="">
  388. 						<h4 data-v-3f88526c="">Przejdź na #tag lub @profil</h4>
  389. 					</header>
  390. 					<div class="content wykopx_quick_search_container" data-v-3f88526c="">
  391. 						<input type="text" class="wykopx_quick_search" placeholder="#wykopwnowymstylu" title="${promoString}" />
  392. 					</div>
  393. 					<header data-v-3f88526c="">
  394. 						<h4 data-v-3f88526c="">Twoje obserwowane tagi</h4>
  395. 					</header>
  396. 					<div class="content" data-v-3f88526c="">
  397. 						<section class="tags" data-v-89888658="" data-v-3f88526c="" >
  398. 							<ul data-v-89888658="" data-v-3f88526c="">`;
  399.  
  400. 			wykopxStorageObservedTags.iterate(function (value, key, iterationNumber)
  401. 			{
  402. 				if (key != "storageUpdatedDate")
  403. 				{
  404. 					observedTagsArray.push(value)
  405. 				}
  406. 			})
  407. 				.then(function ()
  408. 				{
  409. 					if (settings.showObservedTagsAlphabetically)
  410. 					{
  411. 						observedTagsArray.sort(); // sortowanie alfabetyczne tagów
  412. 					}
  413. 					observedTagsArray.forEach(function (tag)
  414. 					{
  415. 						section_html += `
  416. 						<li data-v-89888658="" data-v-3f88526c="" title="Przejdź na tag #${tag}  ${promoString}">
  417. 							<span data-v-89888658="" data-v-3f88526c="">#</span><a data-v-89888658="" href="https://go.wykopx.pl/#${tag}" class="hybrid" data-v-3f88526c="">${tag}</a>
  418. 						</li>`;
  419. 					});
  420.  
  421. 					section_html += `</ul>
  422. 							</section>
  423. 						</div>
  424. 					</section>`;
  425. 					// $(section_html).insertBefore(`section.sidebar > section:first-child`);
  426. 					document.querySelector(`section.sidebar`).insertAdjacentHTML('beforeend', section_html);
  427. 				})
  428. 				.catch(function (err) { });
  429. 		}
  430. 	}
  431.  
  432.  
  433. 	async function checkLocalForageupdatedDate(wykopxStorageName, updateStorageFunction, updateIntervalSeconds)
  434. 	{
  435. 		consoleX("checkLocalForageupdatedDate", 1)
  436. 		try
  437. 		{
  438. 			let storageUpdatedDate = await wykopxStorageName.getItem("storageUpdatedDate");
  439. 			if (storageUpdatedDate == null)
  440. 			{
  441. 				consoleX("Selected info wasn't downloaded. Updating now...", 1)
  442. 				updateStorageFunction();
  443. 			} else
  444. 			{
  445. 				const date1 = dayjs()
  446. 				const date2 = dayjs(storageUpdatedDate)
  447. 				if (date1.diff(date2, "second") > parseFloat(updateIntervalSeconds))
  448. 				{
  449. 					consoleX(`Update interval: ${date1.diff(date2, "second")}s > ${updateIntervalSeconds}s`, 1)
  450. 					updateStorageFunction();
  451. 				}
  452. 			}
  453. 		} catch (err)
  454. 		{
  455. 			console.log(err);
  456. 		}
  457. 	}
  458.  
  459. 	async function getObservedTags()
  460. 	{
  461. 		const apiGetObservedTags = `https://wykop.pl/api/v3/profile/users/${user.username}/observed/tags`;
  462. 		consoleX(`async function getObservedTags(${user.username}`, 1);
  463.  
  464. 		await fetch(apiGetObservedTags, {
  465. 			method: "GET", // or 'PUT'
  466. 			headers: {
  467. 				"Content-Type": "application/json",
  468. 				Authorization: "Bearer " + window.localStorage.token,
  469. 			},
  470. 		})
  471. 			.then((response) => response.json())
  472. 			.then((observedTagsJson) =>
  473. 			{
  474. 				if (dev) console.log(observedTagsJson)
  475. 				const observedTagsArray = observedTagsJson.data;
  476.  
  477. 				wykopxStorageObservedTags.setItem("storageUpdatedDate", dayjs())
  478.  
  479. 				observedTagsArray.forEach(function (tag)
  480. 				{
  481. 					wykopxStorageObservedTags.setItem(tag.name, tag.name)
  482. 						.then(function (value)
  483. 						{
  484. 							consoleX(`Zapisano do LocalStorage Twój obserwowany tag: #${tag.name}"`);
  485. 						})
  486. 						.catch(function (err)
  487. 						{
  488. 							consoleX(`getObservedTags = error: ` + err);
  489. 						});
  490. 				});
  491. 				return true;
  492. 			});
  493. 	}
  494.  
  495.  
  496.  
  497.  
  498.  
  499.  
  500.  
  501.  
  502.  
  503.  
  504.  
  505.  
  506.  
  507.  
  508.  
  509.  
  510.  
  511.  
  512.  
  513.  
  514.  
  515.  
  516.  
  517.  
  518.  
  519.  
  520.  
  521.  
  522.  
  523.  
  524.  
  525.  
  526. 	function addActionBoxesToAllEntriesAndComments()
  527. 	{
  528. 		// consoleX("addActionBoxesToAllEntriesAndComments()", 1)
  529. 		$("section.entry").each(function ()
  530. 		{
  531. 			addWykopXActionBoxToEntryAndComment($(this))
  532. 		})
  533. 	}
  534.  
  535.  
  536.  
  537. 	async function addWykopXActionBoxToEntryAndComment(jNode)
  538. 	{
  539. 		// consoleX(`addWykopXActionBoxToEntryAndComment(jNode)`, 1);
  540. 		// if (dev) console.log(jNode);
  541.  
  542.  
  543.  
  544. 		if (settings.enableNotatkowator)
  545. 		{
  546. 			var elements = document.querySelectorAll(".wykopx_action_box_usernote");
  547. 			elements.forEach(function (element)
  548. 			{
  549. 				element.parentNode.removeChild(element);
  550. 			});
  551.  
  552. 			const comment_id = jNode.context.id.replace("comment-", "");
  553. 			const $entry_object = $(`#comment-${comment_id}`);
  554. 			const comment_username = $entry_object.find("> article > header > div.left > a.avatar > span").text();
  555.  
  556.  
  557. 			if (comment_username.length > 0)
  558. 			{
  559. 				let usernoteObject = wykopxStorageNotatkowator.getItem(comment_username);
  560. 				try
  561. 				{
  562. 					usernoteObject = await wykopxStorageNotatkowator.getItem(comment_username);
  563. 					// usernoteObject == "" -> Notatkowator do wersji 2.14 zapisywał tylko notatkę, bez daty
  564. 					if (usernoteObject == null || usernoteObject == "")
  565. 					{
  566. 						// brak notatki o tym użytkowniku w localforage więc pobieramy z serwera Wykopu
  567. 						// console.log(`Brak notatki o użytkowniku ${ comment_username }. Sprawdzam na serwerze. Wywołuję getUserNotes( ${ comment_username }, ${ comment_id })`)
  568. 						getUserNotes(comment_username, comment_id);
  569. 					}
  570. 					else
  571. 					{
  572. 						const date1 = dayjs();
  573. 						const date2 = dayjs(usernoteObject.lastUpdate);
  574.  
  575. 						// consoleX(`Update interval: ${date1.diff(date2, "second")}s <?> ${settings.notatkowatorUpdateInterval * 3600}s`, 1)
  576.  
  577. 						if (date1.diff(date2, "second") > parseFloat(settings.notatkowatorUpdateInterval * 3600))
  578. 						{
  579. 							getUserNotes(comment_username, comment_id);
  580. 						}
  581. 						else
  582. 						{
  583. 							// consoleX(`Notatkowator wczytał notatkę z LocalStorage. Użytkownik: @${ comment_username }. Notatka: "${ usernote }"`);
  584. 							displayUserNote(comment_username, usernoteObject.usernote, comment_id)
  585. 						}
  586. 					}
  587. 				} catch (err)
  588. 				{
  589. 					console.log(err);
  590. 				}
  591. 			}
  592. 		}
  593.  
  594.  
  595.  
  596.  
  597.  
  598.  
  599.  
  600.  
  601.  
  602. 		//   console.log("comment_id: " + comment_id);
  603. 		//   console.log("$entry_object: ");
  604. 		//   console.log($entry_object);
  605. 		//   console.log("comment_username: " + comment_username);
  606.  
  607. 		// let html = `<div class="wykopxs wykopx_action_box"
  608. 		//                  id="wykopx_action_box-${ comment_id }"
  609. 		//                  data-username="${ comment_username }"
  610. 		//                  data-comment-id="${ comment_id }"
  611. 		//                  data-base-uri="${ jNode.context.baseURI }"
  612. 		//                  data-entry-type="entry-subcomment"
  613. 		//                  data-parent-comment-id="123456789"
  614. 		//                  data-grandparent-comment-id="123456789">
  615. 		//   <div class="wykopx_action_box_username">${ comment_username }</div>
  616. 		// </div>`;
  617. 		//jNode.find("> article > header").after(html);
  618. 	}
  619.  
  620.  
  621. 	// NOTATKOWATOR 2000
  622.  
  623. 	async function displayUserNote(username, usernote, comment_id)
  624. 	{
  625. 		if (usernote.length > 0)
  626. 		{
  627. 			$(`section#comment-${comment_id} > article > header`).after(`<div class="wykopxs wykopx_action_box_usernote">Twoja notatka do <strong>${username}</strong> : <var>${usernote}</var></div>`);
  628. 		}
  629. 	}
  630.  
  631. 	const apiGetNotes = "https://wykop.pl/api/v3/notes/";
  632. 	async function getUserNotes(username, comment_id)
  633. 	{
  634. 		// consoleX(`async function getUserNotes(${username}, ${comment_id})`, 1);
  635.  
  636. 		const response = await fetch(apiGetNotes + username, {
  637. 			method: "GET", // or 'PUT'
  638. 			headers: {
  639. 				"Content-Type": "application/json",
  640. 				Authorization: "Bearer " + window.localStorage.token,
  641. 			},
  642. 		})
  643. 			.then((response) => response.json())
  644. 			.then((user) =>
  645. 			{
  646. 				const usernote = user.data.content;
  647. 				wykopxStorageNotatkowator.setItem(username, { usernote: usernote, lastUpdate: dayjs() })
  648. 					.then(function (value)
  649. 					{
  650. 						// consoleX(`Notatkowator zapisał notatkę o użytkowniku @${ username }: "${ usernote }"`);
  651. 						displayUserNote(username, usernote, comment_id)
  652.  
  653. 					})
  654. 					.catch(function (err)
  655. 					{
  656. 						consoleX(`Notatkowator = error: ` + err);
  657. 					});
  658. 				return usernote;
  659. 			});
  660. 	}
  661.  
  662.  
  663.  
  664.  
  665.  
  666.  
  667.  
  668.  
  669.  
  670.  
  671.  
  672.  
  673. 	function mirkoukrywaczAddButtons(jNode)
  674. 	{
  675. 		// if (dev) consoleX("mirkoukrywaczAddButtons(jNode)", 1);
  676.  
  677. 		mirkoukrywaczHideAllBlockedElements();
  678.  
  679. 		let html = `<button class="wykopxs hideThisShit" title="Wykop X - Mirkoukrywacz - Ukryj to na zawsze">Ukryj</button>`;
  680.  
  681. 		jNode.find(`ul li.right`).prepend(html);
  682. 		// consoleX(`Dodano przycisk "Ukryj" z Mirkoukrywacza`, 1);
  683.  
  684. 		$(".hideThisShit").on("click", function ()
  685. 		{
  686. 			let type = "unknown";
  687.  
  688. 			let entry_stream = $(this).closest(".stream");
  689. 			if (entry_stream.hasClass("microblog")) type = "entry";
  690. 			else if (entry_stream.hasClass("entry-comments")) type = "entry";
  691. 			else if (entry_stream.hasClass("entry-subcomments")) type = "entry-subcomments";
  692. 			else if (entry_stream.hasClass("link-comments")) type = "link-comments";
  693.  
  694. 			let entry = $(this).closest(".entry");
  695.  
  696. 			let comment_id = entry.attr("id").split("-")[1];
  697. 			let username = entry[0].querySelector("a.username span").innerText;
  698. 			let text = entry[0].querySelector("div.content div.wrapper").innerText.replace(/\n/g, " ");
  699.  
  700. 			let grandcomment_id = comment_id; /* id nad-komentarza */
  701. 			if (type == "entry-subcomments")
  702. 			{
  703. 				let entry_grandparent = entry.parent().closest(".entry");
  704. 				grandcomment_id = entry_grandparent.attr("id").split("-")[1];
  705. 			}
  706.  
  707. 			/*let link_id = null;
  708. 			if (type == "link-comments")
  709. 			{
  710. 				link_id = link_aside.attr("data-url").split("/")[1];      // /link/7013759/tu-najwiecej-polskich-dzieci-probuje-popelnic-samobojstwo
  711. 			}*/
  712. 			if (text.length > 50) text = text.substring(0, 50);
  713. 			mirkoukrywaczAddNewBlockedElement(comment_id, grandcomment_id, username, text, type);
  714. 		});
  715. 	}
  716.  
  717. 	function mirkoukrywaczAddNewBlockedElement(id, grandcomment_id, username, text, type)
  718. 	{
  719. 		wykopxStorageMirkoukrywacz
  720. 			.setItem(id, {
  721. 				id,
  722. 				grandcomment_id,
  723. 				type,
  724. 				username,
  725. 				text,
  726. 				date: dayjs()
  727. 			})
  728. 			.then(function (value)
  729. 			{
  730. 				consoleX(`Mirkoukrywacz dodał do listy ukrywanych @${username}: ${text}`);
  731. 			})
  732. 			.catch(function (err)
  733. 			{
  734. 				consoleX(`mirkoukrywaczAddNewBlockedElement = error: ` + err);
  735. 			});
  736. 		mirkoukrywaczHideAllBlockedElements();
  737. 	}
  738.  
  739. 	function mirkoukrywaczHideAllBlockedElements()
  740. 	{
  741. 		wykopxStorageMirkoukrywacz
  742. 			.iterate(function (value, key, iterationNumber)
  743. 			{
  744. 				$(`section#comment-${key}`).addClass("wykopx_mirkoukrywacz_hide");
  745. 			})
  746. 			.then(function () { })
  747. 			.catch(function (err) { });
  748. 	}
  749.  
  750. 	function mirkoukrywaczAppendOneElementToHideList(value, key, iterationNumber = "⭐")
  751. 	{
  752. 		if ($(`#wykopx_modal_mirkoukrywacz .wykopx_mirkoukrywacz_list_of_hidden_items #wykopx_mirkoukrywacz_element_${key}`).length == 0)
  753. 		{
  754. 			let hidden_element_html = ``;
  755. 			hidden_element_html += `
  756. 					<div class="wykopx_mirkoukrywacz_element" id="wykopx_mirkoukrywacz_element_${key}">
  757. 						<div class="wykopx_mirkoukrywacz_unhide" id="${key}" title="Przestań ukrywać ten element">❌</div>
  758. 						<div class="wykopx_mirkoukrywacz_lp">${iterationNumber}</div>
  759. 						<div class="wykopx_mirkoukrywacz_text">${value.text}</div>
  760. 						<div class="wykopx_mirkoukrywacz_id">${key}</div>
  761. 						<div class="wykopx_mirkoukrywacz_type">${value.type}</div>
  762. 						<div class="wykopx_mirkoukrywacz_date">${dayjs(value.date).format("YYYY-MM-DD HH:mm")}</div>
  763. 					</div>`;
  764. 			$("#wykopx_modal_mirkoukrywacz .wykopx_mirkoukrywacz_list_of_hidden_items").append(hidden_element_html);
  765. 			$(".wykopx_mirkoukrywacz_unhide").on("click", function ()
  766. 			{
  767. 				mirkoukrywaczRemoveHiddenElement($(this).attr("id"));
  768. 			});
  769. 		}
  770. 	}
  771.  
  772. 	function mirkoukrywaczRefreshHideList()
  773. 	{
  774. 		wykopxStorageMirkoukrywacz
  775. 			.iterate(function (value, key, iterationNumber)
  776. 			{
  777. 				mirkoukrywaczAppendOneElementToHideList(value, key, iterationNumber);
  778. 			})
  779. 			.then(function () { })
  780. 			.catch(function (err) { });
  781. 	}
  782.  
  783. 	function mirkoukrywaczBuildListOfHiddenElements()
  784. 	{
  785. 		let html = `
  786. 		<div class="wykopxs wykopx_modal" id="wykopx_modal_mirkoukrywacz">
  787. 			<div class="wykopx_modal-content">
  788. 				<aside class="wykopxs_info_bar wykopx_hide_this_if_stylus_is_installed">
  789. 					Masz już działający skrypt Wykop XS. Aby Mirkoukrywacz działał, musisz zainstalować i włączyć w Stylusie <a href="http://wiki.wykopx.pl" target="_blank">Wykop X</a>
  790. 				</aside>
  791.  
  792. 				<aside class="wykopxs wykopx_modal_mirkoukrywacz_is_turned_off wykopx_hide_this_if_mirkoukrywanie_is_turned_on">
  793. 					Wykop XS oraz Wykop X są zainstalowane poprawnie, ale Mirkoukrywacz jest wyłączony. Aby Mirkoukrywacz działał, włącz go w ustawieniach Stylusa. <a href="https://github.com/wykopx/WykopX/wiki/Extra#mirkoukrywacz" target="_blank">Zobacz instrukcję obsługi Mirkoukrywacza</a>
  794. 				</aside>
  795. 				<header class="wykopxs">
  796. 					<span>Mirkoukrywacz:</span>
  797. 					<span>Lista ukrytych elementów</span>
  798. 				</header>
  799. 				<section class="wykopxs wykopx_mirkoukrywacz_list_of_hidden_items">
  800. 					<span class="wykopx_mirkoukrywacz_hidden_list_is_empty">
  801. 						Żadne treści nie zostały jeszcze zaznaczone do ukrycia
  802. 					</span>
  803. 				</section>
  804. 			</div>
  805. 		</div>`;
  806.  
  807.  
  808. 		// $("body").prepend(html);
  809. 		document.body.insertAdjacentHTML('afterbegin', html);
  810.  
  811. 		createNewProfileDropdownMenuItem(
  812. 			{
  813. 				text: `Wykop X - Mirkoukrywacz`,
  814. 				title: "Wykop X - lista elementów ukrytych przez Mirkoukrywacz",
  815. 				className: `mirkoukrywacz`,
  816. 				id: "mirkoukrywacz_open_modal_button",
  817. 				url: null,
  818. 				target: null,
  819. 				icon: null,
  820. 				number: null
  821. 			});
  822.  
  823. 		let wykopx_modal_mirkoukrywacz = document.getElementById("wykopx_modal_mirkoukrywacz");
  824. 		let mirkoukrywacz_open_modal_button = document.getElementById("mirkoukrywacz_open_modal_button");
  825. 		//var span = document.getElementsByClassName("wykopx_close")[0];
  826. 		mirkoukrywacz_open_modal_button.onclick = function ()
  827. 		{
  828. 			mirkoukrywaczRefreshHideList();
  829. 			wykopx_modal_mirkoukrywacz.style.display = "block";
  830. 		};
  831. 		/*	span.onclick = function() {
  832. 			wykopx_modal_mirkoukrywacz.style.display = "none";
  833. 		}*/
  834. 		window.onclick = function (event)
  835. 		{
  836. 			if (event.target == wykopx_modal_mirkoukrywacz)
  837. 			{
  838. 				wykopx_modal_mirkoukrywacz.style.display = "none";
  839. 			}
  840. 		};
  841. 	}
  842.  
  843. 	function mirkoukrywaczRemoveHiddenElement(id)
  844. 	{
  845. 		wykopxStorageMirkoukrywacz
  846. 			.removeItem(id)
  847. 			.then(function ()
  848. 			{
  849. 				$(`#wykopx_mirkoukrywacz_element_${id}`).remove();
  850. 			})
  851. 			.catch(function (err)
  852. 			{
  853. 				console.log(err);
  854. 			});
  855. 	}
  856.  
  857.  
  858.  
  859. 	/* Automatycznie "pokaż całość" długich treści */
  860. 	function autoOpenMoreContentEverywhere()
  861. 	{
  862. 		if (wykopxSettings.getPropertyValue("--autoOpenMoreContentEverywhere"))
  863. 		{
  864. 			let numberOfShowMoreButtons = $("div.wrapper button.more").length;
  865. 			if (numberOfShowMoreButtons > 0)
  866. 			{
  867. 				$("div.wrapper button.more").click();
  868. 				consoleX(`Automatycznie rozwinięto ${numberOfShowMoreButtons} długich wpisów i komentarzy`);
  869. 			}
  870. 		}
  871. 	}
  872. 	/* Kliknięcie w logo wykopu odświeża stronę */
  873. 	function refreshOrRedirectOnHomeButtonClick()
  874. 	{
  875. 		if (wykopxSettings.getPropertyValue("--refreshOrRedirectOnHomeButtonClick"))
  876. 		{
  877. 			refreshOrRedirectOnButtonClick("header.header div.left > a", "/");
  878. 		}
  879. 	}
  880. 	/* Kliknięcie w Mikroblog odświeża stronę */
  881. 	function refreshOrRedirectOnMicroblogButtonClick()
  882. 	{
  883. 		if (wykopxSettings.getPropertyValue("--refreshOrRedirectOnMicroblogButtonClick"))
  884. 		{
  885. 			refreshOrRedirectOnButtonClick(`nav.main ul li a[href="/mikroblog"]`, "/mikroblog");
  886. 		}
  887. 	}
  888.  
  889. 	function refreshOrRedirectOnButtonClick(selector, pathToRefresh = "/")
  890. 	{
  891. 		$(document).on("click", selector, function ()
  892. 		{
  893. 			let pathname = new URL(document.URL).pathname;
  894. 			if (pathname == pathToRefresh) window.location.reload();
  895. 			else window.location.href = pathToRefresh;
  896. 		});
  897. 	}
  898.  
  899. 	/* add micro button on left menu open, 2 versions
  900. 	$(`header.header > div.left > button`).on("click", function(){
  901. 		//categoryRedirectToMicroblogButton();
  902. 	}); */
  903.  
  904.  
  905.  
  906. 	// przyciski MIRKO w kategoriach
  907. 	function categoryRedirectToMicroblogButton()
  908. 	{
  909. 		consoleX("categoryRedirectToMicroblogButton()", 1);
  910. 		let categoryRedirectToMicroblogButtonFilter = wykopxSettings.getPropertyValue("--categoryRedirectToMicroblogButtonFilter");
  911. 		categoryRedirectToMicroblogButtonFilter = categoryRedirectToMicroblogButtonFilter.replaceAll("_", "/").replaceAll(" ", "");
  912.  
  913. 		if ($(`section.links div.content ul.categories .wykopx_categories_microblog_a`).length == 0)
  914. 		{
  915. 			$(`section.links div.content ul.categories li`).each(function (index)
  916. 			{
  917. 				const kategoria = $(this).context.outerText;
  918. 				let href = "";
  919. 				switch (kategoria)
  920. 				{
  921. 					case "Ciekawostki":
  922. 						href = "/k/ciekawostki";
  923. 						break;
  924. 					case "Informacje":
  925. 						href = "/k/informacje";
  926. 						break;
  927. 					case "Rozrywka":
  928. 						href = "/k/rozrywka";
  929. 						break;
  930. 					case "Sport":
  931. 						href = "/k/sport";
  932. 						break;
  933. 					case "Motoryzacja":
  934. 						href = "/k/motoryzacja";
  935. 						break;
  936. 					case "Technologia":
  937. 						href = "/k/technologia";
  938. 						break;
  939. 					case "Ukraina":
  940. 						href = "/k/ukraina";
  941. 						break;
  942. 					case "Gospodarka":
  943. 						href = "/k/gospodarka";
  944. 						break;
  945. 					case "Podróże":
  946. 						href = "/k/podroze";
  947. 						break;
  948. 					default:
  949. 						null;
  950. 				}
  951. 				href += categoryRedirectToMicroblogButtonFilter;
  952. 				const microblogButtonHtml = `<li class="wykopxs wykopx_categories_microblog_li"><a class="wykopx_categories_microblog_a" href="${href}">M</a></li>`;
  953. 				$(this).after(microblogButtonHtml);
  954. 			});
  955. 		}
  956.  
  957. 		if ($(`section.links div.content ul.buckets .wykopx_categories_microblog_a`).length == 0)
  958. 		{
  959. 			$(`section.links div.content ul.buckets li`).each(function (index)
  960. 			{
  961. 				let href = $(this).children("a").attr("href");
  962. 				href = href.replaceAll("/mikroblog", "");
  963. 				href += categoryRedirectToMicroblogButtonFilter;
  964. 				const microblogButtonHtml = `<li class="wykopxs wykopx_categories_microblog_li"><a class="wykopxs wykopx_categories_microblog_a" href="${href}">M</a></li>`;
  965. 				$(this).after(microblogButtonHtml);
  966. 			});
  967. 		}
  968. 	}
  969.  
  970. 	// otwieranie powiadomienia SPM w nowejkacie 
  971. 	if (wykopxSettings.getPropertyValue("--middleClickOpensNotificationsInNewTab"))
  972. 	{
  973. 		/* środkowy przycisk na powiadomieniu otwiera je w nowej karcie */
  974. 		$("body").on("mousedown", "section.notifications-stream section.notify", function (e1)
  975. 		{
  976. 			if (e1.which === 2)
  977. 			{
  978. 				$(this).one("mouseup", function (e2)
  979. 				{
  980. 					if (e1.target === e2.target)
  981. 					{
  982. 						let url_to_open = $(this).find(`a[href^="/wpis/"`).attr("href");
  983. 						let tab_handle = window.open(url_to_open, "_blank"); // tab_handle.blur();  //window.focus();
  984. 						var e3 = $.event.fix(e2);
  985. 						e3.type = "middleclick";
  986. 						$(e2.target).trigger(e3);
  987. 					}
  988. 				});
  989. 			}
  990. 		});
  991. 	}
  992.  
  993. 	// otwieranie obrazka w nowej karcie klikając wybrany przycisk myszy
  994. 	const mouseClickOpensImageInNewTab = wykopxSettings.getPropertyValue("--mouseClickOpensImageInNewTab").replaceAll(" ", "");
  995.  
  996. 	if (mouseClickOpensImageInNewTab != "nie_otwieraj")
  997. 	{
  998. 		let detected_event_click;
  999. 		let event_trigger_type;
  1000.  
  1001. 		if (mouseClickOpensImageInNewTab == "lewy_przycisk_myszy")
  1002. 		{
  1003. 			detected_event_click = 1;
  1004. 			event_trigger_type = "wykopx_leftclick";
  1005. 		}
  1006. 		if (mouseClickOpensImageInNewTab == "srodkowy_przycisk_myszy")
  1007. 		{
  1008. 			detected_event_click = 2;
  1009. 			event_trigger_type = "wykopx_middleclick";
  1010. 		}
  1011. 		if (mouseClickOpensImageInNewTab == "prawy_przycisk_myszy")
  1012. 		{
  1013. 			detected_event_click = 3;
  1014. 			event_trigger_type = "wykopx_rightclick";
  1015. 		}
  1016. 		$("body").on("mousedown", "section.entry section.entry-photo", function (e1)
  1017. 		{
  1018. 			e1.preventDefault();
  1019. 			consoleX("Kliknięto przycisk myszy: " + e1.which, 1);
  1020. 			if (e1.which === detected_event_click)
  1021. 			{
  1022. 				$(this).one("mouseup", function (e2)
  1023. 				{
  1024. 					e2.preventDefault();
  1025. 					if (e1.target === e2.target)
  1026. 					{
  1027. 						let url_to_open = $(this).find(`a[href^="https://wykop.pl/cdn/"`).attr("href");
  1028. 						var handle = window.open(url_to_open, "_blank");
  1029. 						var e3 = $.event.fix(e2);
  1030. 						e3.type = event_trigger_type;
  1031. 						$(e2.target).trigger(e3);
  1032. 					}
  1033. 				});
  1034. 			}
  1035. 		});
  1036. 		//$(document).on("wykopx_leftclick", function (e) {});
  1037. 	}
  1038.  
  1039.  
  1040.  
  1041.  
  1042.  
  1043.  
  1044.  
  1045.  
  1046.  
  1047.  
  1048.  
  1049. 	// WYKOP X PROMO 
  1050. 	const adjacentCode = `
  1051. 	<style>
  1052. 		/* wykop x promo ON */
  1053. 	
  1054. 		.wykopx_promo_banner { width: 100%; display: block!important; height: 300px!important; background: url('https://raw.githubusercontent.com/wykopx/wykopx-png/main/promo-images/wykopx-install-sidebar-day.png'); }
  1055. 		[data-night-mode] .wykopx_promo_banner { background: url('https://raw.githubusercontent.com/wykopx/wykopx-png/main/promo-images/wykopx-install-sidebar-night.png'); }
  1056. 	
  1057. 		/* hide wykopxs features if wykopx is not installed */
  1058. 		.wykopxs { display: none; }
  1059. 	
  1060. 		/* wykopxs_promo OFF */
  1061. 		body div.main-content section > section.sidebar:after,
  1062. 		section.editor.expand section.inline-autocomplete section.inline-autocomplete-stream div.content:after,
  1063. 		header.header div.right section.search-input section.inline-autocomplete section.inline-autocomplete-stream div.content:after
  1064. 		{ display: none!important; }
  1065. 	
  1066. 		/* wykopxs new version available, mirkoukrywacz modal info bar */
  1067. 		.wykopxs_info_bar
  1068. 		{ display: flex;   align-items: center;border-bottom: 1px solid rgba(128, 128, 128, 0.2); color: rgba(128, 128, 128, 1); padding: 8px 20px; font-size: 14px; }
  1069. 		
  1070. 		aside.wykopxs_info_bar a
  1071. 		{ display: inline-block;background: rgb(0,85,0);color: white;display: inline-block;background-color: #005200;padding: .3em 0.7em;margin: 0 10px;}
  1072. 		
  1073. 		aside.wykopxs_info_bar a:hover
  1074. 		{ background: rgba(0,85,0, 0.7); text-decoration: none!important; }
  1075. 		
  1076. 		aside.wykopxs_info_bar footer
  1077. 		{ opacity: 0.6; margin-left: auto; }
  1078. 		
  1079. 		@media (max-width: 640px)
  1080. 		{
  1081. 			body > section > aside.wykopxs_info_bar {  flex-direction: column; padding-top: 30px; }
  1082. 			body > section > aside.wykopxs_info_bar a { margin: 11px; padding: 14px;  width: 100%; text-align: center;}
  1083. 			body > section > aside.wykopxs_info_bar span.wykopxs_new_version_second,
  1084. 			body > section > aside.wykopxs_info_bar > footer { display: none; }
  1085. 		}
  1086.  
  1087.  
  1088.  
  1089. 		body > section > header.header > div.left > nav.main > ul > li
  1090. 		{
  1091. 			white-space: nowrap!important;
  1092. 			height: calc(100% - 12px)!important;
  1093. 			position: relative!important;
  1094. 		}
  1095. 	
  1096. 		body > section > header.header > div.left > nav.main > ul > li > a
  1097. 		{
  1098. 			text-decoration: none!important;
  1099. 			height: 100%!important;
  1100. 			display: flex!important;
  1101. 			flex-direction: column!important;
  1102. 			justify-content: center!important;
  1103. 			position: relative!important;
  1104. 			font-weight: 400!important;
  1105. 			padding: 0 12px!important;
  1106. 		}
  1107. 		body > section > header.header > div.left > nav.main > ul > li:hover a
  1108. 		{
  1109. 			background: rgba(255,255,255, 0.2)!important;
  1110. 		}
  1111. 		body > section > header.header > div.left > nav.main > ul > li > a > span
  1112. 		{
  1113. 			color: var(--blackish)!important;
  1114. 			white-space: nowrap!important;
  1115. 		}
  1116. 	</style>`;
  1117.  
  1118. 	document.head.insertAdjacentHTML("beforeend", adjacentCode);
  1119.  
  1120.  
  1121. 	/* checking for new versions */
  1122.  
  1123.  
  1124.  
  1125.  
  1126. 	async function checkVersionForUpdates()
  1127. 	{
  1128. 		if (!dev) console.clear();
  1129. 		consoleX("Sprawdzanie aktualizacji Wykop X Style i Wykop XS...");
  1130.  
  1131. 		$.get(`https://raw.githubusercontent.com/wykopx/wykopx-png/main/old-versions/wykopxs.${currentVersion}.gif`)
  1132. 			.done(function ()
  1133. 			{
  1134. 				addWykopXSNewVersionAvailableToast(); // new version available
  1135. 				consoleX("Hej, jest nowa wersja skryptu Wykop XS. Wejdź na http://script.wykopx.pl i zaktualizuj go");
  1136. 			})
  1137. 			.fail(function ()
  1138. 			{
  1139. 				consoleX("Masz najnowszą wersję skryptu Wykop XS v." + currentVersion);
  1140. 			});
  1141.  
  1142. 		$.get(`https://raw.githubusercontent.com/wykopx/wykopx-png/main/old-versions/wykopxstyle.${settings.WykopXStyleVersion}.gif`)
  1143. 			.done(function ()
  1144. 			{
  1145. 				addWykopXStyleNewVersionAvailableToast(); // new version available
  1146. 				consoleX("Hej, jest dostępna nowa wersja styli Wykop X Style. Wejdź na http://style.wykopx.pl i zaktualizuj je");
  1147. 			})
  1148. 			.fail(function ()
  1149. 			{
  1150. 				consoleX("Masz najnowszą wersję styli Wykop X Style v." + settings.WykopXStyleVersion);
  1151. 			});
  1152. 	}
  1153.  
  1154.  
  1155.  
  1156. 	function hideWykopXSPromo()
  1157. 	{
  1158. 		//$(`body div.main-content section > section.sidebar:after`).css("display: none!important;");
  1159. 		let style = document.createElement('style');
  1160. 		style.innerHTML = `body div.main-content section > section.sidebar:after { display: none !important; }`;
  1161. 		document.head.appendChild(style);
  1162. 	}
  1163.  
  1164. 	function addWykopXPromoBanner()
  1165. 	{
  1166. 		let targetElement = document.querySelector('section.sidebar > footer');
  1167. 		if (targetElement)
  1168. 		{
  1169. 			let wykopxpromo = document.createElement('section');
  1170. 			wykopxpromo.classList.add("wykopx_promo", "wykopx_promo_banner");
  1171. 			targetElement.parentNode.insertBefore(wykopxpromo, targetElement);
  1172. 		}
  1173. 	}
  1174.  
  1175. 	function addWykopXSNewVersionAvailableToast()
  1176. 	{
  1177. 		// <a href="http://script.wykopx.pl" target="_blank" style="color: #fff!important;">
  1178.  
  1179. 		let wykopxsnewversionavailabletoast = `
  1180. 		<aside class="wykopxs_new_version wykopxs_info_bar">
  1181. 			<span class="wykopxs_new_version_first">
  1182. 				Dostępna jest nowa wersja skryptu Wykop XS.
  1183. 			</span>
  1184. 			<a href="https://greasyfork.org/scripts/458860-wykop-xs/code/Wykop%20XS.user.js" target="_blank" style="color: #fff!important;">
  1185. 				Zaktualizuj Wykop XS
  1186. 			</a>
  1187. 			<span class="wykopxs_new_version_second">
  1188. 				do najnowszej wersji
  1189. 			</span>
  1190. 			<footer>
  1191. 				Twoja wersja Wykop XS to v.${currentVersion}
  1192. 			</footer>
  1193. 		</aside>`;
  1194. 		$(wykopxsnewversionavailabletoast).insertAfter(`body > section > header.header`);
  1195. 	}
  1196.  
  1197. 	function addWykopXStyleNewVersionAvailableToast()
  1198. 	{
  1199. 		let wykopxstylenewversionavailabletoast = `
  1200. 		<aside class="wykopxs_new_version wykopxs_info_bar">
  1201. 			<span class="wykopxs_new_version_first">
  1202. 				Dostępna jest nowa wersja styli Wykop X Style.
  1203. 			</span>
  1204. 			<a href="https://userstyles.world/style/8174/wykop-x-style" target="_blank" style="color: #fff!important;">
  1205. 				Zaktualizuj Wykop X Style
  1206. 			</a>
  1207. 			<span class="wykopxs_new_version_second">
  1208. 				do najnowszej wersji
  1209. 			</span>
  1210. 			<footer>
  1211. 				Twoja wersja Wykop X Style to v.${settings.WykopXStyleVersion}
  1212. 			</footer>
  1213. 		</aside>`;
  1214. 		$(wykopxstylenewversionavailabletoast).insertAfter(`body > section > header.header`);
  1215. 	}
  1216.  
  1217.  
  1218.  
  1219.  
  1220.  
  1221.  
  1222.  
  1223.  
  1224.  
  1225.  
  1226. 	const unreadNotifications = {
  1227. 		tags: 0,
  1228. 		tags_new_entry_with_observed_tag: 0,
  1229. 		tags_new_link_with_observed_tag: 0,
  1230. 		entries: 0,
  1231. 		pm: 0,
  1232. 		total: 0,
  1233. 	};
  1234.  
  1235.  
  1236. 	// ZLICZA NOWE POWIADOMIENIA Z MENU OD 1 DO 5+
  1237. 	function countNumberOfNotificationsOnDesktop()
  1238. 	{
  1239. 		$("header .right ul li.dropdown").removeClass("unread_5").removeClass("unread_4").removeClass("unread_3").removeClass("unread_2").removeClass("unread_1");
  1240.  
  1241. 		$("header .right ul li.dropdown:has(a.new)").each(function (index, value)
  1242. 		{
  1243. 			const lastWord = $(this).attr("class").split(" ").pop();
  1244. 			let numberOfNotifications = 0;
  1245. 			// liczba powiadomień o tagach / wołaniach
  1246. 			$(this)
  1247. 				.find(".notify:not(.read)")
  1248. 				.each(function (index, value)
  1249. 				{
  1250. 					++numberOfNotifications;
  1251.  
  1252. 					$(this).addClass(`unread_${numberOfNotifications}`);
  1253.  
  1254. 					if (lastWord == "tags")
  1255. 					{
  1256. 						++unreadNotifications["total"];
  1257.  
  1258. 						if ($(this).find(`div.content p.new-entry-with-observed-tag`).length > 0)
  1259. 						{
  1260. 							++unreadNotifications["tags_new_entry_with_observed_tag"];
  1261. 							++unreadNotifications["tags"];
  1262. 							++unreadNotifications["total"];
  1263. 						}
  1264. 						else if ($(this).find(`div.content p.new-link-with-observed-tag`).length > 0)
  1265. 						{
  1266. 							++unreadNotifications["tags_new_link_with_observed_tag"];
  1267. 							++unreadNotifications["tags"];
  1268. 							++unreadNotifications["total"];
  1269. 						}
  1270. 					} else if (lastWord == "entries")
  1271. 					{
  1272. 						++unreadNotifications["entries"];
  1273. 						++unreadNotifications["total"];
  1274. 					}
  1275. 				})
  1276. 				.parents(`.notifications.dropdown`)
  1277. 				.addClass(`unread_${numberOfNotifications}`);
  1278. 		});
  1279. 		if (unreadNotifications["tags"] > 0)
  1280. 		{
  1281. 			consoleX(`Liczba nowych powiadomień z obserwowanych tagów: ${unreadNotifications["tags"]} (w tym ${unreadNotifications["tags_new_entry_with_observed_tag"]} z wpisów i ${unreadNotifications["tags_new_link_with_observed_tag"]} ze znalezisk)`);
  1282. 		}
  1283. 		if (unreadNotifications["entries"] > 0)
  1284. 		{
  1285. 			consoleX(`Liczba nowych zawołań: ${unreadNotifications["entries"]}`);
  1286. 		}
  1287.  
  1288. 		$("header .right ul li.pm.dropdown:has(a.new)").each(function (index, value)
  1289. 		{
  1290. 			let numberOfNotifications = 0; // liczba powiadomień o wiadomościach PM
  1291.  
  1292. 			$(this)
  1293. 				.find(".item.unread")
  1294. 				.each(function (index, value)
  1295. 				{
  1296. 					++numberOfNotifications;
  1297. 					++unreadNotifications["total"];
  1298. 					$(this).addClass(`unread_${numberOfNotifications}`);
  1299. 				})
  1300. 				.parents(`.pm.dropdown`)
  1301. 				.addClass(`unread_${numberOfNotifications}`);
  1302. 			unreadNotifications["pm"] = numberOfNotifications;
  1303. 			consoleX(`Liczba nowych wiadomości: ${unreadNotifications["pm"]}`);
  1304. 		});
  1305.  
  1306. 		if (unreadNotifications.tags > 0)
  1307. 		{
  1308. 			createNewProfileDropdownMenuItem(
  1309. 				{
  1310. 					text: `Powiadomienia z #tagów: (${unreadNotifications.tags})`,
  1311. 					title: "Masz nowe powiadomienia z obserwowanych #tagów",
  1312. 					className: `wykopx_notifications_tags`,
  1313. 					id: undefined,
  1314. 					url: "/powiadomienia/tagi",
  1315. 					target: "_self",
  1316. 					icon: null,
  1317. 					number: unreadNotifications.tags
  1318. 				})
  1319. 		}
  1320. 		if (unreadNotifications.entries > 0)
  1321. 		{
  1322. 			createNewProfileDropdownMenuItem(
  1323. 				{
  1324. 					text: `Zawołania w komentarzach: (${unreadNotifications.entries})`,
  1325. 					title: "Zawołano Cię w komentarzu",
  1326. 					className: `wykopx_notifications_entries`,
  1327. 					id: undefined,
  1328. 					url: "/powiadomienia/moje",
  1329. 					target: "_self",
  1330. 					icon: null,
  1331. 					number: unreadNotifications.entries
  1332. 				})
  1333. 		}
  1334. 		if (unreadNotifications.pm > 0)
  1335. 		{
  1336. 			createNewProfileDropdownMenuItem(
  1337. 				{
  1338. 					text: `Nowe wiadomości: (${unreadNotifications.pm})`,
  1339. 					title: "Masz nowe, nieprzeczytane wiadomości prywatne",
  1340. 					className: `wykopx_notifications_pm`,
  1341. 					id: undefined,
  1342. 					url: "/wiadomosci",
  1343. 					target: "_self",
  1344. 					icon: null,
  1345. 					number: unreadNotifications.pm
  1346. 				})
  1347. 		}
  1348.  
  1349. 		executeTabAndFaviconChanges();
  1350. 	}
  1351.  
  1352.  
  1353. 	function addWykopXButtonsToNavBar()
  1354. 	{
  1355. 		if (settings.myWykopInTopNavJS == true)
  1356. 		{
  1357. 			createNewNavBarButton({
  1358. 				position: "left",
  1359. 				text: "Mój Wykop",
  1360. 				title: `Mój Wykop ${promoString}`,
  1361. 				class: "mywykop", // wykopx_mywykop_li
  1362. 				hideWithoutXStyle: true,
  1363. 				url: "/obserwowane",
  1364. 				target: "_self",
  1365. 				icon: null,
  1366. 				numer: null
  1367. 			})
  1368. 		}
  1369. 		if (settings.hitsInTopNavJS == true)
  1370. 		{
  1371. 			createNewNavBarButton({
  1372. 				position: "left",
  1373. 				text: "Hity",
  1374. 				title: `Hity ${promoString}`,
  1375. 				class: "hits",
  1376. 				hideWithoutXStyle: true,
  1377. 				url: "/hity",
  1378. 				target: "_self",
  1379. 				icon: null,
  1380. 				numer: null
  1381. 			})
  1382. 		}
  1383. 		if (settings.favoritesInTopNavJS == true)
  1384. 		{
  1385. 			createNewNavBarButton({
  1386. 				position: "left",
  1387. 				text: "Ulubione",
  1388. 				title: `Ulubione ${promoString}`,
  1389. 				class: "favorites",
  1390. 				hideWithoutXStyle: true,
  1391. 				url: "/ulubione",
  1392. 				target: "_self",
  1393. 				icon: null,
  1394. 				numer: null
  1395. 			})
  1396. 		}
  1397. 		if (settings.addNewLinkInTopNavJS == true)
  1398. 		{
  1399. 			createNewNavBarButton({
  1400. 				position: "left",
  1401. 				text: "+",
  1402. 				title: `Dodaj nowe Znalezisko ${promoString}`,
  1403. 				class: ["add_new_link", "plus"], // wykopx_add_new_link_li wykopx_plus_li // a > wykopx_add_new_link wykopx_plus_button
  1404. 				hideWithoutXStyle: true,
  1405. 				url: "/dodaj-link",
  1406. 				target: "_self",
  1407. 				icon: null,
  1408. 				numer: null,
  1409. 				insertAfter: `li:has(a[href="/wykopalisko"])`
  1410. 			})
  1411. 		}
  1412.  
  1413. 		if (settings.addNewEntryInTopNavJS == true)
  1414. 		{
  1415. 			createNewNavBarButton({
  1416. 				position: "left",
  1417. 				text: "+",
  1418. 				title: `Dodaj nowy wpis na Mirko ${promoString}`,
  1419. 				class: ["add_new_entry", "plus"], // wykopx_add_new_entry_li wykopx_plus_li // a > wykopx_add_new_entry wykopx_plus_button
  1420. 				hideWithoutXStyle: true,
  1421. 				url: "/mikroblog/#dodaj",
  1422. 				target: "_self",
  1423. 				icon: null,
  1424. 				numer: null,
  1425. 				insertAfter: `li:has(a[href="/mikroblog"])`
  1426. 			})
  1427. 		}
  1428.  
  1429. 		createNewNavBarButton({
  1430. 			position: "left",
  1431. 			text: "Zainstaluj Wykop X Style",
  1432. 			title: `Zainstaluj style CSS "𝗪𝘆𝗸𝗼𝗽 𝗫" w rozszerzeniu Stylus i odkryj dziesiątki dodatkowych funkcji Wykopu. Masz już zainstalowane rozszerzenie `,
  1433. 			class: ["promo", "install_wykopx"], // wykopx_promo (ukrywane przez X Style) wykopx_install_wykopx_li hybrid" | a > wykopx_promo wykopx_install_wykopx_button hybrid
  1434. 			hideWithoutXStyle: false,
  1435. 			url: "https://bit.ly/wykopx_install_wykopx_button",
  1436. 			target: "_blank",
  1437. 			icon: null,
  1438. 			numer: null
  1439. 		})
  1440.  
  1441.  
  1442. 	}
  1443.  
  1444.  
  1445.  
  1446.  
  1447.  
  1448. 	// options: { position: "left", "right", "center", 
  1449. 	// text: ``, title: ``, : ``, id: null, url: null, 
  1450. 	// target: "_blank", icon: null, number: null, 
  1451. 	// insertAfter: selectorQuery, showWithoutXStyle: true
  1452. 	function createNewNavBarButton(options)
  1453. 	{
  1454. 		let nav_ul;
  1455.  
  1456. 		if (options.position == "left") nav_ul = document.querySelector("body header div.left nav.main ul");
  1457. 		else if (options.position == "center") nav_ul = document.querySelector("body header div.right nav aside"); // doodle
  1458. 		/*<aside title="Komentuj ważne wydarzenia" class="doodle">
  1459. 			<div class="v-portal"></div>
  1460. 			<a href="/tag/sejm/wpisy">
  1461. 				<div class="vue-portal-target">
  1462. 				<img src="/static/img/svg/doodles/gov.svg" alt="">
  1463. 					Komentuj ważne wydarzenia
  1464. 				</div>
  1465. 			</a>
  1466. 		</aside>*/
  1467. 		else nav_ul = document.querySelector("body header div.right nav ul");
  1468.  
  1469. 		if (nav_ul) // brak na wersji mobilnej
  1470. 		{
  1471. 			let nav_ul_li = nav_ul.querySelector(`li.wykopx_${options.class}_li`);
  1472. 			if (!nav_ul_li)
  1473. 			{
  1474. 				nav_ul_li = document.createElement("li");
  1475. 				if (options.hideWithoutXStyle == true) nav_ul_li.classList.add("wykopxs");
  1476. 				addWykopXSClassesToElement(nav_ul_li, options.class, "li") // class="wykopx_aaaaaa_li"
  1477.  
  1478. 				let nav_ul_li_a = document.createElement("a");
  1479. 				if (options.url) nav_ul_li_a.setAttribute("href", options.url);
  1480. 				if (options.href) nav_ul_li_a.setAttribute("href", options.href);
  1481. 				if (options.target) nav_ul_li_a.setAttribute("target", options.target);
  1482. 				if (options.title) nav_ul_li_a.setAttribute("title", options.title);
  1483. 				nav_ul_li_a.classList.add("hybrid");
  1484. 				if (options.class) addWykopXSClassesToElement(nav_ul_li_a, options.class);
  1485.  
  1486.  
  1487. 				let nav_ul_li_a_span = document.createElement("span");
  1488. 				nav_ul_li_a_span.textContent = options.text;
  1489.  
  1490. 				nav_ul_li_a.appendChild(nav_ul_li_a_span);
  1491. 				nav_ul_li.appendChild(nav_ul_li_a);
  1492.  
  1493. 				if (options.insertAfter != null)
  1494. 				{
  1495. 					let section = nav_ul.querySelector(options.insertAfter);
  1496. 					section.insertAdjacentElement('afterend', nav_ul_li);
  1497. 				}
  1498. 				else
  1499. 				{
  1500. 					nav_ul.appendChild(nav_ul_li);
  1501. 				}
  1502. 			}
  1503. 		}
  1504.  
  1505. 	}
  1506.  
  1507.  
  1508.  
  1509.  
  1510. 	// returnWykopXSClassesString("klasa", "li") >> class="wykopx_klasa_li"
  1511. 	// returnWykopXSClassesString(["klasa1", "klasa2"]) class="wykopx_klasa1 wykopx_klasa2"
  1512. 	function addWykopXSClassesToElement(element, inputClassOrArray, suffix = null)
  1513. 	{
  1514. 		if (inputClassOrArray)
  1515. 		{
  1516. 			if (typeof inputClassOrArray === 'string')
  1517. 			{
  1518. 				element.classList.add(`wykopx_${inputClassOrArray}${suffix != null ? "_" + suffix : ""}`);
  1519. 			}
  1520. 			else if (Array.isArray(inputClassOrArray) && inputClassOrArray.every(item => typeof item === 'string'))
  1521. 			{
  1522. 				inputClassOrArray.map(item =>
  1523. 				{
  1524. 					element.classList.add(`wykopx_${item}${suffix != null ? "_" + suffix : ""}`);
  1525. 				});
  1526. 			}
  1527. 		}
  1528.  
  1529. 	}
  1530.  
  1531. 	// options: { text: null, title: null, className: ``, id: null, url: null, target: "_blank", icon: null, number: null
  1532. 	function createNewProfileDropdownMenuItem(options)
  1533. 	{
  1534. 		let dropdownBody = document.querySelector("body header div.right nav ul li.account.dropdown ul.dropdown-body");
  1535. 		if (dropdownBody)
  1536. 		{
  1537. 			let dropdownItem = dropdownBody.querySelector(`li.${options.className}_li`);
  1538.  
  1539. 			if (!dropdownItem)
  1540. 			{
  1541. 				// dropdownItem.remove();
  1542. 				let clonedDropdownItem = dropdownBody.querySelector("li.settings").cloneNode(true);
  1543. 				if (options.className)
  1544. 				{
  1545. 					clonedDropdownItem.setAttribute("class", `${options.className}_li`);
  1546.  
  1547. 					let clonedDropdownItemLink = clonedDropdownItem.querySelector("a");
  1548. 					clonedDropdownItemLink.setAttribute("class", `${options.className}_button`);
  1549.  
  1550. 					if (options.url) clonedDropdownItemLink.setAttribute("href", options.url);
  1551. 					if (options.href) clonedDropdownItemLink.setAttribute("href", options.href);
  1552. 					if (options.target) clonedDropdownItemLink.setAttribute("target", options.target);
  1553. 					if (options.id) clonedDropdownItemLink.setAttribute("id", options.id);
  1554. 					if (options.title) clonedDropdownItemLink.setAttribute("title", options.title);
  1555. 					if (options.text) clonedDropdownItemLink.textContent = options.text;
  1556. 					dropdownBody.appendChild(clonedDropdownItem);
  1557. 				}
  1558. 			}
  1559. 		}
  1560. 		else // niezalogowany brak menu, zamiast tego przyciski Zaloguj/Zarejestruj
  1561. 		{
  1562. 			createNewNavBarButton({
  1563. 				position: "left",
  1564. 				text: options.text,
  1565. 				title: options.title,
  1566. 				class: options.className,
  1567. 				hideWithoutXStyle: options.hideWithoutXStyle,
  1568. 				url: options.url,
  1569. 				target: options.target,
  1570. 				icon: options.icon,
  1571. 				numer: options.numer
  1572. 			})
  1573. 		}
  1574. 	}
  1575.  
  1576.  
  1577.  
  1578.  
  1579. 	function addNotificationSummaryButtonToNavBar()
  1580. 	{
  1581. 		let mojeLubTagi = $("header .right ul li.account.dropdown ul.dropdown-body li.notifications.new a").attr("href");
  1582. 		let wykopx_notification_summary_url = "/powiadomienia/";
  1583. 		if (typeof mojeLubTagi == "string")
  1584. 		{
  1585. 			mojeLubTagi = mojeLubTagi.split("/").pop();
  1586.  
  1587. 			if (mojeLubTagi == "tagi")
  1588. 			{
  1589. 				createNewProfileDropdownMenuItem(
  1590. 					{
  1591. 						text: `Powiadomienia z #tagów`,
  1592. 						title: "Masz nowe powiadomienia z obserwowanych #tagów",
  1593. 						className: `wykopx_notifications_tags`,
  1594. 						id: undefined,
  1595. 						url: "/powiadomienia/tagi",
  1596. 						target: "_self",
  1597. 						icon: null,
  1598. 						number: null
  1599. 					})
  1600. 			}
  1601. 			if (mojeLubTagi == "moje")
  1602. 			{
  1603. 				createNewProfileDropdownMenuItem(
  1604. 					{
  1605. 						text: `Powiadomienia z #tagów`,
  1606. 						title: "Masz nowe powiadomienia z obserwowanych #tagów",
  1607. 						className: `wykopx_notifications_tags`,
  1608. 						id: undefined,
  1609. 						url: "/powiadomienia/tagi",
  1610. 						target: "_self",
  1611. 						icon: null,
  1612. 						number: null
  1613. 					})
  1614. 				createNewProfileDropdownMenuItem(
  1615. 					{
  1616. 						text: `Zawołania w komentarzach`,
  1617. 						title: "Zawołano Cię w komentarzu",
  1618. 						className: `wykopx_notifications_entries`,
  1619. 						id: undefined,
  1620. 						url: "/powiadomienia/moje",
  1621. 						target: "_self",
  1622. 						icon: null,
  1623. 						number: null
  1624. 					})
  1625. 			}
  1626. 			wykopx_notification_summary_url += mojeLubTagi;
  1627. 		}
  1628.  
  1629. 		let li = document.createElement("li");
  1630. 		li.setAttribute("class", "wykopxs wykopx_notification_summary notifications dropdown");
  1631. 		li.setAttribute("title", `Nowe powiadomienia ${promoString}`);
  1632. 		let a = document.createElement("a");
  1633. 		a.setAttribute("href", wykopx_notification_summary_url);
  1634. 		let figure = document.createElement("figure");
  1635. 		a.appendChild(figure);
  1636. 		li.appendChild(a);
  1637. 		document.querySelector("header.header > .right > nav > ul").insertAdjacentElement("afterbegin", li);
  1638. 	}
  1639.  
  1640.  
  1641.  
  1642.  
  1643.  
  1644. 	// TRYB NOCNY W BELCE NAWIGACYJNEJ
  1645. 	function addNightModeButtonToNavBar()
  1646. 	{
  1647. 		let wykopx_night_mode = `<li class="wykopxs wykopx_night_mode notifications dropdown" title="Przełącz pomiędzy trybem nocnym/dziennym ${promoString}"><a href="#"><figure></figure></a></li>`;
  1648. 		$(wykopx_night_mode).prependTo(`header.header > .right > nav > ul`);
  1649.  
  1650. 		$(".wykopx_night_mode").on("click", function ()
  1651. 		{
  1652. 			let currentMode = localStorage.getItem("nightMode")
  1653.  
  1654. 			if (currentMode === null || currentMode === "0")
  1655. 			{
  1656. 				document.body.setAttribute("data-night-mode", "true");
  1657. 				localStorage.setItem("nightMode", 1);
  1658. 			}
  1659. 			else
  1660. 			{
  1661. 				document.body.removeAttribute("data-night-mode");
  1662. 				localStorage.setItem("nightMode", 0);
  1663. 			}
  1664. 			// window.location.reload();
  1665. 		})
  1666. 	}
  1667.  
  1668.  
  1669.  
  1670.  
  1671. 	function addExtraButtons()
  1672. 	{
  1673. 		let wykopx_wykopwnowymstylu_li = `<li class="wykopxs wykopx_wykopwnowymstylu_li dropdown"><a href="/tag/wykopwnowymstylu" class="wykopx_wykopwnowymstylu_button" title="Przejdź na #wykopwnowymstylu"><span>#</span></a></li>`;
  1674. 		$(wykopx_wykopwnowymstylu_li).appendTo(`header.header > .right > nav > ul`);
  1675.  
  1676. 		let wykopx_mywykop_mobile_li = `<li class="wykopxs wykopx_mywykop_mobile_li dropdown"><a href="/obserwowane" class="wykopx_mywykop_mobile_button" title="Mój Wykop ${promoString}"><figure></figure></a></li>`;
  1677. 		$(wykopx_mywykop_mobile_li).appendTo(`header.header > .right > nav > ul`);
  1678.  
  1679. 		/* dolna belka mobilna */
  1680. 		$(wykopx_mywykop_mobile_li).appendTo(`body section.default-layout nav.mobile-navbar > ul`);
  1681.  
  1682. 		let wykopx_microblog_mobile_li = `<li class="wykopxs wykopx_microblog_mobile_li dropdown"><a href="/mikroblog" class="wykopx_microblog_mobile_button" title="Mikroblog ${promoString}"><figure> </figure></a></li>`;
  1683. 		$(wykopx_microblog_mobile_li).appendTo(`header.header > .right > nav > ul`);
  1684.  
  1685. 		let wykopx_messages_mobile_li = `<li class="wykopxs wykopx_messages_mobile_li dropdown"><a href="/wiadomosci" class="wykopx wykopx_messages_button" title="Wiadomości ${promoString}"><figure></figure></a></li>`;
  1686.  
  1687. 		/* dolna belka mobilna */
  1688. 		$(wykopx_messages_mobile_li).appendTo(`body section.default-layout nav.mobile-navbar > ul`);
  1689.  
  1690. 		if (user !== null)
  1691. 		{
  1692. 			let wykopx_profile_mobile_li = `<li class="wykopxs wykopx_profile_mobile_li ${user.username}"><a href="/ludzie/${user.username}" class="wykopx wykopx_profile_button" title="Przejdź na swój profil ${user.username} ${promoString}"><figure></figure></a></li>`;
  1693. 			$(wykopx_profile_mobile_li).appendTo(`body section.default-layout nav.mobile-navbar > ul`);
  1694. 		}
  1695. 	}
  1696.  
  1697.  
  1698.  
  1699.  
  1700.  
  1701.  
  1702.  
  1703. 	// DODAJ NOWY WPIS NA MIRKO
  1704. 	function focusOnAddingNewMicroblogEntry()
  1705. 	{
  1706. 		let wykop_url = new URL(document.URL);
  1707. 		if (wykop_url.hash == "#dodaj")
  1708. 		{
  1709. 			document.querySelector(`section.microblog-page section.microblog section.editor div.content textarea`).focus();
  1710. 		}
  1711. 	}
  1712.  
  1713.  
  1714.  
  1715.  
  1716. 	// document.removeEventListener('click', this.documentClick)
  1717. 	function unrollDropdowns(dropdown)
  1718. 	{
  1719. 		// YYY - async document.removeEventListener("click", this.documentClick);  // TypeError: Cannot read properties of undefined (reading 'documentClick')
  1720. 	}
  1721.  
  1722.  
  1723.  
  1724.  
  1725.  
  1726.  
  1727.  
  1728.  
  1729. 	/* ------ DEV waitForKeyElements --------- */
  1730.  
  1731. 	if (wykopxSettings.getPropertyValue("--allowToDownloadImage"))
  1732. 	{
  1733. 		waitForKeyElements("section.entry section.entry-photo figure", allowToDownloadImage, false);
  1734.  
  1735. 		function allowToDownloadImage(jNode)
  1736. 		{
  1737. 			if (wykopxSettings.getPropertyValue("--allowToDownloadImage"))
  1738. 			{
  1739. 				let html = `<figcaption class="wykopxs wykopx_download_image_ico"><a title="Pobierz ten obrazek w pełnej rozdzielczości ${promoString}" href="${jNode.find("figcaption a").attr("href")}" download>Pobierz ten obrazek</a></figcaption>`;
  1740. 				$(jNode).append(html);
  1741. 			}
  1742. 		}
  1743. 	}
  1744.  
  1745. 	waitForKeyElements(`ul.categories`, categoryRedirectToMicroblogButton, false); // waitForKeyElements sends jNode object, not DOM object
  1746. 	waitForKeyElements("section.actions", mirkoukrywaczAddButtons, false);
  1747.  
  1748.  
  1749.  
  1750.  
  1751.  
  1752.  
  1753.  
  1754.  
  1755.  
  1756.  
  1757.  
  1758.  
  1759.  
  1760. 	/* ------ TAB TITLE AND WEBSITE FAVICON CHANGES --------- */
  1761.  
  1762. 	let originalTabTitle = document.title;
  1763. 	const defaultWykopFacoviconURL = "https://wykop.pl/static/img/favicons/favicon.png";
  1764.  
  1765. 	let tabTitles = new Map([
  1766. 		["wlasny", settings.tabTitleCustom],
  1767. 		["wykop", "Wykop"],
  1768. 		["pusty_tytul", "ᅟᅟ"],
  1769. 		["adres_url", "           "],
  1770. 		["digg", "News and Trending Stories Around the Internet | Digg"],
  1771. 		["google", "Google"],
  1772. 		["interia", "Interia - Polska i świat: informacje, sport, gwiazdy."],
  1773. 		["onet", "Onet – Jesteś na bieżąco"],
  1774. 		["reddit", "Reddit - Dive into anything"],
  1775. 		["wp", "Wirtualna Polska - Wszystko co ważne"],
  1776. 		["x", "Home / X"],
  1777. 		["youtube", "YouTube"],
  1778. 	])
  1779.  
  1780. 	let tabFavicons = new Map([
  1781. 		["wykop", defaultWykopFacoviconURL],
  1782. 		["wykop_white", "https://raw.githubusercontent.com/wykopx/wykopx-png/main/icons/favicons/W_white.png"],
  1783. 		["wykop_gray", "https://raw.githubusercontent.com/wykopx/wykopx-png/main/icons/favicons/W_black.png"],
  1784.  
  1785. 		["digg", "https://raw.githubusercontent.com/wykopx/wykopx-png/main/icons/favicons/digg.png"],
  1786. 		["google", "https://raw.githubusercontent.com/wykopx/wykopx-png/main/icons/favicons/google.svg"],
  1787. 		["interia", "https://raw.githubusercontent.com/wykopx/wykopx-png/main/icons/favicons/interia.ico"],
  1788. 		["onet", "https://raw.githubusercontent.com/wykopx/wykopx-png/main/icons/favicons/onet.png"],
  1789. 		["reddit", "https://raw.githubusercontent.com/wykopx/wykopx-png/main/icons/favicons/reddit.png"],
  1790. 		["wp", "https://raw.githubusercontent.com/wykopx/wykopx-png/main/icons/favicons/wp.png"],
  1791. 		["x", "https://raw.githubusercontent.com/wykopx/wykopx-png/main/icons/favicons/x.png"],
  1792. 		["youtube", "https://raw.githubusercontent.com/wykopx/wykopx-png/main/icons/favicons/youtube.ico"],
  1793. 	])
  1794.  
  1795.  
  1796.  
  1797. 	// TAB TITLE
  1798. 	function changeDocumentTitle(new_document_title)
  1799. 	{
  1800. 		console.log("unreadNotifications")
  1801. 		console.log(unreadNotifications)
  1802. 		// changeDocumentTitle()
  1803. 		// changeDocumentTitle("youtube")
  1804. 		// changeDocumentTitle("Example new title")
  1805.  
  1806. 		/* dodaj liczbe powiadomien do tytulu strony na karcie */
  1807. 		/*
  1808. 		const unreadNotifications = {
  1809. 			tags: 0,
  1810. 			tags_new_entry_with_observed_tag: 0,
  1811. 			tags_new_link_with_observed_tag: 0,
  1812. 			entries: 0,
  1813. 			pm: 0,
  1814. 			total: 0,
  1815. 		};
  1816. 		*/
  1817.  
  1818. 		//xxx
  1819.  
  1820.  
  1821. 		let tabTitleNotifications = "";
  1822.  
  1823. 		if (settings.tabTitleShowNotificationsEnabled == true)
  1824. 		{
  1825. 			let notificationsTotalCount = 0;
  1826.  
  1827. 			let tabNotificationsSeparated = "";
  1828.  
  1829. 			if (unreadNotifications["total"] > 0
  1830. 				&& (settings.tabTitleShowNotificationsCountPM
  1831. 					|| settings.tabTitleShowNotificationsCountTagsNewLink
  1832. 					|| settings.tabTitleShowNotificationsCountTagsNewEntry
  1833. 					|| settings.tabTitleShowNotificationsCountEntries))
  1834. 			{
  1835. 				let notificationsEmoji = ""; // 🔗✉📧📩
  1836.  
  1837.  
  1838. 				if (settings.tabTitleShowNotificationsCountPM && unreadNotifications["pm"] > 0)
  1839. 				{
  1840. 					notificationsTotalCount += unreadNotifications["pm"];
  1841. 					notificationsEmoji = "📧";
  1842. 					tabNotificationsSeparated += `${notificationsEmoji}${unreadNotifications["pm"]} `;
  1843. 				}
  1844.  
  1845. 				if (settings.tabTitleShowNotificationsCountEntries && unreadNotifications["entries"] > 0)
  1846. 				{
  1847. 					notificationsTotalCount += unreadNotifications["entries"];
  1848. 					notificationsEmoji = "🔔";
  1849. 					tabNotificationsSeparated += `${notificationsEmoji}${unreadNotifications["entries"]} `;
  1850. 				}
  1851.  
  1852. 				if (unreadNotifications["tags"] && settings.tabTitleShowNotificationsCountTagsNewLink || settings.tabTitleShowNotificationsCountTagsNewEntry)
  1853. 				{
  1854. 					notificationsEmoji = "#";
  1855. 					if (settings.tabTitleShowNotificationsCountTagsNewLink && unreadNotifications["tags_new_entry_with_observed_tag"] > 0)
  1856. 					{
  1857. 						notificationsTotalCount += unreadNotifications["tags_new_entry_with_observed_tag"];
  1858. 					}
  1859. 					if (settings.tabTitleShowNotificationsCountTagsNewEntry && unreadNotifications["tags_new_entry_with_observed_tag"] > 0)
  1860. 					{
  1861. 						notificationsTotalCount += unreadNotifications["tags_new_entry_with_observed_tag"];
  1862. 					}
  1863. 					tabNotificationsSeparated += `${notificationsEmoji}${unreadNotifications["tags"]} `;
  1864. 				}
  1865.  
  1866.  
  1867.  
  1868. 				if (settings.tabTitleShowNotificationsCountSeparated) tabTitleNotifications = tabNotificationsSeparated;
  1869. 				else tabTitleNotifications = `(${notificationsTotalCount}) `;
  1870. 			}
  1871.  
  1872. 			console.log(new_document_title)
  1873. 			console.log("new_document_title")
  1874. 		}
  1875.  
  1876. 		if (tabTitles.has(new_document_title)) // selected title from Map
  1877. 		{
  1878. 			document.title = `${tabTitleNotifications}${tabTitles.get(new_document_title)}`;
  1879. 		}
  1880. 		else
  1881. 		{
  1882. 			document.title = `${tabTitleNotifications}${new_document_title}`;
  1883. 		}
  1884.  
  1885. 	}
  1886.  
  1887.  
  1888. 	// FAVICON ICO
  1889. 	function changeDocumentFavicon(new_favicon = defaultWykopFacoviconURL)
  1890. 	{
  1891. 		// changeDocumentFavicon()
  1892. 		// changeDocumentFavicon("reddit")
  1893. 		// changeDocumentFavicon("https://www.interia.pl/favicon.ico")
  1894. 		// <link rel="icon" type="image/svg+xml" href="/static/img/favicons/favicon.svg">
  1895. 		// <link rel="alternate icon" type="image/png" href="/static/img/favicons/favicon.png">
  1896. 		let oldFaviconElement = document.querySelector('link[rel="icon"]');
  1897. 		let alternateFaviconElement = document.querySelector('link[rel="alternate icon"]');
  1898. 		if (oldFaviconElement) document.head.removeChild(oldFaviconElement);
  1899. 		if (alternateFaviconElement) document.head.removeChild(alternateFaviconElement);
  1900.  
  1901. 		let selectedFaviconURL = new_favicon;
  1902. 		if (tabFavicons.has(new_favicon)) selectedFaviconURL = tabFavicons.get(new_favicon);
  1903.  
  1904. 		const faviconLinkElement = document.createElement('link');
  1905. 		faviconLinkElement.rel = 'icon';
  1906. 		faviconLinkElement.type = 'image/x-icon'; // "image/svg+xml" "image/png"
  1907. 		faviconLinkElement.href = selectedFaviconURL + '?=' + Math.random();
  1908.  
  1909. 		document.head.appendChild(faviconLinkElement);
  1910. 	}
  1911.  
  1912.  
  1913.  
  1914. 	function executeTabAndFaviconChanges()
  1915. 	{
  1916. 		if (document.hidden || !settings.tabChangeOnlyOnHiddenState)
  1917. 		{
  1918. 			if (settings.tabFaviconEnabled) changeDocumentFavicon(settings.tabFaviconSelect);
  1919. 			if (settings.tabTitleEnabled) changeDocumentTitle(settings.tabTitleSelect);
  1920. 		}
  1921. 	}
  1922.  
  1923.  
  1924. 	// TITLE MUTATION
  1925.  
  1926. 	let titleMutationObserver = new MutationObserver(mutationsList =>
  1927. 	{
  1928. 		// console.log("titleMutationObserver")
  1929. 		// console.log(mutationsList);
  1930.  
  1931. 		for (let mutation of mutationsList)
  1932. 		{
  1933. 			if (mutation.type === 'childList')
  1934. 			{
  1935. 				console.log(`Nowy tytuł strony: ${mutation.addedNodes[0].textContent}`);
  1936.  
  1937. 				titleMutationObserver.disconnect();
  1938. 				executeTabAndFaviconChanges();
  1939. 				titleMutationObserver.observe(document.querySelector('title'), { childList: true, })
  1940.  
  1941. 			}
  1942. 		}
  1943. 	});
  1944. 	titleMutationObserver.observe(document.querySelector('title'), { childList: true, })
  1945.  
  1946.  
  1947. 	// EVENT: KARTA JEST W TLE document.hidden == true
  1948. 	// https://developer.mozilla.org/en-US/docs/Web/API/Page_Visibility_API
  1949. 	// https://developer.mozilla.org/en-US/docs/Web/API/Document/visibilitychange_event
  1950. 	function handleVisibilityChange()
  1951. 	{
  1952. 		// document.visibilityState > "visible"/"hidden"
  1953. 		// document.hidden > true/false
  1954. 		// document.title = document.visibilityState;
  1955.  
  1956. 		if (document.hidden)
  1957. 		{
  1958. 			executeTabAndFaviconChanges();
  1959. 			console.log(`document.hidden -> true > document.visibilityState: ${document.visibilityState}`);
  1960. 		}
  1961. 		else
  1962. 		{
  1963. 			if (settings.tabChangeOnlyOnHiddenState)
  1964. 			{
  1965. 				if (settings.tabTitleEnabled) changeDocumentTitle(originalTabTitle);
  1966. 				if (settings.tabFaviconEnabled) changeDocumentFavicon();
  1967. 			}
  1968. 		}
  1969. 	}
  1970. 	document.addEventListener("visibilitychange", handleVisibilityChange, false); // ICO PNG GIF JPEG SVG
  1971.  
  1972.  
  1973.  
  1974.  
  1975.  
  1976.  
  1977.  
  1978.  
  1979. 	// RATING BOX - <section class="rating-box"> -> PLUSOWANIE I MINUSOWANIE
  1980.  
  1981. 	// plusy we wpisach (.rating-box), plusy wpisow w sidebarze (bez rating-box), plusy w znaleziskach
  1982. 	// rating box - mozliwosc plusowania / minusowania
  1983. 	// runWithDelay(1000, function ()
  1984. 	// {
  1985. 	// 	waitForKeyElements("section.entry:not(.reply) > article > header > div.right > div > section.rating-box", ratingBoxDetected, false);
  1986. 	// })
  1987. 	waitForKeyElements("section.entry:not(.deleted) > article > header > div.right > div > section.rating-box", ratingBoxDetected, false);
  1988. 	// waitForKeyElements("section.entry:not(.reply) > article > header > div.right > div > section.rating-box", ratingBoxDetected, false);
  1989.  
  1990. 	function ratingBoxDetected(jNodeRatingBoxSection)
  1991. 	{
  1992. 		const ratingBoxSection = jNodeRatingBoxSection[0]; //  =jNode > DOMElement
  1993. 		visiblePlusesObserver.observe(ratingBoxSection); // IntersectionObserver 
  1994. 	}
  1995.  
  1996. 	const intersectionCallback = (intersectingPluses, observer) => // function intersectionCallback(entries, observer)
  1997. 	{
  1998. 		let timeoutId = null;
  1999. 		let fetchSeconds = 12;
  2000.  
  2001. 		intersectingPluses.forEach((plus) =>
  2002. 		{
  2003. 			let plus_target = plus.target; // element <select class="rating-box">
  2004. 			console.log("intersectionCallback: possible intersection element detected 'plus_target'");
  2005. 			// console.log(plus_target);
  2006.  
  2007. 			if (settings.votingExplosion) votingExplosionEventListener(plus_target);
  2008.  
  2009. 			if (plus.isIntersecting)
  2010. 			{
  2011. 				// console.log("intersectionCallback: new ratingBox is intersecting")
  2012. 				plus_target.classList.add("isIntersecting");
  2013. 				plus_target.classList.remove("notIntersecting");
  2014. 				parseRatingBoxCurrentContentAndCreateDataValues(plus_target);
  2015.  
  2016. 				// timeoutId = setInterval(() => checkPluses(plus_target), fetchSeconds * 1000);
  2017. 			}
  2018. 			else
  2019. 			{
  2020. 				// clearInterval(timeoutId);
  2021. 				plus_target.classList.remove("isIntersecting");
  2022. 				plus_target.classList.add("notIntersecting");
  2023. 			}
  2024. 		});
  2025.  
  2026. 		// intersectingPluses.forEach((plus) =>
  2027. 		// {
  2028. 		// 	let plus_target = plus.target; // element <select class="rating-box">
  2029. 		// 	console.log("possible intersectionElement detected plus_target");
  2030.  
  2031. 		// 	let plusTimeoutId = null;
  2032. 		// 	if (plus.isIntersecting)
  2033. 		// 	{
  2034. 		// 		console.log("new intersecting plus")
  2035. 		// 		if (settings.votingExplosion) votingExplosionEventListener(plus_target);
  2036. 		// 		plus_target.classList.add("isIntersecting");
  2037. 		// 		plus_target.classList.remove("notIntersecting");
  2038. 		// 		parseRatingBoxCurrentContentAndCreateDataValues(plus_target);
  2039.  
  2040. 		// 		plusTimeoutId = setTimeout(() =>
  2041. 		// 		{
  2042. 		// 			clearTimeout(plusTimeoutId);
  2043. 		// 			plusTimeoutId = setInterval(() => checkPluses(plus_target), fetchSeconds * 1000);
  2044. 		// 		});
  2045. 		// 	}
  2046. 		// 	else
  2047. 		// 	{
  2048. 		// 		clearTimeout(plusTimeoutId);
  2049. 		// 		plus_target.classList.remove("isIntersecting");
  2050. 		// 		plus_target.classList.add("notIntersecting");
  2051. 		// 	}
  2052. 		// });
  2053.  
  2054.  
  2055.  
  2056.  
  2057. 	};
  2058. 	let observerOptions = { root: null, rootMargin: "-70px 0px -120px 0px", threshold: 1.0, /* [0.25, 0.5, 0.75, 1.0] */ };
  2059. 	const visiblePlusesObserver = new IntersectionObserver(intersectionCallback, observerOptions)
  2060.  
  2061.  
  2062.  
  2063. 	function getEntryBlocks(elem)
  2064. 	{
  2065. 		/* returns:
  2066. 		{
  2067. 			resource: "entry"
  2068. 			element: DOMElement,
  2069. 			id: 123456,
  2070. 			entry: DOMElement,
  2071. 			entry_id: 123456,
  2072. 		}
  2073. 		or
  2074. 		{
  2075. 			resource: "entry_comment"
  2076. 			element: DOMElement
  2077. 			id: 12345678,
  2078. 			entry: DOMElement,
  2079. 			entry_id: 123456,
  2080. 			comment: DOMElement,
  2081. 			comment_id: 12345678,
  2082. 		}
  2083. 		or
  2084. 		{
  2085. 			resource: "link_comment"
  2086. 			element: DOMElement
  2087. 			id: 12345678,
  2088. 			entry: DOMElement,
  2089. 			entry_id: 123456,
  2090. 			link_id: 12345678,
  2091. 		}
  2092. 		*/
  2093.  
  2094. 		let blocks = {
  2095. 			votesUp: 0,
  2096. 			votesDown: 0,
  2097. 			votesCount: 0,
  2098. 			votesAll: 0,
  2099.  
  2100. 			separated: false,
  2101. 		};
  2102.  
  2103. 		blocks.element = elem.closest('section.entry'); // returns the section element above .rating-box
  2104. 		blocks.id = blocks.element.id.replace('comment-', ''); // entry/comment id
  2105.  
  2106. 		/*
  2107. 			['', 'wpis', '74111643', 'dobranoc-panstwu']
  2108. 			['', 'wykopalisko']
  2109. 			['', 'link', '7303053', 'braun-gasi-chanuke-gasnica-mem']
  2110. 		*/
  2111. 		if (pathnameArray[1] == "link") // znalezisko
  2112. 		{
  2113. 			// PODKOMENTARZ W ZNALEZISKU
  2114. 			if (blocks.element.classList.contains("reply"))
  2115. 			{
  2116. 				return null;
  2117. 			}
  2118. 			// KOMENTARZ POD ZNALEZISKIEM
  2119. 			else
  2120. 			{
  2121. 				return null;
  2122. 				blocks.link_id = pathnameArray[2]; // id
  2123. 				blocks.entry_element = blocks.element;
  2124. 				blocks.entry_id = blocks.entry_element.id.replace('comment-', '');
  2125. 				blocks.resource = "link_comment";
  2126. 				blocks.fetchURL = `https://wykop.pl/api/v3/links/${blocks.link_id}/comments/${blocks.entry_id}`;
  2127. 				blocks.entry_element.dataset.resource = "link_comment";
  2128. 			}
  2129. 		}
  2130. 		// KOMENTARZP OD WPISEM
  2131. 		else if (blocks.element.classList.contains("reply"))
  2132. 		{
  2133. 			// return null;
  2134.  
  2135. 			blocks.comment_element = blocks.element;
  2136. 			blocks.entry_element = blocks.comment_element.parentNode.closest('section.entry');
  2137. 			blocks.entry_id = blocks.entry_element.id.replace('comment-', '');
  2138.  
  2139. 			blocks.resource = "entry_comment"; // komentarz pod wpisem
  2140. 			blocks.comment_id = blocks.comment_element.id.replace('comment-', '');
  2141. 			blocks.fetchURL = `https://wykop.pl/api/v3/entries/${blocks.entry_id}/comments/${blocks.comment_id}`;
  2142. 			blocks.comment_element.dataset.resource = "entry_comment";
  2143. 		}
  2144. 		// WPIS NA MIKROBLOGU
  2145. 		else
  2146. 		{
  2147. 			blocks.entry_element = blocks.element;
  2148. 			blocks.entry_id = blocks.entry_element.id.replace('comment-', '');
  2149. 			blocks.resource = "entry";
  2150. 			blocks.fetchURL = `https://wykop.pl/api/v3/entries/${blocks.entry_id}`;
  2151.  
  2152. 			blocks.entry_element.dataset.resource = "entry";
  2153. 		}
  2154.  
  2155. 		// console.log("blocks.element");
  2156. 		// console.log(blocks.element);
  2157.  
  2158.  
  2159. 		let plus_element = blocks.element.querySelector("section.rating-box > ul > li.plus"); // 12 <li class="plus separated">
  2160. 		if (plus_element)
  2161. 		{
  2162. 			blocks.separated = plus_element.classList.contains('separated');
  2163. 			blocks.votesUp = parseInt(plus_element.textContent);
  2164. 		}
  2165.  
  2166. 		// let zero_element = blocks.element.querySelector(".rating-box li.zero"); // 0 <li class="zero separated">
  2167. 		// if (zero_element)
  2168. 		// {
  2169. 		// 	blocks.separated = zero_element.classList.contains('separated');
  2170. 		// 	blocks.votesUp = 0;
  2171. 		// }
  2172.  
  2173. 		let minus_element = blocks.element.querySelector(".rating-box li.minus"); // -8
  2174. 		if (minus_element)
  2175. 		{
  2176. 			blocks.votesDown = Math.abs(parseInt(minus_element.textContent));	// 3 (dodatnia)
  2177. 		}
  2178. 		blocks.entry_element.dataset.votesUp = blocks.votesUp;
  2179. 		blocks.entry_element.dataset.votesDown = blocks.votesDown;
  2180.  
  2181. 		// console.log("blocks");
  2182. 		// console.log(blocks);
  2183.  
  2184. 		return blocks;
  2185. 	}
  2186.  
  2187.  
  2188. 	function checkPluses(entry_element)
  2189. 	{
  2190. 		// console.log("checkPluses: entry_element")
  2191. 		// console.log(entry_element);
  2192.  
  2193. 		if (entry_element)
  2194. 		{
  2195. 			const entryBlocksData = getEntryBlocks(entry_element);
  2196.  
  2197. 			if (entryBlocksData) // nie dla subkomentarzy
  2198. 			{
  2199. 				let entry_element = entryBlocksData.element;
  2200. 				entry_element.classList.remove("addedPluses");
  2201. 				entry_element.classList.remove("removedPluses");
  2202. 				entry_element.classList.remove("addedMinuses");
  2203. 				entry_element.classList.remove("removedMinuses");
  2204.  
  2205. 				entry_element.style.removeProperty('--addedPluses');
  2206. 				entry_element.style.removeProperty('--removedPluses');
  2207. 				entry_element.style.removeProperty('--addedMinuses');
  2208. 				entry_element.style.removeProperty('--removedMinuses');
  2209.  
  2210. 				console.log("API fetch: " + entryBlocksData.fetchURL);
  2211.  
  2212. 				fetch(entryBlocksData.fetchURL,
  2213. 					{
  2214. 						method: "GET", // or 'PUT'
  2215. 						headers: {
  2216. 							"Content-Type": "application/json",
  2217. 							Authorization: "Bearer " + window.localStorage.token,
  2218. 						},
  2219. 					})
  2220. 					.then(x => x.json())
  2221. 					.then(data =>
  2222. 					{
  2223. 						const entry_fetched_data = data.data;
  2224. 						// console.log("fetched data from API: entry_fetched_data");
  2225. 						// console.log(entry_fetched_data);
  2226.  
  2227. 						entry_fetched_data.votes.votesCount = entry_fetched_data.votes.up - entry_fetched_data.votes.down; 		// -10 (suma plusów i minusów nie dotyczy entry, entry_comment)
  2228. 						entry_fetched_data.votes.votesAll = entry_fetched_data.votes.up + entry_fetched_data.votes.down; 		// 30  (łączna liczba głosów nie dotyczy entry, entry_comment)
  2229. 						entry_fetched_data.votes.votesUpPercent = 0;															// nie dotyczy entry, entry_comment zawsze 100%
  2230. 						entry_fetched_data.votes.votesDownPercent = 0;															// nie dotyczy entry, entry_comment
  2231.  
  2232. 						// ile plusów przybyło/ubyło
  2233. 						let plusesDelta = entry_fetched_data.votes.up - entry_element.dataset.votesUp;
  2234. 						let minusesDelta = entry_fetched_data.votes.down - entry_element.dataset.votesDown;
  2235.  
  2236. 						// console.log("entry_element.dataset.votesUp: " + entry_element.dataset.votesUp)
  2237. 						// console.log("entry_element.dataset.votesDown: " + entry_element.dataset.votesDown)
  2238. 						// console.log("entry_fetched_data.votes.up: " + entry_fetched_data.votes.up)
  2239. 						// console.log("entry_fetched_data.votes.down: " + entry_fetched_data.votes.down)
  2240. 						// console.log("plusesDelta " + plusesDelta)
  2241. 						// console.log("minusesDelta:  " + minusesDelta)
  2242.  
  2243.  
  2244. 						entry_element.dataset.votesUp = entry_fetched_data.votes.up;											// 10
  2245. 						entry_element.dataset.votesDown = entry_fetched_data.votes.down;										// 20  - dodatnia nie dotyczy entry, entry_comment
  2246. 						entry_element.dataset.votesCount = entry_fetched_data.votes.votesCount;									// -10 (suma plusów i minusów nie dotyczy entry, entry_comment)
  2247. 						entry_element.dataset.votesAll = entry_fetched_data.votes.votesAll; 									// 30  (łączna liczba głosów nie dotyczy entry, entry_comment)
  2248.  
  2249.  
  2250. 						if (entry_fetched_data.votes.votesAll > 0)
  2251. 						{
  2252. 							entry_fetched_data.votes.votesDownPercent = Math.ceil(entry_fetched_data.votes.down * 100 / entry_fetched_data.votes.votesAll);
  2253. 							entry_fetched_data.votes.votesUpPercent = Math.ceil(entry_fetched_data.votes.up * 100 / entry_fetched_data.votes.votesAll);
  2254. 						}
  2255.  
  2256. 						entry_element.dataset.voted = entry_fetched_data.voted;
  2257. 						if (entryBlocksData.resource == "entry" || entryBlocksData.resource == "link_comment")
  2258. 						{
  2259. 							entry_element.dataset.commentsCount = entry_fetched_data.comments.count;
  2260. 						}
  2261.  
  2262. 						console.log("entryBlocksData:");
  2263. 						console.log(entryBlocksData);
  2264.  
  2265. 						console.log("entry_element.dataset:");
  2266. 						console.log(entry_element.dataset);
  2267.  
  2268.  
  2269. 						if (plusesDelta != 0)
  2270. 						{
  2271. 							// console.log("Zmienila sie liczba plusow - plusesDelta:" + plusesDelta);
  2272. 							// console.log("entry_element.dataset.votesUp:" + entry_element.dataset.votesUp);
  2273. 							// if() zamiana li.zero na li.plus
  2274. 							let plusLi = entry_element.querySelector("section.rating-box > ul > li.plus");
  2275. 							if (!plusLi) plusLi = entry_element.querySelector("section.rating-box > ul > li.zero");
  2276. 							plusLi.textContent = entry_element.dataset.votesUp;
  2277.  
  2278. 							if (plusesDelta > 0)
  2279. 							{
  2280. 								entry_element.style.setProperty('--addedPluses', JSON.stringify(plusesDelta.toString()));
  2281. 								entry_element.classList.add("addedPluses");
  2282. 							}
  2283. 							else
  2284. 							{
  2285. 								entry_element.style.setProperty('--removedPluses', JSON.stringify(plusesDelta.toString()));
  2286. 								entry_element.classList.add("removedPluses");
  2287. 							}
  2288. 						}
  2289.  
  2290. 						if (minusesDelta != 0)
  2291. 						{
  2292. 							let minusLi = entry_element.querySelector("section.rating-box > ul > li.minus");
  2293. 							if (minusLi) minusLi.textContent = entry_element.dataset.votesDown;
  2294.  
  2295.  
  2296. 							if (minusesDelta > 0)
  2297. 							{
  2298. 								entry_element.style.setProperty('--addedMinuses', JSON.stringify(plusesDelta.toString()));
  2299. 								entry_element.classList.add("addedMinuses");
  2300. 							}
  2301. 							else
  2302. 							{
  2303. 								entry_element.style.setProperty('--removedMinuses', JSON.stringify(plusesDelta.toString()));
  2304. 								entry_element.classList.add("removedMinuses");
  2305. 							}
  2306. 						}
  2307.  
  2308. 						// console.log("entryBlocksData:")
  2309. 						// console.log(entryBlocksData)
  2310.  
  2311. 						// console.log("entry_element.dataset:")
  2312. 						// console.log(entry_element.dataset)
  2313.  
  2314. 						// console.log("entry_fetched_data (fetched):")
  2315. 						// console.log(entry_fetched_data)
  2316.  
  2317. 						// entry_element.dataset.tags = entry_fetched_data.tags;
  2318. 						// entry_element.dataset.device = entry_fetched_data.device;
  2319. 						// entry_element.dataset.voted = entry_fetched_data.voted;
  2320. 						// entry_element.dataset.adult = entry_fetched_data.adult;
  2321. 						// entry_element.dataset.tags = entry_fetched_data.tags;
  2322. 						// entry_element.dataset.favourite = entry_fetched_data.favourite;
  2323. 						// entry_element.dataset.deletable = entry_fetched_data.deletable;
  2324. 						// entry_element.dataset.editable = entry_fetched_data.editable;
  2325. 						// entry_element.dataset.slug = entry_fetched_data.slug;
  2326. 						// entry_element.dataset.parent_id = entry_fetched_data.parent_id;
  2327. 						// entry_element.dataset.resource = entry_fetched_data.resource; // "entry"
  2328. 						// entry_element.dataset.deleted = entry_fetched_data.deleted;
  2329. 					});
  2330. 			}
  2331. 		}
  2332. 	}
  2333.  
  2334.  
  2335.  
  2336.  
  2337.  
  2338.  
  2339.  
  2340.  
  2341.  
  2342. 	// <section class="rating-box" data-pluses="269" data-minuses="0" data-pluses-minuses-total="269" data-pluses-below-limit="true">
  2343. 	function parseRatingBoxCurrentContentAndCreateDataValues(ratingBoxSection)
  2344. 	{
  2345. 		// dodanie data-pluses na podstawie aktualnych wartosci plusow w HTML
  2346. 		// console.log("parseRatingBoxCurrentContentAndCreateDataValues(ratingBoxSection)")
  2347.  
  2348. 		const minusLi = ratingBoxSection.querySelector('li.minus');
  2349. 		let plusLi = ratingBoxSection.querySelector('li.plus');
  2350. 		if (!plusLi) plusLi = ratingBoxSection.querySelector('li.zero')
  2351. 		let votesUp = plusLi ? plusLi.textContent : 0; 				// 5liczba plusów
  2352. 		let votesDown = minusLi ? -1 * minusLi.textContent : 0; 	// 15 liczba minusów (dodatnia)
  2353. 		let votesCount = votesUp - votesDown;						// -10 suma plusów i minusów
  2354. 		let votesAll = votesUp + votesDown;							// 20 liczba glosow
  2355.  
  2356.  
  2357. 		ratingBoxSection.dataset.votesUp = votesUp;
  2358. 		ratingBoxSection.dataset.votesDown = votesDown;
  2359. 		ratingBoxSection.dataset.votesCount = votesCount;
  2360. 		ratingBoxSection.dataset.votesAll = votesAll;
  2361.  
  2362. 		// limit ukrywania wpisow przypietych na glownej
  2363. 		const homepagePinnedEntriesPlusesLimit = settings.homepagePinnedEntriesHideBelowLimit;
  2364. 		if (homepagePinnedEntriesPlusesLimit > 0)
  2365. 		{
  2366. 			// czy wpis jest poniżej limitu ukrywania wpisow przypietych na glownej
  2367. 			let plusesBelowLimit = (votesCount < homepagePinnedEntriesPlusesLimit ? true : false);
  2368. 			ratingBoxSection.dataset.plusesBelowLimit = plusesBelowLimit;
  2369. 		}
  2370. 	}
  2371.  
  2372.  
  2373.  
  2374. 	// VOTING EXPLOSION
  2375. 	function votingExplosionEventListener(ratingBoxSection)
  2376. 	{
  2377. 		ratingBoxSection.addEventListener('click', function (event)
  2378. 		{
  2379. 			var clickedButton = event.target;
  2380.  
  2381. 			console.log(clickedButton);
  2382.  
  2383. 			let count = 0;
  2384. 			let vote = "voted"; // "voted", "unvoted"
  2385. 			let action = "plused"; // "plused", "minused"
  2386. 			let sign = "+";
  2387.  
  2388. 			let plusLi = ratingBoxSection.querySelector('li.plus');
  2389. 			if (!plusLi) plusLi = ratingBoxSection.querySelector('li.zero');
  2390. 			let minusLi = ratingBoxSection.querySelector('button.plus');
  2391.  
  2392. 			let votesUp = plusLi ? plusLi.textContent : 0;
  2393. 			let votesDown = minusLi ? -1 * minusLi.textContent : 0;
  2394.  
  2395. 			if (clickedButton.matches('button.plus.voted'))			// dodano plusa
  2396. 			{
  2397. 				action = "plused";
  2398. 				vote = "voted";
  2399. 				count = votesUp;
  2400. 			}
  2401. 			else if (clickedButton.matches('button.plus:not(.voted)'))	// usunieto plusa
  2402. 			{
  2403. 				action = "plused";
  2404. 				vote = "unvoted";
  2405. 				count = votesUp;
  2406. 			}
  2407. 			else if (clickedButton.matches('button.minus.voted')) 		//  dodano minusa
  2408. 			{
  2409. 				action = "minused";
  2410. 				vote = "voted";
  2411. 				sign = "-";
  2412. 				count = votesDown;
  2413. 			}
  2414. 			else if (clickedButton.matches('button.minus:not(.voted)')) // usunięto minusa
  2415. 			{
  2416. 				action = "minused";
  2417. 				vote = "unvoted";
  2418. 				sign = "-";
  2419. 				count = votesDown;
  2420. 			}
  2421.  
  2422. 			if (vote == "voted")
  2423. 			{
  2424. 				let min_x = -60;
  2425. 				let max_x = 60;
  2426. 				let min_y = -60;
  2427. 				let max_y = -20;
  2428.  
  2429. 				if (count > 30) max_y = 60;
  2430. 				if (count > 300) { min_x = -90; max_x = 90; }
  2431.  
  2432. 				// let particlesCount = (count > 110 ? Math.ceil(count / 10) : count);
  2433. 				let particlesCount = count;
  2434. 				if (particlesCount > 2000) particlesCount = 200;
  2435. 				else if (particlesCount > 690) particlesCount = particlesCount / 10;
  2436. 				else if (particlesCount > 345) particlesCount = particlesCount / 5;
  2437. 				else if (particlesCount > 39) particlesCount = 39;
  2438.  
  2439.  
  2440. 				var newDivs = [];
  2441.  
  2442. 				for (var i = 0; i < particlesCount; i++)
  2443. 				{
  2444. 					var newDiv = document.createElement('div');
  2445. 					newDiv.textContent = sign;
  2446.  
  2447. 					newDiv.classList.add(`wykopxs_vote_animation`, `wykopxs_${vote}`, `wykopxs_${action}`); // class="wykopxs_vote_animation wykopxs_voted wykopxs_plused"
  2448.  
  2449. 					let color = (sign === "+" ? "green" : "red");
  2450. 					if (sign === "+")
  2451. 					{
  2452. 						if (count >= 666 && getRandomInt(1, 10) == 1) color = "golden";
  2453. 						if (count > 100 && count < 666 && getRandomInt(1, 80) == 1) newDiv.textContent = "💚";;
  2454. 					}
  2455. 					if (count > 100 && getRandomInt(1, 30) == 1) 
  2456. 					{
  2457. 						min_x += getRandomInt(-30, 30); max_x += getRandomInt(-30, 30)
  2458. 						min_y -= getRandomInt(-30, 30); max_y -= getRandomInt(-30, 30);
  2459. 					}
  2460.  
  2461. 					newDiv.classList.add(`wykopxs_${color}`);
  2462.  
  2463. 					newDiv.style.setProperty('--position_x', getRandomInt(min_x, max_x, "px"));
  2464. 					newDiv.style.setProperty('--position_y', getRandomInt(min_y, max_y, "px"));
  2465. 					newDiv.style.setProperty('--position_z', 0);
  2466. 					if (count > 30)
  2467. 					{
  2468. 						newDiv.style.setProperty('--explosionTiming',
  2469. 							getRandomString("linear", "ease", "ease-in-out", "ease-in", "ease-out")); // "cubic-bezier(0.1, 0.7, 1, 0.1)"
  2470. 						newDiv.style.setProperty('--explosionDelay', getRandomInt(0, getRandomInt(0, Math.max(800, count)), "ms"));
  2471. 						newDiv.style.setProperty('--explosionDuration', getRandomInt(900, 1300), "ms");
  2472. 					}
  2473.  
  2474. 					clickedButton.after(newDiv);
  2475. 					newDivs.push(newDiv);
  2476. 				}
  2477.  
  2478. 				parseRatingBoxCurrentContentAndCreateDataValues(ratingBoxSection);
  2479.  
  2480. 				setTimeout(function ()
  2481. 				{
  2482. 					for (var i = 0; i < newDivs.length; i++)
  2483. 					{
  2484. 						newDivs[i].parentNode.removeChild(newDivs[i]);
  2485. 					}
  2486.  
  2487. 				}, 2500);
  2488. 			}
  2489. 		});
  2490. 	}
  2491.  
  2492. 	//	waitForKeyElements(`body > section > div.main-content > main.main > section > div.content > section.entry-page > section.entry > section.stream > div.content > section.entry`, minusyTutaj, false);
  2493.  
  2494. 	//  body > section > div.main-content > main.main > section > div.content > section.entry-page > section.entry > section.stream > div.content > section.entry > div#entry-comments > section.stream > div.content > section.reply`
  2495.  
  2496. 	function minusyTutaj(jNodeEntryBlock)
  2497. 	{
  2498. 		const entryBlock = jNodeEntryBlock[0]; // jNode => DOMElement
  2499.  
  2500. 		// alert(entryBlock)
  2501. 		// Select the section with class 'rating-box'
  2502. 		let section = document.querySelector('.rating-box');
  2503.  
  2504. 		// Clear the existing content
  2505. 		section.innerHTML = '';
  2506.  
  2507. 		// Create new elements
  2508. 		let ul = document.createElement('ul');
  2509. 		let liZero = document.createElement('li');
  2510. 		let liMinus = document.createElement('li');
  2511. 		let div = document.createElement('div');
  2512. 		let buttonPlus = document.createElement('button');
  2513. 		let buttonMinus = document.createElement('button');
  2514.  
  2515. 		// Set classes and text content for new elements
  2516. 		ul.className = '';
  2517. 		liZero.className = 'zero separated';
  2518. 		liZero.textContent = '0';
  2519. 		liMinus.className = 'minus';
  2520. 		liMinus.textContent = '-8';
  2521. 		div.className = 'buttons';
  2522. 		buttonPlus.className = 'plus';
  2523. 		buttonPlus.textContent = '+';
  2524. 		buttonMinus.className = 'minus';
  2525. 		buttonMinus.textContent = '-';
  2526.  
  2527. 		// Append new elements to the DOM
  2528. 		ul.appendChild(liZero);
  2529. 		ul.appendChild(liMinus);
  2530. 		div.appendChild(buttonPlus);
  2531. 		div.appendChild(buttonMinus);
  2532. 		section.appendChild(ul);
  2533. 		section.appendChild(div);
  2534.  
  2535. 	}
  2536.  
  2537.  
  2538.  
  2539.  
  2540.  
  2541.  
  2542. 	const apiGetLink = "https://wykop.pl/api/v3/links/";
  2543. 	/*
  2544. 	<section id="link-7288349" class="link-block" 
  2545. 		data-votes-up="183" data-votes-down="5" data-votes-count="178" data-voted="0" data-comments-count="10" data-comments-hot="false" data-hot="false" data-adult="false" data-created-at="2023-11-27 21:12:49" data-published-at="2023-11-28 15:22:38" data-title="Dwie awarie..." data-slug="dwie-awarie-w-ec-bedzin-wznowienie-dostaw-ciepla-w-koncu-tygodnia-rmf-24" data-description="Dwie awarie w (...)" data-source-label="www.rmf24.pl" data-source-u-r-l="https://www.rmf24.pl/regiony/slaskie/news..." data-source-type="anchor" data-tags="slaskie,bedzin,awaria,wydarzenia">
  2546. 	*/
  2547.  
  2548. 	function linkBlockDetected(jNodeLinkBlock)
  2549. 	{
  2550. 		const linkBlock = jNodeLinkBlock[0]; // jNode => DOMElement
  2551. 		const link_id = linkBlock.id.replace("link-", ""); // 78643212
  2552. 		const fetchURL = apiGetLink + link_id;
  2553.  
  2554. 		let link_data;
  2555.  
  2556. 		let sectionVoteBox = linkBlock.querySelector('section.vote-box');
  2557. 		if (sectionVoteBox)
  2558. 		{
  2559. 			fetch(fetchURL,
  2560. 				{
  2561. 					method: "GET", // or 'PUT'
  2562. 					headers: {
  2563. 						"Content-Type": "application/json",
  2564. 						Authorization: "Bearer " + window.localStorage.token,
  2565. 					},
  2566. 				})
  2567. 				.then(x => x.json())
  2568. 				.then(data =>
  2569. 				{
  2570. 					link_data = data.data;
  2571. 					// console.log(link_data);
  2572.  
  2573. 					linkBlock.dataset.votesUp = link_data.votes.up;									// 10
  2574. 					linkBlock.dataset.votesDown = link_data.votes.down;								// -20
  2575. 					linkBlock.dataset.votesCount = link_data.votes.count;							// -10 (suma wykopów i zakopów)
  2576. 					linkBlock.dataset.votesAll = link_data.votes.up + link_data.votes.down; 		// 30  (łączna liczba głosów)
  2577.  
  2578. 					link_data.votes.votesDownPercent = 0;
  2579. 					link_data.votes.votesUpPercent = 0;
  2580.  
  2581. 					if (linkBlock.dataset.votesAll > 0)
  2582. 					{
  2583. 						link_data.votes.votesDownPercent = Math.ceil(link_data.votes.down * 100 / linkBlock.dataset.votesAll);
  2584. 						link_data.votes.votesUpPercent = Math.ceil(link_data.votes.up * 100 / linkBlock.dataset.votesAll);
  2585. 					}
  2586. 					linkBlock.dataset.voted = link_data.voted;
  2587. 					linkBlock.dataset.commentsCount = link_data.comments.count;
  2588. 					linkBlock.dataset.commentsHot = link_data.comments.hot;
  2589. 					linkBlock.dataset.hot = link_data.hot;
  2590. 					linkBlock.dataset.adult = link_data.adult;
  2591. 					linkBlock.dataset.createdAt = link_data.created_at;
  2592. 					linkBlock.dataset.publishedAt = link_data.published_at;
  2593. 					linkBlock.dataset.title = link_data.title;
  2594. 					linkBlock.dataset.slug = link_data.slug;
  2595. 					linkBlock.dataset.description = link_data.description;
  2596. 					linkBlock.dataset.sourceLabel = link_data.source.label;
  2597. 					linkBlock.dataset.sourceURL = link_data.source.url;
  2598. 					linkBlock.dataset.sourceType = link_data.source.type;
  2599. 					linkBlock.dataset.tags = link_data.tags;
  2600.  
  2601. 					// Znaleziska sortowane wg liczby wykopów
  2602. 					if (settings.linksAnalyzerSortByVotesCount)
  2603. 					{
  2604. 						linkBlock.style.order = -1 * link_data.votes.count;  // style="order: -321"
  2605. 					}
  2606. 					const votesMeter = document.createElement('progress');
  2607. 					votesMeter.className = "wykopxs wykopx_votesMeter";
  2608. 					votesMeter.setAttribute('value', link_data.votes.up);
  2609. 					votesMeter.setAttribute('max', link_data.votes.up + link_data.votes.down);
  2610.  
  2611. 					const votesDownInfo = document.createElement('div');
  2612. 					votesDownInfo.className = "burry active wykopxVotesDownInfo";
  2613.  
  2614. 					const span = document.createElement('span');
  2615. 					span.className = "wykopxs wykopx_votesDown";
  2616. 					span.setAttribute('data-v-83d9f12a', ''); // VUE 
  2617. 					span.setAttribute('data-dropdown', `buried-${link_id}`);
  2618. 					span.setAttribute('title', `Statystyki Wykop X:
  2619.  
  2620. Liczba wykopujących: ${link_data.votes.up} 
  2621. Liczba zakopujących: ${link_data.votes.down} (${link_data.votes.votesDownPercent} %)`);
  2622.  
  2623. 					const spanVotesDownCount = document.createElement('span');
  2624. 					spanVotesDownCount.className = "wykopxs wykopx_votesDownCount";
  2625. 					spanVotesDownCount.textContent = `${link_data.votes.down}`;
  2626.  
  2627. 					const spanVotesDownPercent = document.createElement('span');
  2628. 					spanVotesDownPercent.className = "wykopxs wykopx_votesDownPercent";
  2629. 					spanVotesDownPercent.textContent = `(${link_data.votes.votesDownPercent} %)`;
  2630.  
  2631. 					span.appendChild(spanVotesDownCount);
  2632. 					span.appendChild(spanVotesDownPercent);
  2633. 					votesDownInfo.appendChild(span);
  2634.  
  2635.  
  2636. 					sectionVoteBox.appendChild(votesDownInfo);
  2637. 					if (linkBlock.dataset.votesAll > 0)
  2638. 					{
  2639. 						sectionVoteBox.appendChild(votesMeter);
  2640. 					}
  2641.  
  2642. 				});
  2643. 		}
  2644. 	}
  2645.  
  2646.  
  2647.  
  2648.  
  2649.  
  2650.  
  2651.  
  2652.  
  2653.  
  2654. 	/* ZNIESIENIE LIMITÓW W TEXTAREA I INPUT PODCZAS WKLEJANIA TEKSTU */
  2655. 	// <input data-v-6486857b="" data-v-99298700="" type="text" placeholder="Wpisz tytuł Znaleziska..." maxlength="80" class="">
  2656. 	// <textarea data-v-8f9e192e="" data-v-99298700="" placeholder="Wpisz opis Znaleziska..." maxlength="300" class=""></textarea>
  2657. 	// <input data-v-714efcd5="" id="title" type="text" placeholder="Wpisz tytuł..." maxlength="80" class="highlight">
  2658. 	if (settings.disableNewLinkEditorPastedTextLimit)
  2659. 	{
  2660. 		waitForKeyElements("[maxlength]", disableNewLinkEditorPastedTextLimit, false);
  2661. 	}
  2662.  
  2663. 	function disableNewLinkEditorPastedTextLimit(jNodeInput)
  2664. 	{
  2665. 		const input = jNodeInput[0];
  2666. 		const maxLength = input.getAttribute('maxlength');
  2667. 		input.removeAttribute('maxlength');
  2668.  
  2669. 		let divElement = document.createElement('div');
  2670.  
  2671. 		divElement.className = 'wykopxs_textinput_limit_info';
  2672. 		divElement.style.color = 'rgba(120, 120, 120, 1)';
  2673. 		divElement.style.fontSize = '14px';
  2674. 		divElement.style.margin = '10px 0px 10px 0px';
  2675.  
  2676. 		input.parentNode.appendChild(divElement, input);
  2677.  
  2678. 		function handleInputEvent()
  2679. 		{
  2680. 			let charCount = input.value.length;
  2681. 			divElement.innerHTML = `
  2682. 			Wykop X: wprowadzono: 
  2683. 			<span class="${charCount > maxLength ? 'overLimit' : 'withinLimit'}" style="color: ${charCount > maxLength ? 'red' : 'inherit'}">
  2684. 				<strong>${charCount}</strong> / 
  2685. 				<strong>${maxLength}</strong>
  2686. 			</span> 
  2687. 			znaków`;
  2688. 		}
  2689.  
  2690. 		input.addEventListener('change', handleInputEvent);
  2691. 		input.addEventListener('focus', handleInputEvent);
  2692. 		input.addEventListener('paste', handleInputEvent);
  2693.  
  2694.  
  2695. 		let timeout = null;
  2696. 		input.addEventListener('keyup', function (e)
  2697. 		{
  2698. 			if (e.key === ' ' || e.key === '.')
  2699. 			{
  2700. 				handleInputEvent(e);
  2701. 			}
  2702. 			else
  2703. 			{
  2704. 				clearTimeout(timeout);
  2705. 				timeout = setTimeout(function ()
  2706. 				{
  2707. 					handleInputEvent(e);
  2708. 				}, 2000);
  2709. 			}
  2710. 		});
  2711.  
  2712. 	}
  2713.  
  2714.  
  2715.  
  2716.  
  2717.  
  2718.  
  2719.  
  2720.  
  2721.  
  2722.  
  2723.  
  2724.  
  2725.  
  2726.  
  2727.  
  2728.  
  2729.  
  2730. 	/* HELPER FUNCTIONS */
  2731.  
  2732.  
  2733.  
  2734. 	// consoleX("TEXT")
  2735. 	// consoleX("TEXT", 1)
  2736. 	// consoleX("TEXT", false)
  2737. 	function consoleX(text, dev_mode = false)
  2738. 	{
  2739. 		let tpl = `background-color:black; border:1px solid rgba(244, 244, 244, 0.4); font-weight: bolder; padding: 0px 9px; font-family: "Segoe UI", "Open Sans", sans-serif; margin-right: 10px;`;
  2740. 		if (dev_mode) tpl += `color:rgba(43, 255, 75, 1);`;
  2741. 		else tpl += `color:rgba(255, 255, 255, 0.8);`;
  2742.  
  2743. 		if (dev_mode == false || dev == true) console.log(`%cWykop X%c` + text, `${tpl}`, `font-family: "Segoe UI", "Open Sans"`);
  2744. 	}
  2745.  
  2746.  
  2747. 	// DEV RUN WITH DELAY
  2748. 	function runWithDelay(time, f)
  2749. 	{
  2750. 		// consoleX(`runWithDelay(f , ${time})`, 1);
  2751. 		setTimeout(function ()
  2752. 		{
  2753. 			f();
  2754. 		}, time);
  2755. 	}
  2756.  
  2757.  
  2758. 	// getRandomInt(-30, 20, "px")
  2759. 	function getRandomInt(min, max, unit)
  2760. 	{
  2761. 		min = Math.ceil(min);
  2762. 		max = Math.floor(max);
  2763. 		let randomValue = Math.floor(Math.random() * (max - min + 1)) + min;
  2764. 		if (unit != null) randomValue = randomValue + unit;
  2765. 		return randomValue;
  2766. 	}
  2767.  
  2768.  
  2769. 	//	getRandomString("string1", "string2", "string3", "string4", "string5");
  2770. 	function getRandomString(...stringsArray)
  2771. 	{
  2772. 		let randomString = stringsArray[Math.floor(Math.random() * stringsArray.length)];
  2773. 		return randomString;
  2774. 	}
  2775.  
  2776.  
  2777. 	// if (wykopxSettings.getPropertyValue("--enableNotatkowator")) {
  2778. 	//	waitForKeyElements("section.entry", addWykopXActionBoxToEntryAndComment, false);
  2779. 	// }
  2780.  
  2781.  
  2782.  
  2783.  
  2784.  
  2785.  
  2786.  
  2787.  
  2788.  
  2789.  
  2790.  
  2791. 	/* NEW WYKOP PAGE REDIRECTION */
  2792. 	navigation.addEventListener("navigate", (event) =>
  2793. 	{
  2794. 		console.log("navigation - navigate event - " + event.type)
  2795. 		originalTabTitle = document.title;
  2796.  
  2797. 		visiblePlusesObserver.disconnect();
  2798.  
  2799. 		// consoleX(`navigation.addEventListener("navigate", (event) =>`, 1);
  2800.  
  2801. 		// 
  2802. 		runWithDelay(2000, function ()
  2803. 		{
  2804. 			hashAndPathNameLoad();
  2805. 			categoryRedirectToMicroblogButton();
  2806. 			countNumberOfNotificationsOnDesktop();
  2807. 			autoOpenMoreContentEverywhere();
  2808. 			addActionBoxesToAllEntriesAndComments();
  2809.  
  2810. 			if (settings.tagHeaderEditable && pathnameArray[1] == "tag") runWithDelay(5000, tagHeaderEditableLoad);
  2811. 		});
  2812.  
  2813. 		if (!settings.tabChangeOnlyOnHiddenState)
  2814. 		{
  2815. 			runWithDelay(7000, () =>
  2816. 			{
  2817. 				executeTabAndFaviconChanges();
  2818. 			})
  2819. 		}
  2820.  
  2821. 		// runWithDelay(1000, countNumberOfNotificationsOnDesktop);
  2822. 		// runWithDelay(2000, autoOpenMoreContentEverywhere);
  2823. 		// runWithDelay2000, addActionBoxesToAllEntriesAndComments);
  2824. 	});
  2825.  
  2826.  
  2827. 	/*
  2828. 	“popstate”: This event is fired when the active history entry changes, either by the user navigating to a different state, or by the code calling the history.pushState() or history.replaceState() methods. This event can be used to update the page content according to the new state.
  2829. 	“hashchange”: This event is fired when the fragment identifier of the URL (the part after the “#”) changes. This event can be used to implement single-page applications that use different hash values to load different views.
  2830. 	“pushstate”: This event is fired when the history.pushState() method is called, which adds a new state to the history stack. This event can be used to perform some actions when a new state is created.
  2831. 	“replacestate”: This event is fired when the history.replaceState() method is called, which modifies the current state in the history stack. This event can be used to perform some actions when the current state is changed.
  2832. 	*/
  2833.  
  2834.  
  2835.  
  2836.  
  2837.  
  2838. 	let user = {
  2839. 		data: null,
  2840. 		username: null
  2841. 	};
  2842.  
  2843.  
  2844.  
  2845. 	// lOADED PAGE
  2846. 	window.onload = function (event)
  2847. 	{
  2848. 		const topHeaderProfileButton = document.querySelector("body header > div.right > nav > ul > li.account a.avatar");
  2849. 		if (topHeaderProfileButton) user.username = topHeaderProfileButton.getAttribute("href").split('/')[2];
  2850.  
  2851. 		if (user.username == null)
  2852. 		{
  2853. 			consoleX(`Cześć Anon. Nie jesteś zalogowany na Wykopie (⌐ ͡■ ͜ʖ ͡■)`);
  2854. 		}
  2855. 		else
  2856. 		{
  2857. 			consoleX(`Cześć ${user.username} (⌐ ͡■ ͜ʖ ͡■)`);
  2858. 		}
  2859. 		hashAndPathNameLoad();
  2860. 		focusOnAddingNewMicroblogEntry();
  2861.  
  2862. 		// 8s
  2863. 		runWithDelay(3000, function ()
  2864. 		{
  2865. 			if (settings.linksAnalyzerEnable)
  2866. 			{
  2867. 				waitForKeyElements(`section.link-block[id^="link-"]`, linkBlockDetected, false);
  2868. 				// GM_wrench.waitForKeyElements(`section.link-block[id^="link-"]`, linkBlockDetected, false);
  2869. 			}
  2870. 			addWykopXButtonsToNavBar();
  2871.  
  2872. 		});
  2873.  
  2874. 		// 8s
  2875. 		runWithDelay(8000, function ()
  2876. 		{
  2877. 			countNumberOfNotificationsOnDesktop();
  2878. 			addNotificationSummaryButtonToNavBar();
  2879. 			addNightModeButtonToNavBar();
  2880. 			unrollDropdowns();
  2881. 			addExtraButtons();
  2882. 			addWykopXPromoBanner();
  2883.  
  2884. 			hideWykopXSPromo();
  2885. 			// categoryRedirectToMicroblogButton();
  2886. 			mirkoukrywaczBuildListOfHiddenElements();
  2887. 			autoOpenMoreContentEverywhere();
  2888. 			refreshOrRedirectOnHomeButtonClick();
  2889. 			refreshOrRedirectOnMicroblogButtonClick();
  2890. 			tagHeaderEditableLoad();
  2891. 			addActionBoxesToAllEntriesAndComments();
  2892. 			addObservedTagsToRightSidebar();
  2893. 		});
  2894.  
  2895.  
  2896. 		// 20s
  2897. 		runWithDelay(12000, function ()
  2898. 		{
  2899.  
  2900.  
  2901. 			checkVersionForUpdates();
  2902.  
  2903. 			createNewProfileDropdownMenuItem(
  2904. 				{
  2905. 					text: `Wykop X - Informacje`,
  2906. 					title: "Otwórz stronę Wiki z informacjami o dodatku Wykop X",
  2907. 					className: `wykopx_wiki`,
  2908. 					id: undefined,
  2909. 					url: "http://wiki.wykopx.pl/",
  2910. 					target: "_self",
  2911. 					icon: null,
  2912. 					number: null
  2913. 				});
  2914.  
  2915. 		});
  2916.  
  2917. 	};
  2918.  
  2919.  
  2920.  
  2921.  
  2922.  
  2923.  
  2924. })();