@dcrackel/hematournamentui 1.0.706 → 1.0.707

package/src/stories/Templates/EventManagement/EditEventInfo/EditEventInfo.stories.js

@@ -1,53 +1,52 @@
 import editConfig from './EditEventInfo.vue';
-import singleEventMock from "../../../../mocks/singleEventMock.js";
-import eventRules from "../../../../mocks/eventRules.js";
-import getAllWeapons from "../../../../mocks/getAllWeapons.js";
+import singleEventMock from '../../../../mocks/singleEventMock.js';
+import eventRules from '../../../../mocks/eventRules.js';
+import getAllWeapons from '../../../../mocks/getAllWeapons.js';
 
 export default {
-    title: 'Templates/EventManagement/EditEventInfo',
-    component: editConfig,
-    tags: ['autodocs'],
-    args: {
-        event: singleEventMock,
-        weapons: getAllWeapons,
-        rules: eventRules,
-        userLevel: 'admin'
-    },
-    argTypes: {
-        event: { control: 'object' },
-        weapons: { control: 'object' },
-        rules: { control: 'object' },
-        userLevel: { control: 'text' }
-    },
-
-};
-
-export const Default = {
-    args: {
-        event: singleEventMock,
-        weapons: getAllWeapons,
-        rules: eventRules,
-        userLevel: 'admin'
-    }
-};
-
-export const NewEvent = {
-    args: {
-        event: {
-            Absent: 0,
-            Date: new Date().toISOString().split('T')[0],
-            EventName: '',
-            Flights: 1,
-            NumberOfPools: 2,
-            NumberOfRings: 2,
-            PoolSize: 0,
-            Present: 0,
-            StartTime: '12:00:00',
-            Status: 'planning',
-            TournamentId: 10,
-        },
-        weapons: getAllWeapons,
-        rules: [],
-        userLevel: 'admin'
-    }
-}
+  title: 'Templates/EventManagement/EditEventInfo',
+  component: editConfig,
+  tags: ['autodocs'],
+  args: {
+    event: singleEventMock,
+    weapons: getAllWeapons,
+    rules: eventRules,
+    userLevel: 'admin'
+  },
+  argTypes: {
+    event: { control: 'object' },
+    weapons: { control: 'object' },
+    rules: { control: 'object' },
+    userLevel: { control: 'text' }
+  }
+};
+
+export const Default = {
+  args: {
+    event: singleEventMock,
+    weapons: getAllWeapons,
+    rules: eventRules,
+    userLevel: 'admin'
+  }
+};
+
+export const NewEvent = {
+  args: {
+    event: {
+      Absent: 0,
+      Date: new Date().toISOString().split('T')[0],
+      EventName: '',
+      Flights: 1,
+      NumberOfPools: 2,
+      NumberOfRings: 2,
+      PoolSize: 0,
+      Present: 0,
+      StartTime: '12:00:00',
+      Status: 'planning',
+      TournamentId: 10
+    },
+    weapons: getAllWeapons,
+    rules: [],
+    userLevel: 'admin'
+  }
+};

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

@@ -1,29 +1,29 @@
 <template>
   <section>
-    <EditEventsTopMenu :currentTab="'Edit'" :tabs="tabs(userLevel, isMobile)" @tabMenuClick="handleTabMenuClick"/>
+    <EditEventsTopMenu :currentTab="'Edit'" :tabs="tabs(userLevel, isMobile)" @tabMenuClick="handleTabMenuClick" />
 
     <div class="w-full flex flex-row justify-center mt-3">
-        <EditEventWizard
-            :event="event"
-            :rules="rules"
-            :weapons="weapons"
-            :userLevel="userLevel"
-            @update:submit="handleSubmit"
-        />
+      <EditEventWizard
+        :event="event"
+        :rules="rules"
+        :weapons="weapons"
+        :userLevel="userLevel"
+        @update:submit="handleSubmit"
+      />
     </div>
   </section>
 </template>
 
 <script>
-import EditEventsTopMenu from "../../Menus/EditEventsTopMenu/EditEventsTopMenu.vue";
-import EditEventWizard from "../../../Organisms/Wizards/EditEventWizard/EditEventWizard.vue";
-import { tabs } from '../../../Util/tabs.js';
+import EditEventsTopMenu from '../../Menus/EditEventsTopMenu/EditEventsTopMenu.vue';
+import EditEventWizard from '../../../Organisms/Wizards/EditEventWizard/EditEventWizard.vue';
+import { tabs } from '../../../Util/tabs.js';
 
 export default {
   emits: ['tab:menu-click', 'update:submit'],
-  components: {
-    EditEventWizard,
-    EditEventsTopMenu
+  components: {
+    EditEventWizard,
+    EditEventsTopMenu
   },
   props: {
     event: {
@@ -44,11 +44,11 @@ export default {
     }
   },
   data() {
-    return {
-      tabs,
-      windowWidth: window.innerWidth
-    };
-  },
+    return {
+      tabs,
+      windowWidth: window.innerWidth
+    };
+  },
   mounted() {
     window.addEventListener('resize', this.handleResize);
   },
@@ -64,12 +64,12 @@ export default {
     handleTabMenuClick(value) {
       this.$emit('tab:menu-click', value);
     },
-    handleSubmit(value){
+    handleSubmit(value) {
       this.$emit('update:submit', value);
     },
     handleResize() {
       this.windowWidth = window.innerWidth;
     }
   }
-}
+};
 </script>

package/src/stories/Templates/EventManagement/EventAttendance/EventAttendance.stories.js

@@ -1,113 +1,115 @@
 import EditEvents from './EventAttendance.vue';
-import eventPersonGetEventById from '../../../../mocks/eventpersonGetEventById.js';
-import personsAllMock from '../../../../mocks/personGetAllMock.js';
-import clubsMock from '../../../../mocks/clubGetAllMock.js';
-
-const makeEventWithCapacity = (event, capacity) => ({
-    ...event,
-    EventRules: [
-        ...(event.EventRules || []),
-        {
-            Rules: {RuleName: 'CutOffNumber'},
-            RuleValue: capacity
-        }
-    ]
-});
-
-const makeWaitlistPerson = (person, waitlistPosition) => ({
-    ...person,
-    Id: `${person.Id}-waitlist`,
-    Status: 'Waitlist',
-    WaitlistPosition: waitlistPosition,
-    Person: {
-        ...person.Person,
-        PersonId: `${person.Person.PersonId}-waitlist`,
-        DisplayName: `${person.Person.DisplayName} WL`
-    }
-});
-
-const waitlistedPersons = eventPersonGetEventById.persons.slice(0, 3).map((person, index) => makeWaitlistPerson(person, index + 1));
-const activeRoster = eventPersonGetEventById.persons.slice(3);
-
-export default {
-    title: 'Templates/EventManagement/EventAttendance',
-    component: EditEvents,
-    tags: ['autodocs'],
-    args: {
-        personsInTournament: eventPersonGetEventById.persons,
-        personsAll: personsAllMock,
-        fencingClubs: clubsMock,
-        event: eventPersonGetEventById.event
+import eventPersonGetEventById from '../../../../mocks/eventpersonGetEventById.js';
+import personsAllMock from '../../../../mocks/personGetAllMock.js';
+import clubsMock from '../../../../mocks/clubGetAllMock.js';
+
+const makeEventWithCapacity = (event, capacity) => ({
+  ...event,
+  EventRules: [
+    ...(event.EventRules || []),
+    {
+      Rules: { RuleName: 'CutOffNumber' },
+      RuleValue: capacity
+    }
+  ]
+});
+
+const makeWaitlistPerson = (person, waitlistPosition) => ({
+  ...person,
+  Id: `${person.Id}-waitlist`,
+  Status: 'Waitlist',
+  WaitlistPosition: waitlistPosition,
+  Person: {
+    ...person.Person,
+    PersonId: `${person.Person.PersonId}-waitlist`,
+    DisplayName: `${person.Person.DisplayName} WL`
+  }
+});
+
+const waitlistedPersons = eventPersonGetEventById.persons
+  .slice(0, 3)
+  .map((person, index) => makeWaitlistPerson(person, index + 1));
+const activeRoster = eventPersonGetEventById.persons.slice(3);
+
+export default {
+  title: 'Templates/EventManagement/EventAttendance',
+  component: EditEvents,
+  tags: ['autodocs'],
+  args: {
+    personsInTournament: eventPersonGetEventById.persons,
+    personsAll: personsAllMock,
+    fencingClubs: clubsMock,
+    event: eventPersonGetEventById.event
+  },
+  argTypes: {
+    personsInTournament: {
+      control: { type: 'array' },
+      description: 'List of persons in the tournament',
+      table: {
+        type: { summary: 'Array' },
+        defaultValue: { summary: '[]' }
+      }
+    },
+    personsAll: {
+      control: { type: 'array' },
+      description: 'List of all persons',
+      table: {
+        type: { summary: 'Array' },
+        defaultValue: { summary: '[]' }
+      }
+    },
+    fencingClubs: {
+      control: { type: 'array' },
+      description: 'List of clubs',
+      table: {
+        type: { summary: 'Array' },
+        defaultValue: { summary: '[]' }
+      }
     },
-    argTypes: {
-        personsInTournament: {
-            control: {type: 'array'},
-            description: 'List of persons in the tournament',
-            table: {
-                type: {summary: 'Array'},
-                defaultValue: {summary: '[]'}
-            }
-        },
-        personsAll: {
-            control: {type: 'array'},
-            description: 'List of all persons',
-            table: {
-                type: {summary: 'Array'},
-                defaultValue: {summary: '[]'}
-            }
-        },
-        fencingClubs: {
-            control: {type: 'array'},
-            description: 'List of clubs',
-            table: {
-                type: {summary: 'Array'},
-                defaultValue: {summary: '[]'}
-            }
-        },
-        event: {
-            control: {type: 'object'},
-            description: 'Event details',
-            table: {
-                type: {summary: 'Object'},
-                defaultValue: {summary: '{}'}
-            }
-        }
+    event: {
+      control: { type: 'object' },
+      description: 'Event details',
+      table: {
+        type: { summary: 'Object' },
+        defaultValue: { summary: '{}' }
+      }
     }
-}
+  }
+};
 
 export const Default = {
-    args: {
-        personsInTournament: eventPersonGetEventById.persons,
-        personsAll: personsAllMock,
-        fencingClubs: clubsMock,
-        event: eventPersonGetEventById.event
-    }
+  args: {
+    personsInTournament: eventPersonGetEventById.persons,
+    personsAll: personsAllMock,
+    fencingClubs: clubsMock,
+    event: eventPersonGetEventById.event
+  }
 };
 
 export const NoPeople = {
-    args: {
-        personsInTournament: [],
-        personsAll: personsAllMock,
-        fencingClubs: clubsMock,
-        event: eventPersonGetEventById.event
-    }
+  args: {
+    personsInTournament: [],
+    personsAll: personsAllMock,
+    fencingClubs: clubsMock,
+    event: eventPersonGetEventById.event
+  }
 };
 
-export const peopleAndLoading = {
-    args: {
-        personsInTournament: eventPersonGetEventById.persons,
-        personsAll: personsAllMock,
-        fencingClubs: clubsMock,
-        event: eventPersonGetEventById.event,
-        loading: true
-    }
-};
-
-export const WithWaitlist = {
-    args: {
-        personsInTournament: [...activeRoster, ...waitlistedPersons],
-        personsAll: personsAllMock,
-        fencingClubs: clubsMock,
-        event: makeEventWithCapacity(eventPersonGetEventById.event, activeRoster.length)
-    }
-};
+export const peopleAndLoading = {
+  args: {
+    personsInTournament: eventPersonGetEventById.persons,
+    personsAll: personsAllMock,
+    fencingClubs: clubsMock,
+    event: eventPersonGetEventById.event,
+    loading: true
+  }
+};
+
+export const WithWaitlist = {
+  args: {
+    personsInTournament: [...activeRoster, ...waitlistedPersons],
+    personsAll: personsAllMock,
+    fencingClubs: clubsMock,
+    event: makeEventWithCapacity(eventPersonGetEventById.event, activeRoster.length)
+  }
+};