From a185bc2153d76805178e75e70f2ade150f4599be Mon Sep 17 00:00:00 2001
From: youhavetrouble <youhavetrouble@youhavetrouble.me>
Date: Sun, 9 Apr 2023 13:59:19 +0200
Subject: [PATCH] prestige feature

---
 src/components/AdventurerDetails.vue | 14 ++++++++++++++
 src/views/AdventurerView.vue         | 14 ++++++++++++--
 2 files changed, 26 insertions(+), 2 deletions(-)

diff --git a/src/components/AdventurerDetails.vue b/src/components/AdventurerDetails.vue
index e2ba99c..d4eba6f 100644
--- a/src/components/AdventurerDetails.vue
+++ b/src/components/AdventurerDetails.vue
@@ -13,6 +13,19 @@
       <p>Exp: {{ adventurer.exp }} / {{ adventurer.getNextLevelExpRequirement() }}</p>
       <p>DPS: {{ adventurer.getDPS().toPrecision(2) }}</p>
     </div>
+    <div class="adventurer-upgrades">
+      <button
+          :disabled="!adventurer.canPrestigeUp()"
+          :title="!adventurer.canPrestigeUp() ? 'Adventurer needs to be at max level to prestige up' : ''"
+          @click="() => {
+            if (adventurer === null) return;
+            if (!adventurer.canPrestigeUp()) return;
+            adventurer.prestigeUp();
+          }"
+      >
+        Prestige up
+      </button>
+    </div>
 
   </dialog>
 </template>
@@ -73,6 +86,7 @@ export default defineComponent({
     background: transparent;
     border: none;
     font-family: 'EB Garamond', serif;
+    transition: color 0.05s linear;
 
     &:hover {
       color: #ff0000;
diff --git a/src/views/AdventurerView.vue b/src/views/AdventurerView.vue
index 7504b90..0eb5b8b 100644
--- a/src/views/AdventurerView.vue
+++ b/src/views/AdventurerView.vue
@@ -35,8 +35,10 @@
       </div>
     </section>
     <section class="collection panel pinned-paper">
-      <h1>Recruited adventurers ({{ Object.keys(adventurers).length }} /
-        {{ guild.adventurerCapacity.getAdventurerCapacity() }})</h1>
+      <h1>
+        Recruited adventurers ({{ Object.keys(adventurers).length }} / {{ guild.adventurerCapacity.getAdventurerCapacity() }})
+      </h1>
+      <small>Click an adventurer to see details about them</small>
       <div class="adventurers">
         <div
             class="adventurer-tile"
@@ -134,6 +136,14 @@ export default defineComponent({
     margin: 0;
   }
 
+  .collection {
+    small {
+      font-size: 1rem;
+      display: block;
+      margin-bottom: 0.5rem;
+    }
+  }
+
   .adventurers {
     display: flex;
     flex-direction: row;