@dcrackel/hematournamentui 1.0.712 → 1.0.714

package/src/stories/Organisms/Wizards/EditEventWizard/EditEventWizard.stories.js

@@ -1,137 +1,137 @@
-import { ref } from 'vue';
-import EditEvent from './EditEventWizard.vue';
-import singleEventMock from '../../../../mocks/singleEventMock.js';
-
-export default {
-  title: 'Organisms/Wizards/EditEventWizard/EditEventWizard',
-  component: EditEvent,
-  args: {
-    event: { ...singleEventMock, EventPrice: 25.5 },
-    weapons: [
-      { text: 'Longsword', link: 1 },
-      { text: 'Saber', link: 2 },
-      { text: 'Rapier', link: 3 }
-    ],
-    DEFormats: [
-      { text: 'Single Elimination', link: 1 },
-      { text: 'Double Elimination', link: 2 },
-      { text: 'Single Elimination with Round Robin Semi-Final', link: 3 }
-    ],
-    userLevel: 'Admin'
-  },
-  argTypes: {
-    editMode: { control: 'boolean' },
-    step: { control: { type: 'number', min: 1, max: 5 } },
-    saving: { control: 'boolean' },
-    saveError: { control: 'text' },
-    saveNotice: { control: 'text' },
-    event: { control: 'object' },
-    weapons: { control: 'object' },
-    DEFormats: { control: 'object' },
-    userLevel: { control: 'string' }
-  }
-};
-
-export const Default = {
-  args: {
-    event: { ...singleEventMock, EventPrice: 25.5 },
-    weapons: [
-      { text: 'Longsword', link: 1 },
-      { text: 'Saber', link: 2 },
-      { text: 'Rapier', link: 3 }
-    ],
-    DEFormats: [
-      { text: 'Single Elimination', link: 1 },
-      { text: 'Double Elimination', link: 2 },
-      { text: 'Single Elimination with Round Robin Semi-Final', link: 3 }
-    ],
-    userLevel: 'Admin'
-  }
-};
-// new Date().toISOString().split('T')[0],
-export const newEventAsClub = {
-  args: {
-    event: {
-      EventId: 0,
-      CountDoubles: false,
-      CountHandshots: false,
-      CutOffNumber: 64,
-      DEBoutCount: 7,
-      DEBoutCounter: false,
-      DEMax: false,
-      DEMaxPoints: 12,
-      DEPromoteBy: ['Top Percent', 'Top Count', 'Top Count of Each Pool'],
-      DEPromotionAmount: '100%',
-      DEPromotionOrder: ['Win Percent', 'Win Count', 'Indicator', 'Points Scored'],
-      DETime: 180,
-      DETimer: false,
-      DEType: 'single',
-      Date: new Date().toISOString().split('T')[0],
-      EventName: '',
-      EventPrice: '',
-      NumberOfRings: 2,
-      PenaltiesReset: true,
-      PoolScoreDirection: true,
-      StartTime: '12:00:00',
-      WeaponId: 1,
-      boutCount: 5,
-      boutCounter: false,
-      poolMax: false,
-      poolMaxPoints: 7,
-      poolTime: 180,
-      poolTimer: false,
-      seedWith: 'M2 - MeyerSquared',
-      thirdPlaceBout: false
-    },
-    weapons: [
-      { text: 'Longsword', link: 1 },
-      { text: 'Saber', link: 2 },
-      { text: 'Rapier', link: 3 }
-    ],
-    DEFormats: [
-      { text: 'Single Elimination', link: 1 },
-      { text: 'Double Elimination', link: 2 },
-      { text: 'Single Elimination with Round Robin Semi-Final', link: 3 }
-    ],
-    userLevel: 'Club'
-  }
-};
-
-export const EditWithStepSaves = {
-  args: { ...Default.args, editMode: true, step: 1 },
-  render: args => ({
-    components: { Editor: EditEvent },
-    setup() {
-      const event = ref(JSON.parse(JSON.stringify(args.event)));
-      const step = ref(args.step);
-      const saving = ref(false);
-      const notice = ref('');
-      const saveStep = async request => {
-        saving.value = true;
-        await new Promise(resolve => setTimeout(resolve, 500));
-        event.value = request.event;
-        step.value = Math.min(request.step + 1, 5);
-        notice.value = 'Changes saved.';
-        saving.value = false;
-      };
-      const clearNotice = dirty => {
-        if (dirty) notice.value = '';
-      };
-      return { args, event, step, saving, notice, saveStep, clearNotice };
-    },
-    template:
-      '<Editor v-bind="args" :weapons="args.weapons" :event="event" :step="step" :saving="saving" :saveNotice="notice" @save:step="saveStep" @navigate:step="step = $event" @update:dirty="clearNotice" />'
-  })
-};
-
-export const SavingStep = {
-  args: { ...Default.args, editMode: true, step: 2, saving: true }
-};
-
-export const StepSaveFailed = {
-  args: { ...Default.args, editMode: true, step: 2, saveError: 'Changes could not be saved. Please try again.' }
-};
-
-export const WaitlistDisabled = {
-  args: { ...Default.args, event: { ...Default.args.event, WaitlistEnabled: false }, editMode: true, step: 1 }
-};
+import { ref } from 'vue';
+import EditEvent from './EditEventWizard.vue';
+import singleEventMock from '../../../../mocks/singleEventMock.js';
+
+export default {
+  title: 'Organisms/Wizards/EditEventWizard/EditEventWizard',
+  component: EditEvent,
+  args: {
+    event: { ...singleEventMock, EventPrice: 25.5 },
+    weapons: [
+      { text: 'Longsword', link: 1 },
+      { text: 'Saber', link: 2 },
+      { text: 'Rapier', link: 3 }
+    ],
+    DEFormats: [
+      { text: 'Single Elimination', link: 1 },
+      { text: 'Double Elimination', link: 2 },
+      { text: 'Single Elimination with Round Robin Semi-Final', link: 3 }
+    ],
+    userLevel: 'Admin'
+  },
+  argTypes: {
+    editMode: { control: 'boolean' },
+    step: { control: { type: 'number', min: 1, max: 5 } },
+    saving: { control: 'boolean' },
+    saveError: { control: 'text' },
+    saveNotice: { control: 'text' },
+    event: { control: 'object' },
+    weapons: { control: 'object' },
+    DEFormats: { control: 'object' },
+    userLevel: { control: 'string' }
+  }
+};
+
+export const Default = {
+  args: {
+    event: { ...singleEventMock, EventPrice: 25.5 },
+    weapons: [
+      { text: 'Longsword', link: 1 },
+      { text: 'Saber', link: 2 },
+      { text: 'Rapier', link: 3 }
+    ],
+    DEFormats: [
+      { text: 'Single Elimination', link: 1 },
+      { text: 'Double Elimination', link: 2 },
+      { text: 'Single Elimination with Round Robin Semi-Final', link: 3 }
+    ],
+    userLevel: 'Admin'
+  }
+};
+// new Date().toISOString().split('T')[0],
+export const newEventAsClub = {
+  args: {
+    event: {
+      EventId: 0,
+      CountDoubles: false,
+      CountHandshots: false,
+      CutOffNumber: 64,
+      DEBoutCount: 7,
+      DEBoutCounter: false,
+      DEMax: false,
+      DEMaxPoints: 12,
+      DEPromoteBy: ['Top Percent', 'Top Count', 'Top Count of Each Pool'],
+      DEPromotionAmount: '100%',
+      DEPromotionOrder: ['Win Percent', 'Win Count', 'Indicator', 'Points Scored'],
+      DETime: 180,
+      DETimer: false,
+      DEType: 'single',
+      Date: new Date().toISOString().split('T')[0],
+      EventName: '',
+      EventPrice: '',
+      NumberOfRings: 2,
+      PenaltiesReset: true,
+      PoolScoreDirection: true,
+      StartTime: '12:00:00',
+      WeaponId: 1,
+      boutCount: 5,
+      boutCounter: false,
+      poolMax: false,
+      poolMaxPoints: 7,
+      poolTime: 180,
+      poolTimer: false,
+      seedWith: 'M2 - MeyerSquared',
+      thirdPlaceBout: false
+    },
+    weapons: [
+      { text: 'Longsword', link: 1 },
+      { text: 'Saber', link: 2 },
+      { text: 'Rapier', link: 3 }
+    ],
+    DEFormats: [
+      { text: 'Single Elimination', link: 1 },
+      { text: 'Double Elimination', link: 2 },
+      { text: 'Single Elimination with Round Robin Semi-Final', link: 3 }
+    ],
+    userLevel: 'Club'
+  }
+};
+
+export const EditWithStepSaves = {
+  args: { ...Default.args, editMode: true, step: 1 },
+  render: args => ({
+    components: { Editor: EditEvent },
+    setup() {
+      const event = ref(JSON.parse(JSON.stringify(args.event)));
+      const step = ref(args.step);
+      const saving = ref(false);
+      const notice = ref('');
+      const saveStep = async request => {
+        saving.value = true;
+        await new Promise(resolve => setTimeout(resolve, 500));
+        event.value = request.event;
+        step.value = Math.min(request.step + 1, 5);
+        notice.value = 'Changes saved.';
+        saving.value = false;
+      };
+      const clearNotice = dirty => {
+        if (dirty) notice.value = '';
+      };
+      return { args, event, step, saving, notice, saveStep, clearNotice };
+    },
+    template:
+      '<Editor v-bind="args" :weapons="args.weapons" :event="event" :step="step" :saving="saving" :saveNotice="notice" @save:step="saveStep" @navigate:step="step = $event" @update:dirty="clearNotice" />'
+  })
+};
+
+export const SavingStep = {
+  args: { ...Default.args, editMode: true, step: 2, saving: true }
+};
+
+export const StepSaveFailed = {
+  args: { ...Default.args, editMode: true, step: 2, saveError: 'Changes could not be saved. Please try again.' }
+};
+
+export const WaitlistDisabled = {
+  args: { ...Default.args, event: { ...Default.args.event, WaitlistEnabled: false }, editMode: true, step: 1 }
+};

package/src/stories/Organisms/Wizards/EditEventWizard/EventCustomization/EventCustomization.vue

@@ -1,172 +1,172 @@
-<template>
-  <div class="flex flex-col h-full pb-4">
-    <div class="w-full flex justify-center grow">
-      <StepIndicator :steps="steps" :selected="currentStep" />
-    </div>
-    <div class="w-full flex flex-row justify-center my-4 grow">
-      <BaseText
-        :color="'primaryHighlight'"
-        :size="'2xl'"
-        :text="'Event Customization'"
-        :weight="'normal'"
-        data-testid="text-add-tournament"
-      />
-    </div>
-    <div class="w-full flex flex-row justify-center my-4 grow">
-      <BaseText
-        :color="'quinary'"
-        :size="'sm'"
-        :text="'This section is for event specific customizations. These settings are optional and vary from tournament to tournament.'"
-        :weight="'normal'"
-        data-testid="text-registration"
-      />
-    </div>
-    <div class="mb-4 grow">
-      <BaseText :color="'quaternary'" :size="'sm'" :text="'INCLUDE IN RATINGS'" class="border-b my-5" />
-      <Toggle
-        :checked="localEventConfig.IncludeInRatings === true"
-        :label="includeInRatingsUpLabel"
-        :labelLeft="false"
-        @update:checked="handleToggleChange('IncludeInRatings', localEventConfig.IncludeInRatings)"
-      />
-    </div>
-    <div class="mb-4 grow">
-      <BaseText :color="'quaternary'" :size="'sm'" :text="'SCORING DIRECTION'" class="border-b my-5" />
-      <Toggle
-        :checked="localEventConfig.PoolScoreDirection === true"
-        :label="countedUpLabel"
-        :labelLeft="false"
-        @update:checked="handleToggleChange('PoolScoreDirection', localEventConfig.PoolScoreDirection)"
-      />
-    </div>
-    <div class="mb-4 grow">
-      <BaseText :color="'quaternary'" :size="'sm'" :text="'PENALTIES'" class="border-b mt-5" />
-      <BaseText
-        text="Regardless of this setting, Directors can add a note to any fencer that will stick for the entire event."
-        size="sm"
-        color="quaternary"
-        class="mt-1 mb-5"
-      />
-      <Toggle
-        :checked="localEventConfig.PenaltiesReset === true"
-        :label="penaltyCardsLabel"
-        :labelLeft="false"
-        @update:checked="handleToggleChange('PenaltiesReset', localEventConfig.PenaltiesReset)"
-      />
-    </div>
-    <div class="mb-4 grow">
-      <BaseText :color="'quaternary'" :size="'sm'" :text="'EXTRA TRACKING DATA'" class="border-b mt-5" />
-      <BaseText
-        :color="'quaternary'"
-        :size="'sm'"
-        :text="'This will add extra modules to the Director screen. It\'s recommended to enable only this feature if truly necessary.'"
-        :weight="'normal'"
-        class="mt-1 mb-5"
-      />
-      <Toggle
-        :checked="isCountHandshotsEnabled"
-        :label="countingHandshotsLabel"
-        :labelLeft="false"
-        @update:checked="handleToggleChange('CountHandshots')"
-      />
-      <Toggle
-        :checked="localEventConfig.CountDoubles === true"
-        :label="countDoublesLabel"
-        :labelLeft="false"
-        @update:checked="handleToggleChange('CountDoubles', localEventConfig.CountDoubles)"
-      />
-    </div>
-  </div>
-  <div class="flex flex-row justify-center h-12 mt-4">
-    <BaseButton
-      class="w-1/2 ml-1 h-12"
-      color="neutral"
-      label="Back"
-      size="sm"
-      type="primary"
-      @buttonClick="handleBack"
-    />
-    <BaseButton
-      class="w-1/2 mr-1 transition-all duration-300 ease-in-out h-12"
-      color="neutral"
-      :label="nextButtonLabel"
-      selected="selected"
-      size="sm"
-      type="primary"
-      @buttonClick="handleNext"
-    />
-  </div>
-</template>
-
-<script>
-import BaseText from '../../../../Atoms/Text/BaseText.vue';
-import Toggle from '../../../../Molecules/Inputs/Toggle/Toggle.vue';
-import StepIndicator from '../../../../Molecules/StepIndicator/BaseStepIndicator/StepIndicator.vue';
-import BaseButton from '../../../../Molecules/Buttons/BaseButton/BaseButton.vue';
-
-export default {
-  name: 'EventCustomization',
-  components: { BaseButton, StepIndicator, BaseText, Toggle },
-  emits: ['update', 'update:back', 'update:next'],
-  props: {
-    nextButtonLabel: { type: String, default: 'Next' },
-    eventConfig: {
-      type: Object,
-      required: true
-    },
-    steps: {
-      type: Array,
-      required: true
-    },
-    currentStep: {
-      type: Number,
-      required: true
-    }
-  },
-  data() {
-    return {
-      localEventConfig: { ...this.eventConfig }
-    };
-  },
-  computed: {
-    includeInRatingsUpLabel() {
-      return this.localEventConfig.IncludeInRatings
-        ? 'Include in M² Ratings - Other Criteria may still need to meet to be included'
-        : 'Exclude from Ratings';
-    },
-    countedUpLabel() {
-      return this.localEventConfig.PoolScoreDirection
-        ? 'Score Counts Up From Zero to Max'
-        : 'Score Starts at Max and Counts Down to Zero';
-    },
-    isCountHandshotsEnabled() {
-      return this.localEventConfig.CountHandshots === true;
-    },
-    countingHandshotsLabel() {
-      return this.localEventConfig.CountHandshots
-        ? 'Handshots Counter Added & Will Be Tracked'
-        : 'Handshots Are Not Counted';
-    },
-    countDoublesLabel() {
-      return this.localEventConfig.CountDoubles ? 'Double Counter Added & Will Be Tracked' : 'Doubles Are Not Counted';
-    },
-    penaltyCardsLabel() {
-      return this.localEventConfig.PenaltiesReset
-        ? 'Penalty Cards Reset After Each Bout'
-        : 'Penalty Cards Stick for the Entire Event';
-    }
-  },
-  methods: {
-    handleBack() {
-      this.$emit('update:back');
-    },
-    handleNext() {
-      this.$emit('update:next', this.eventConfig);
-    },
-    handleToggleChange(key) {
-      this.localEventConfig[key] = this.localEventConfig[key] !== true;
-      this.$emit('update', { [key]: this.localEventConfig[key] });
-    }
-  }
-};
-</script>
+<template>
+  <div class="flex flex-col h-full pb-4">
+    <div class="w-full flex justify-center grow">
+      <StepIndicator :steps="steps" :selected="currentStep" />
+    </div>
+    <div class="w-full flex flex-row justify-center my-4 grow">
+      <BaseText
+        :color="'primaryHighlight'"
+        :size="'2xl'"
+        :text="'Event Customization'"
+        :weight="'normal'"
+        data-testid="text-add-tournament"
+      />
+    </div>
+    <div class="w-full flex flex-row justify-center my-4 grow">
+      <BaseText
+        :color="'quinary'"
+        :size="'sm'"
+        :text="'This section is for event specific customizations. These settings are optional and vary from tournament to tournament.'"
+        :weight="'normal'"
+        data-testid="text-registration"
+      />
+    </div>
+    <div class="mb-4 grow">
+      <BaseText :color="'quaternary'" :size="'sm'" :text="'INCLUDE IN RATINGS'" class="border-b my-5" />
+      <Toggle
+        :checked="localEventConfig.IncludeInRatings === true"
+        :label="includeInRatingsUpLabel"
+        :labelLeft="false"
+        @update:checked="handleToggleChange('IncludeInRatings', localEventConfig.IncludeInRatings)"
+      />
+    </div>
+    <div class="mb-4 grow">
+      <BaseText :color="'quaternary'" :size="'sm'" :text="'SCORING DIRECTION'" class="border-b my-5" />
+      <Toggle
+        :checked="localEventConfig.PoolScoreDirection === true"
+        :label="countedUpLabel"
+        :labelLeft="false"
+        @update:checked="handleToggleChange('PoolScoreDirection', localEventConfig.PoolScoreDirection)"
+      />
+    </div>
+    <div class="mb-4 grow">
+      <BaseText :color="'quaternary'" :size="'sm'" :text="'PENALTIES'" class="border-b mt-5" />
+      <BaseText
+        text="Regardless of this setting, Directors can add a note to any fencer that will stick for the entire event."
+        size="sm"
+        color="quaternary"
+        class="mt-1 mb-5"
+      />
+      <Toggle
+        :checked="localEventConfig.PenaltiesReset === true"
+        :label="penaltyCardsLabel"
+        :labelLeft="false"
+        @update:checked="handleToggleChange('PenaltiesReset', localEventConfig.PenaltiesReset)"
+      />
+    </div>
+    <div class="mb-4 grow">
+      <BaseText :color="'quaternary'" :size="'sm'" :text="'EXTRA TRACKING DATA'" class="border-b mt-5" />
+      <BaseText
+        :color="'quaternary'"
+        :size="'sm'"
+        :text="'This will add extra modules to the Director screen. It\'s recommended to enable only this feature if truly necessary.'"
+        :weight="'normal'"
+        class="mt-1 mb-5"
+      />
+      <Toggle
+        :checked="isCountHandshotsEnabled"
+        :label="countingHandshotsLabel"
+        :labelLeft="false"
+        @update:checked="handleToggleChange('CountHandshots')"
+      />
+      <Toggle
+        :checked="localEventConfig.CountDoubles === true"
+        :label="countDoublesLabel"
+        :labelLeft="false"
+        @update:checked="handleToggleChange('CountDoubles', localEventConfig.CountDoubles)"
+      />
+    </div>
+  </div>
+  <div class="flex flex-row justify-center h-12 mt-4">
+    <BaseButton
+      class="w-1/2 ml-1 h-12"
+      color="neutral"
+      label="Back"
+      size="sm"
+      type="primary"
+      @buttonClick="handleBack"
+    />
+    <BaseButton
+      class="w-1/2 mr-1 transition-all duration-300 ease-in-out h-12"
+      color="neutral"
+      :label="nextButtonLabel"
+      selected="selected"
+      size="sm"
+      type="primary"
+      @buttonClick="handleNext"
+    />
+  </div>
+</template>
+
+<script>
+import BaseText from '../../../../Atoms/Text/BaseText.vue';
+import Toggle from '../../../../Molecules/Inputs/Toggle/Toggle.vue';
+import StepIndicator from '../../../../Molecules/StepIndicator/BaseStepIndicator/StepIndicator.vue';
+import BaseButton from '../../../../Molecules/Buttons/BaseButton/BaseButton.vue';
+
+export default {
+  name: 'EventCustomization',
+  components: { BaseButton, StepIndicator, BaseText, Toggle },
+  emits: ['update', 'update:back', 'update:next'],
+  props: {
+    nextButtonLabel: { type: String, default: 'Next' },
+    eventConfig: {
+      type: Object,
+      required: true
+    },
+    steps: {
+      type: Array,
+      required: true
+    },
+    currentStep: {
+      type: Number,
+      required: true
+    }
+  },
+  data() {
+    return {
+      localEventConfig: { ...this.eventConfig }
+    };
+  },
+  computed: {
+    includeInRatingsUpLabel() {
+      return this.localEventConfig.IncludeInRatings
+        ? 'Include in M² Ratings - Other Criteria may still need to meet to be included'
+        : 'Exclude from Ratings';
+    },
+    countedUpLabel() {
+      return this.localEventConfig.PoolScoreDirection
+        ? 'Score Counts Up From Zero to Max'
+        : 'Score Starts at Max and Counts Down to Zero';
+    },
+    isCountHandshotsEnabled() {
+      return this.localEventConfig.CountHandshots === true;
+    },
+    countingHandshotsLabel() {
+      return this.localEventConfig.CountHandshots
+        ? 'Handshots Counter Added & Will Be Tracked'
+        : 'Handshots Are Not Counted';
+    },
+    countDoublesLabel() {
+      return this.localEventConfig.CountDoubles ? 'Double Counter Added & Will Be Tracked' : 'Doubles Are Not Counted';
+    },
+    penaltyCardsLabel() {
+      return this.localEventConfig.PenaltiesReset
+        ? 'Penalty Cards Reset After Each Bout'
+        : 'Penalty Cards Stick for the Entire Event';
+    }
+  },
+  methods: {
+    handleBack() {
+      this.$emit('update:back');
+    },
+    handleNext() {
+      this.$emit('update:next', this.eventConfig);
+    },
+    handleToggleChange(key) {
+      this.localEventConfig[key] = this.localEventConfig[key] !== true;
+      this.$emit('update', { [key]: this.localEventConfig[key] });
+    }
+  }
+};
+</script>