From 695300289e23e37cba8b4af2c9c78d64bae2addc Mon Sep 17 00:00:00 2001
From: Miodec <bartnikjack@gmail.com>
Date: Sat, 19 Feb 2022 21:29:18 +0100
Subject: [PATCH] converted page controller to ts

---
 ...{page-controller.js => page-controller.ts} | 20 ++++++++++---------
 1 file changed, 11 insertions(+), 9 deletions(-)
 rename frontend/src/scripts/controllers/{page-controller.js => page-controller.ts} (77%)

diff --git a/frontend/src/scripts/controllers/page-controller.js b/frontend/src/scripts/controllers/page-controller.ts
similarity index 77%
rename from frontend/src/scripts/controllers/page-controller.js
rename to frontend/src/scripts/controllers/page-controller.ts
index 12110c5e3..135887ccd 100644
--- a/frontend/src/scripts/controllers/page-controller.js
+++ b/frontend/src/scripts/controllers/page-controller.ts
@@ -9,7 +9,7 @@ import * as PageLogin from "../pages/login";
 import * as PageLoading from "../pages/loading";
 import * as PageTransition from "../states/page-transition";
 
-export function change(page) {
+export function change(page: MonkeyTypes.Page | ""): void {
   if (PageTransition.get()) {
     console.log(`change page ${page} stopped`);
     return;
@@ -19,14 +19,16 @@ export function change(page) {
   if (page === "") page = "test";
   if (page == undefined) {
     //use window loacation
-    let pages = {
+    const pages: {
+      [key: string]: MonkeyTypes.Page;
+    } = {
       "/": "test",
       "/login": "login",
       "/settings": "settings",
       "/about": "about",
       "/account": "account",
     };
-    let path = pages[window.location.pathname];
+    let path = pages[window.location.pathname as keyof typeof pages];
     if (!path) {
       path = "test";
     }
@@ -47,7 +49,7 @@ export function change(page) {
     login: PageLogin.page,
   };
 
-  const previousPage = pages[ActivePage.get()];
+  const previousPage = pages[ActivePage.get() as MonkeyTypes.Page];
   const nextPage = pages[page];
 
   previousPage?.beforeHide();
@@ -63,7 +65,7 @@ export function change(page) {
       ActivePage.set(nextPage.name);
       previousPage?.afterHide();
       nextPage.element.addClass("active");
-      history.pushState(nextPage.pathname, null, nextPage.pathname);
+      history.pushState(nextPage.pathname, "", nextPage.pathname);
       nextPage?.afterShow();
     },
     async () => {
@@ -72,19 +74,19 @@ export function change(page) {
   );
 }
 
-$(document).on("click", "#top .logo", (e) => {
+$(document).on("click", "#top .logo", () => {
   change("test");
 });
 
 $(document).on("click", "#top #menu .icon-button", (e) => {
   if (!$(e.currentTarget).hasClass("leaderboards")) {
-    const href = $(e.currentTarget).attr("href");
+    const href = $(e.currentTarget).attr("href") as string;
     ManualRestart.set();
-    change(href.replace("/", ""));
+    change(href.replace("/", "") as MonkeyTypes.Page);
   }
   return false;
 });
 
-$(".pageTest .loginTip .link").click(async (event) => {
+$(".pageTest .loginTip .link").click(async () => {
   change("login");
 });