1 files changed, 107 insertions, 0 deletions
diff --git a/src/renderer/serverView.ts b/src/renderer/serverView.ts
new file mode 100644
index 0000000..32fc308
--- /dev/null
+++ b/src/renderer/serverView.ts
@@ -0,0 +1,107 @@
+import { ipcRenderer, shell } from 'electron';
+import GameServer from './gameserver/server';
+import { switchPage } from './CustomEvents';
+
+let GameServerList:GameServer[] = null;
+let SelectedGameserver:GameServer = null;
+const playBtn = document.getElementById('play');
+
+playBtn.addEventListener('click', () => {
+  console.log("play");
+  ipcRenderer.send('play', SelectedGameserver.profile);
+});
+
+
+const sidebarReference = document.getElementById('sidebar');
+let clickableMenueEntries:HTMLElement[]=[];
+function updateView(){
+  // This is for updating the ui to new data
+
+
+  if(GameServerList){
+    // Clear every thing out
+    while (sidebarReference.firstChild) {
+        sidebarReference.removeChild(sidebarReference.firstChild);
+    }
+
+    GameServerList.forEach((server)=>{
+      sidebarReference.appendChild(server.getMenuEntry());
+    });
+
+    //Switch page according localstorage:
+    if(GameServerList.length != 0){
+      const selectedServer = localStorage.getItem("selected_server");
+      if(selectedServer && selectedServer !==null ){
+        if(GameServerList.filter((server)=>server.name==selectedServer).length == 0){
+          localStorage.removeItem("selected_server");
+          switchPage("SERVER", GameServerList[0].name);
+        }else{
+          switchPage("SERVER", selectedServer);
+        }
+      }else{
+        //TODO ask if is on special page like global settings first
+        switchPage("SERVER", GameServerList[0].name);
+      }
+    }
+  }
+}
+
+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];
+    localStorage.setItem("selected_server", SelectedGameserver.name);
+
+
+  }else{
+    SelectedGameserver == null;
+
+  }
+
+  if(typeof(SelectedGameserver) === "undefined" || SelectedGameserver == null){
+    // No gameserver selected
+    playBtn.hidden = true;
+  }else{
+    // A gameserver is selected
+    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){
+    while (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');
+        background1.src = `./media/server/${SelectedGameserver.backgrounds[0].file}`;
+        contentBackground.appendChild(background1);
+        background1.classList.add('animated');
+        background1.classList.add('fadeIn');
+      }
+
+      contentBackground.hidden=false;
+      contentBackground.classList.remove('hidden');
+    }
+  }
+  peviousSelectedGameserver = SelectedGameserver;
+}
+
+
+
+
+
+
+import { GameServers } from './gameserver/data';
+GameServerList = GameServers;
+updateView();