@dcrackel/hematournamentui 1.0.706 → 1.0.708

package/src/stories/Organisms/Containers/BoutsSection/BoutsSection.vue

@@ -13,42 +13,42 @@
     <div class="w-full flex flex-col items-center">
       <!-- Placeholder (e.g., for Active when none) -->
       <div v-if="showPlaceholder && (!bouts || bouts.length === 0)" class="w-full md:w-3/4 my-4">
-        <BoutCard :bout="{}" v-bind="cardProps" :isWaiting="true" :editMode="false"  hostingClubColors=""/>
+        <BoutCard :bout="{}" v-bind="cardProps" :isWaiting="true" :editMode="false" hostingClubColors="" />
       </div>
 
       <!-- Non-draggable list -->
       <template v-if="!draggable">
         <div v-for="bout in bouts" :key="bout.BoutId" class="w-full md:w-3/4 my-4">
           <BoutCard
-              :bout="bout"
-              v-bind="cardProps"
-              :reorderMode="reorderMode"
-              @action:startBout="$emit('start', bout)"
-              @action:resumeBout="$emit('resume', bout)"
-              @action:editBout="$emit('edit', bout)"
+            :bout="bout"
+            v-bind="cardProps"
+            :reorderMode="reorderMode"
+            @action:startBout="$emit('start', bout)"
+            @action:resumeBout="$emit('resume', bout)"
+            @action:editBout="$emit('edit', bout)"
           />
         </div>
       </template>
 
       <!-- Draggable list -->
       <draggable
-          v-else
-          v-model="internalList"
-          item-key="BoutId"
-          :disabled="!reorderMode"
-          handle=".drag-handle"
-          :animation="150"
-          ghost-class="drag-ghost"
-          class="w-full flex flex-col items-center"
-          @end="emitOrder"
+        v-else
+        v-model="internalList"
+        item-key="BoutId"
+        :disabled="!reorderMode"
+        handle=".drag-handle"
+        :animation="150"
+        ghost-class="drag-ghost"
+        class="w-full flex flex-col items-center"
+        @end="emitOrder"
       >
         <template #item="{ element }">
           <div class="w-full md:w-3/4 my-4">
             <BoutCard
-                :bout="element"
-                v-bind="cardProps"
-                :reorderMode="reorderMode"
-                @action:startBout="$emit('start', element)"
+              :bout="element"
+              v-bind="cardProps"
+              :reorderMode="reorderMode"
+              @action:startBout="$emit('start', element)"
             />
           </div>
         </template>
@@ -72,14 +72,19 @@ export default {
     draggable: { type: Boolean, default: false },
     reorderMode: { type: Boolean, default: false },
     showPlaceholder: { type: Boolean, default: false },
-    hostingClubColors: { type: Object, required: true}
+    hostingClubColors: { type: Object, required: true }
   },
   emits: ['start', 'resume', 'edit', 'reorder'],
   data() {
     return { internalList: this.bouts };
   },
   watch: {
-    bouts: { handler(v){ this.internalList = v; }, deep: true }
+    bouts: {
+      handler(v) {
+        this.internalList = v;
+      },
+      deep: true
+    }
   },
   methods: {
     emitOrder() {
@@ -91,5 +96,7 @@ export default {
 
 <style scoped>
 /* optional helpers for drag visuals */
-.drag-ghost { opacity: 0.6; }
+.drag-ghost {
+  opacity: 0.6;
+}
 </style>

package/src/stories/Organisms/Containers/FinalResults/FinalResultsTable.stories.js

@@ -1,27 +1,27 @@
-import FinalResults from './FinalResultsTable.vue'
-import getFinalEventResults from "../../../../mocks/getFinalEventResult.js";
+import FinalResults from './FinalResultsTable.vue';
+import getFinalEventResults from '../../../../mocks/getFinalEventResult.js';
 
 export default {
-    title: 'Organisms/Containers/FinalResultsTable',
-    component: FinalResults,
-    tags: ['autodocs'],
-    args: {
-        finalResults: getFinalEventResults.FinalResults,
-    },
-    argTypes: {
-        finalResults: { control: 'object' },
-    },
-}
+  title: 'Organisms/Containers/FinalResultsTable',
+  component: FinalResults,
+  tags: ['autodocs'],
+  args: {
+    finalResults: getFinalEventResults.FinalResults
+  },
+  argTypes: {
+    finalResults: { control: 'object' }
+  }
+};
 
 //let modifiedEvent = {...generateFinalResults, Status: "results"}
 export const Default = {
-    args: {
-        finalResults: getFinalEventResults.FinalResults,
-    }
-}
+  args: {
+    finalResults: getFinalEventResults.FinalResults
+  }
+};
 
 export const NoResultsYet = {
-    args: {
-        finalResults: [],
-    }
-}
+  args: {
+    finalResults: []
+  }
+};

package/src/stories/Organisms/Containers/FinalResults/FinalResultsTable.vue

@@ -6,23 +6,27 @@
         <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" />
+            <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-else v-for="person in finalResults" :key="person.personId" class="flex flex-col py-1">
         <FencerFinalResultCard :result="person" />
       </div>
-
     </div>
   </div>
 </template>
 
 <script>
 import emptyDesertIcon from '../../../../assets/empty_desert_icon.png';
-import BaseText from "../../../Atoms/Text/BaseText.vue";
-import FencerPoolResultsCard from "../../Cards/FencerPoolResultsCard/FencerPoolResultsCard.vue";
-import FencerFinalResultCard from "../../Cards/FencerFinalResultCard/FencerFinalResultCard.vue";
+import BaseText from '../../../Atoms/Text/BaseText.vue';
+import FencerPoolResultsCard from '../../Cards/FencerPoolResultsCard/FencerPoolResultsCard.vue';
+import FencerFinalResultCard from '../../Cards/FencerFinalResultCard/FencerFinalResultCard.vue';
 
 export default {
   components: {
@@ -40,11 +44,7 @@ export default {
   data() {
     return {
       emptyDesertIcon
-    }
-  },
-}
+    };
+  }
+};
 </script>
-
-
-
-

package/src/stories/Organisms/Containers/KioskContainer/KioskContainer.stories.js

@@ -1,29 +1,28 @@
-import KioskContainer from './KioskContainer.vue'
-import getCLubDisplayByClubId from "../../../../mocks/getClubDisplayByClubId.js";
-import getAllStaffByTournamentId from "../../../../mocks/getAllStaffByTournamentId.js";
-import getEventByTournamentId from "../../../../mocks/getEventByTournamentId.js"
+import KioskContainer from './KioskContainer.vue';
+import getCLubDisplayByClubId from '../../../../mocks/getClubDisplayByClubId.js';
+import getAllStaffByTournamentId from '../../../../mocks/getAllStaffByTournamentId.js';
+import getEventByTournamentId from '../../../../mocks/getEventByTournamentId.js';
 
 export default {
-    title: 'Organisms/Containers/KioskContainer',
-    component: KioskContainer,
-    tags: ['autodocs'],
-    args: {
-        displays: getCLubDisplayByClubId,
-        staffDropDown: getAllStaffByTournamentId,
-        eventDropDown: getEventByTournamentId
-    },
-    argTypes: {
-        displays: { control: 'object' },
-        staffDropDown: { control: 'object' },
-        eventDropDown: { control: 'object' },
-    },
-}
+  title: 'Organisms/Containers/KioskContainer',
+  component: KioskContainer,
+  tags: ['autodocs'],
+  args: {
+    displays: getCLubDisplayByClubId,
+    staffDropDown: getAllStaffByTournamentId,
+    eventDropDown: getEventByTournamentId
+  },
+  argTypes: {
+    displays: { control: 'object' },
+    staffDropDown: { control: 'object' },
+    eventDropDown: { control: 'object' }
+  }
+};
 
 export const Default = {
-    args: {
-        displays: getCLubDisplayByClubId,
-        staffDropDown: getAllStaffByTournamentId,
-        eventDropDown: getEventByTournamentId
-    }
-}
-
+  args: {
+    displays: getCLubDisplayByClubId,
+    staffDropDown: getAllStaffByTournamentId,
+    eventDropDown: getEventByTournamentId
+  }
+};

package/src/stories/Organisms/Containers/KioskContainer/KioskContainer.vue

@@ -2,87 +2,103 @@
   <div class="mt-0">
     <div class="flex flex-col w-full relative">
       <section v-if="!localDisplays.length">
-        <img alt="Small desert scene with wind blowing." class="w-96 mx-auto" :src="emptyDesertIcon"/>
+        <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 Displays Currently!" size="lg" color="quinary" weight="bold" class="text-center"/>
+            <BaseText text="No Displays Currently!" size="lg" color="quinary" weight="bold" class="text-center" />
             <BaseText
-                text="No Displays are added, click the add button to add a scoreboard or flight board!"
-                size="sm" color="quinary" class="text-center"/>
+              text="No Displays are added, click the add button to add a scoreboard or flight board!"
+              size="sm"
+              color="quinary"
+              class="text-center"
+            />
           </div>
         </div>
       </section>
       <section v-if="localDisplays.length > 0" class="flex flex-col">
-        <div v-if="scoreboards.length > 0">
-          <BaseText text="Scoreboards" size="lg" color="quinary" weight="bold" class="w-full text-left"/>
-          <div class="border-b border-dropdownSelect mb-4"/>
-          <div v-for="scoreboard in scoreboards" :key="scoreboard.DisplayId + '-' + scoreboard.Type"
-               class="flex flex-col py-2">
-            <KioskCard :displayObject="scoreboard"
-                       :assignedTo="transformAssignedTo(scoreboard)"
-                       :eventDropDown="eventDropDown"
-                       :staffDropDown="staffDropDown"
-                       :userRole="userRole"
-                       @update:staffChange="handleAssignmentStaff"
-                       @update:eventChange="handleAssignmentEvent"
-                       @update:ringChange="handeRingChange"
-                       @remove:kiosk="handleRemove"
-                       @update:assignToMe="handleAssignToMe"
-                       @update:selectedType="handleChangeType"
-                       @update:editKiosk="handleEditKiosk"
-                       @test:scoreboard="handleScoreboardTest"
-            />
+        <div v-if="scoreboards.length > 0">
+          <BaseText text="Scoreboards" size="lg" color="quinary" weight="bold" class="w-full text-left" />
+          <div class="border-b border-dropdownSelect mb-4" />
+          <div
+            v-for="scoreboard in scoreboards"
+            :key="scoreboard.DisplayId + '-' + scoreboard.Type"
+            class="flex flex-col py-2"
+          >
+            <KioskCard
+              :displayObject="scoreboard"
+              :assignedTo="transformAssignedTo(scoreboard)"
+              :eventDropDown="eventDropDown"
+              :staffDropDown="staffDropDown"
+              :userRole="userRole"
+              @update:staffChange="handleAssignmentStaff"
+              @update:eventChange="handleAssignmentEvent"
+              @update:ringChange="handeRingChange"
+              @remove:kiosk="handleRemove"
+              @update:assignToMe="handleAssignToMe"
+              @update:selectedType="handleChangeType"
+              @update:editKiosk="handleEditKiosk"
+              @test:scoreboard="handleScoreboardTest"
+            />
           </div>
         </div>
 
         <div v-if="flightBoards.length > 0 && userRole !== 'Director'" class="mt-10">
-          <BaseText text="Flight Boards" size="lg" color="quinary" weight="bold" class="w-full text-left"/>
-          <div class="border-b border-dropdownSelect mb-4"/>
-          <div v-for="flightBoard in flightBoards" :key="flightBoard.DisplayId + '-' + flightBoard.Type"
-               class="flex flex-col py-2">
-            <KioskCard :displayObject="flightBoard"
-                       :assignedToEvent="transformAssignedTo(flightBoard)"
-                       :eventDropDown="eventDropDown"
-                       :staffDropDown="staffDropDown"
-                       :userRole="userRole"
-                       @update:staffChange="handleAssignmentStaff"
-                       @update:eventChange="handleAssignmentEvent"
-                       @update:ringChange="handeRingChange"
-                       @remove:kiosk="handleRemove"
-                       @update:assignToMe="handleAssignToMe"
-                       @update:selectedType="handleChangeType"
-                       @update:editKiosk="handleEditKiosk"
+          <BaseText text="Flight Boards" size="lg" color="quinary" weight="bold" class="w-full text-left" />
+          <div class="border-b border-dropdownSelect mb-4" />
+          <div
+            v-for="flightBoard in flightBoards"
+            :key="flightBoard.DisplayId + '-' + flightBoard.Type"
+            class="flex flex-col py-2"
+          >
+            <KioskCard
+              :displayObject="flightBoard"
+              :assignedToEvent="transformAssignedTo(flightBoard)"
+              :eventDropDown="eventDropDown"
+              :staffDropDown="staffDropDown"
+              :userRole="userRole"
+              @update:staffChange="handleAssignmentStaff"
+              @update:eventChange="handleAssignmentEvent"
+              @update:ringChange="handeRingChange"
+              @remove:kiosk="handleRemove"
+              @update:assignToMe="handleAssignToMe"
+              @update:selectedType="handleChangeType"
+              @update:editKiosk="handleEditKiosk"
             />
           </div>
         </div>
         <div v-if="unassignedBoards.length > 0 && userRole !== 'Director'" class="mt-10">
-          <BaseText text="Unassigned" size="lg" color="quinary" weight="bold" class="w-full text-left"/>
-          <div class="border-b border-dropdownSelect mb-4"/>
-          <div v-for="unassigned in unassignedBoards" :key="unassigned.DisplayId + '-' + unassigned.Type"
-               class="flex flex-col py-2">
-            <KioskCard :displayObject="unassigned"
-                       :assignedToEvent="transformAssignedTo(unassigned)"
-                       :eventDropDown="eventDropDownList"
-                       :staffDropDown="staffDropDownList"
-                       :userRole="userRole"
-                       @update:staffChange="handleAssignmentStaff"
-                       @update:eventChange="handleAssignmentEvent"
-                       @update:ringChange="handeRingChange"
-                       @remove:kiosk="handleRemove"
-                       @update:assignToMe="handleAssignToMe"
-                       @update:selectedType="handleChangeType"
-                       @update:editKiosk="handleEditKiosk"
+          <BaseText text="Unassigned" size="lg" color="quinary" weight="bold" class="w-full text-left" />
+          <div class="border-b border-dropdownSelect mb-4" />
+          <div
+            v-for="unassigned in unassignedBoards"
+            :key="unassigned.DisplayId + '-' + unassigned.Type"
+            class="flex flex-col py-2"
+          >
+            <KioskCard
+              :displayObject="unassigned"
+              :assignedToEvent="transformAssignedTo(unassigned)"
+              :eventDropDown="eventDropDownList"
+              :staffDropDown="staffDropDownList"
+              :userRole="userRole"
+              @update:staffChange="handleAssignmentStaff"
+              @update:eventChange="handleAssignmentEvent"
+              @update:ringChange="handeRingChange"
+              @remove:kiosk="handleRemove"
+              @update:assignToMe="handleAssignToMe"
+              @update:selectedType="handleChangeType"
+              @update:editKiosk="handleEditKiosk"
             />
           </div>
         </div>
       </section>
-      <AddDisplayModal v-if="showModal"
-                       :kiosk="kiosk"
-                       :events="eventDropDownList"
-                       :staff="staffDropDownList"
-                       :show="showModal"
-                       @submit:kiosk="handleKioskSubmit"
-                       @close:closeModal="showModal = false"
+      <AddDisplayModal
+        v-if="showModal"
+        :kiosk="kiosk"
+        :events="eventDropDownList"
+        :staff="staffDropDownList"
+        :show="showModal"
+        @submit:kiosk="handleKioskSubmit"
+        @close:closeModal="showModal = false"
       />
     </div>
   </div>
@@ -90,13 +106,13 @@
 
 <script>
 import emptyDesertIcon from '../../../../assets/empty_desert_icon.png';
-import BaseText from "../../../Atoms/Text/BaseText.vue";
-import KioskCard from "../../Cards/KioskCard/KioskCard.vue";
-import BaseButton from "../../../Molecules/Buttons/BaseButton/BaseButton.vue";
-import AddDisplayModal from "../../../Molecules/Modals/AddDisplayModal/AddDisplayModal.vue";
+import BaseText from '../../../Atoms/Text/BaseText.vue';
+import KioskCard from '../../Cards/KioskCard/KioskCard.vue';
+import BaseButton from '../../../Molecules/Buttons/BaseButton/BaseButton.vue';
+import AddDisplayModal from '../../../Molecules/Modals/AddDisplayModal/AddDisplayModal.vue';
 
 export default {
-  name: "KioskContainer",
+  name: 'KioskContainer',
   components: {
     AddDisplayModal,
     BaseButton,
@@ -104,17 +120,26 @@ export default {
     BaseText,
     emptyDesertIcon
   },
-  emits: ['remove:kiosk', 'test:scoreboard', 'update:selectedStaff', 'update:selectedEvent', 'update:ringChange','update:selectedType', 'submit:kiosk', 'update:assignToMe'],
+  emits: [
+    'remove:kiosk',
+    'test:scoreboard',
+    'update:selectedStaff',
+    'update:selectedEvent',
+    'update:ringChange',
+    'update:selectedType',
+    'submit:kiosk',
+    'update:assignToMe'
+  ],
   props: {
     displays: {
       type: Array,
       required: true
     },
     eventDropDown: {
-      type: Array,
+      type: Array
     },
     staffDropDown: {
-      type: Array,
+      type: Array
     },
     userRole: {
       type: String,
@@ -127,7 +152,7 @@ export default {
       showModal: false,
       kiosk: {},
       emptyDesertIcon
-    }
+    };
   },
   watch: {
     displays: {
@@ -150,32 +175,32 @@ export default {
     },
     staffDropDownList() {
       return this.staffDropDown.map(staff => {
-        return {text: staff.Person.DisplayName, link: staff.PersonId};
+        return { text: staff.Person.DisplayName, link: staff.PersonId };
       });
     },
-    eventDropDownList(){
+    eventDropDownList() {
       return this.eventDropDown.map(event => {
-        return {text: event.EventName, link: event.EventId};
+        return { text: event.EventName, link: event.EventId };
       });
     }
   },
-  methods: {
-    handleScoreboardTest(display) {
-      this.$emit('test:scoreboard', display);
-    },
-    transformAssignedTo(display) {
+  methods: {
+    handleScoreboardTest(display) {
+      this.$emit('test:scoreboard', display);
+    },
+    transformAssignedTo(display) {
       if (display.Person) {
         if (display.Person.DisplayName === 'BYE') {
-          return {text: 'Unassigned', link: 'Unassigned'};
+          return { text: 'Unassigned', link: 'Unassigned' };
         }
-        return {text: display.Person.DisplayName, link: display.Person.DisplayName};
+        return { text: display.Person.DisplayName, link: display.Person.DisplayName };
       }
 
       if (display.Event) {
-        return {text: display.Event.EventName, link: display.Event.EventName};
+        return { text: display.Event.EventName, link: display.Event.EventName };
       }
 
-      return {text: '', link: ''}
+      return { text: '', link: '' };
     },
     handeRingChange(item) {
       this.$emit('update:ringChange', item);
@@ -184,7 +209,7 @@ export default {
       this.localDisplays = this.localDisplays.filter(display => display.DisplayId !== item.DisplayId);
       this.$emit('remove:kiosk', item);
     },
-    handleAssignToMe(item){
+    handleAssignToMe(item) {
       this.$emit('update:assignToMe', item);
     },
     handleAssignmentStaff(item) {
@@ -201,10 +226,10 @@ export default {
       this.$emit('update:selectedType', display);
     },
     handleEditKiosk(item) {
-      this.kiosk = item
+      this.kiosk = item;
       this.showModal = true;
     },
-    handleClose(){
+    handleClose() {
       this.showModal = false;
     },
     handleKioskSubmit(item) {
@@ -212,5 +237,5 @@ export default {
       this.$emit('submit:kiosk', item);
     }
   }
-}
+};
 </script>