@dcrackel/hematournamentui 1.0.702 → 1.0.706

package/package.json

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

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

@@ -63,19 +63,17 @@ export default {
         status,
         customStatus: b.customStatus || '',
         timeLeftSeconds,
-        fencer1: {
-          portrait: f1?.Images?.[0]?.URL || missingPortrait,
-          name: f1?.DisplayName || 'Unknown Name',
-  emits: ['action:assignBout', 'action:editBout', 'action:resumeBout', 'action:startBout', 'reorder:swap'],
-          team: f1?.Club?.Name || 'Unknown Team',
-          colorDot: this.hostingClubColors?.Color1 || 'red',
-        },
-        fencer2: {
-          portrait: f2?.Images?.[0]?.URL || missingPortrait,
-          name: f2?.DisplayName || 'Unknown Name',
-  emits: ['action:assignBout', 'action:editBout', 'action:resumeBout', 'action:startBout', 'reorder:swap'],
-          team: f2?.Club?.Name || 'Unknown Team',
-          colorDot: this.hostingClubColors?.Color2 || 'blue',
+        fencer1: {
+          portrait: f1?.Images?.[0]?.URL || missingPortrait,
+          name: f1?.DisplayName || 'Unknown Name',
+          team: f1?.Club?.Name || 'Unknown Team',
+          colorDot: this.hostingClubColors?.Color1 || 'red',
+        },
+        fencer2: {
+          portrait: f2?.Images?.[0]?.URL || missingPortrait,
+          name: f2?.DisplayName || 'Unknown Name',
+          team: f2?.Club?.Name || 'Unknown Team',
+          colorDot: this.hostingClubColors?.Color2 || 'blue',
         },
         score1,
         score2,

package/src/stories/Organisms/Containers/Tableau/Tableau.test.js

@@ -0,0 +1,37 @@
+import { shallowMount } from '@vue/test-utils';
+import { describe, expect, it } from 'vitest';
+import BoutCard from '../../Cards/BoutCard/BoutCard.vue';
+import Tableau from './Tableau.vue';
+
+const bout = {
+  BoutId: 42,
+  DEBoutId: 1,
+  RoundLabel: 'Final',
+  Status: 'Scheduled',
+  Person1: { PersonId: 1, DisplayName: 'Fencer One' },
+  Person2: { PersonId: 2, DisplayName: 'Fencer Two' },
+};
+
+const mountListView = () => shallowMount(Tableau, {
+  props: {
+    bouts: [bout],
+    bracketSize: 'Final',
+    hostingClubColors: {},
+    largeCards: true,
+    listView: true,
+  },
+});
+
+describe('Tableau list view', () => {
+  it('enables bout interaction and emits the full bout when starting', async () => {
+    const wrapper = mountListView();
+    const boutCard = wrapper.findComponent(BoutCard);
+
+    expect(boutCard.props('editMode')).toBe(true);
+
+    boutCard.vm.$emit('action:startBout', { BoutId: bout.BoutId });
+    await wrapper.vm.$nextTick();
+
+    expect(wrapper.emitted('action:directingBout')).toEqual([[bout]]);
+  });
+});

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

@@ -19,12 +19,12 @@
       <div class="border-b border-dropdownSelect mb-5"></div>
 
       <div v-for="bout in assignedBoutsToMe" :key="bout.BoutId" class="mb-4">
-        <BoutCard
-            :bout="bout"
-            :hostingClubColors="hostingClubColors"
-            :editMode="false"
-            :reorderMode="false"
-            :isAdmin="isAdmin"
+        <BoutCard
+            :bout="bout"
+            :hostingClubColors="hostingClubColors"
+            :editMode="true"
+            :reorderMode="false"
+            :isAdmin="isAdmin"
             @action:startBout="handleDirectingFromIds"
             @action:resumeBout="handleDirectingFromIds"
             @action:editBout="handleEditFromIds"
@@ -42,12 +42,12 @@
       <BaseText class="my-5" color="primaryHighlight" size="sm" :text="roundName" weight="bold"/>
 
       <div v-for="bout in bouts" :key="bout.BoutId" class="mb-4">
-        <BoutCard
-            :bout="bout"
-            :hostingClubColors="hostingClubColors"
-            :editMode="false"
-            :reorderMode="false"
-            :isAdmin="isAdmin"
+        <BoutCard
+            :bout="bout"
+            :hostingClubColors="hostingClubColors"
+            :editMode="true"
+            :reorderMode="false"
+            :isAdmin="isAdmin"
             @action:startBout="handleDirectingFromIds"
             @action:resumeBout="handleDirectingFromIds"
             @action:editBout="handleEditFromIds"

package/src/stories/Templates/EventManagement/Bracket/Bracket.test.js

@@ -0,0 +1,71 @@
+import { shallowMount } from '@vue/test-utils';
+import { describe, expect, it } from 'vitest';
+import AssignDirectorModal from '../../../Molecules/Modals/AssignDirectorModal/AssignDirectorModal.vue';
+import Tableau from '../../../Organisms/Containers/Tableau/Tableau.vue';
+import Bracket from './Bracket.vue';
+
+const bout = {
+  BoutId: 42,
+  DEBoutId: 1,
+  RoundLabel: 'Final',
+  Status: 'Scheduled',
+  Person1: { PersonId: 1, DisplayName: 'Fencer One' },
+  Person2: { PersonId: 2, DisplayName: 'Fencer Two' },
+};
+
+const director = {
+  PersonId: 7,
+  DisplayName: 'Director One',
+  PortraitUrl: '/director-one.png',
+  Ring: {
+    PoolId: 12,
+    RingName: 'Ring One',
+  },
+};
+
+const mountBracket = () => shallowMount(Bracket, {
+  props: {
+    bouts: [bout],
+    eventRules: [],
+    hostingClubColors: {},
+    connectedToServer: true,
+    directors: [director],
+    currentUserId: director.PersonId,
+  },
+});
+
+describe('Bracket director assignment', () => {
+  it('opens the assignment modal for the selected bout', async () => {
+    const wrapper = mountBracket();
+
+    wrapper.findComponent(Tableau).vm.$emit('action:assignBout', bout);
+    await wrapper.vm.$nextTick();
+
+    const modal = wrapper.findComponent(AssignDirectorModal);
+    expect(modal.props('show')).toBe(true);
+    expect(modal.props('bout')).toEqual(bout);
+    expect(modal.props('directors')).toEqual([director]);
+
+    wrapper.unmount();
+  });
+
+  it('emits cloned assignment intent without using the live-score event', async () => {
+    const wrapper = mountBracket();
+    const tableau = wrapper.findComponent(Tableau);
+
+    tableau.vm.$emit('action:assignBout', bout);
+    await wrapper.vm.$nextTick();
+
+    wrapper.findComponent(AssignDirectorModal).vm.$emit('assign', { bout, director });
+    await wrapper.vm.$nextTick();
+
+    const payload = wrapper.emitted('assign:director')[0][0];
+    expect(payload).toEqual({ bout, director });
+    expect(payload.bout).not.toBe(bout);
+    expect(payload.director).not.toBe(director);
+    expect(wrapper.emitted('update:bout')).toBeUndefined();
+    expect(wrapper.findComponent(AssignDirectorModal).props('show')).toBe(false);
+
+    wrapper.unmount();
+  });
+});

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

@@ -77,8 +77,8 @@ import emptyDesertIcon from "../../../../assets/empty_desert_icon.png";
 import { tabs } from '../../../Util/tabs.js';
 import AssignDirectorModal from "../../../Molecules/Modals/AssignDirectorModal/AssignDirectorModal.vue";
 
-export default {
-  emits: ['penalty:add', 'penalty:remove', 'penalty:update', 'submit:bout', 'tab:menu-click', 'update:bout', 'update:directing-bout'],
+export default {
+  emits: ['assign:director', 'penalty:add', 'penalty:remove', 'penalty:update', 'submit:bout', 'tab:menu-click', 'update:bout', 'update:directing-bout'],
   components: {
     AssignDirectorModal,
     Tableau,
@@ -193,24 +193,15 @@ export default {
     window.removeEventListener('resize', this.updateViewBasedOnScreenSize);
   },
   methods: {
-    handleAssignDirector({ bout, director }) {
-      const boutId = bout?.BoutId;
-      if (!boutId) return;
-
-      const patched = {
-        ...bout,
-        RefereeId: director.PersonId,
-        RefName: director.DisplayName,
-      };
-
-      this.boutsData = this.boutsData.map(b =>
-          b.BoutId === boutId ? { ...b, ...patched } : b
-      );
-
-      // bubble up so the real app persists it
-      this.$emit('update:bout', patched);
-
-      this.closeAssignDirectorModal();
+    handleAssignDirector({ bout, director }) {
+      if (!bout?.BoutId || !director?.PersonId) return;
+
+      this.$emit('assign:director', {
+        bout: { ...bout },
+        director: { ...director }
+      });
+
+      this.closeAssignDirectorModal();
     },
     openAssignDirector(bout) {
       this.assigningBout = bout;