From 412a2ca0c5351a29ba47eb039d1354f774d11aae Mon Sep 17 00:00:00 2001
From: AnonymousRandomPerson <chenghanngan.us@gmail.com>
Date: Thu, 18 Jul 2024 21:32:58 -0400
Subject: [PATCH] Fixed wiki links in configurable inputs

---
 web/_js/config.js    | 14 ++++++++++++--
 web/_js/main/draw.js | 31 +++++++++++++++++++------------
 web/index.html       | 14 +++++++-------
 3 files changed, 38 insertions(+), 21 deletions(-)

diff --git a/web/_js/config.js b/web/_js/config.js
index 791f1eae..ad326e47 100644
--- a/web/_js/config.js
+++ b/web/_js/config.js
@@ -414,8 +414,18 @@ const externalLinksConfig = [
 			}
 			return "";
 		}
-
-	}
+	},
+	{
+		name: "Wiki",
+		id: "wiki",
+		generateLink: (link) => "https://place-wiki.stefanocoding.me/wiki/" + link,
+		listingClass: "bi-wiki",
+		generateListingName: () => "r/place Wiki Article",
+		displayHTML: "{urlid}",
+		placeholder: "r/place Wiki Article",
+		configureInputField: () => {},
+		hideInput: true
+	},
 ];
 
 console.info(`%cThe 2023 r/place Atlas
diff --git a/web/_js/main/draw.js b/web/_js/main/draw.js
index bd4fb1d4..79920485 100644
--- a/web/_js/main/draw.js
+++ b/web/_js/main/draw.js
@@ -632,6 +632,11 @@ function initDraw() {
 		inputButton.type = "button"
 		inputGroup.appendChild(inputButton)
 
+		if (linkConfig.hideInput) {
+			inputField.setAttribute("style", "display:none")
+			inputButton.setAttribute("style", "display:none")
+		}
+
 		refreshLinkGroupButtons(linkTypeId)
 	}
 
@@ -673,18 +678,20 @@ function initDraw() {
 	entry = getEntry(entryId)
 
 	const linkContainer = document.getElementById("linkContainer");
-	linkContainer.replaceChildren();
-	for (const linkConfig of externalLinksConfig) {
-		linkLabel = document.createElement("label");
-		linkLabel.id = linkConfig.id + "Label";
-		linkLabel.className = "form-label";
-		linkLabel.textContent = linkConfig.name;
-		linkContainer.appendChild(linkLabel);
-
-		linkGroup = document.createElement("div");
-		linkGroup.id = linkConfig.id + "Group";
-		linkGroup.className = "mb-3 d-flex flex-column gap-2";
-		linkContainer.appendChild(linkGroup);
+	if (linkContainer) {
+		linkContainer.replaceChildren();
+		for (const linkConfig of externalLinksConfig) {
+			linkLabel = document.createElement("label");
+			linkLabel.id = linkConfig.id + "Label";
+			linkLabel.className = "form-label";
+			linkLabel.textContent = linkConfig.name;
+			linkContainer.appendChild(linkLabel);
+
+			linkGroup = document.createElement("div");
+			linkGroup.id = linkConfig.id + "Group";
+			linkGroup.className = "mb-3 d-flex flex-column gap-2";
+			linkContainer.appendChild(linkGroup);
+		}
 	}
 
 	if (entry) {
diff --git a/web/index.html b/web/index.html
index a687fbc8..b21b9051 100644
--- a/web/index.html
+++ b/web/index.html
@@ -14,7 +14,7 @@
 		<meta name="author" content="Place Atlas Initiative and contributors (original by Roland Rytz)">
 		<meta name="application-name" content="The 2023 r/place Atlas">
 		<meta name="robots" content="index, follow">
-		
+
 		<meta property="og:title" content="The 2023 r/place Atlas">
 		<meta property="og:type" content="website">
 		<meta property="og:url" content="https://2023.place-atlas.stefanocoding.me/">
@@ -33,17 +33,17 @@
 		<meta name="twitter:image:alt" content="The 2023 r/place Atlas logo">
 
 		<!-- <meta name="google-site-verification" content="gZGHpBSMzffAbIn0qB8b00We6EwSGkDTfDoQVv-NWss"/> -->
-		
+
 		<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, minimum-scale=1, maximum-scale=1, shrink-to-fit=no, viewport-fit=cover"> <!-- user-scalable=no -->
 		<meta name="mobile-web-app-capable" content="yes">
 		<meta name="color-scheme" content="light dark">
 		<meta name="theme-color" media="(prefers-color-scheme: light)" content="white">
 		<meta name="theme-color" media="(prefers-color-scheme: dark)" content="#222">
-		
+
 		<link rel="apple-touch-icon" href="_img/apple-touch-icon.png" sizes="180x180">
 		<link rel="icon alternate" href="_img/favicon.png" type="image/png" class="js-site-favicon">
 		<link rel="icon" href="_img/favicon.svg" type="image/svg+xml" class="js-site-favicon">
-		
+
 		<link rel="stylesheet" href="./_css/style.css">
 		<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-dark-5@1.1.3/dist/css/bootstrap-dark.min.css">
 		<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.1/font/bootstrap-icons.css">
@@ -117,7 +117,7 @@
 					<div class="d-flex w-100 py-2 align-items-center">
 						<i class="bi bi-info-circle-fill fs-5"></i>
 						<p class="mb-0 flex-grow-1 px-2">The Atlas has been updated. Few quality of life updates, and The Final Clean canvas is now <a class="alert-link" href="#/T">viewable</a>.</p>
-						<a class="fs-5" data-bs-toggle="collapse" href="#headerNotice" role="button" aria-expanded="false" aria-controls="headerNotice"><i class="bi bi-x-lg"></i></a>	
+						<a class="fs-5" data-bs-toggle="collapse" href="#headerNotice" role="button" aria-expanded="false" aria-controls="headerNotice"><i class="bi bi-x-lg"></i></a>
 					</div>
 				</aside>
 				<nav id="main-navbar" class="navbar navbar-expand-lg bg-body border-bottom">
@@ -341,13 +341,13 @@ <h6>Need Help?</h6>
 						<div id="subredditGroup" class="mb-3 d-flex flex-column gap-2"></div>
 						<label id="discordLabel" class="form-label">Discord</label>
 						<div id="discordGroup" class="mb-3 d-flex flex-column gap-2"></div>
-						<!-- <label id="wikiLabel" class="form-label">
+						<label id="wikiLabel" class="form-label" style="display:none">
 							<a class="text-decoration-none" href="https://place-wiki.stefanocoding.me/" target="_blank">
 								<span class="text-body">r/place Wiki</span>
 								<i class="bi bi-box-arrow-up-right" aria-hidden="true"></i>
 							</a>
 						</label>
-						<div id="wikiGroup" class="mb-3 d-flex flex-column gap-2"></div> -->
+						<div id="wikiGroup" class="mb-3 d-flex flex-column gap-2" style="display:none"></div>
 						<div id="infoButtons" class="d-flex flex-wrap flex-row-reverse gap-2">
 							<input type="submit" class="btn btn-primary flex-fill" id="exportButton" value="Export">
 							<input type="submit" class="btn btn-secondary flex-fill" id="previewButton" value="Preview">