MediaWiki:Common.js - Revision history

Admin: Update

2026-05-25T08:28:28Z

Update

Admin: Update

2026-05-25T08:25:51Z

Update

@@ Line 1,128: / Line 1,128: @@
+     }
 })();
 /* ============================================================

Admin: Update

2026-05-25T08:18:22Z

Update

@@ Line 1,128: / Line 1,128: @@
+     }
 })();
 /* ============================================================

Admin: Update

2026-05-25T08:05:18Z

Update

← Older revision		Revision as of 08:05, 25 May 2026
Line 1,128:		Line 1,128:
	}		}
	})();		})();

			/*
	/* =========================		/* =========================
	YOUTUBE FACADE - improved		YOUTUBE FACADE - improved
Line 1,217:		Line 1,219:
	}		}
	})();		})();
			*/


	/* ============================================================		/* ============================================================

Admin: Update

2026-05-25T07:58:38Z

Update

← Older revision		Revision as of 07:58, 25 May 2026
Line 1,129:		Line 1,129:
	})();		})();
	/* =========================		/* =========================
	YOUTUBE FACADE - ~~hiện thumbnail thay vì màn hình đen~~		YOUTUBE FACADE - improved
	========================= */		========================= */
	(function () {		(function () {
			function extractVideoId(src) {
			// Match nhiều format URL
			var patterns = [
			/\/embed\/([a-zA-Z0-9_-]{11})/, // /embed/VIDEOID
			/[?&]v=([a-zA-Z0-9_-]{11})/, // ?v=VIDEOID
			/youtu\.be\/([a-zA-Z0-9_-]{11})/ // youtu.be/VIDEOID
			];
			for (var i = 0; i < patterns.length; i++) {
			var match = src.match(patterns[i]);
			if (match) return match[1];
			}
			return null;
			}

	function initYouTubeFacade() {		function initYouTubeFacade() {
	var iframes = document.querySelectorAll(		var iframes = document.querySelectorAll(
Line 1,137:		Line 1,151:
	);		);
	iframes.forEach(function (iframe) {		iframes.forEach(function (iframe) {
	var ~~match~~ = iframe.src~~.match(/\/embed\/([^?&\/]+)/~~);		var videoId = extractVideoId(iframe.src);
	if (!~~match~~) return;		if (!videoId) {
	~~var videoId = match[1];~~		console.warn('YouTube facade: cannot extract video ID from', iframe.src);
			return;
			}

	var width = iframe.getAttribute("width") \|\| iframe.width \|\| 640;		var width = iframe.getAttribute("width") \|\| iframe.width \|\| 640;
	var height = iframe.getAttribute("height") \|\| iframe.height \|\| 360;		var height = iframe.getAttribute("height") \|\| iframe.height \|\| 360;
	~~var allow = iframe.getAttribute("allow") \|\|~~
	~~"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture";~~

	var facade = document.createElement("div");		var facade = document.createElement("div");
	facade.className = "soji-yt-facade";		facade.className = "soji-yt-facade";
	facade.style.maxWidth = width + "px";		facade.style.maxWidth = width + "px";
	~~facade.dataset.videoId = videoId;~~
	~~facade.dataset.width = width;~~
	~~facade.dataset.height = height;~~
	~~facade.dataset.allow = allow;~~
	facade.setAttribute("role", "button");		facade.setAttribute("role", "button");
	facade.setAttribute("tabindex", "0");		facade.setAttribute("tabindex", "0");
	~~facade.setAttribute("aria-label", "Play video");~~

	facade.innerHTML =		facade.innerHTML =
	'<img class="soji-yt-thumb" ' +		'<img class="soji-yt-thumb" ' +
	'src="https://i.ytimg.com/vi/' + videoId + '/hqdefault.jpg" ' +		'src="https://i.ytimg.com/vi/' + videoId + '/hqdefault.jpg" ' +
	~~'data-hires="https://i.ytimg.com/vi/' + videoId + '/maxresdefault.jpg" ' +~~
	'alt="Video thumbnail" loading="lazy">' +		'alt="Video thumbnail" loading="lazy">' +
	'<button class="soji-yt-play" aria-label="Play">' +		'<button class="soji-yt-play" aria-label="Play">' +
	'<svg viewBox="0 0 68 48" aria-hidden="true">' +		'<svg viewBox="0 0 68 48" aria-hidden="true">' +
	'<path d="M66.52 7.74c-.78-2.93-2.49-5.41-5.42-6.19C55.79.13 34 0 34 0S12.21.13 6.9 1.55c-2.93.78-4.63 3.26-5.42 6.19C.06 13.05 0 24 0 24s.06 10.95 1.48 16.26c.78 2.93 2.49 5.41 5.42 6.19C12.21 47.87 34 48 34 48s21.79-.13 27.1-1.55c2.93-.78 4.64-3.26 5.42-6.19C67.94 34.95 68 24 68 24s-.06-10.95-1.48-16.26z" ~~class~~="~~soji-yt-play-bg~~"/>' +		'<path d="M66.52 7.74c-.78-2.93-2.49-5.41-5.42-6.19C55.79.13 34 0 34 0S12.21.13 6.9 1.55c-2.93.78-4.63 3.26-5.42 6.19C.06 13.05 0 24 0 24s.06 10.95 1.48 16.26c.78 2.93 2.49 5.41 5.42 6.19C12.21 47.87 34 48 34 48s21.79-.13 27.1-1.55c2.93-.78 4.64-3.26 5.42-6.19C67.94 34.95 68 24 68 24s-.06-10.95-1.48-16.26z" fill="#f00"/>' +
	'<path d="M45 24 27 14v20" fill="#fff"/>' +		'<path d="M45 24 27 14v20" fill="#fff"/>' +
	'</svg>~~' +~~		'</svg></button>';
	'</button>';

	/* Try ~~loading hi-res thumbnail; fall back to hqdefault~~ if ~~fail */~~		// Try maxresdefault if available (higher quality)
	var ~~thumb~~ = facade.querySelector(".soji-yt-thumb");		var img = facade.querySelector('.soji-yt-thumb');
	var hires ~~= thumb.dataset.hires;~~		var hires = new Image();
	~~var test~~ = new Image();		hires.onload = function() {
	~~test~~.onload = function () {		if (hires.naturalWidth > 320) img.src = hires.src;
	if (~~test~~.~~width~~ > 320) ~~thumb~~.src = hires;
	};		};
	~~test~~.src = ~~hires~~;		hires.src = 'https://i.ytimg.com/vi/' + videoId + '/maxresdefault.jpg';

	function playVideo() {		function playVideo() {
	var realIframe = document.createElement("iframe");		var realIframe = document.createElement("iframe");
	realIframe.src = "https://www.youtube.com/embed/" + videoId + "?autoplay=1&rel=0";		realIframe.src = "https://www.youtube-nocookie.com/embed/" + videoId +
			"?autoplay=1&rel=0&modestbranding=1";
	realIframe.setAttribute("width", width);		realIframe.setAttribute("width", width);
	realIframe.setAttribute("height", height);		realIframe.setAttribute("height", height);
	realIframe.setAttribute("frameborder", "0");		realIframe.setAttribute("frameborder", "0");
	realIframe.setAttribute("allow", ~~allow~~);		realIframe.setAttribute("allow", "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture");
	realIframe.setAttribute("allowfullscreen", "true");		realIframe.setAttribute("allowfullscreen", "true");
			realIframe.style.cssText = "width:100%;height:100%;position:absolute;inset:0;border:0;";
	facade.innerHTML = "";		facade.innerHTML = "";
	facade.appendChild(realIframe);		facade.appendChild(realIframe);

Admin: Update

2026-05-25T07:47:07Z

Update

@@ Line 1,208: / Line 1,208: @@
          initYouTubeFacade();
+     }
 })();

Admin: Update

2026-05-22T06:41:30Z

Update

← Older revision		Revision as of 06:41, 22 May 2026
Line 21:		Line 21:
	}		}

	function renderLink(item, extraClass) {		function renderLink(item, extraClass) {
	var cls = extraClass ? ' class="' + extraClass + '"' : "";		var cls = extraClass ? ' class="' + extraClass + '"' : "";
	var href = item.href ? esc(item.href) : "#";		var href = item.href ? esc(item.href) : "#";
	return '<a' + cls + ' href="' + href + '">' + esc(item.label) + "</a>";		return '<a' + cls + ' href="' + href + '" target="_blank" rel="noopener noreferrer">' + esc(item.label) + "</a>";
	}		}

	function buildCompany(company) {		function buildCompany(company) {
Line 58:		Line 58:
	var sub = data.subscribe \|\| {};		var sub = data.subscribe \|\| {};
	var social = (data.social \|\| []).map(function (item) {		var social = (data.social \|\| []).map(function (item) {
	var href = item.href ? esc(item.href) : "#";		var href = item.href ? esc(item.href) : "#";
	var icon = item.icon		var icon = item.icon
	? getIcon(item.icon)		? getIcon(item.icon)
	: esc(item.short \|\| item.label.charAt(0));		: esc(item.short \|\| item.label.charAt(0));
	return '<a class="soji-footer-social-item" href="' + href + '" aria-label="' + esc(item.label) + '">' + icon + "</a>";		return '<a class="soji-footer-social-item" href="' + href + '" target="_blank" rel="noopener noreferrer" aria-label="' + esc(item.label) + '">' + icon + "</a>";
	}).join("");		}).join("");

	return [		return [

Admin: Update

2026-05-21T08:35:00Z

Update

Show changes

Admin: Update

2026-05-21T08:33:13Z

Update

← Older revision		Revision as of 08:33, 21 May 2026
Line 1,167:		Line 1,167:
	}		}
	})();		})();

			function addPdfButton() {
			/* Chỉ hiện nút trên page Datasheet hoặc User Guide */
			var pageName = (window.mw && mw.config.get("wgPageName")) \|\| document.title;
			pageName = pageName.replace(/_/g, " ");

			var allowedSuffixes = [" Datasheet", " User Guide"];
			var shouldShow = allowedSuffixes.some(function (suffix) {
			return pageName.endsWith(suffix);
			});
			if (!shouldShow) return;

			/* Phần code tạo button cũ giữ nguyên bên dưới */
			var heading = document.querySelector(".mw-first-heading") \|\|
			document.querySelector("#firstHeading") \|\|
			document.querySelector("h1.firstHeading");
			if (!heading \|\| document.getElementById("soji-pdf-btn")) return;

			var btn = document.createElement("button");
			btn.id = "soji-pdf-btn";
			btn.className = "soji-pdf-btn";
			btn.title = "Download this page as PDF";
			btn.innerHTML =
			'<svg width="16" height="16" viewBox="0 0 24 24" fill="none" ' +
			'stroke="currentColor" stroke-width="2" stroke-linecap="round" ' +
			'stroke-linejoin="round" style="vertical-align:middle;margin-right:6px">' +
			'<path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/>' +
			'<polyline points="7 10 12 15 17 10"/>' +
			'<line x1="12" y1="15" x2="12" y2="3"/>' +
			'</svg>Download PDF';

			btn.addEventListener("click", function () {
			/* ... click handler giữ nguyên (kèm logic hide Related Documents / Revision History) ... */
			var SECTIONS_TO_HIDE = ["Related Documents", "Revision History"];
			var tagged = [];
			SECTIONS_TO_HIDE.forEach(function (sectionName) {
			var headings = document.querySelectorAll("h2, .mw-heading2");
			for (var i = 0; i < headings.length; i++) {
			var h = headings[i];
			var text = h.textContent.replace(/\[\sedit.?\]/gi, "").trim();
			if (text.toLowerCase() === sectionName.toLowerCase()) {
			var startEl = h.closest("div.mw-heading") \|\| h;
			var cur = startEl;
			while (cur) {
			cur.classList.add("soji-print-hide");
			tagged.push(cur);
			cur = cur.nextElementSibling;
			if (!cur) break;
			if (cur.matches("h1, h2") \|\|
			cur.matches("div.mw-heading2, div.mw-heading1") \|\|
			(cur.querySelector && cur.querySelector(":scope > h1, :scope > h2"))) {
			break;
			}
			}
			break;
			}
			}
			});

			var pn = (window.mw && mw.config.get("wgTitle")) \|\| document.title;
			var originalTitle = document.title;
			document.title = pn + " - SOJI Wiki";
			window.print();
			setTimeout(function () {
			tagged.forEach(function (el) { el.classList.remove("soji-print-hide"); });
			document.title = originalTitle;
			}, 500);
			});

			heading.appendChild(btn);
			}

Admin: Update

2026-05-21T06:35:17Z

Update

@@ Line 1,084: / Line 1,084: @@
      } else {
          addPdfButton();
+     }
 })();