@dcrackel/hematournamentui 1.0.706 → 1.0.707

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

@@ -1,25 +1,49 @@
 <template>
-  <div class="flex justify-between border border-dropdownSelect rounded-lg shadow-lg bg-white hover:border-bright w-full" :class="person.Promoted ? '' : 'opacity-50'" >
+  <div
+    class="flex justify-between border border-dropdownSelect rounded-lg shadow-lg bg-white hover:border-bright w-full"
+    :class="person.Promoted ? '' : 'opacity-50'"
+  >
     <div class="mr-4 w-10 border-r border-dropdownSelect h-12 items-center text-center">
-      <BaseIcon v-if="fencingMovable" icon-name="fa-caret-up" size="sm" :color="person.Position === 1 ? 'neutral' : 'quinary'" :hover="person.Position === 1 ? 'neutral' : 'bright'" class="m-0" @click="handelMoveUp" />
-      <BaseText :text="person.Position" :size="fencingMovable ? 'sm' : 'lg'" color="quaternary" weight="bold" :class="fencingMovable ? '-my-2' : 'mt-3'" />
-      <BaseIcon v-if="fencingMovable" icon-name="fa-caret-down" size="sm" :color="isLast ? 'neutral' : 'quinary'" :hover="isLast ? 'neutral' : 'bright'" @click="handelMoveDown" />
+      <BaseIcon
+        v-if="fencingMovable"
+        icon-name="fa-caret-up"
+        size="sm"
+        :color="person.Position === 1 ? 'neutral' : 'quinary'"
+        :hover="person.Position === 1 ? 'neutral' : 'bright'"
+        class="m-0"
+        @click="handelMoveUp"
+      />
+      <BaseText
+        :text="person.Position"
+        :size="fencingMovable ? 'sm' : 'lg'"
+        color="quaternary"
+        weight="bold"
+        :class="fencingMovable ? '-my-2' : 'mt-3'"
+      />
+      <BaseIcon
+        v-if="fencingMovable"
+        icon-name="fa-caret-down"
+        size="sm"
+        :color="isLast ? 'neutral' : 'quinary'"
+        :hover="isLast ? 'neutral' : 'bright'"
+        @click="handelMoveDown"
+      />
     </div>
     <div class="hidden md:flex mr-4 w-10 mt-1">
       <div v-if="!portraitURL" class="w-10 h-10 rounded-xl bg-dropdownSelect flex items-center justify-center">
-        <BaseText text="" size="sm" color="neutral" weight="bold"/>
+        <BaseText text="" size="sm" color="neutral" weight="bold" />
       </div>
-      <img v-if="portraitURL" :src="portraitURL" alt="Portrait" class="w-10 h-10 rounded-xl">
+      <img v-if="portraitURL" :src="portraitURL" alt="Portrait" class="w-10 h-10 rounded-xl" />
     </div>
     <div class="flex flex-col w-2/4 justify-star">
       <span class="w-full flex justify-start">
-        <BaseText :text="fullName" size="" color="quaternary" weight="bold" class="text-xs mt-1 md:mt-0 md:text-sm"/>
+        <BaseText :text="fullName" size="" color="quaternary" weight="bold" class="text-xs mt-1 md:mt-0 md:text-sm" />
       </span>
       <span class="w-full hidden md:flex justify-start">
-        <BaseText :text="person.Club" size="xs" color="quinary" weight="normal"/>
+        <BaseText :text="person.Club" size="xs" color="quinary" weight="normal" />
       </span>
       <span class="w-full flex md:hidden justify-start mt-1">
-        <BaseText :text="person.ClubShortName" size="xs" color="quinary" weight="normal"/>
+        <BaseText :text="person.ClubShortName" size="xs" color="quinary" weight="normal" />
       </span>
     </div>
     <div class="flex flex-col w-2/4 pt-1 overflow-x-auto">
@@ -30,29 +54,72 @@
         <BaseText text="PS" size="xs" color="quaternary" class="flex-1 text-center" />
         <BaseText text="PG" size="xs" color="quaternary" class="flex-1 text-center" />
         <BaseText text="Ind" size="xs" color="quaternary" class="flex-1 text-center" />
-        <BaseIcon  v-if="handShots" iconName="fa-hand" size="xs" color="quaternary" class="flex-1 text-center" />
-        <BaseIcon  v-if="doubles" iconName="fa-burst" size="xs" color="quaternary" class="flex-1 text-center" />
+        <BaseIcon v-if="handShots" iconName="fa-hand" size="xs" color="quaternary" class="flex-1 text-center" />
+        <BaseIcon v-if="doubles" iconName="fa-burst" size="xs" color="quaternary" class="flex-1 text-center" />
       </div>
       <div class="flex mt-1 min-w-[300px]">
-        <BaseText v-if="promotionByTop" :text="person.PoolName" size="xs" color="primary" weight="bold" class="flex-1 text-center"/>
-        <BaseText :text="`${person.WinPercentage}%`" size="xs" color="primary" weight="bold" class="flex-1 text-center"/>
-        <BaseText :text="`${person.TotalWins}/${person.TotalDefeats}`" size="xs" color="primary" weight="bold" class="flex-1 text-center"/>
-        <BaseText :text="person.PointsScored" size="xs" color="primary" weight="bold" class="flex-1 text-center"/>
-        <BaseText :text="person.PointsGiven" size="xs" color="primary" weight="bold" class="flex-1 text-center"/>
-        <BaseText :text="person.Indicator" size="xs" color="primary" weight="bold" class="flex-1 text-center"/>
-        <BaseText v-if="handShots" :text="person.HandShots" size="xs" color="primary" weight="bold" class="flex-1 text-center"/>
-        <BaseText v-if="doubles" :text="person.Doubles" size="xs" color="primary" weight="bold" class="flex-1 text-center"/>
+        <BaseText
+          v-if="promotionByTop"
+          :text="person.PoolName"
+          size="xs"
+          color="primary"
+          weight="bold"
+          class="flex-1 text-center"
+        />
+        <BaseText
+          :text="`${person.WinPercentage}%`"
+          size="xs"
+          color="primary"
+          weight="bold"
+          class="flex-1 text-center"
+        />
+        <BaseText
+          :text="`${person.TotalWins}/${person.TotalDefeats}`"
+          size="xs"
+          color="primary"
+          weight="bold"
+          class="flex-1 text-center"
+        />
+        <BaseText :text="person.PointsScored" size="xs" color="primary" weight="bold" class="flex-1 text-center" />
+        <BaseText :text="person.PointsGiven" size="xs" color="primary" weight="bold" class="flex-1 text-center" />
+        <BaseText :text="person.Indicator" size="xs" color="primary" weight="bold" class="flex-1 text-center" />
+        <BaseText
+          v-if="handShots"
+          :text="person.HandShots"
+          size="xs"
+          color="primary"
+          weight="bold"
+          class="flex-1 text-center"
+        />
+        <BaseText
+          v-if="doubles"
+          :text="person.Doubles"
+          size="xs"
+          color="primary"
+          weight="bold"
+          class="flex-1 text-center"
+        />
       </div>
     </div>
-    <div v-if="status === 'results'" class="hidden md:block ml-4 border-l border-dropdownSelect h-12 w-12 items-center text-center hover:bg-eventBoxRed rounded-tr-lg rounded-br-lg">
-      <BaseIcon icon-name="fa-circle-xmark" size="2xl" color="quinary" class="pt-2" hover="alarm" @click="handlerRemoveFencer" />
+    <div
+      v-if="status === 'results'"
+      class="hidden md:block ml-4 border-l border-dropdownSelect h-12 w-12 items-center text-center hover:bg-eventBoxRed rounded-tr-lg rounded-br-lg"
+    >
+      <BaseIcon
+        icon-name="fa-circle-xmark"
+        size="2xl"
+        color="quinary"
+        class="pt-2"
+        hover="alarm"
+        @click="handlerRemoveFencer"
+      />
     </div>
   </div>
 </template>
 
 <script>
-import BaseText from "../../../Atoms/Text/BaseText.vue";
-import BaseIcon from "../../../Atoms/Icon/BaseIcon.vue";
+import BaseText from '../../../Atoms/Text/BaseText.vue';
+import BaseIcon from '../../../Atoms/Icon/BaseIcon.vue';
 
 export default {
   name: 'FencerPoolResultsCard',
@@ -104,15 +171,15 @@ export default {
     }
   },
   methods: {
-    handlerRemoveFencer(){
+    handlerRemoveFencer() {
       this.$emit('remove:person', this.person);
     },
-    handelMoveUp(){
+    handelMoveUp() {
       if (this.person.Position > 1) this.$emit('update:moveUp', this.person);
     },
-    handelMoveDown(){
-      if(!this.isLast) this.$emit('update:moveDown', this.person);
-    },
+    handelMoveDown() {
+      if (!this.isLast) this.$emit('update:moveDown', this.person);
+    }
   }
 };
 </script>

package/src/stories/Organisms/Cards/ImportFencerCard/ImportFencerCard.stories.js

@@ -1,79 +1,78 @@
 import ImportFencerCard from './ImportFencerCard.vue';
 
 export default {
-    title: 'Organisms/Cards/ImportFencerCard',
-    component: ImportFencerCard,
-    argTypes: {
-        eventId: { control: 'number' },
-        fencerData: { control: 'object' },
-        'match:selected': { action: 'match:selected' },
-        'person:add-new': { action: 'person:add-new' },
-    },
+  title: 'Organisms/Cards/ImportFencerCard',
+  component: ImportFencerCard,
+  argTypes: {
+    eventId: { control: 'number' },
+    fencerData: { control: 'object' },
+    'match:selected': { action: 'match:selected' },
+    'person:add-new': { action: 'person:add-new' }
+  }
 };
 
 export const Default = {
-args: {
+  args: {
     eventId: 101,
     fencerData: {
-        hsName: 'JJ Conlon',
-        hsClub: 'Columbus Saber Academy',
-        club: 'Columbus Saber Academy',
-        matched: true,
-        personId: 48,
-        possibleMatches: [
-            {
-                personId: 48,
-                name: 'JJ Conlon',
-                club: 'Columbus Saber Academy',
-                score: 0,
-                confidence: 100,
-                confidenceLabel: 'Match',
-            },
-        ],
-    },
-}
+      hsName: 'JJ Conlon',
+      hsClub: 'Columbus Saber Academy',
+      club: 'Columbus Saber Academy',
+      matched: true,
+      personId: 48,
+      possibleMatches: [
+        {
+          personId: 48,
+          name: 'JJ Conlon',
+          club: 'Columbus Saber Academy',
+          score: 0,
+          confidence: 100,
+          confidenceLabel: 'Match'
+        }
+      ]
+    }
+  }
 };
 
-
 export const FuzzyMatch = {
-args: {
+  args: {
     eventId: 101,
     fencerData: {
-        hsName: 'Robert Smith',
-        hsClub: 'East Coast HEMA',
-        matched: false,
-        personId: null,
-        possibleMatches: [
-            {
-                personId: 21,
-                name: 'Bob Smith',
-                club: 'East Coast HEMA',
-                score: 0.2,
-                confidence: 85,
-                confidenceLabel: 'Likely',
-            },
-            {
-                personId: 22,
-                name: 'Robert Smith',
-                club: 'West Coast HEMA',
-                score: 0.3,
-                confidence: 70,
-                confidenceLabel: 'Possible',
-            },
-        ],
-    },
+      hsName: 'Robert Smith',
+      hsClub: 'East Coast HEMA',
+      matched: false,
+      personId: null,
+      possibleMatches: [
+        {
+          personId: 21,
+          name: 'Bob Smith',
+          club: 'East Coast HEMA',
+          score: 0.2,
+          confidence: 85,
+          confidenceLabel: 'Likely'
+        },
+        {
+          personId: 22,
+          name: 'Robert Smith',
+          club: 'West Coast HEMA',
+          score: 0.3,
+          confidence: 70,
+          confidenceLabel: 'Possible'
+        }
+      ]
     }
+  }
 };
 
 export const NoMatch = {
-    args : {
-        eventId: 101,
-        fencerData: {
-            hsName: 'Sam Unknown',
-            hsClub: 'Mystery Club',
-            matched: false,
-            personId: null,
-            possibleMatches: [],
-        },
+  args: {
+    eventId: 101,
+    fencerData: {
+      hsName: 'Sam Unknown',
+      hsClub: 'Mystery Club',
+      matched: false,
+      personId: null,
+      possibleMatches: []
     }
+  }
 };

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

@@ -8,22 +8,28 @@
         <BaseText :text="clubDisplay" size="sm" color="quinary" class="pt-1" />
       </div>
 
-      <div class="flex-1"></div> <!-- expanding space -->
+      <div class="flex-1"></div>
+      <!-- expanding space -->
 
       <div v-if="isFuzzyMatch" class="flex items-end w-96">
         <select v-model="selectedPersonId" class="border rounded px-2 w-full h-10 mr-4 text-quaternary">
           <option :value="null">
-            <BaseText :text="hsName + ' (No Match)'" size="xs" color="quaternary" weight="bold"/>
+            <BaseText :text="hsName + ' (No Match)'" size="xs" color="quaternary" weight="bold" />
           </option>
           <option v-for="match in fencerData.possibleMatches" :key="match.personId" :value="match.personId" class="we3">
-            <BaseText :text="match.name + ' - ' + match.club + ' (' + match.confidenceLabel + ')'" size="xs" color="quaternary" weight="bold" />
+            <BaseText
+              :text="match.name + ' - ' + match.club + ' (' + match.confidenceLabel + ')'"
+              size="xs"
+              color="quaternary"
+              weight="bold"
+            />
           </option>
         </select>
         <BaseButton
-            :label="selectedPersonId === null ? 'Add New' : 'Confirm Match'"
-            size="sm"
-            class="self-end w-44"
-            @buttonClick="selectedPersonId === null ? emitAddNew() : emitMatch()"
+          :label="selectedPersonId === null ? 'Add New' : 'Confirm Match'"
+          size="sm"
+          class="self-end w-44"
+          @buttonClick="selectedPersonId === null ? emitAddNew() : emitMatch()"
         />
       </div>
 

package/src/stories/Organisms/Cards/KioskCard/KioskCard.stories.js

@@ -1,44 +1,44 @@
 import DisplayCard from './KioskCard.vue';
-import getAllStaffByTournamentId from "../../../../mocks/getAllStaffByTournamentId.js";
-import getEventByTournamentId from "../../../../mocks/getEventByTournamentId.js";
-import getCLubDisplayByClubId from "../../../../mocks/getClubDisplayByClubId.js";
+import getAllStaffByTournamentId from '../../../../mocks/getAllStaffByTournamentId.js';
+import getEventByTournamentId from '../../../../mocks/getEventByTournamentId.js';
+import getCLubDisplayByClubId from '../../../../mocks/getClubDisplayByClubId.js';
 
 export default {
-    title: 'Organisms/Cards/KioskCard',
-    component: DisplayCard,
-    tags: ['autodocs'],
-    args: {
-        displayObject: getCLubDisplayByClubId[0],
-        assignedTo: { text: "Dave Smith", link: "1" },
-        assignedToEvent: { text: "Cats and things", link: "1" },
-        staffDropDown: getAllStaffByTournamentId,
-        eventDropDown: getEventByTournamentId
-    },
-    argTypes: {
-        displayObject:  { control: { type: 'object' } },
-        assignedTo: { control: { type: 'object' } },
-        assignedToEvent: { control: { type: 'object' } },
-        staffDropDown: { control: { type: 'array' } },
-        eventDropDown: { control: { type: 'array' } },
-    },
+  title: 'Organisms/Cards/KioskCard',
+  component: DisplayCard,
+  tags: ['autodocs'],
+  args: {
+    displayObject: getCLubDisplayByClubId[0],
+    assignedTo: { text: 'Dave Smith', link: '1' },
+    assignedToEvent: { text: 'Cats and things', link: '1' },
+    staffDropDown: getAllStaffByTournamentId,
+    eventDropDown: getEventByTournamentId
+  },
+  argTypes: {
+    displayObject: { control: { type: 'object' } },
+    assignedTo: { control: { type: 'object' } },
+    assignedToEvent: { control: { type: 'object' } },
+    staffDropDown: { control: { type: 'array' } },
+    eventDropDown: { control: { type: 'array' } }
+  }
 };
 
 export const Default = {
-    args: {
-        displayObject: getCLubDisplayByClubId[1],
-        assignedTo: { text: "Dave Smith", link: "1" },
-        assignedToEvent: { text: "Cats and things", link: "1" },
-        staffDropDown: getAllStaffByTournamentId,
-        eventDropDown: getEventByTournamentId
-    },
+  args: {
+    displayObject: getCLubDisplayByClubId[1],
+    assignedTo: { text: 'Dave Smith', link: '1' },
+    assignedToEvent: { text: 'Cats and things', link: '1' },
+    staffDropDown: getAllStaffByTournamentId,
+    eventDropDown: getEventByTournamentId
+  }
 };
 
 export const WithInitialCount = {
-    args: {
-        displayObject: getCLubDisplayByClubId[4],
-        assignedTo: { text: "Jenny Jones", link: "2" },
-        assignedToEvent: { text: "Cats and things", link: "1" },
-        staffDropDown: getAllStaffByTournamentId,
-        eventDropDown: getEventByTournamentId
-    },
+  args: {
+    displayObject: getCLubDisplayByClubId[4],
+    assignedTo: { text: 'Jenny Jones', link: '2' },
+    assignedToEvent: { text: 'Cats and things', link: '1' },
+    staffDropDown: getAllStaffByTournamentId,
+    eventDropDown: getEventByTournamentId
+  }
 };