From 65df44707b201d8a0d1329324f14a73b092ce976 Mon Sep 17 00:00:00 2001
From: Neshura <neshura@neshweb.net>
Date: Mon, 14 Aug 2023 20:18:53 +0200
Subject: [PATCH] Update of 'Excel Style' page

---
 src/routes/graphs/tab/+page.svelte | 44 +++++++++++++++---------------
 1 file changed, 22 insertions(+), 22 deletions(-)

diff --git a/src/routes/graphs/tab/+page.svelte b/src/routes/graphs/tab/+page.svelte
index c8e5fc8..d8a3e3d 100644
--- a/src/routes/graphs/tab/+page.svelte
+++ b/src/routes/graphs/tab/+page.svelte
@@ -1,47 +1,44 @@
 <script lang="ts">
 	import SelectedGameGroupsStore from '$lib/stores/GameGroupFilter';
 	import SelectedGameStore from '$lib/stores/GameFilter';
-	import type { ChellarisGameGroup, ChellarisInfo } from '$lib/types/chellaris';
+	import { createChellarisInfo, type ChellarisGameGroup, type ChellarisInfo } from '$lib/types/chellaris';
 	import ChellarisDataStore from '$lib/stores/ChellarisData';
+	import GraphsTabStore from '$lib/stores/GraphsTab';
 
 	let selectedGameGroups: Array<string> = [];
 	let selectedGameGroupsMap: Map<string, Array<string>> = new Map();
 	let gameGroups: Map<string, ChellarisGameGroup> = new Map();
-		let chellarisData: ChellarisInfo = {
-		games: new Map(),
-		ethics: [],
-		portraits: []
-	};
-	let selectedGame: string = "";
+	let chellarisData = createChellarisInfo();
+	let selectedGame = '';
+
+	// Save Tab to Store
+	GraphsTabStore.update(() => 'tab');
 
 	const updateGameGroups = () => {
-    let tmpData;
-    if (selectedGame == "") {
-      tmpData = chellarisData.games.get(chellarisData.games.keys().next().value);
-    }
-    else {
-      tmpData = chellarisData.games.get(selectedGame);
-    }
-    
+		let tmpData;
+		if (selectedGame == '') {
+			tmpData = chellarisData.games.get(chellarisData.games.keys().next().value);
+		} else {
+			tmpData = chellarisData.games.get(selectedGame);
+		}
+
 		if (typeof tmpData !== 'undefined') {
-      console.log(tmpData.groups);
 			gameGroups = tmpData.groups;
 		}
-  };
+	};
 
 	ChellarisDataStore.subscribe((data) => {
 		chellarisData = data;
 
-    updateGameGroups();
+		updateGameGroups();
 		// TODO Update selection if Groups Differ? Does this value ever even update without a full page reload?
 	});
 
-
 	SelectedGameStore.subscribe((selection) => {
 		selectedGame = selection;
 		if (selectedGameGroupsMap.size != 0) {
 			const tmp = selectedGameGroupsMap.get(selectedGame);
-			if (typeof tmp !== "undefined") {
+			if (typeof tmp !== 'undefined') {
 				selectedGameGroups = [...tmp.values()];
 			}
 		}
@@ -54,7 +51,6 @@
 			selectedGameGroups = [...tmp.values()];
 		}
 	});
-
 </script>
 
 <svelte:head>
@@ -64,4 +60,8 @@
 
 <h1>Example Tab</h1>
 
-<p>{selectedGameGroups.length > 1 ? "Groups" : "Group"} {selectedGameGroups.map((selection) => gameGroups.get(selection)?.name).join(", ")} {selectedGameGroups.length > 1 ? "are" : "is"} selected</p>
+<p>
+	{selectedGameGroups.length > 1 ? 'Groups' : 'Group'}
+	{selectedGameGroups.map((selection) => gameGroups.get(selection)?.name).join(', ')}
+	{selectedGameGroups.length > 1 ? 'are' : 'is'} selected
+</p>