@dcrackel/hematournamentui 1.0.711 → 1.0.713

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

@@ -1,133 +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.' }
-};
+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 }
+};