@dcrackel/hematournamentui 1.0.411 → 1.0.415

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dcrackel/hematournamentui",
   "private": false,
-  "version": "1.0.411",
+  "version": "1.0.415",
   "type": "module",
   "main": "dist/HemaTournamentUI-lib.umd.js",
   "module": "dist/HemaTournamentUI-lib.es.js",

package/src/mocks/eventMock.js

@@ -10,9 +10,9 @@ const eventMockData = [
         "PoolSize": 6,
         "Flights": 1,
         "WeaponId": 1,
-        "Status": "planning",
-        "Present": 0,
-        "Absent": 8,
+        "Status": "live",
+        "Present": 8,
+        "Absent": 0,
         "Removed": 0,
         "EventRules": [
             {

package/src/stories/Molecules/Boxes/BoutBoxes/ScoreBox/ScoreBox.vue

@@ -24,7 +24,7 @@
       </div>
       <div class="w-full flex flex-row justify-around text-center px-4 pt-2">
         <div class="pt-1 w-1/4" @click="minus">
-       <BaseIcon icon-name="fa-square-minus" size="5xl" :color="computedColor" hover="quaternary" :disabled="baseScore <= 0" />
+       <BaseIcon :icon-name="isCountingUp ? 'fa-square-minus' : 'fa-square-plus'" size="5xl" :color="computedColor" hover="quaternary" :disabled="baseScore <= 0" />
         </div>
         <div class="flex flex-row w-1/2 justify-center">
           <div class="text-5xl text-bluegray font-bold">
@@ -32,7 +32,7 @@
           </div>
         </div>
         <div class="pt-1 w-1/4" @click="plus">
-          <BaseIcon icon-name="fa-square-plus" size="5xl" :color="computedColor" hover="quaternary" :disabled="baseScore >= maxScore" />
+          <BaseIcon :icon-name="isCountingUp ? 'fa-square-plus' : 'fa-square-minus'" size="5xl" :color="computedColor" hover="quaternary" :disabled="baseScore >= maxScore" />
         </div>
       </div>
       <div class="w-full flex flex-col justify-around text-center px-4 pb-6">

package/src/stories/Organisms/Cards/Director/DirectorCard.vue

@@ -55,37 +55,38 @@ export default {
       return this.localBout.Pool.RingName || 'Ring';
     },
     showPassesBox() {
-      return this.eventRules.some(rule => rule.Rules.RuleName === "PoolNumOfPasses") || this.eventRules.some(rule => rule.Rules.RuleName === "DENumOfPasses");
+      return Array.isArray(this.eventRules) && (
+          this.eventRules.some((n2) => n2.Rules.RuleName === "PoolNumOfPasses") ||
+          this.eventRules.some((n2) => n2.Rules.RuleName === "DENumOfPasses")
+      );
     },
     showTimerBox() {
-      return this.eventRules.some(rule => rule.Rules.RuleName === "PoolTime") || this.eventRules.some(rule => rule.Rules.RuleName === "DETime");
+      return Array.isArray(this.eventRules) && (
+          this.eventRules.some((n2) => n2.Rules.RuleName === "PoolTime") ||
+          this.eventRules.some((n2) => n2.Rules.RuleName === "DETime")
+      );
     },
     startTime() {
       if (this.localBout.TimeLeft > 0) return this.localBout.TimeLeft;
 
       if (this.localBout.DEBoutId) {
-        const rule = this.eventRules.find(rule => rule.Rules.RuleName === "DETime");
-        return rule ? parseInt(rule.RuleValue) : 90;
+        const e = Array.isArray(this.eventRules) ? this.eventRules.find((t) => t.Rules.RuleName === "DETime") : null;
+        return e ? parseInt(e.RuleValue) : 90;
       }
-      const rule = this.eventRules.find(rule => rule.Rules.RuleName === "PoolTime");
-      return rule ? parseInt(rule.RuleValue) : 90;
+
+      const n2 = Array.isArray(this.eventRules) ? this.eventRules.find((e) => e.Rules.RuleName === "PoolTime") : null;
+      return n2 ? parseInt(n2.RuleValue) : 90;
     },
     maxPoints() {
       if (this.localBout.DEBoutId) {
-        const rule = this.eventRules.find(rule => rule.Rules.RuleName === "DEMaxPoints");
-        return rule ? parseInt(rule.RuleValue) : 7;
+        const e = Array.isArray(this.eventRules) ? this.eventRules.find((t) => t.Rules.RuleName === "DEMaxPoints") : null;
+        return e ? parseInt(e.RuleValue) : 7;
       }
-      const rule = this.eventRules.find(rule => rule.Rules.RuleName === "PoolMaxPoints");
-      return rule ? parseInt(rule.RuleValue) : 7;
+
+      const n2 = Array.isArray(this.eventRules)
+          ? this.eventRules.find((e) => e.Rules.RuleName === "PoolMaxPoints") : null;
+      return n2 ? parseInt(n2.RuleValue) : 7;
     },
-    maxPasses() {
-      if (this.localBout.DEBoutId) {
-        const rule = this.eventRules.find(rule => rule.Rules.RuleName === "DENumOfPasses");
-        return rule ? parseInt(rule.RuleValue) : 5;
-      }
-      const rule = this.eventRules.find(rule => rule.Rules.RuleName === "PoolNumOfPasses");
-      return rule ? parseInt(rule.RuleValue) : 5;
-    }
   },
   methods: {
     handleTimeChange(time) {
@@ -117,9 +118,14 @@ export default {
       this.showSubmit = this.localBout.Score1 === this.maxPoints || this.localBout.Score2 === this.maxPoints || this.localBout.TimeLeft === 0 || this.localBout.CurrentPass === this.maxPasses-1;
       this.$emit('update:bout', this.localBout);
     },
-    setCountingDirection(){
-      const rule = this.eventRules.find(rule => rule.Rules.RuleName === "PoolScoreDirection");
-      this.isCountingUp = rule ? rule.RuleValue : true;
+    setCountingDirection() {
+      if (Array.isArray(this.eventRules)) {
+        const rule = this.eventRules.find(rule => rule.Rules.RuleName === "PoolScoreDirection");
+        this.isCountingUp = rule ? rule.RuleValue : true;
+      }
+      if (!Array.isArray(this.eventRules)) {
+        this.isCountingUp = true;
+      }
     }
   }
 };

package/src/stories/Organisms/Cards/EventCard/EventCard.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="flex items-center p-2 md:px-4 md:py-4 bg-eventBoxBlue border border-dropdownSelect rounded-lg md:shadow-md w-full mb-6 hover:border-bright" @click="onManage">
+  <div class="flex items-center p-2 md:px-4 md:py-4 bg-eventBoxBlue md:bg-white border border-dropdownSelect rounded-lg md:shadow-md w-full mb-6 hover:border-bright" @click="onManage">
     <div class="w-full flex flex-col md:flex-row justify-between">
       <section class="flex flex-row justify-start w-full">
         <div class="flex flex-col pl-4 w-full">