Add query string p= for allycode input, Terms, Recent Searches, and more

Author: Lego-Fan9

site/about/index.html

@@ -49,4 +49,9 @@
             assets</li>
     </ul>
     <p>There are more plans for the future, but for now I think thats all. MTFBWY</p>
+    <script>
+        document.querySelector(".menu-toggle").addEventListener("click", () => {
+            document.querySelector(".nav-links").classList.toggle("show");
+        });
+    </script>
 </body>

site/account-viewer/index.html

@@ -31,6 +31,12 @@ <h2>Enter AllyCode</h2>
 			<p id="inputError" style="display: none;">Please enter a valid 9-digit Ally Code</p>
 		</section>
 
+		<section class="recent-searches card">
+			<h2>Recent Searches</h2>
+			<ul id="recentSearchList"></ul>
+			<p id="noRecent" class="no-recent">No recent searches</p>
+		</section>
+
 		<section class="loading-screen card hidden" id="loadingScreen">
 			<h2>Loading player data...</h2>
 		</section>
@@ -88,7 +94,31 @@ <h3>GAC Stats (ALPHA)</h3>
 		</section>
 	</main>
 
+	<footer>
+		<section id="termsModal" class="modal hidden">
+			<div class="modal-content card">
+				<h2>Terms and Conditions</h2>
+				<div class="modal-body"></div>
+				<div class="modal-actions">
+					<button id="acceptTerms" class="primary-btn">I Agree</button>
+					<button id="closeTerms" class="secondary-btn">I Do Not Agree</button>
+				</div>
+			</div>
+		</section>
+
+		<section class="disclaimer">
+			<p>Copyright 2025 LegoFan9</p>
+			<p>This site is not affiliated with EA, Capital Games, Disney or Lucasfilm LTD.</p>
+			<a href="#" id="openTerms">Terms</a>
+		</section>
+	</footer>
+
 	<script type="module" src="/src/account-viewer/main.ts"></script>
+	<script>
+		document.querySelector(".menu-toggle").addEventListener("click", () => {
+			document.querySelector(".nav-links").classList.toggle("show");
+		});
+	</script>
 </body>
 
 </html>

site/index.html

@@ -124,6 +124,11 @@ <h1>Welcome to LegoFan9's SWGoH Tools</h1>
     </a>
     <div style="height: 20px"></div>
     <p>By using this site you agree to allow useage of Google Analytics</p>
+    <script>
+        document.querySelector(".menu-toggle").addEventListener("click", () => {
+            document.querySelector(".nav-links").classList.toggle("show");
+        });
+    </script>
 </body>
 
 </html>

site/src/account-viewer/listBuilder.ts

@@ -5,6 +5,7 @@ import { getSpeedModCount, getPipCount, countOffensePercentRolls } from "./mods.
 import { ULLocation, relicChart, gearChart, starChart, activeChart } from "./locations.ts"
 import { getWins } from "./grand-arena/main.ts"
 import { getInstanceIds } from "./grand-arena/getRecentRounds.ts"
+import { saveRecentSearch } from "./recentSearches.ts"
 
 function handleLastSeen(player: PlayerResp): void {
     let lastSeen = new Date(Number(player.lastActivityTime)).toLocaleString();
@@ -225,7 +226,9 @@ export async function FillList(allyCode: string) {
                 await handleGACWins(player);
                 break;
             default:
-                console.error(`Found unknown playerMappings key: ${key}`)
+                console.error(`Found unknown playerMappings key: ${key}`);
         }
     }
+
+    saveRecentSearch(allyCode, player.name);
 }

site/src/account-viewer/main.ts

@@ -3,6 +3,8 @@ import '/src/nav-bar.css'
 import { FillList } from "./listBuilder.ts";
 import { cleanAllyCode, wakeServer } from "./requestMaker.ts"
 import { Chart } from "chart.js"
+import { getRecentSearches } from "./recentSearches.ts";
+import {populateTermsModal} from "./terms.ts"
 
 wakeServer();
 
@@ -11,12 +13,31 @@ const submitBtn = document.getElementById("submitAllyCode") as HTMLButtonElement
 const inputError = document.getElementById("inputError") as HTMLParagraphElement;
 const loadingScreen = document.getElementById("loadingScreen") as HTMLElement;
 const backBtn = document.getElementById("backToInput") as HTMLButtonElement;
+const recentSearchList = document.getElementById("recentSearchList") as HTMLUListElement;
+const noRecent = document.getElementById("noRecent") as HTMLParagraphElement;
+const termsModal = document.getElementById("termsModal") as HTMLElement;
+const acceptBtn = document.getElementById("acceptTerms") as HTMLButtonElement;
+const closeBtn = document.getElementById("closeTerms") as HTMLButtonElement;
+const openTerms = document.getElementById("openTerms") as HTMLAnchorElement;
 
 const dashboardSections = document.querySelectorAll<HTMLElement>(
     ".player-info, .stats-grid, .charts-grid, .stats-grid-2, .back" //, .gac-info
 );
 
+const urlParams = new URLSearchParams(window.location.search);
+
+const TERMS_VERSION = "v0"
+
 submitBtn.addEventListener("click", async () => {
+    const termsVersion = localStorage.getItem("acceptedTerms");
+    if (termsVersion !== TERMS_VERSION) {
+        const agreed = await showTermsModal();
+        if (!agreed) {
+            alert("You must agree to the terms to use this site.");
+            return;
+        }
+    }
+
     const rawInput = allyInput.value.trim();
     const allyCode = cleanAllyCode(rawInput);
 
@@ -28,11 +49,16 @@ submitBtn.addEventListener("click", async () => {
     inputError.style.display = "none";
 
     (document.querySelector(".allycode-input") as HTMLElement).classList.add("hidden");
+    (document.querySelector(".recent-searches") as HTMLElement).classList.add("hidden");
 
     loadingScreen.classList.remove("hidden");
 
     await FillList(allyCode);
 
+    const url = new URL(window.location.href);
+    url.searchParams.set("p", allyCode);
+    window.history.replaceState({}, "", url.toString());
+
     loadingScreen.classList.add("hidden");
     dashboardSections.forEach(section => section.classList.remove("hidden"));
 });
@@ -73,6 +99,7 @@ export function backButton() {
     Object.values(Chart.instances).forEach((chart: any) => chart.destroy());
 
     (document.querySelector(".allycode-input") as HTMLElement).classList.remove("hidden");
+    (document.querySelector(".recent-searches") as HTMLElement).classList.remove("hidden");
 
     allyInput.value = "";
 
@@ -82,15 +109,89 @@ export function backButton() {
         "pipList",
         "modsList",
         "offenseModsList",
-        "profileStatList"
+        "profileStatList",
+        "recentSearchList"
     ];
 
     listsToClear.forEach(id => {
         const ul = document.getElementById(id);
         if (ul) ul.innerHTML = "";
     });
+
+    const url = new URL(window.location.href);
+    url.searchParams.delete("p");
+    window.history.replaceState({}, "", url.toString());
+
+    populateRecentSeen();
 }
 
 backBtn.addEventListener("click", () => {
     backButton();
+});
+
+function populateRecentSeen(): void {
+    let recentSearch = getRecentSearches();
+    recentSearch.forEach(search => {
+        let newButton = document.createElement("button");
+        newButton.classList.add("recent-item");
+        newButton.textContent = `${search.playerName}: ${search.allyCode}`;
+        newButton.addEventListener("click", () => {
+            allyInput.value = search.allyCode;
+			submitBtn.click();
+        });
+
+        let newEntry = document.createElement("li");
+        newEntry.appendChild(newButton);
+        recentSearchList.append(newEntry);
+    });
+
+    if (recentSearch.length > 0) {
+        noRecent.classList.add("hidden")
+    }
+}
+
+openTerms.addEventListener("click", async e => {
+    e.preventDefault();
+    await showTermsModal();
+});
+
+function showTermsModal(): Promise<boolean> {
+    return new Promise(resolve => {
+        termsModal.classList.remove("hidden");
+
+        const onAccept = () => {
+            localStorage.setItem("acceptedTerms", TERMS_VERSION);
+            termsModal.classList.add("hidden");
+            cleanup();
+            resolve(true);
+        };
+
+        const onReject = () => {
+            localStorage.setItem("acceptedTerms", "OPTED_OUT");
+            termsModal.classList.add("hidden");
+            cleanup();
+            resolve(false);
+        };
+
+        const cleanup = () => {
+            acceptBtn.removeEventListener("click", onAccept);
+            closeBtn.removeEventListener("click", onReject);
+        };
+
+        acceptBtn.addEventListener("click", onAccept);
+        closeBtn.addEventListener("click", onReject);
+    });
+}
+
+window.addEventListener("DOMContentLoaded", () => {
+    setTimeout(() => { }, 1)
+
+    const allyCodeUrlQuery = urlParams.get("p");
+    if (allyCodeUrlQuery) {
+        allyInput.value = allyCodeUrlQuery;
+        submitBtn.click();
+    }
+
+    populateRecentSeen();
+    populateTermsModal();
 });

site/src/account-viewer/recentSearches.ts

@@ -0,0 +1,51 @@
+export interface RecentSearch {
+    playerName: string;
+    allyCode: string;
+    timestamp: number;
+}
+
+const STORAGE_KEY = "recentSearches";
+
+export function getRecentSearches(): RecentSearch[] {
+    const raw = localStorage.getItem(STORAGE_KEY);
+    if (!raw) return [];
+    try {
+        return JSON.parse(raw) as RecentSearch[];
+    } catch {
+        return [];
+    }
+}
+
+export function deleteRecentSearch(allyCode: string): void {
+	const existing = getRecentSearches();
+	const updated = existing.filter(s => s.allyCode !== allyCode);
+	localStorage.setItem(STORAGE_KEY, JSON.stringify(updated));
+}
+
+export function saveRecentSearch(allyCode: string, playerName: string): void {
+    const existing = getRecentSearches();
+
+    const filtered = existing.filter(s => s.allyCode !== allyCode);
+
+    filtered.unshift({
+        playerName,
+        allyCode,
+        timestamp: Date.now(),
+    });
+
+    const limited = filtered.slice(0, 5);
+
+    localStorage.setItem(STORAGE_KEY, JSON.stringify(limited));
+}
+
+export function checkIfSearchExists(allyCode: string): boolean {
+    let recentSearches = getRecentSearches();
+    let found = false;
+    recentSearches.forEach(search => {
+        if (search.allyCode === allyCode) {
+            found = true;
+        }
+    })
+
+    return found;
+}