From a7e1f4a755109af152de4e6da3b0f53b52d3ec35 Mon Sep 17 00:00:00 2001
From: Peter <peterlgirouard@gmail.com>
Date: Sat, 9 Nov 2024 11:44:19 -0600
Subject: [PATCH] Show/hide bullpen

---
 src/components/BullpenTable.vue | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/src/components/BullpenTable.vue b/src/components/BullpenTable.vue
index eaf4536..a19ce63 100644
--- a/src/components/BullpenTable.vue
+++ b/src/components/BullpenTable.vue
@@ -1,7 +1,14 @@
 <template>
   <div class="bullpen-table">
     <div class="row">
-      <h3>Bullpen</h3>
+      <h3>Bullpen
+      <button @click.stop="setVisiblity(!showBullpen)"
+        class="btn btn-sm btn-primary mb-2">
+        {{ showBullpen ? 'Hide' : 'Show' }}
+      </button>
+      </h3>
+    </div>
+    <div class="row" v-if="showBullpen">
       <div class="table-responsive-xl">
         <table class="table table-sm table-striped">
           <thead class="thead-dark">
@@ -68,7 +75,8 @@ export default {
   data() {
     return {
       pitcherStatsByNameWeekGame: {} as Record<string, PitchingStat>,
-      sortedPlayers: [] as Player[]
+      sortedPlayers: [] as Player[],
+      showBullpen: false as boolean
     }
   },
   props: {
@@ -111,6 +119,9 @@ export default {
       if (!stat) return '-'
       
       return `${stat.ip.toFixed(1)}IP`
+    },
+    setVisiblity(state: boolean): void {
+      this.showBullpen = state
     }
   }
 }