@dcrackel/hematournamentui 1.0.94 → 1.0.96

package/package.json

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

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

@@ -7,8 +7,8 @@
     </section>
 
     <section v-if="mode === 'planning'" class="flex rounded-xl border border-dropdownSelect mt-2 px-4 pt-2 pb-4 bg-neutral w-1/3 shadow">
-      <div class="mt-1 w-10 pr-4">
-        <BaseIcon icon-name="fa-clipboard-list" size="3xl" color="primaryHighlight" class="" />
+      <div class="mt-1 w-10 mr-3">
+        <BaseIcon icon-name="fa-lightbulb-on" size="3xl" color="quaternary" class="" />
       </div>
       <span class="w-full">
         <BaseText text="Pools are in Planning Mode" size="lg" color="quaternary" weight="bold" class="" />
@@ -17,8 +17,8 @@
 
     </section>
     <section v-if="mode === 'preparation'"  class="flex rounded-xl border border-dropdownSelect mt-2 px-4 pt-2 pb-4 bg-neutral w-1/3 shadow">
-      <div class="mt-1 w-10 pr-4">
-        <BaseIcon icon-name="fa-wrench" size="3xl" color="primaryHighlight" class="" />
+      <div class="mt-1 w-10 mr-3">
+        <BaseIcon icon-name="fa-ballot-check" size="3xl" color="quaternary" class="" />
       </div>
       <span class="w-full">
         <BaseText text="Pools are Preparation Mode" size="lg" color="quaternary" weight="bold" class="" />
@@ -26,8 +26,8 @@
       </span>
     </section>
     <section v-if="mode === 'live'"  class="flex rounded-xl border border-dropdownSelect mt-2 px-4 pt-2 pb-4 bg-neutral w-1/3 shadow">
-      <div class="mt-1 w-10 pr-4">
-        <BaseIcon icon-name="fa-play" size="3xl" color="primaryHighlight" class="" />
+      <div class="mt-1 w-10 mr-3">
+        <BaseIcon icon-name="fa-play" size="3xl" color="quaternary" class="" />
       </div>
       <span class="w-full">
         <BaseText text="Pools are now live!" size="lg" color="quaternary" weight="bold" class="" />

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

@@ -10,7 +10,8 @@ export default {
     args: {
         event: eventPersonGetPoolAssignmentEvent,
         poolAssignments: eventPersonGetInitialPoolAssignments,
-        staff: eventPersonGetInitialStaff
+        staff: eventPersonGetInitialStaff,
+        mode: 'planning'
     },
     argTypes: {
         event: {
@@ -31,7 +32,7 @@ export const Default = {
         event:eventPersonGetPoolAssignmentEvent,
         poolAssignments: eventPersonGetInitialPoolAssignments,
         staff: eventPersonGetInitialStaff,
-        mode: 'Planning'
+        mode: 'planning'
     }
 };
 
@@ -40,7 +41,7 @@ export const planningMode = {
         event:eventPersonGetPoolAssignmentEvent,
         poolAssignments: eventPersonGetInitialPoolAssignments,
         staff: eventPersonGetInitialStaff,
-        mode: 'Planning'
+        mode: 'planning'
     }
 };
 
@@ -49,7 +50,7 @@ export const singleFlight = {
         event:modifiedEvent,
         poolAssignments: eventPersonGetInitialPoolAssignments,
         staff: eventPersonGetInitialStaff,
-        mode: 'Preparation'
+        mode: 'preparation'
     }
 };
 
@@ -58,7 +59,7 @@ export const NoPoolsYet = {
         event:modifiedEvent,
         poolAssignments: [],
         staff: [],
-        mode: 'Preparation'
+        mode: 'preparation'
     }
 };
 
@@ -93,6 +94,6 @@ export const liveMode = {
         event:eventPersonGetPoolAssignmentEvent,
         poolAssignments: eventPersonGetInitialPoolAssignments,
         staff: staff,
-        mode: 'Live'
+        mode: 'live'
     }
 };

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

@@ -29,10 +29,10 @@
       </div>
     </div>
 
-    <div v-if="filteredPools.length > 1 && mode !== 'Complete'" class="grid grid-cols-2 gap-4 mx-8 mt-8">
-      <BaseButton v-if="mode === 'Planning' || mode === 'Preparation'" label="Reset Pools" size="md" icon-name="fa-rotate-right" icon-style="fa-solid" type="graySecondary" :icon-left="true" class="max-w-96 justify-self-end" @click="handleReset" />
-      <BaseButton v-if="mode === 'Planning'" label="Start Event" size="md" icon-name="fa-caret-right" icon-style="fa-solid" type="secondary" :icon-left="false" class="max-w-96 justify-self-start" @click="handleStart" />
-      <BaseButton v-if="mode === 'Preparation'" label="Make Pools Live" size="md" icon-name="fa-caret-right" icon-style="fa-solid" type="secondary" :icon-left="false" class="max-w-96 justify-self-start" @click="handleGoLive" />
+    <div v-if="filteredPools.length > 1 && mode !== 'complete'" class="grid grid-cols-2 gap-4 mx-8 mt-8">
+      <BaseButton v-if="mode === 'planning' || mode === 'preparation'" label="Reset Pools" size="md" icon-name="fa-rotate-right" icon-style="fa-solid" type="graySecondary" :icon-left="true" class="max-w-96 justify-self-end" @click="handleReset" />
+      <BaseButton v-if="mode === 'planning'" label="Start Checkin" size="md" icon-name="fa-caret-right" icon-style="fa-solid" type="secondary" :icon-left="false" class="max-w-96 justify-self-start" @click="handleStart" />
+      <BaseButton v-if="mode === 'preparation'" label="Make Pools Live" size="md" icon-name="fa-caret-right" icon-style="fa-solid" type="secondary" :icon-left="false" class="max-w-96 justify-self-start" @click="handleGoLive" />
     </div>
   </section>
 </template>
@@ -62,7 +62,7 @@ export default {
     mode: {
       type: String,
       required: true,
-      validator: value => ['Planning', 'Preparation', 'Live', 'Complete'].includes(value)
+      validator: value => ['planning','preparation','live','results','de','completed'].includes(value)
     },
     staff: {
       type: Array,