@dcrackel/hematournamentui 1.0.122 → 1.0.124

package/package.json

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

package/src/stories/Organisms/Containers/PoolResults/PoolResultsTable.stories.js

@@ -1,5 +1,6 @@
 import FencerResults from './PoolResultsTable.vue'
 import getPoolResults from '../../../../mocks/getPoolResults.js';
+import eventPersonGetPoolAssignmentEvent from '../../../../mocks/eventPersonGetPoolAssignmentEvent.js';
 
 export default {
     title: 'Organisms/Containers/PoolResultsTable',
@@ -8,30 +9,52 @@ export default {
     args: {
         poolResults: getPoolResults.report,
         initialCutoffLinePosition: 0,
+        numPromoted: "100%",
+        event: eventPersonGetPoolAssignmentEvent
     },
     argTypes: {
         poolResults: { control: 'object' },
         cutoffLinePosition: { control: 'number' },
+        numPromoted: { control: 'text' },
+        event: { control: 'object' }
+
     },
 }
 
+let modifiedEvent = {...eventPersonGetPoolAssignmentEvent, Status: "results"}
+
 export const Default = {
     args: {
         poolResults: getPoolResults.report,
-        initialCutoffIndex: 0
+        initialCutoffIndex: 0,
+        numPromoted: "100%",
+        event: modifiedEvent
     }
 }
 
 const modifiedResults = getPoolResults.report.map((person, index) => {
     return {
         ...person,
-        Promoted: index < 5
+        Promoted: index < 5,
+        Status: "results"
     };
 });
 
-export const PromoteEveryone = {
+export const PromoteHalf = {
+    args: {
+        poolResults: modifiedResults,
+        initialCutoffIndex: 5,
+        numPromoted: "100%",
+        event: modifiedEvent
+    }
+}
+
+modifiedEvent = {...eventPersonGetPoolAssignmentEvent, Status: "preparation"}
+export const EventIsInPreparationMode = {
     args: {
         poolResults: modifiedResults,
-        initialCutoffIndex: 5
+        initialCutoffIndex: 5,
+        numPromoted: "100%",
+        event: modifiedEvent
     }
 }

package/src/stories/Organisms/Containers/PoolResults/PoolResultsTable.vue

@@ -1,7 +1,17 @@
 <template>
   <div class="mt-3">
     <div class="flex flex-col w-full relative">
-      <div v-for="(person, index) in results" :key="person.personId" class="flex flex-col py-1">
+      <section v-if="!shouldShowResults">
+        <img alt="Small desert scene with wind blowing." class="w-96 mx-auto" :src="emptyDesertIcon" />
+        <div class="w-full flex justify-center">
+          <div class="w-96">
+        <BaseText text="No Results Yet!" size="lg" color="quinary" weight="bold" class="text-center" />
+        <BaseText text="Pool results will be displayed here once all bouts have completed and the 'Generate Pool Results' button has been clicked on the Pools Tab." size="sm" color="quinary" class="text-center" />
+          </div>
+        </div>
+      </section>
+
+      <div v-if="shouldShowResults" v-for="(person, index) in results" :key="person.personId" class="flex flex-col py-1">
         <!-- Person Card -->
         <FencerPoolResultsCard :person="person" @remove:person="handleWithdraw" />
 
@@ -22,12 +32,14 @@
 import FencerPoolResultsCard from "../../Cards/FencerPoolResultsCard/FencerPoolResultsCard.vue";
 import BaseIcon from "../../../Atoms/Icon/BaseIcon.vue";
 import BaseText from "../../../Atoms/Text/BaseText.vue";
+import emptyDesertIcon from '../../../../assets/empty_desert_icon.png';
 
 export default {
   components: {
     BaseText,
     BaseIcon,
-    FencerPoolResultsCard
+    FencerPoolResultsCard,
+    emptyDesertIcon
   },
   props: {
     poolResults: {
@@ -42,12 +54,17 @@ export default {
     numPromoted: {
       type: [Number, String],
       required: true
+    },
+    event: {
+      type: Object,
+      required: true
     }
   },
   data() {
     return {
       results: this.poolResults,
-      cutoffIndex: this.initialCutoffIndex
+      cutoffIndex: this.initialCutoffIndex,
+      emptyDesertIcon
     }
   },
   watch: {
@@ -56,6 +73,11 @@ export default {
       this.updatePromotions();
     }
   },
+  computed: {
+    shouldShowResults() {
+      return ['results', 'de', 'completed'].includes(this.event.Status.toLowerCase());
+    }
+  },
   methods: {
     moveUp() {
       if (this.cutoffIndex > 1) { // Prevent moving above the 2nd position

package/src/stories/Organisms/Headers/PoolResultsHeader/PoolResultsHeader.vue

@@ -61,18 +61,6 @@ export default {
     event: {
       type: Object,
       required: true,
-      validator(event) {
-        const requiredFields = [
-          'EventName',
-          'RuleSummary'
-        ];
-        const missingFields = requiredFields.filter(field => !(field in event));
-        if (missingFields.length) {
-          console.warn(`Invalid event object: Missing fields: ${missingFields.join(', ')}`);
-          return false;
-        }
-        return true;
-      },
     },
     numPromoted: {
       type: [Number, String],

package/src/stories/Templates/EventManagement/PoolResults/PoolResults.stories.js

@@ -20,13 +20,22 @@ export default {
     }
 };
 
-
+let modifiedEvent = {...eventPersonGetPoolAssignmentEvent, Status: "results"}
 export const Default = {
     args: {
-        event: eventPersonGetPoolAssignmentEvent,
+        event: modifiedEvent,
         poolResults: getPoolResults.report,
         numPromoted: '100%'
     }
 };
 
 
+modifiedEvent = {...eventPersonGetPoolAssignmentEvent, Status: "planning"}
+export const EventIsInPlanning = {
+    args: {
+        event: modifiedEvent,
+        poolResults: getPoolResults.report,
+        numPromoted: '100%'
+    }
+};
+

package/src/stories/Templates/EventManagement/PoolResults/PoolResults.vue

@@ -9,6 +9,7 @@
     <PoolResultsTable :poolResults="poolResults"
                       :initialCutoffIndex="initialCutoffIndex"
                       :numPromoted="promoted"
+                      :event="event"
                       @update:withdraw="handleWithdraw"
                       @update:handleIncreaseCount="handleIncreaseCount"
                       @update:handleDecreaseCount="handleDecreaseCount"
@@ -74,10 +75,12 @@ export default {
     }
   },
   mounted() {
+    console.log(`PoolResults.vue mounted`)
+    console.log('poolResults', this.poolResults)
     this.calculateInitialCutoffIndex(this.getNumericValue(this.promoted))
   },
   methods: {
-    handleTabMenuClick(){
+    handleTabMenuClick(value) {
       this.$emit('tab:menu-click', value);
     },
     handleIncreaseCount(value){