@dcrackel/hematournamentui 1.0.97 → 1.0.99

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

@@ -4,7 +4,6 @@
     <PoolSummary :event="event" @update:poolSize="handlePoolSizeChange" @update:numberOfRings="handleNumberOfRings" @reset:pool="handlePoolReset" :mode="mode"/>
     <EditEventsTopMenu v-if="this.event.Flights > 1" :currentTab="selectedFlight" :tabs="flights" @tabMenuClick="handleFlightChange" class="mt-3"/>
 
-
     <div class="w-full flex flex-row flex-wrap justify-center" :class="this.event.Flights > 1 ? 'mt-0' : 'mt-4'">
       <div v-for="pool in filteredPools" :key="pool.Name">
         <Pool
@@ -15,6 +14,7 @@
             :directorName="getDirectorName(pool.Staff)"
             :pool="pool.participants"
             :staff="staff"
+            :mode="mode"
             @swap-fencers="swapFencers"
             @update:setDirector="setDirector"
             @remove:fencer="handleRemoveFencer"
@@ -128,8 +128,12 @@ export default {
       this.$emit('goLive:pool');
     },
     getDirectorName(staffArray) {
-      const director = staffArray.find(staff => staff.Role === 'Director');
-      return director ? director.Person.DisplayName : 'Unassigned';
+      if (!Array.isArray(staffArray)) {
+        return 'Unassigned';
+      }
+
+      const director = staffArray.find(staff => staff.Role === 'Director' && staff.Person);
+      return director && director.Person ? director.Person.DisplayName : 'Unassigned';
     },
     swapFencers({ draggedPerson }) {
       this.$emit('update:swapFencers', {draggedPerson});

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

@@ -1,7 +1,7 @@
 <template>
   <section>
     <EditEventsTopMenu :currentTab="'Staff'" :tabs="tabs" @tabMenuClick="handleTabMenuClick"/>
-    <StaffSummary :currentSelection="viewName" @update:selection="handleStaffView"/>
+    <ToggleHeader :currentSelection="viewName" @update:selection="handleStaffView" firstButtonLabel="Staff List" secondButtonLabel="Staff Assignments" />
 
     <div class="w-full flex flex-row justify-center mt-3">
       <section class="w-full">
@@ -56,11 +56,11 @@ import BaseText from "../../../Atoms/Text/BaseText.vue";
 import emptyDesertIcon from '../../../../assets/empty_desert_icon.png';
 import FindOrAddPerson from "../../../Organisms/ComplexInputs/FindOrAddPerson/FindOrAddPerson.vue";
 import StaffCard from "../../../Organisms/Cards/StaffCard/StaffCard.vue";
-import StaffSummary from "../../../Organisms/Headers/StaffSummary/StaffSummary.vue";
+import ToggleHeader from "../../../Organisms/Headers/ToggleHeader/ToggleHeader.vue";
 
 export default {
   components: {
-    StaffSummary,
+    ToggleHeader,
     FindOrAddPerson,
     EditEventsTopMenu,
     StaffCard,

package/src/stories/Templates/Menus/EditEventsTopMenu/EditEventsTopMenu.vue

@@ -38,11 +38,6 @@ export default {
       default: () => []
     }
   },
-  watch: {
-    currentTab(newVal) {
-      console.log('currentTab changed to:', newVal);
-    }
-  },
   methods: {
     handleButtonClick(buttonId) {
       this.$emit('tabMenuClick', buttonId);

package/src/stories/Templates/TournamentManagement/EditTournament/EditPageOne/EditTournamentPageOne.vue

@@ -104,9 +104,6 @@ export default {
     },
     handleDateUpdate(newDate) {
       this.tournament.startDate = newDate;
-      console.log("New Date")
-      console.log(newDate)
-      console.log(DatePicker.props.invalid)
     },
     handleEditorUpdate(newContent) {
       this.tournament.description = newContent;

package/tailwind.config.js

@@ -7,7 +7,35 @@ module.exports = {
     safelist: [
         'text-accepted',
         'bg-acceptedHighlight',
-        'hover:text-alarm'
+        'hover:text-alarm',
+        'bg-pink',
+        'bg-red',
+        'bg-blue',
+        'bg-orange',
+        'bg-purple',
+        'bg-gold',
+        'bg-green',
+        'bg-silver',
+        'bg-rose',
+        'bg-navy',
+        'text-pink',
+        'text-red',
+        'text-blue',
+        'text-orange',
+        'text-purple',
+        'text-gold',
+        'text-green',
+        'text-silver',
+        'text-rose',
+        'text-navy',
+        'border-rose',
+        'border-navy',
+        'border-red',
+        'border-blue',
+        'border-gold',
+        'border-green',
+        'border-purple',
+        'border-silver'
     ],
     theme: {
         extend: {
@@ -22,8 +50,10 @@ module.exports = {
             colors: {
                 accepted: '#1D7E64',
                 acceptedBorder: '#ADCFC6',
+                winGreen: '#68e269',
                 acceptedHighlight: '#E5F6F1',
                 alarm: '#FD546F',
+                lossRed: '#ff7477',
                 alarmText: '#F90229',
                 alert: '#FFD255',
                 bright: '#6190f2',
@@ -32,15 +62,28 @@ module.exports = {
                 primary: '#141B33',
                 primaryHighlight: '#52586C',
                 quaternary: '#8991AC',
+                quaternaryHighlight: '#ACB2C5',
                 quinary: '#989daa',
                 secondary: '#2B324B',
                 graySecondary: '#C0C5CA',
                 tertiary: '#F6FAFD',
+                gridBoxHeader: '#DBE6ED',
                 eventBoxBlue: '#eff4f7',
                 eventBoxGreen: '#f3f7ef',
                 eventBoxRed: '#f7efef',
                 poolSetup: '#F6FAFD',
-                poolBox: '#f7f8fb'
+                poolBox: '#f7f8fb',
+                pink: '#D88DB7',
+                red: '#C74444',
+                blue: '#375085',
+                orange: '#C78544',
+                purple: '#4B3A89',
+                gold: '#ECE672',
+                green: '#427958',
+                silver: '#a0a0a0',
+                rose: '#904f69',
+                navy: '#182a3a'
+
             },
             boxShadow: {
                 custom: 'var(--tw-shadow)',
@@ -48,7 +91,7 @@ module.exports = {
         },
     },
     plugins: [
-        function ({ addBase, theme }) {
+        function ({addBase, theme}) {
             addBase({
                 h1: {
                     fontSize: theme('fontSize.3xl'),

package/vite.config.js

@@ -1,18 +1,19 @@
-import { defineConfig } from 'vite'
-import vue from '@vitejs/plugin-vue'
+import { defineConfig } from 'vite';
+import vue from '@vitejs/plugin-vue';
+
 export default defineConfig({
   plugins: [vue()],
   test: {
-      environment: "happy-dom",
+    environment: "happy-dom",
   },
   build: {
     lib: {
-      entry: 'src/index.js',  // this will be your entry point file where you export components
-      name: 'HemaTournamentUI',     // this is the name of your library
-      fileName: (format) => `HemaTouranmentUI-lib.${format}.js`
+      entry: 'src/index.js',
+      name: 'HemaTournamentUI',
+      fileName: (format) => `HemaTournamentUI-lib.${format}.js`
     },
     rollupOptions: {
-      external: ['vue'],     // add external dependencies here
+      external: ['vue'],
       output: {
         globals: {
           vue: 'Vue'
@@ -20,4 +21,4 @@ export default defineConfig({
       }
     }
   }
-})
+});

package/src/stories/Organisms/Headers/StaffSummary/StaffSummary.stories.js

@@ -1,35 +0,0 @@
-import StaffSummary from './StaffSummary.vue';
-
-export default {
-    title: 'Organisms/Headers/StaffBanner',
-    component: StaffSummary,
-    tags: ['autodocs'],
-    args: {
-        eventName: 'Sample Event',
-        currentSelection: 'Staff List'
-    },
-    argTypes: {
-        eventName: {
-            control: 'text',
-            description: 'Name of the event'
-        },
-        currentSelection: {
-            control: 'radio',
-            options: ['Staff List', 'Staff Assignments'],
-            description: 'Currently selected view'
-        },
-        'update:selection': { action: 'update:selection' }
-    }
-};
-
-export const Default = {
-    args: {
-        currentSelection: 'Staff List'
-    }
-};
-
-export const StaffAssignmentsSelected = {
-    args: {
-        currentSelection: 'Staff Assignments'
-    }
-};