From d7083cf242fb512525ef746546106c0f06f5a85c Mon Sep 17 00:00:00 2001
From: Stefan Zermatten <stefanzermatten@gmail.com>
Date: Thu, 11 Feb 2021 13:48:10 +0200
Subject: [PATCH] Hid unused cards on the stats tab

---
 .../character/characterSheetTabs/StatsTab.vue | 24 +++++++++++++------
 .../attributes/HealthBarCardContainer.vue     | 15 ++++++++----
 2 files changed, 27 insertions(+), 12 deletions(-)

diff --git a/app/imports/ui/creature/character/characterSheetTabs/StatsTab.vue b/app/imports/ui/creature/character/characterSheetTabs/StatsTab.vue
index 413b103f..3cb11d7c 100644
--- a/app/imports/ui/creature/character/characterSheetTabs/StatsTab.vue
+++ b/app/imports/ui/creature/character/characterSheetTabs/StatsTab.vue
@@ -2,9 +2,7 @@
   <div
     class="stats-tab ma-2"
   >
-    <div class="px-2 pt-2">
-      <health-bar-card-container :creature-id="creatureId" />
-    </div>
+    <health-bar-card-container :creature-id="creatureId" />
 
     <column-layout>
       <div class="character-buttons">
@@ -54,7 +52,10 @@
         </v-card>
       </div>
 
-      <div class="ability-scores">
+      <div
+        v-if="abilities.length"
+        class="ability-scores"
+      >
         <v-card>
           <v-list>
             <template v-for="(ability, index) in abilities">
@@ -110,7 +111,10 @@
         />
       </div>
 
-      <div class="hit-dice">
+      <div
+        v-if="hitDice.length"
+        class="hit-dice"
+      >
         <v-card>
           <v-list>
             <v-subheader>Hit Dice</v-subheader>
@@ -170,7 +174,10 @@
         <damage-multiplier-card :model="creature.damageMultipliers" />
       </div>
 
-      <div class="saving-throws">
+      <div
+        v-if="savingThrows.length"
+        class="saving-throws"
+      >
         <v-card>
           <v-list>
             <v-subheader>Saving Throws</v-subheader>
@@ -185,7 +192,10 @@
         </v-card>
       </div>
 
-      <div class="skills">
+      <div
+        v-if="skills.length"
+        class="skills"
+      >
         <v-card>
           <v-list>
             <v-subheader>Skills</v-subheader>
diff --git a/app/imports/ui/properties/components/attributes/HealthBarCardContainer.vue b/app/imports/ui/properties/components/attributes/HealthBarCardContainer.vue
index 2f3ddd70..c1c801b0 100644
--- a/app/imports/ui/properties/components/attributes/HealthBarCardContainer.vue
+++ b/app/imports/ui/properties/components/attributes/HealthBarCardContainer.vue
@@ -1,9 +1,14 @@
 <template lang="html">
-  <health-bar-card
-    :attributes="attributes"
-    @change="healthBarChanged"
-    @click="healthBarClicked"
-  />
+  <div
+    v-if="attributes.length"
+    class="px-2 pt-2"
+  >
+    <health-bar-card
+      :attributes="attributes"
+      @change="healthBarChanged"
+      @click="healthBarClicked"
+    />
+  </div>
 </template>
 
 <script>