From 1b65b8bbeaad7aae77b021bca2991929fafeb562 Mon Sep 17 00:00:00 2001
From: John McCardle <mccardle.john@gmail.com>
Date: Sun, 9 Jan 2022 19:29:57 -0500
Subject: [PATCH] feat: Issue #33, wisdom pane connected to game state data

---
 components/SixthTabContent.vue | 46 ++++++++++++++++++++++++++++++++++
 pages/index.vue                |  4 +--
 store/index.js                 |  4 +++
 3 files changed, 51 insertions(+), 3 deletions(-)
 create mode 100644 components/SixthTabContent.vue

diff --git a/components/SixthTabContent.vue b/components/SixthTabContent.vue
new file mode 100644
index 0000000..b599621
--- /dev/null
+++ b/components/SixthTabContent.vue
@@ -0,0 +1,46 @@
+<template>
+  <div class="tab-content grid md:overflow-hidden">
+    <div>
+      <span align="left"><b>Total spare time generated</b></span
+      ><span align="right">{{ $store.state.currencyTotal }}</span>
+    </div>
+    <div>
+      <span align="left"><b>Total spare time spent</b></span
+      ><span align="right">{{ $store.getters.currencySpent }}</span>
+    </div>
+    <div>
+      <span align="left"><b>Total in-game time elapsed</b></span
+      ><span align="right"></span>
+    </div>
+    <div>
+      <span align="left"><b>Total lifetimes</b></span
+      ><span align="right">{{ $store.state.totalLifetimes }}</span>
+    </div>
+    <div>
+      <span align="left"><b>Longest lifetime</b></span
+      ><span align="right"></span>
+    </div>
+    <div>
+      <span align="left"><b>Oldest age reached</b></span
+      ><span align="right"></span>
+    </div>
+    <div>
+      <span align="left"><b>Latest time reached</b></span
+      ><span align="right"></span>
+    </div>
+    <div>
+      <span align="left"><b>Wisdom for next prestige</b></span
+      ><span align="right">{{ $store.state.wisdomGained }}</span>
+    </div>
+    <div>
+      <span align="left"><b>Wisdom from other timelines</b></span
+      ><span align="right">{{ $store.state.wisdomApplied }}</span>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {}
+</script>
+
+<style scoped></style>
diff --git a/pages/index.vue b/pages/index.vue
index 21ae249..ef63feb 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -88,9 +88,7 @@
           Tab 5 content
         </template>
 
-        <template v-else-if="$store.state.activeTabIndex === 5">
-          Tab 6 content
-        </template>
+        <sixth-tab-content v-else-if="$store.state.activeTabIndex === 5" />
       </div>
     </main>
 
diff --git a/store/index.js b/store/index.js
index 7fa4526..186898a 100644
--- a/store/index.js
+++ b/store/index.js
@@ -148,6 +148,7 @@ export const state = () => ({
   },
   wisdomGained: 0, // wisdom gained so far on this run, not applied until player sends the book.
   wisdomApplied: 0, // wisdom from previous runs
+  totalLifetimes: 1,
 })
 
 export const getters = {
@@ -186,6 +187,9 @@ export const getters = {
       12: 'Dec.',
     }[state.gameDate.month]
   },
+  currencySpent: (state) => {
+    return Decimal.subtract(state.currencyTotal, state.currency)
+  },
 }
 
 export const mutations = {