@dcrackel/hematournamentui 1.0.366 → 1.0.368

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/dist/HemaTournamentUI-lib.es.js +307 -282
  2. package/dist/HemaTournamentUI-lib.umd.js +2 -2
  3. package/package.json +1 -1
  4. package/src/mocks/getDEBouts-DoubleElim.js +982 -727
  5. package/src/stories/Organisms/Cards/TableauBoutCard/SpacingConfig.js +8 -3
  6. package/src/stories/Organisms/Cards/TableauBoutCard/TableauBoutCard.vue +11 -1
  7. package/src/stories/Organisms/Containers/TableauColumn/TableauColumn.vue +1 -1
  8. package/src/stories/Organisms/Containers/TableauLines/SpacingConfig.js +7 -2
  9. package/src/stories/Templates/EventManagement/Bracket/Bracket.stories.js +1 -1
  10. package/src/stories/Templates/EventManagement/Bracket/Bracket.vue +2 -2
package/src/stories/Organisms/Cards/TableauBoutCard/SpacingConfig.js CHANGED
@@ -15,10 +15,15 @@ export const spacingConfig = {
15
15
  large: {
16
16
  'Table of 8': { getTopSpace: 'mt-[0rem] mb-[2rem]', getCardSpace: 'mt-1' },
17
17
  Semifinal: { getTopSpace: 'mt-[1.34rem] mb-[3.4rem]', getCardSpace: 'mt-[4.5rem]' },
18
- Final: { getTopSpace: 'mt-[11rem]', getCardSpace: 'mt-1' },
18
+ Final: { getTopSpace: 'mt-[11rem] ml-10', getCardSpace: 'mt-1' },
19
19
  'Third Place': { getTopSpace: '-mt-[2rem] -ml-[19.2rem]', getCardSpace: 'mt-1' },
20
- 'Consolation Round 1': { getTopSpace: 'mt-[0rem] mb-[2rem]', getCardSpace: 'mt-1' },
21
- 'Consolation Round 2': { getTopSpace: 'mt-[1.34rem] mb-[3.4rem]', getCardSpace: 'mt-[4.5rem]' },
20
+ 'Table of 4': { getTopSpace: 'mt-[1.34rem] mb-[3.4rem]', getCardSpace: 'mt-[4.5rem]' },
21
+ 'Table of 2': { getTopSpace: 'mt-[5.8rem] mb-[3.4rem]', getCardSpace: 'mt-[11.5rem]' },
22
+ 'Consolation Round 1': { getTopSpace: 'mt-[3rem] mb-[2rem]', getCardSpace: 'mt-1' },
23
+ 'Consolation Round 2': { getTopSpace: 'mt-[1.5rem] mb-[3.8rem]', getCardSpace: 'mt-1' },
24
+ 'Consolation Round 3': { getTopSpace: 'mt-[2.7rem] mb-[3.8rem]', getCardSpace: 'mt-[8rem]' },
25
+ 'Consolation Round 4': { getTopSpace: 'mt-[5rem] mb-[3.8rem]', getCardSpace: 'mt-1' },
26
+ 'Grand Final': { getTopSpace: 'mt-[11rem] ml-10', getCardSpace: 'mt-1' },
22
27
  },
23
28
  small: {
24
29
  'Table of 8': { getTopSpace: 'mt-[0rem] mb-4', getCardSpace: 'mt-1' },
package/src/stories/Organisms/Cards/TableauBoutCard/TableauBoutCard.vue CHANGED
@@ -6,8 +6,12 @@
6
6
  <div v-if="roundName === 'Final'" class="flex justify-center border-b mb-4 mt-0" :class="large ? 'w-72': 'w-40'">
7
7
  <BaseText :text="roundName" size="sm" color="quaternary"/>
8
8
  </div>
9
+ <div v-if="showGrandFinal" class="flex justify-center border-b mb-4 mt-0" :class="large ? 'w-72': 'w-40'">
10
+ <BaseText :text="roundName" size="sm" color="quaternary"/>
11
+ </div>
9
12
  <!-- Replacement headers for finals -->
10
- <section @click="handleBoutClick(bout)">
13
+ <div v-if="roundName !== 'Grand Final' || showGrandFinal">
14
+ <section @click="handleBoutClick(bout)" >
11
15
  <TableauFencerCard
12
16
  :fencer="person1Display"
13
17
  :score="score1"
@@ -36,6 +40,7 @@
36
40
  @action:highLight="handleHighlight"
37
41
  />
38
42
  </section>
43
+ </div>
39
44
  </section>
40
45
  </template>
41
46
 
@@ -179,6 +184,11 @@ export default {
179
184
  return { ...this.bout.Person2, DisplayName: '', Club: { Name: '' } };
180
185
  }
181
186
  return this.bout.Person2;
187
+ },
188
+ showGrandFinal() {
189
+ return this.roundName === 'Grand Final' &&
190
+ this.bout.Person1.DisplayName !== 'BYE' &&
191
+ this.bout.Person2.DisplayName !== 'BYE';
182
192
  }
183
193
  }
184
194
  };
package/src/stories/Organisms/Containers/TableauColumn/TableauColumn.vue CHANGED
@@ -1,6 +1,6 @@
1
1
  <template>
2
2
  <section>
3
- <div v-if="roundName !== 'Third Place' && roundName !== 'Final'" class="flex justify-center mb-4 border-b" :class="largeCards ? 'w-72' : 'w-40' ">
3
+ <div v-if="roundName !== 'Third Place' && roundName !== 'Final' && roundName !== 'Grand Final'" class="flex justify-center mb-4 border-b" :class="largeCards ? 'w-72' : 'w-40' ">
4
4
  <BaseText :text="roundName" size="sm" color="quaternary" />
5
5
  </div>
6
6
  <div v-for="(bout, index) in bouts" :key="index" class="flex">
package/src/stories/Organisms/Containers/TableauLines/SpacingConfig.js CHANGED
@@ -18,8 +18,13 @@ export const spacingConfig = {
18
18
  Semifinal: { getTopSpace: 'mt-[2.5rem]', getConnectorHeight: 'h-[7rem]', getTopSpaceForLine: 'mt-[3.25rem]' },
19
19
  Final: { getTopSpace: 'h-[6rem] mt-[22rem] -ml-[309px]', getBottomLine: 'h-[6rem] mt-[2.5rem] -ml-[309px]' },
20
20
  'Third Place': { getTopSpace: 'hidden', getConnectorHeight: 'hidden', getTopSpaceForLine: 'hidden' },
21
- 'Consolation Round 1': { getTopSpace: 'mt-[0rem]', getConnectorHeight: 'h-[2.7rem]', getTopSpaceForLine: 'mt-[1.2rem]' },
22
- 'Consolation Round 2': { getTopSpace: 'mt-[1.5rem]', getConnectorHeight: 'h-[7rem]', getTopSpaceForLine: 'mt-[3.25rem]' },
21
+ 'Table of 4': { getTopSpace: 'mt-[2.5rem]', getConnectorHeight: 'h-[7rem]', getTopSpaceForLine: 'mt-[3.25rem]' },
22
+ 'Table of 2': { getTopSpace: 'hidden h-[6rem] mt-[22rem]', getBottomLine: 'h-[6rem] mt-[2.5rem] -ml-[309px]' },
23
+ 'Consolation Round 1': { getTopSpace: 'mt-[3rem]', getConnectorHeight: 'h-[2.7rem]', getTopSpaceForLine: 'mt-[1.2rem]' },
24
+ 'Consolation Round 2': { getTopSpace: 'mt-[1.5rem]', getConnectorHeight: 'h-[2.7rem]', getTopSpaceForLine: 'mt-[1.2rem]' },
25
+ 'Consolation Round 3': { getTopSpace: 'mt-[2.7rem]', getConnectorHeight: 'h-[10.5rem]', getTopSpaceForLine: 'mt-[5rem]' },
26
+ 'Consolation Round 4': { getTopSpace: 'hidden mt-[2.7rem]', getConnectorHeight: 'h-[10.5rem]', getTopSpaceForLine: 'mt-[5rem]' },
27
+ 'Grand Final': { getTopSpace: 'hidden h-[6rem] mt-[22rem] -ml-[309px]', getBottomLine: 'h-[6rem] mt-[2.5rem] -ml-[309px]' },
23
28
  },
24
29
  'small': {
25
30
  'Table of 8': { getTopSpace: '-mt-[0.6rem]', getConnectorHeight: 'h-[1.5rem]', getTopSpaceForLine: 'mt-[0.6rem]' },
package/src/stories/Templates/EventManagement/Bracket/Bracket.stories.js CHANGED
@@ -12,7 +12,7 @@ export default {
12
12
  component: Bracket,
13
13
  tags: ['Bracket'],
14
14
  args: {
15
- bouts: getDEWithBouts6Fencers.pools[0].Bouts,
15
+ bouts: getDEWithBouts.pools[0].Bouts,
16
16
  eventRules: getDEWithBouts.eventRules,
17
17
  hostingClubColors: getDEWithBouts.hostingClubColors,
18
18
  connectedToServer: true
package/src/stories/Templates/EventManagement/Bracket/Bracket.vue CHANGED
@@ -177,13 +177,13 @@ export default {
177
177
  handleSubmitBout(bout) {
178
178
  this.showEditBoutModal = false;
179
179
  this.showDirectorModal = false;
180
- const updatedBout = this.boutsData.find(b => b.BoutId === bout.BoutId);
180
+ const updatedBout = this.activeBouts.find(b => b.BoutId === bout.BoutId);
181
181
 
182
182
  Object.assign(updatedBout, bout);
183
183
  updatedBout.Status = 'Completed';
184
184
  updatedBout.Ended = new Date().toISOString();
185
185
 
186
- console.log(updatedBout);
186
+ console.log('Bracket SUBMIT BOUT',updatedBout);
187
187
  this.$emit('submit:bout', updatedBout);
188
188
  },
189
189
  directBout(bout) {