@dcrackel/hematournamentui 1.0.698 → 1.0.701

package/src/stories/Templates/TournamentManagement/TournamentPageTwo/{TouranmentPageTwo.vue → TournamentPageTwo.vue}

@@ -12,7 +12,7 @@
               :size="'xl'"
               :text="'Do you want MeyerSquared to host your tournament?'"
               :weight="'normal'"
-              data-testid="text-ferrotas-to-host"
+              data-testid="text-meyer-squared-to-host"
               class="border-b border-dropdownSelect mb-2"
           />
           <BaseText
@@ -32,7 +32,7 @@
                 label="Yes"
                 size="sm"
                 type="square"
-                :selected="!!tournament.HostedOnM2"
+                :selected="isHosted"
                 @buttonClick="handleHostedChoice(true)"
             />
             <BaseButton
@@ -41,14 +41,13 @@
                 label="No"
                 size="sm"
                 type="square"
-                :selected="!tournament.HostedOnM2"
+                :selected="!isHosted"
                 @buttonClick="handleHostedChoice(false)"
             />
           </div>
         </section>
 
-        <!-- Results Import (only when NOT hosted) -->
-        <div v-if="!tournament.HostedOnM2" class="flex flex-col pb-4 mt-10">
+        <div v-if="!isHosted" class="flex flex-col pb-4 mt-10">
           <BaseText
               :color="'primaryHighlight'"
               :size="'xl'"
@@ -73,22 +72,22 @@
                   label="Not now"
                   size="sm"
                   type="square"
-                  :selected="!tournament.ResultsEnabled"
+                  :selected="!resultsEnabled"
                   @buttonClick="emitUpdate('ResultsEnabled', false)"
               />
               <BaseButton
                   class="w-1/2 ml-1"
                   color="neutral"
-                  label="Yes, I’ll upload results"
+                  label="Yes, I'll upload results"
                   size="sm"
                   type="square"
-                  :selected="!!tournament.ResultsEnabled"
+                  :selected="resultsEnabled"
                   @buttonClick="emitUpdate('ResultsEnabled', true)"
               />
             </div>
           </section>
 
-          <div v-if="tournament.ResultsEnabled" class="w-full flex flex-col items-center mt-6">
+          <div v-if="resultsEnabled" class="w-full flex flex-col items-center mt-6">
             <BaseText
                 :color="'quaternary'"
                 :size="'sm'"
@@ -98,9 +97,7 @@
                 data-testid="text-results-anytime"
             />
 
-            <!-- This does not navigate by itself; it just emits an intent.
-                 Parent can switch to a "Results Import" tab/screen. -->
-            <BaseButton
+            <BaseButton
                 class="w-3/4"
                 color="neutral"
                 label="Go to Results Import"
@@ -111,8 +108,7 @@
           </div>
         </div>
 
-        <!-- Visibility (only when hosted) -->
-        <div v-if="tournament.HostedOnM2" class="flex flex-col pb-4 mt-10">
+        <div v-if="isHosted" class="flex flex-col pb-4 mt-10">
           <BaseText
               :color="'primaryHighlight'"
               :invalid="validation.visibility"
@@ -133,15 +129,14 @@
             <BaseRadioGroup
                 :invalid="validation.visibility"
                 :items="visibilityItems"
-                :value="tournament.Visibility"
+                :value="visibility"
                 @update:value="value => emitUpdate('Visibility', value)"
                 class="w-3/4"
             />
           </div>
         </div>
 
-        <!-- Waiver Required (only when hosted) -->
-        <div v-if="tournament.HostedOnM2" class="flex flex-col pb-4 mt-10">
+        <div v-if="isHosted" class="flex flex-col pb-4 mt-10">
           <BaseText
               :color="'primaryHighlight'"
               :invalid="validation.waiverScope"
@@ -162,7 +157,7 @@
             <BaseRadioGroup
                 :invalid="validation.waiverScope"
                 :items="waiverItems"
-                :value="tournament.WaiverScope"
+                :value="waiverScope"
                 @update:value="value => emitUpdate('WaiverScope', value)"
                 class="w-3/4"
             />
@@ -190,7 +185,7 @@
 
           <BaseText :color="'quaternary'" :size="'sm'" :text="'Registration (Payment) Link'" :weight="'normal'" class="mb-1" data-testid="text-registration-link"/>
           <BaseInput
-              :value="tournament.RegistrationLink"
+              :value="registrationLink"
               :addBorder="true"
               class="pb-2 w-full mb-4"
               iconName="fa-dash"
@@ -200,7 +195,7 @@
 
           <BaseText :color="'quaternary'" :size="'sm'" :text="'Tournament Rules and Documents'" :weight="'normal'" class="mb-1" data-testid="text-rules-link"/>
           <BaseInput
-              :value="tournament.RulesLink"
+              :value="rulesLink"
               :addBorder="true"
               class="pb-2 w-full"
               iconName="fa-dash"
@@ -234,19 +229,37 @@ export default {
         waiverScope: false,
       },
       visibilityItems: [
-        { label: 'Open', value: 'Open', description: 'Viewable To Everyone' },
-        { label: 'Club', value: 'Club', description: 'Viewable Only to Members of Your Club' },
-        { label: 'Private', value: 'Private', description: 'Only Viewable by you' },
-      ],
-      waiverItems: [
-        { label: 'No', value: 'none', description: 'No waiver required' },
-        { label: 'Club Waiver', value: 'club', description: 'Sign once, good forever' },
-        { label: 'Tournament Waiver', value: 'tournament', description: 'Only for this tournament' },
-      ],
+        { label: 'Open', value: 'Open', description: 'Viewable to everyone' },
+        { label: 'Club', value: 'Club', description: 'Viewable only to members of your club' },
+        { label: 'Private', value: 'Private', description: 'Only viewable by you' },
+      ],
+      waiverItems: [
+        { label: 'No', value: 'None', description: 'No waiver required' },
+        { label: 'Club Waiver', value: 'Club', description: 'Sign once, good forever' },
+        { label: 'Tournament Waiver', value: 'Tournament', description: 'Only for this tournament' },
+      ],
     };
-  },
-  computed: {
-    hostingDescription() {
+  },
+  computed: {
+    isHosted() {
+      return !!this.tournament?.HostedOnM2;
+    },
+    resultsEnabled() {
+      return !!this.tournament?.ResultsEnabled;
+    },
+    visibility() {
+      return this.tournament?.Visibility || 'Open';
+    },
+    waiverScope() {
+      return this.tournament?.WaiverScope || 'None';
+    },
+    registrationLink() {
+      return this.tournament?.RegistrationLink || '';
+    },
+    rulesLink() {
+      return this.tournament?.RulesLink || '';
+    },
+    hostingDescription() {
       return `If you select 'No', your tournament will be featured on our main calendar and you can link out to your registration page.\n\n`
           + `You can also publish final results on MeyerSquared later (any time) to support ratings and historical records.\n\n`
           + `By selecting 'Yes', you'll gain access to the full MeyerSquared platform to run pools, brackets, and live scoring.`;
@@ -256,16 +269,22 @@ export default {
           + `You can upload results now, or come back after the tournament and upload them later.`;
     }
   },
-  methods: {
-    emitUpdate(field, value) {
-      this.$emit('update:tournament', { [field]: value });
-    },
-    handleHostedChoice(isHosted) {
-      this.emitUpdate('HostedOnM2', isHosted);
+  methods: {
+    emitUpdate(field, value) {
+      this.$emit('update:tournament', { [field]: value });
+    },
+    emitTournamentUpdate(updatedTournamentFields) {
+      this.$emit('update:tournament', updatedTournamentFields);
+    },
+    handleHostedChoice(isHosted) {
+      if (isHosted) {
+        this.emitTournamentUpdate({ HostedOnM2: true, ResultsEnabled: false });
+        return;
+      }
+
+      this.emitUpdate('HostedOnM2', false);
+    }
+  }
+};
+</script>
 
-      // If they switch to Hosted, results import doesn't apply. Clear it to avoid confusion.
-      if (isHosted) this.emitUpdate('ResultsEnabled', false);
-    }
-  }
-};
-</script>

package/src/stories/Templates/PersonManagement/Admin/FencerAdmin.stories.js

@@ -1,48 +0,0 @@
-import FencerAdmin from './FencerAdmin.vue';
-import personsMock from "../../../../mocks/personsMock.js";
-
-export default {
-    title: 'Templates/PersonManagement/Admin/FencerAdmin',
-    component: FencerAdmin,
-    tags: ['autodocs'],
-    args: {
-        person: personsMock
-    },
-    argTypes: {
-        person: { control: { type: 'object' } }
-    }
-};
-
-export const Default = {
-    args: {
-        person: personsMock
-    }
-};
-
-export const WithAdminAccess = {
-    args: {
-        person: {
-            ...personsMock,
-            AccessLevel: 'Admin',
-            HemaRatingsId: '12345'
-        }
-    }
-};
-
-export const WithoutHemaRating = {
-    args: {
-        person: {
-            ...personsMock[0],
-            HemaRatingsId: ''
-        }
-    }
-};
-
-export const WithClubAccess = {
-    args: {
-        person: {
-            ...personsMock[0],
-            AccessLevel: 'Club'
-        }
-    }
-};

package/src/stories/Templates/TournamentManagement/TournamentPageOne/TouranmentPageOne.stories.js

@@ -1,63 +0,0 @@
-import TournamentForm from "./TournamentPageOne.vue";
-import mockLocation from "../../../../mocks/locationMock.js";
-import mockTournaments from "../../../../mocks/tournamentMock.js";
-import mockPersons from "../../../../mocks/personsMock.js";
-
-export default {
-    title: 'Templates/TournamentManagement/TournamentPageOne',
-    component: TournamentForm,
-    tags: ["autodocs"],
-    args: {
-        tournament: mockTournaments[0],
-        locations: mockLocation,
-    },
-    argTypes: {
-        tournament: {
-            control: { type: "object" },
-        },
-        locations: {
-            control: { type: "object" },
-        },
-    },
-};
-
-export const Default = {
-    args: {
-        tournament: mockTournaments[0],
-        locations: mockLocation,
-        persons: mockPersons,
-        validation: {
-            Name: { invalid: false, message: '' },
-            Address: { invalid: false, message: '' },
-            StartDate: { invalid: false, message: '' },
-            TotalDays: { invalid: false, message: '' },
-            RegistrationCutOff: { invalid: false, message: '' },
-            Description: { invalid: false, message: '' },
-        },
-    },
-};
-
-export const EmptyTournament = {
-    args: {
-        tournament: {
-            Name: '',
-            Address: { Name: '' },
-            StartDate: new Date(),
-            TotalDays: 1,
-            RegistrationCutOff: new Date(),
-            PrimaryContactId: mockPersons?.[0]?.PersonId ?? 0,
-            Images: [{ URL: '' }],
-            Description: '',
-        },
-        locations: mockLocation,
-        persons: mockPersons,
-        validation: {
-            Name: { invalid: false, message: '' },
-            Address: { invalid: false, message: '' },
-            StartDate: { invalid: false, message: '' },
-            TotalDays: { invalid: false, message: '' },
-            RegistrationCutOff: { invalid: false, message: '' },
-            Description: { invalid: false, message: '' },
-        },
-    },
-};