MediaWiki:Common.js - Revision history

Juoh-6738 at 18:03, 13 June 2026

2026-06-13T18:03:14Z

← Older revision		Revision as of 18:03, 13 June 2026
Line 41:		Line 41:
	// ─── 헤더 ───		// ─── 헤더 ───
	var header = document.createElement("header");		var header = document.createElement("header");
			header.id = "erakh-header";
	sp(header, "position", "fixed");		sp(header, "position", "fixed");
	sp(header, "top", "0");		sp(header, "top", "0");
Line 324:		Line 325:
	// ─── 서브바 ───		// ─── 서브바 ───
	var subbar = document.createElement("div");		var subbar = document.createElement("div");
			subbar.id = "erakh-subbar";
	sp(subbar, "position", "fixed");		sp(subbar, "position", "fixed");
	sp(subbar, "top", "56px");		sp(subbar, "top", "56px");
Line 641:		Line 643:
	var target = document.getElementById(id);		var target = document.getElementById(id);
	if (target) {		if (target) {
	var top = target.getBoundingClientRect().top + window.scrollY - ~~108~~;		var _h = document.getElementById("erakh-header");
			var _s = document.getElementById("erakh-subbar");
			var _offset = (_h ? _h.offsetHeight : 56) + (_s ? _s.offsetHeight : 44) + 8;
			var top = target.getBoundingClientRect().top + window.scrollY - _offset;
	window.scrollTo({ top: top, behavior: "smooth" });		window.scrollTo({ top: top, behavior: "smooth" });
	}		}
Line 691:		Line 696:
	var items = colLeft.querySelectorAll("li[data-id]");		var items = colLeft.querySelectorAll("li[data-id]");
	window.addEventListener("scroll", function() {		window.addEventListener("scroll", function() {
	var scrollY = window.scrollY + ~~108~~;		var _h = document.getElementById("erakh-header");
			var _s = document.getElementById("erakh-subbar");
			var _offset = (_h ? _h.offsetHeight : 56) + (_s ? _s.offsetHeight : 44) + 8;
			var scrollY = window.scrollY + _offset;
	var current = null;		var current = null;
	headings.forEach(function(h) {		headings.forEach(function(h) {

Juoh-6738 at 17:55, 13 June 2026

2026-06-13T17:55:06Z

← Older revision		Revision as of 17:55, 13 June 2026
Line 637:		Line 637:
	a.addEventListener("mouseover", function() { this.style.setProperty("color", "#2a2218", "important"); });		a.addEventListener("mouseover", function() { this.style.setProperty("color", "#2a2218", "important"); });
	a.addEventListener("mouseout", function() { this.style.setProperty("color", level === 2 ? "#6b5e4e" : "#9c8e80", "important"); });		a.addEventListener("mouseout", function() { this.style.setProperty("color", level === 2 ? "#6b5e4e" : "#9c8e80", "important"); });
			a.addEventListener("click", function(e) {
			e.preventDefault();
			var target = document.getElementById(id);
			if (target) {
			var top = target.getBoundingClientRect().top + window.scrollY - 108;
			window.scrollTo({ top: top, behavior: "smooth" });
			}
			});

	li.appendChild(a);		li.appendChild(a);
Line 1,395:		Line 1,403:

	})();		})();

Juoh-6738 at 23:52, 1 June 2026

2026-06-01T23:52:26Z

← Older revision		Revision as of 23:52, 1 June 2026
Line 836:		Line 836:
	{ label: "Organizations", preload: "Template:Preload/Organization" },		{ label: "Organizations", preload: "Template:Preload/Organization" },
	{ label: "Events", preload: "Template:Preload/Event" },		{ label: "Events", preload: "Template:Preload/Event" },
	{ label: "~~Disciplines~~", preload: "Template:Preload/~~Discipline~~" },		{ label: "Lore", preload: "Template:Preload/Lore" },
	~~{ label: "Culture", preload: "Template:Preload/Culture"~~ },
	{ label: "Artifacts", preload: "Template:Preload/Artifact" },		{ label: "Artifacts", preload: "Template:Preload/Artifact" },
	{ label: "Chronicle", preload: null },		{ label: "Chronicle", preload: null },
Line 1,063:		Line 1,062:

	var CATS = [		var CATS = [
	{ label: "~~Chronicle~~", icon: "ti-~~clock~~", href: "/index.php?title=Category:~~Chronicle" },~~		{ label: "Characters", icon: "ti-user", href: "/index.php?title=Category:Characters", highlight: false },
	~~{ label: "Events", icon: "ti-sword~~", ~~href: "/index.php?title=Category~~:~~Events"~~ },		{ label: "Nations", icon: "ti-building", href: "/index.php?title=Category:Nations", highlight: false },
	{ label: "Nations", icon: "ti-building", href: "/index.php?title=Category:Nations" },		{ label: "Regions", icon: "ti-map", href: "/index.php?title=Category:Regions", highlight: false },
	{ label: "Regions", icon: "ti-map", href: "/index.php?title=Category:Regions" },		{ label: "Races", icon: "ti-dna", href: "/index.php?title=Category:Races", highlight: false },
	{ label: "~~Characters~~", icon: "ti-~~user~~", href: "/index.php?title=Category:~~Characters~~" },		{ label: "Chronicle", icon: "ti-clock", href: "/index.php?title=Category:Chronicle", highlight: true },
	{ label: "~~Races~~", icon: "ti-~~dna~~", href: "/index.php?title=Category:~~Races~~" },		{ label: "Organizations", icon: "ti-users", href: "/index.php?title=Category:Organizations", highlight: false },
	{ label: "Organizations", icon: "ti-users", href: "/index.php?title=Category:Organizations" },		{ label: "Events", icon: "ti-sword", href: "/index.php?title=Category:Events", highlight: false },
	{ label: "~~Disciplines~~", icon: "ti-~~book~~", href: "/index.php?title=Category:~~Disciplines~~" },		{ label: "Lore", icon: "ti-book", href: "/index.php?title=Category:Lore", highlight: false },
	{ label: "~~Culture~~", icon: "ti-~~music~~", href: "/index.php?title=Category:~~Culture~~" },		{ label: "Artifacts", icon: "ti-diamond", href: "/index.php?title=Category:Artifacts", highlight: false },
	{ label: "Artifacts", icon: "ti-diamond", href: "/index.php?title=Category:Artifacts" },
	];		];

Line 1,169:		Line 1,167:
	var catGrid = document.createElement("div");		var catGrid = document.createElement("div");
	sp(catGrid, "display", "grid");		sp(catGrid, "display", "grid");
	sp(catGrid, "grid-template-columns", "repeat(5, 1fr)");		sp(catGrid, "grid-template-columns", "repeat(3, 1fr)");
	sp(catGrid, "gap", "8px");		sp(catGrid, "gap", "8px");
	sp(catGrid, "margin-bottom", "2.5rem");		sp(catGrid, "margin-bottom", "2.5rem");
Line 1,178:		Line 1,176:
	var card = document.createElement("a");		var card = document.createElement("a");
	card.href = cat.href;		card.href = cat.href;
	sp(card, "border", "1px solid #e2d9c8");		sp(card, "border", cat.highlight ? "1.5px solid #c8a060" : "1px solid #e2d9c8");
	sp(card, "border-radius", "6px");		sp(card, "border-radius", "6px");
	sp(card, "background", "#ffffff");		sp(card, "background", cat.highlight ? "#f5ede0" : "#ffffff");
	sp(card, "padding", "1rem 0.5rem");		sp(card, "padding", "1rem 0.5rem");
	sp(card, "text-align", "center");		sp(card, "text-align", "center");
Line 1,186:		Line 1,184:
	sp(card, "display", "block");		sp(card, "display", "block");
	sp(card, "box-sizing", "border-box");		sp(card, "box-sizing", "border-box");
	card.addEventListener("mouseover", function() { this.style.setProperty("background", "#f0ebe0", "important"); this.style.setProperty("border-color", "#c8b99a", "important"); });		if (cat.highlight) {
	card.addEventListener("mouseout", function() { this.style.setProperty("background", "#ffffff", "important"); this.style.setProperty("border-color", "#e2d9c8", "important"); });		card.addEventListener("mouseover", function() { this.style.setProperty("background", "#ede0cc", "important"); this.style.setProperty("border-color", "#a07840", "important"); });
			card.addEventListener("mouseout", function() { this.style.setProperty("background", "#f5ede0", "important"); this.style.setProperty("border-color", "#c8a060", "important"); });
			} else {
			card.addEventListener("mouseover", function() { this.style.setProperty("background", "#f0ebe0", "important"); this.style.setProperty("border-color", "#c8b99a", "important"); });
			card.addEventListener("mouseout", function() { this.style.setProperty("background", "#ffffff", "important"); this.style.setProperty("border-color", "#e2d9c8", "important"); });
			}

	var icon = document.createElement("i");		var icon = document.createElement("i");
	icon.className = "ti " + cat.icon;		icon.className = "ti " + cat.icon;
	sp(icon, "font-size", "1.25rem");		sp(icon, "font-size", "1.25rem");
	sp(icon, "color", "#c8a060");		sp(icon, "color", cat.highlight ? "#a07840" : "#c8a060");
	sp(icon, "display", "block");		sp(icon, "display", "block");
	sp(icon, "margin-bottom", "0.4rem");		sp(icon, "margin-bottom", "0.4rem");
Line 1,200:		Line 1,203:
	sp(name, "font-size", "0.75rem");		sp(name, "font-size", "0.75rem");
	sp(name, "font-weight", "500");		sp(name, "font-weight", "500");
	sp(name, "color", "#2a2218");		sp(name, "color", cat.highlight ? "#a07840" : "#2a2218");
	sp(name, "font-family", "'Inter', sans-serif");		sp(name, "font-family", "'Inter', sans-serif");

Juoh-6738 at 02:55, 15 May 2026

2026-05-15T02:55:25Z

@@ Line 726: / Line 726: @@
      colRight.appendChild(ph2);
-     // ─── sysop 전용 [edit] · [delete] 버튼 ───
+     // ─── sysop 전용 [edit] · [delete] · [json] 버튼 ───
      if (isSysop) {
        var firstHeadingEl = document.getElementById("firstHeading");
@@ Line 735: / Line 735: @@
          sp(actionWrap, "font-weight", "400");
          var editActionLink = document.createElement("a");
          editActionLink.href = "/index.php?title=" + encodeURIComponent(pageName) + "&action=edit";
@@ Line 745: / Line 746: @@
          editActionLink.addEventListener("mouseout",  function() { this.style.setProperty("color", "#9c8e80", "important"); });
-         var sep = document.createElement("span");
+        // ·
-         sep.textContent = " · ";
+         var sep1 = document.createElement("span");
-         sp(sep, "color", "#c8b99a");
+         sep1.textContent = " · ";
-         sp(sep, "font-family", "'Inter', sans-serif");
+         sp(sep1, "color", "#c8b99a");
          var deleteActionLink = document.createElement("a");
          deleteActionLink.href = "/index.php?title=" + encodeURIComponent(pageName) + "&action=delete";
@@ Line 759: / Line 762: @@
          deleteActionLink.addEventListener("mouseover", function() { this.style.setProperty("color", "#a04040", "important"); });
          deleteActionLink.addEventListener("mouseout",  function() { this.style.setProperty("color", "#9c8e80", "important"); });
          actionWrap.appendChild(editActionLink);
-         actionWrap.appendChild(sep);
+         actionWrap.appendChild(sep1);
          actionWrap.appendChild(deleteActionLink);
          firstHeadingEl.appendChild(actionWrap);
+       }

Juoh-6738 at 18:56, 10 May 2026

2026-05-10T18:56:07Z

← Older revision		Revision as of 18:56, 10 May 2026
Line 650:		Line 650:
	if (pageName === "Erakh_Codex:Create") return;		if (pageName === "Erakh_Codex:Create") return;
	if (pageName === "Main_Page") return;		if (pageName === "Main_Page") return;
			// view 액션이 아닌 경우 (edit, delete 등) 레이아웃 빌드 스킵
			if (mw.config.get("wgAction") !== "view") return;

	var content = document.querySelector(".mw-body") \|\| document.getElementById("content");		var content = document.querySelector(".mw-body") \|\| document.getElementById("content");

Juoh-6738 at 18:51, 10 May 2026

2026-05-10T18:51:55Z

← Older revision		Revision as of 18:51, 10 May 2026
Line 723:		Line 723:
	ph2.textContent = "최근 변경 위젯 예정";		ph2.textContent = "최근 변경 위젯 예정";
	colRight.appendChild(ph2);		colRight.appendChild(ph2);

			// ─── sysop 전용 [edit] · [delete] 버튼 ───
			if (isSysop) {
			var firstHeadingEl = document.getElementById("firstHeading");
			if (firstHeadingEl) {
			var actionWrap = document.createElement("span");
			sp(actionWrap, "margin-left", "0.75rem");
			sp(actionWrap, "font-size", "0.8125rem");
			sp(actionWrap, "font-weight", "400");

			var editActionLink = document.createElement("a");
			editActionLink.href = "/index.php?title=" + encodeURIComponent(pageName) + "&action=edit";
			editActionLink.textContent = "[edit]";
			sp(editActionLink, "font-family", "'Inter', sans-serif");
			sp(editActionLink, "font-size", "0.8125rem");
			sp(editActionLink, "color", "#9c8e80");
			sp(editActionLink, "text-decoration", "none");
			editActionLink.addEventListener("mouseover", function() { this.style.setProperty("color", "#c8a060", "important"); });
			editActionLink.addEventListener("mouseout", function() { this.style.setProperty("color", "#9c8e80", "important"); });

			var sep = document.createElement("span");
			sep.textContent = " · ";
			sp(sep, "color", "#c8b99a");
			sp(sep, "font-family", "'Inter', sans-serif");

			var deleteActionLink = document.createElement("a");
			deleteActionLink.href = "/index.php?title=" + encodeURIComponent(pageName) + "&action=delete";
			deleteActionLink.textContent = "[delete]";
			sp(deleteActionLink, "font-family", "'Inter', sans-serif");
			sp(deleteActionLink, "font-size", "0.8125rem");
			sp(deleteActionLink, "color", "#9c8e80");
			sp(deleteActionLink, "text-decoration", "none");
			deleteActionLink.addEventListener("mouseover", function() { this.style.setProperty("color", "#a04040", "important"); });
			deleteActionLink.addEventListener("mouseout", function() { this.style.setProperty("color", "#9c8e80", "important"); });

			actionWrap.appendChild(editActionLink);
			actionWrap.appendChild(sep);
			actionWrap.appendChild(deleteActionLink);
			firstHeadingEl.appendChild(actionWrap);
			}
			}

	content.parentNode.insertBefore(layout, content);		content.parentNode.insertBefore(layout, content);
Line 961:		Line 1,002:
	if (pageName !== "Main_Page") return;		if (pageName !== "Main_Page") return;

	~~// MW 기본 콘텐츠 숨김~~
	var firstHeading = document.getElementById("firstHeading");		var firstHeading = document.getElementById("firstHeading");
	if (firstHeading) sp(firstHeading, "display", "none");		if (firstHeading) sp(firstHeading, "display", "none");
Line 983:		Line 1,023:
	];		];

	~~// Tabler Icons 로드~~
	var tablerLink = document.createElement("link");		var tablerLink = document.createElement("link");
	tablerLink.rel = "stylesheet";		tablerLink.rel = "stylesheet";
Line 989:		Line 1,028:
	document.head.appendChild(tablerLink);		document.head.appendChild(tablerLink);

	~~// ── 래퍼~~
	var wrap = document.createElement("div");		var wrap = document.createElement("div");
	sp(wrap, "max-width", "860px");		sp(wrap, "max-width", "860px");
Line 997:		Line 1,035:
	sp(wrap, "box-sizing", "border-box");		sp(wrap, "box-sizing", "border-box");

	~~// ── Hero~~
	var hero = document.createElement("div");		var hero = document.createElement("div");
	sp(hero, "background", "#f0ebe0");		sp(hero, "background", "#f0ebe0");
Line 1,061:		Line 1,098:
	wrap.appendChild(hero);		wrap.appendChild(hero);

	~~// ── 섹션 타이틀 헬퍼~~
	function makeSectionTitle(text) {		function makeSectionTitle(text) {
	var t = document.createElement("div");		var t = document.createElement("div");
Line 1,077:		Line 1,113:
	}		}

	~~// ── 카테고리 그리드~~
	wrap.appendChild(makeSectionTitle("Browse by Category"));		wrap.appendChild(makeSectionTitle("Browse by Category"));

Line 1,132:		Line 1,167:
	wrap.appendChild(catGrid);		wrap.appendChild(catGrid);

	~~// 카테고리 문서 수 — 단일 API 요청~~
	var catTitles = CATS.map(function(c) { return "Category:" + c.label; }).join("\|");		var catTitles = CATS.map(function(c) { return "Category:" + c.label; }).join("\|");
	fetch("/api.php?action=query&prop=categoryinfo&titles=" + encodeURIComponent(catTitles) + "&format=json")		fetch("/api.php?action=query&prop=categoryinfo&titles=" + encodeURIComponent(catTitles) + "&format=json")
Line 1,152:		Line 1,186:
	.catch(function() {});		.catch(function() {});

	~~// ── 하단 2컬럼~~
	var twoCol = document.createElement("div");		var twoCol = document.createElement("div");
	sp(twoCol, "display", "grid");		sp(twoCol, "display", "grid");
Line 1,158:		Line 1,191:
	sp(twoCol, "gap", "1.5rem");		sp(twoCol, "gap", "1.5rem");

	~~// New to Codex?~~
	var welcomeWrap = document.createElement("div");		var welcomeWrap = document.createElement("div");
	welcomeWrap.appendChild(makeSectionTitle("New to Erakh Codex?"));		welcomeWrap.appendChild(makeSectionTitle("New to Erakh Codex?"));
Line 1,203:		Line 1,235:
	twoCol.appendChild(welcomeWrap);		twoCol.appendChild(welcomeWrap);

	~~// Recent Changes~~
	var recentWrap = document.createElement("div");		var recentWrap = document.createElement("div");
	recentWrap.appendChild(makeSectionTitle("Recent Changes"));		recentWrap.appendChild(makeSectionTitle("Recent Changes"));
Line 1,213:		Line 1,244:
	sp(recentBox, "overflow", "hidden");		sp(recentBox, "overflow", "hidden");

	~~// 로딩 상태~~
	var loadingMsg = document.createElement("div");		var loadingMsg = document.createElement("div");
	loadingMsg.textContent = "Loading...";		loadingMsg.textContent = "Loading...";
Line 1,222:		Line 1,252:
	recentBox.appendChild(loadingMsg);		recentBox.appendChild(loadingMsg);

	~~// Recent Changes API 호출~~
	fetch("/api.php?action=query&list=recentchanges&rcnamespace=0&rclimit=10&rcprop=title\|timestamp&rctype=edit\|new&format=json")		fetch("/api.php?action=query&list=recentchanges&rcnamespace=0&rclimit=10&rcprop=title\|timestamp&rctype=edit\|new&format=json")
	.then(function(r) { return r.json(); })		.then(function(r) { return r.json(); })
Line 1,229:		Line 1,258:
	var changes = data.query && data.query.recentchanges ? data.query.recentchanges : [];		var changes = data.query && data.query.recentchanges ? data.query.recentchanges : [];

	~~// 제목 중복 제거~~
	var seen = {};		var seen = {};
	var unique = [];		var unique = [];

Juoh-6738 at 17:40, 10 May 2026

2026-05-10T17:40:12Z

← Older revision		Revision as of 17:40, 10 May 2026
Line 1,249:		Line 1,249:

	unique.forEach(function(c, i) {		unique.forEach(function(c, i) {
	var row = document.createElement("~~div~~");		var row = document.createElement("a");
			row.href = "/index.php?title=" + encodeURIComponent(c.title.replace(/ /g, "_"));
	sp(row, "display", "flex");		sp(row, "display", "flex");
	sp(row, "align-items", "center");		sp(row, "align-items", "center");
Line 1,255:		Line 1,256:
	sp(row, "padding", "0.55rem 1rem");		sp(row, "padding", "0.55rem 1rem");
	sp(row, "border-bottom", i < unique.length - 1 ? "1px solid #f0ebe0" : "none");		sp(row, "border-bottom", i < unique.length - 1 ? "1px solid #f0ebe0" : "none");
			sp(row, "text-decoration", "none");
			row.addEventListener("mouseover", function() { this.style.setProperty("background", "#f0ebe0", "important"); });
			row.addEventListener("mouseout", function() { this.style.setProperty("background", "transparent", "important"); });

	var title = document.createElement("div");		var title = document.createElement("div");

Juoh-6738 at 17:32, 10 May 2026

2026-05-10T17:32:40Z

Show changes

Juoh-6738 at 17:06, 10 May 2026

2026-05-10T17:06:13Z

← Older revision		Revision as of 17:06, 10 May 2026
Line 575:		Line 575:
	gold: false		gold: false
	}		}
			];

	drawerMenus.forEach(function(section, si) {		drawerMenus.forEach(function(section, si) {

Juoh-6738 at 17:00, 10 May 2026

2026-05-10T17:00:57Z

← Older revision		Revision as of 17:00, 10 May 2026
Line 571:		Line 571:
	{		{
	items: [		items: [
	~~{ label: "Editing Guide", href: "/index.php?title=Erakh_Codex:Editing_guide" },~~
	{ label: "Policies & Guidelines", href: "/index.php?title=Erakh_Codex:Policies" },		{ label: "Policies & Guidelines", href: "/index.php?title=Erakh_Codex:Policies" },
	],		],
	gold: false		gold: false
	}		}
	];

	drawerMenus.forEach(function(section, si) {		drawerMenus.forEach(function(section, si) {