1 files changed, 85 insertions, 69 deletions

diff --git a/src/renderer/serverView.ts b/src/renderer/serverView.ts
index 04ecde4..d502cc5 100644
--- a/src/renderer/serverView.ts
+++ b/src/renderer/serverView.ts
@@ -1,140 +1,156 @@
-import { ipcRenderer, shell } from 'electron';
-import GameServer from './gameserver/server';
-import { switchPage } from './customEvents';
+import { ipcRenderer, shell } from "electron";
+import GameServer from "./gameserver/server";
+import { switchPage } from "./customEvents";
 
-import CheckNAcceptTOS from './gameserver/TOSCheck';
-import { acceptLastTOS } from './gameserver/TOSCheck';
+import CheckNAcceptTOS from "./gameserver/TOSCheck";
+import { acceptLastTOS } from "./gameserver/TOSCheck";
 
-let GameServerList:GameServer[] = null;
-let SelectedGameserver:GameServer = null;
-const playBtn:HTMLButtonElement = document.getElementById('play') as (HTMLButtonElement);
+let GameServerList: GameServer[] = null;
+let SelectedGameserver: GameServer = null;
+const playBtn: HTMLButtonElement = document.getElementById(
+  "play"
+) as HTMLButtonElement;
 
-const TOSDialog:HTMLDialogElement = document.getElementById('TOSDialog') as (HTMLDialogElement);
+const TOSDialog: HTMLDialogElement = document.getElementById(
+  "TOSDialog"
+) as HTMLDialogElement;
 
-playBtn.addEventListener('click', async () => {
-  if( await CheckNAcceptTOS(SelectedGameserver)){
+playBtn.addEventListener("click", async () => {
+  if (await CheckNAcceptTOS(SelectedGameserver)) {
     SelectedGameserver.play();
   } else {
     //Open Please accept TOS window
     TOSDialog.showModal();
   }
 });
-const TOSCancel:HTMLButtonElement = document.getElementById('TOSCancel') as (HTMLButtonElement);
-TOSCancel.addEventListener('click', function() {
-      TOSDialog.close();
+const TOSCancel: HTMLButtonElement = document.getElementById(
+  "TOSCancel"
+) as HTMLButtonElement;
+TOSCancel.addEventListener("click", function () {
+  TOSDialog.close();
 });
-const TOSOpen:HTMLButtonElement = document.getElementById('TOSOpen') as (HTMLButtonElement);
-TOSOpen.addEventListener('click', function(e) {
+const TOSOpen: HTMLButtonElement = document.getElementById(
+  "TOSOpen"
+) as HTMLButtonElement;
+TOSOpen.addEventListener("click", function (e) {
   e.preventDefault();
   shell.openExternal(SelectedGameserver.TOSLink);
 });
-const TOSAccept:HTMLButtonElement = document.getElementById('TOSAccept') as (HTMLButtonElement);
-TOSAccept.addEventListener('click', function() {
-      acceptLastTOS(SelectedGameserver);
-      SelectedGameserver.play();
-      TOSDialog.close();
+const TOSAccept: HTMLButtonElement = document.getElementById(
+  "TOSAccept"
+) as HTMLButtonElement;
+TOSAccept.addEventListener("click", function () {
+  acceptLastTOS(SelectedGameserver);
+  SelectedGameserver.play();
+  TOSDialog.close();
 });
 
-const sidebarReference = document.getElementById('sidebar');
-let clickableMenueEntries:HTMLElement[]=[];
-function updateView(){
+const sidebarReference = document.getElementById("sidebar");
+let clickableMenueEntries: HTMLElement[] = [];
+function updateView() {
   // This is for updating the ui to new data
 
-
-  if(GameServerList){
+  if (GameServerList) {
     // Clear every thing out
     while (sidebarReference.firstChild) {
-        sidebarReference.removeChild(sidebarReference.firstChild);
+      sidebarReference.removeChild(sidebarReference.firstChild);
     }
 
-    GameServerList.forEach((server)=>{
+    GameServerList.forEach((server) => {
       sidebarReference.appendChild(server.getMenuEntry());
     });
 
     //Switch page according localstorage:
-    if(GameServerList.length != 0){
+    if (GameServerList.length != 0) {
       const selectedServer = localStorage.getItem("selected_server");
-      if(selectedServer && selectedServer !==null ){
-        if(GameServerList.filter((server)=>server.name==selectedServer).length == 0){
+      if (selectedServer && selectedServer !== null) {
+        if (
+          GameServerList.filter((server) => server.name == selectedServer)
+            .length == 0
+        ) {
           localStorage.removeItem("selected_server");
-          switchPage("SERVER", GameServerList[0].name, 'INFO');
-        }else{
-          switchPage("SERVER", selectedServer, 'INFO');
+          switchPage("SERVER", GameServerList[0].name, "INFO");
+        } else {
+          switchPage("SERVER", selectedServer, "INFO");
         }
-      }else{
+      } else {
         //TODO ask if is on special page like global settings first
-        switchPage("SERVER", GameServerList[0].name, 'INFO');
+        switchPage("SERVER", GameServerList[0].name, "INFO");
       }
     }
   }
 }
 
-const serverPage = document.getElementById('serverPage');
-const switchPageEvent = document.createElement('span');
+const serverPage = document.getElementById("serverPage");
+const switchPageEvent = document.createElement("span");
 switchPageEvent.classList.add("switch-page-event");
-switchPageEvent.addEventListener("site-changed", (event:CustomEvent)=>{
-  if(event.detail.sitetype === "SERVER"){
-    SelectedGameserver = GameServerList.filter((server)=>server.name==event.detail.page)[0];
+switchPageEvent.addEventListener("site-changed", (event: CustomEvent) => {
+  if (event.detail.sitetype === "SERVER") {
+    SelectedGameserver = GameServerList.filter(
+      (server) => server.name == event.detail.page
+    )[0];
     localStorage.setItem("selected_server", SelectedGameserver.name);
 
     while (serverPage.firstChild) {
-        serverPage.removeChild(serverPage.firstChild);
+      serverPage.removeChild(serverPage.firstChild);
     }
     let page = SelectedGameserver.pageController.getPage(event.detail.subPage);
     serverPage.appendChild(page);
     // page.classList.add('animated');
     // page.classList.add('fadeIn');
-  }else{
+  } else {
     SelectedGameserver == null;
-
   }
 
-  if(typeof(SelectedGameserver) === "undefined" || SelectedGameserver == null){
+  if (typeof SelectedGameserver === "undefined" || SelectedGameserver == null) {
     // No gameserver selected
     playBtn.hidden = true;
-  }else{
+  } else {
     // A gameserver is selected
-    playBtn.innerText=`Play ${SelectedGameserver.menuName}`;
+    playBtn.innerText = `Play ${SelectedGameserver.menuName}`;
     playBtn.hidden = false;
   }
   setBackground();
 });
 document.getElementById("topbar").appendChild(switchPageEvent);
 
-let peviousSelectedGameserver:any=null;
-const contentBackground = document.getElementById('contentBackground');
-function setBackground(){
-  if(peviousSelectedGameserver !== SelectedGameserver){
+let peviousSelectedGameserver: any = null;
+const contentBackground = document.getElementById("contentBackground");
+function setBackground() {
+  if (peviousSelectedGameserver !== SelectedGameserver) {
     while (contentBackground.firstChild) {
-        contentBackground.removeChild(contentBackground.firstChild);
+      contentBackground.removeChild(contentBackground.firstChild);
     }
-    if(typeof(SelectedGameserver) === "undefined" || SelectedGameserver == null){
-      contentBackground.hidden=true;
-      contentBackground.classList.add('hidden');
-    }else{
-      if(SelectedGameserver.backgrounds[0] && !SelectedGameserver.backgrounds[0].isVideo){
-        const background1 = document.createElement('img');
+    if (
+      typeof SelectedGameserver === "undefined" ||
+      SelectedGameserver == null
+    ) {
+      contentBackground.hidden = true;
+      contentBackground.classList.add("hidden");
+    } else {
+      if (
+        SelectedGameserver.backgrounds[0] &&
+        !SelectedGameserver.backgrounds[0].isVideo
+      ) {
+        const background1 = document.createElement("img");
         background1.src = `./media/server/${SelectedGameserver.backgrounds[0].file}`;
         contentBackground.appendChild(background1);
-        background1.classList.add('animated');
-        background1.classList.add('fadeIn');
+        background1.classList.add("animated");
+        background1.classList.add("fadeIn");
       }
-      contentBackground.appendChild(document.createElement('div'))
-      contentBackground.hidden=false;
-      contentBackground.classList.remove('hidden');
+      contentBackground.appendChild(document.createElement("div"));
+      contentBackground.hidden = false;
+      contentBackground.classList.remove("hidden");
     }
   }
   peviousSelectedGameserver = SelectedGameserver;
 }
 
-ipcRenderer.on('status-update', (event:any, status:any) => {
+ipcRenderer.on("status-update", (event: any, status: any) => {
   // Everything that isnt server view related is in index.ts
   playBtn.disabled = status.playing;
-})
-
-
-
+});
 
-import { GameServers } from './gameserver/data';
+import { GameServers } from "./gameserver/data";
 GameServerList = GameServers;
 updateView();