@dcrackel/hematournamentui 1.0.637 → 1.0.639

package/package.json

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

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

@@ -1,5 +1,5 @@
 <template>
-  <div class="flex items-center border border-dropdownSelect rounded-lg shadow-lg bg-white  w-full hover:border-bright"
+  <div class="flex items-center border py-1 border-dropdownSelect rounded-lg shadow-lg bg-white  w-full hover:border-bright"
        :class="detail ? 'my-1  ' : ''" @click="handleEditClick">
     <div class="md:mr-4 md:border-r border-dropdownSelect h-12 md:h-16 md:w-10 items-center text-center pl-1 md:pl-1 pt-3 md:pt-4">
       <BaseText :text="place" size="" color="quaternary" weight="bold" class="text-md md:text-xl"/>
@@ -22,7 +22,7 @@
         <BaseText :text="fullName" size="" color="quaternary" weight="bold" class="text-sm md:text-lg"/>
       </span>
       <span class="w-full flex flex-col justify-start">
-        <BaseText :text="clubName" size="" color="quinary" weight="normal" class="text-xs md:text-md"/>
+        <BaseText :text="clubName" size="" color="quinary" weight="normal" class="text-xs md:text-md text-nowrap"/>
       </span>
     </div>
     <section class="flex items-center justify-end w-1/2 pr-4 space-x-4">

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

@@ -12,9 +12,15 @@
     <!-- active bout -->
     <section v-if="remainingBoutsCount > 0">
       <div class="md:border-b border-dropdownSelect md:mb-8"></div>
-
       <div class="w-full flex flex-col items-center">
-        <div v-if="!hasActiveBout" class="w-full md:w-3/4 my-4">
+
+        <BaseButton v-if="remainingBoutsCount === localBouts.length" label="Fencer List on scoreboard" type="primary" class="w-full md:w-3/4 my-1" @buttonClick="showFencerList" />
+
+        <div v-if="fencerList" v-for="fencer in simpleFencerList" class="w-full md:w-3/4 my-1">
+          <FencerFinalResultCard :result="fencer" />
+        </div>
+
+        <div v-if="!hasActiveBout && !fencerList" class="w-full md:w-3/4 my-4">
           <BoutCard :bout="{}" :hostingClubColors="hostingClubColors" :editMode="editMode" :isWaiting="true"/>
         </div>
         <div v-for="bout in activeBouts" :key="bout.BoutId" class="w-full md:w-3/4 my-4">
@@ -24,7 +30,7 @@
     </section>
 
     <!-- Upcoming -->
-    <section v-if="remainingBoutsCount > 0">
+    <section v-if="remainingBoutsCount > 0 && !fencerList">
       <div class="flex flex-row justify-between">
         <BaseText class="mt-5" color="primaryHighlight" size="md" text="Upcoming" weight="bold"/>
         <div class="flex mr-1">
@@ -41,7 +47,7 @@
     </section>
 
     <!-- Completed -->
-    <section v-if="hasCompletedBout > 0">
+    <section v-if="hasCompletedBout > 0 && !fencerList">
       <div class="flex flex-row">
         <BaseText v-if="remainingBoutsCount === 0" class="mt-8" color="primaryHighlight" size="md" text="All Bouts Are Complete" weight="bold" />
         <BaseText v-if="remainingBoutsCount > 0" class="mt-5" color="primaryHighlight" size="md" text="Completed" weight="bold"/>
@@ -83,9 +89,13 @@ import ServerConnected from "../../../Molecules/Indicators/ServerConnected/Serve
 import PenaltyModal from "../../../Molecules/Modals/PenaltyModal/PenaltyModal.vue";
 import PoolGrid from "../../../Organisms/Containers/PoolGrid/PoolGrid.vue";
 import { tabs } from '../../../Util/tabs.js';
+import BaseButton from "../../../Molecules/Buttons/BaseButton/BaseButton.vue";
+import FencerFinalResultCard from "../../../Organisms/Cards/FencerFinalResultCard/FencerFinalResultCard.vue";
 
 export default {
   components: {
+    FencerFinalResultCard,
+    BaseButton,
     PenaltyModal,
     PoolGrid,
     ServerConnected,
@@ -96,7 +106,7 @@ export default {
     ToggleHeader,
     EditEventsTopMenu
   },
-  emits: ["update:bout","tab:menu-click","submit:bout","update:directing-bout","penalty:update","penalty:add","penalty:remove", ],
+  emits: ["update:bout","tab:menu-click","submit:bout","update:directing-bout","penalty:update","penalty:add","penalty:remove","scoreboard:showFencerList"],
   props: {
     bouts: {
       type: Array,
@@ -130,6 +140,7 @@ export default {
       showEditBoutModal: false,
       selectedBout: {},
       viewName: "Pool Grid",
+      fencerList: false,
       tabs,
       windowWidth: window.innerWidth,
     };
@@ -177,6 +188,19 @@ export default {
     remainingBoutsCount() {
       return this.upcomingBouts.length;
     },
+    simpleFencerList() {
+      const fencerMap = {};
+
+      this.localBouts.forEach(bout => {
+        [bout.Person1, bout.Person2].forEach(person => {
+          if (person && !fencerMap[person.PersonId]) {
+            fencerMap[person.PersonId] = person;
+          }
+        });
+      });
+
+      return Object.values(fencerMap);
+    },
     markedUpcomingBouts() {
       const statuses = ['Up Now', 'On Deck', 'In The Hole'];
       return this.upcomingBouts.map((bout, index) => {
@@ -273,6 +297,10 @@ export default {
     },
     handleRemovePenalty(penalty) {
       this.$emit('penalty:remove', penalty);
+    },
+    showFencerList(){
+       this.fencerList = !this.fencerList;
+       this.$emit('scoreboard:showFencerList', this.fencerList);
     }
   }
 }