@dcrackel/hematournamentui 1.0.227 → 1.0.229

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 (13) hide show
  1. package/dist/HemaTournamentUI-lib.es.js +2524 -2494
  2. package/dist/HemaTournamentUI-lib.umd.js +21 -21
  3. package/package.json +1 -1
  4. package/src/mocks/getDeBouts-22fencers.js +1733 -0
  5. package/src/stories/Organisms/Cards/FencerCard/FencerCard.stories.js +5 -2
  6. package/src/stories/Organisms/Cards/FencerCard/FencerCard.vue +9 -4
  7. package/src/stories/Organisms/Cards/FencerFinalResultCard/FencerFinalResultCard.vue +5 -5
  8. package/src/stories/Organisms/Cards/FencerPoolResultsCard/FencerPoolResultsCard.vue +4 -4
  9. package/src/stories/Organisms/Cards/TableauBoutCard/SpacingConfig.js +12 -2
  10. package/src/stories/Organisms/Containers/TableauLines/SpacingConfig.js +13 -3
  11. package/src/stories/Templates/EventManagement/Bracket/Bracket.stories.js +5 -4
  12. package/src/stories/Templates/EventManagement/EventAttendance/EventAttendance.stories.js +2 -0
  13. package/src/stories/Templates/EventManagement/EventAttendance/EventAttendance.vue +1 -0
package/src/stories/Organisms/Cards/FencerCard/FencerCard.stories.js CHANGED
@@ -21,6 +21,7 @@ export const Default = {
21
21
  "EventId": 1,
22
22
  "PersonId": 1,
23
23
  "Seed": 1,
24
+ "PoolPosition": 1,
24
25
  "Status": "Absent",
25
26
  "Person": {
26
27
  "PersonId": 1,
@@ -64,14 +65,16 @@ export const Default = {
64
65
  }
65
66
  ]
66
67
  }
67
- }
68
+ },
69
+ isEdit: false
68
70
  }
69
71
  };
70
72
 
71
73
  export const CheckedIn = {
72
74
  args: {
73
75
  person: {
74
- Seed: 2,
76
+ Seed: 12,
77
+ PoolPosition: 12,
75
78
  Status: 'Present',
76
79
  M2Rating: "B21",
77
80
  HemaRating: 1600,
package/src/stories/Organisms/Cards/FencerCard/FencerCard.vue CHANGED
@@ -1,9 +1,9 @@
1
1
  <template>
2
2
  <div v-if="person" class="flex items-center border border-dropdownSelect rounded-lg shadow-lg bg-white hover:border-bright">
3
- <div class="mr-4 border-r border-dropdownSelect h-20 w-8 items-center text-center">
4
- <BaseIcon icon-name="fa-caret-up" size="xl" :color="person.PoolPosition === 1 ? 'neutral' : 'quinary'" :hover="person.PoolPosition === 1 ? 'neutral' : 'bright'" class="m-0" @click="handelMoveUp" />
5
- <BaseText :text="person.PoolPosition" size="lg" color="quaternary" weight="bold" class="-mt-0.5 -mb-0.5" />
6
- <BaseIcon icon-name="fa-caret-down" size="xl" :color="isLast ? 'neutral' : 'quinary'" :hover="isLast ? 'neutral' : 'bright'" @click="handelMoveDown" />
3
+ <div class="mr-4 border-r border-dropdownSelect h-20 w-10 items-center text-center">
4
+ <BaseIcon v-if="isEdit" icon-name="fa-caret-up" size="xl" :color="person.PoolPosition === 1 ? 'neutral' : 'quinary'" :hover="person.PoolPosition === 1 ? 'neutral' : 'bright'" class="m-0" @click="handelMoveUp" />
5
+ <BaseText :text="person.PoolPosition" :size="isEdit ? 'lg' : '2xl'" color="quaternary" weight="bold" :class="isEdit ? '-mt-0.5 -mb-0.5' : 'mt-5'" />
6
+ <BaseIcon v-if="isEdit" icon-name="fa-caret-down" size="xl" :color="isLast ? 'neutral' : 'quinary'" :hover="isLast ? 'neutral' : 'bright'" @click="handelMoveDown" />
7
7
  </div>
8
8
  <div class="mr-4">
9
9
  <div v-if="!portraitURL" class="w-14 h-14 rounded-xl bg-dropdownSelect flex items-center justify-center">
@@ -56,6 +56,11 @@ export default {
56
56
  type: Boolean,
57
57
  required: false,
58
58
  default: false
59
+ },
60
+ isEdit: {
61
+ type: Boolean,
62
+ required: false,
63
+ default: false
59
64
  }
60
65
  },
61
66
  computed: {
package/src/stories/Organisms/Cards/FencerFinalResultCard/FencerFinalResultCard.vue CHANGED
@@ -1,18 +1,18 @@
1
1
  <template>
2
2
  <div class="flex items-center border border-dropdownSelect rounded-lg shadow-lg bg-white w-full hover:border-bright">
3
- <div class="mr-4 border-r border-dropdownSelect h-20 w-8 items-center text-center pt-6">
3
+ <div class="mr-4 border-r border-dropdownSelect h-20 w-10 items-center text-center pt-6">
4
4
  <BaseText :text="result.Place" size="2xl" color="quaternary" weight="bold" class="" />
5
5
  </div>
6
6
  <div class="mr-4">
7
- <div v-if="!portraitURL" class="w-16 h-16 rounded-full bg-dropdownSelect flex items-center justify-center">
7
+ <div v-if="!portraitURL" class="w-14 h-14 rounded-full bg-dropdownSelect flex items-center justify-center">
8
8
  <BaseText text="" size="sm" color="neutral" weight="bold"/>
9
9
  </div>
10
- <img v-if="portraitURL" :src="portraitURL" alt="Portrait" class="w-16 h-16 rounded-full z-0">
11
- <img v-if="clubImageURL" :src="clubImageURL" alt="Portrait" class="absolute w-7 h-7 rounded-full -mt-6 ml-11 border border-neutral z-10">
10
+ <img v-if="portraitURL" :src="portraitURL" alt="Portrait" class="w-14 h-14 rounded-full z-0">
11
+ <img v-if="clubImageURL" :src="clubImageURL" alt="Portrait" class="absolute w-7 h-7 rounded-full -mt-6 ml-10 border border-neutral z-10">
12
12
  </div>
13
13
  <div class="flex flex-col w-3/4 justify-start ml-4">
14
14
  <span class="w-full flex justify-start">
15
- <BaseText :text="fullName" size="2xl" color="primary" weight="bold"/>
15
+ <BaseText :text="fullName" size="2xl" color="quaternary" weight="bold"/>
16
16
  </span>
17
17
  <span class="w-full flex flex-col justify-start">
18
18
  <BaseText :text="clubName" size="md" color="quinary" weight="normal"/>
package/src/stories/Organisms/Cards/FencerPoolResultsCard/FencerPoolResultsCard.vue CHANGED
@@ -1,9 +1,9 @@
1
1
  <template>
2
2
  <div class="flex items-center border border-dropdownSelect rounded-lg shadow-lg bg-white hover:border-bright w-full" :class="person.Promoted ? '' : 'opacity-50'" >
3
- <div class="mr-4 border-r border-dropdownSelect h-12 w-8 items-center text-center">
4
- <BaseIcon icon-name="fa-caret-up" size="sm" :color="person.Position === 1 ? 'neutral' : 'quinary'" :hover="person.Position === 1 ? 'neutral' : 'bright'" class="m-0" @click="handelMoveUp" />
5
- <BaseText :text="person.Position" size="sm" color="quaternary" weight="bold" class="-my-2" />
6
- <BaseIcon icon-name="fa-caret-down" size="sm" :color="isLast ? 'neutral' : 'quinary'" :hover="isLast ? 'neutral' : 'bright'" @click="handelMoveDown" />
3
+ <div class="mr-4 border-r border-dropdownSelect h-12 w-10 items-center text-center">
4
+ <BaseIcon v-if="status === 'results'" icon-name="fa-caret-up" size="sm" :color="person.Position === 1 ? 'neutral' : 'quinary'" :hover="person.Position === 1 ? 'neutral' : 'bright'" class="m-0" @click="handelMoveUp" />
5
+ <BaseText :text="person.Position" :size="status === 'results' ? 'sm' : 'lg'" color="quaternary" weight="bold" :class="status === 'results' ? '-my-2' : 'mt-2'" />
6
+ <BaseIcon v-if="status === 'results'" icon-name="fa-caret-down" size="sm" :color="isLast ? 'neutral' : 'quinary'" :hover="isLast ? 'neutral' : 'bright'" @click="handelMoveDown" />
7
7
  </div>
8
8
  <div class="mr-4">
9
9
  <div v-if="!portraitURL" class="w-10 h-10 rounded-xl bg-dropdownSelect flex items-center justify-center">
package/src/stories/Organisms/Cards/TableauBoutCard/SpacingConfig.js CHANGED
@@ -31,10 +31,20 @@ export const spacingConfig = {
31
31
  },
32
32
  'Table of 16': {
33
33
  large: {
34
- // Define your spacing values here
34
+ 'Table of 16': { getTopSpace: 'mt-[0rem] mb-[2rem]', getCardSpace: 'mt-1' },
35
+ 'Table of 8': { getTopSpace: 'mt-[1.34rem] mb-[3.4rem]', getCardSpace: 'mt-[4.5rem]' },
36
+ Quarterfinal: { getTopSpace: 'mt-[4.6rem] mb-[7rem]', getCardSpace: 'mt-[11.5rem]' },
37
+ Semifinal: { getTopSpace: 'mt-[11.7rem] mb-[13.5rem]', getCardSpace: 'mt-[25.6rem]' },
38
+ Final: { getTopSpace: 'mt-[51.5rem]', getCardSpace: 'mt-1' },
39
+ 'Third Place': { getTopSpace: '-mt-[2rem] -ml-[19.2rem]', getCardSpace: 'mt-1' },
35
40
  },
36
41
  small: {
37
- // Define your spacing values here
42
+ 'Table of 16': { getTopSpace: 'mt-[0rem] mb-4', getCardSpace: 'mt-1' },
43
+ 'Table of 8': { getTopSpace: 'mt-[0.7rem] mb-[1.75rem]', getCardSpace: 'mt-[2.3rem]' },
44
+ Quarterfinal: { getTopSpace: 'mt-[2.25rem] mb-[3.63rem]', getCardSpace: 'mt-[5.9rem]' },
45
+ Semifinal: { getTopSpace: 'mt-[6rem] mb-[6.8rem]', getCardSpace: 'mt-[13rem]' },
46
+ Final: { getTopSpace: 'mt-[26.1rem]', getCardSpace: 'mt-1' },
47
+ 'Third Place': { getTopSpace: '-mt-[2rem] -ml-[11rem]', getCardSpace: 'mt-1' },
38
48
  }
39
49
  },
40
50
  // Add up to Table of 256 as needed
package/src/stories/Organisms/Containers/TableauLines/SpacingConfig.js CHANGED
@@ -30,12 +30,22 @@ export const spacingConfig = {
30
30
  'Third Place': { getTopSpace: 'hidden', getConnectorHeight: 'hidden', getTopSpaceForLine: 'hidden' },
31
31
  }
32
32
  },
33
- TableOf16: {
33
+ 'Table of 16': {
34
34
  large: {
35
- // Define your spacing values here
35
+ 'Table of 16': { getTopSpace: 'mt-[0rem]', getConnectorHeight: 'h-[2.7rem]', getTopSpaceForLine: 'mt-[1.2rem]' },
36
+ 'Table of 8': { getTopSpace: 'mt-[1.3rem]', getConnectorHeight: 'h-[7rem]', getTopSpaceForLine: 'mt-[3.25rem]' },
37
+ Quarterfinal: { getTopSpace: 'mt-[4.7rem]', getConnectorHeight: 'h-[14rem]', getTopSpaceForLine: 'mt-[7rem]' },
38
+ Semifinal: { getTopSpace: 'mt-[12.7rem]', getConnectorHeight: 'h-[28.3rem]', getTopSpaceForLine: '' },
39
+ Final: { getTopSpace: 'h-[28rem] mt-[27rem] -ml-[309px]', getBottomLine: 'h-[28rem] mt-[2.5rem] -ml-[309px]' },
40
+ 'Third Place': { getTopSpace: 'hidden', getConnectorHeight: 'hidden', getTopSpaceForLine: 'hidden' },
36
41
  },
37
42
  small: {
38
- // Define your spacing values here
43
+ 'Table of 16': { getTopSpace: '-mt-[0.6rem]', getConnectorHeight: 'h-[1.5rem]', getTopSpaceForLine: 'mt-[0.6rem]' },
44
+ 'Table of 8': { getTopSpace: '-mt-[0rem]', getConnectorHeight: 'h-[3.5rem]', getTopSpaceForLine: 'mt-[1.6rem]' },
45
+ Quarterfinal: { getTopSpace: 'mt-[1.6rem]', getConnectorHeight: 'h-[7.2rem]', getTopSpaceForLine: 'mt-[3.8rem]' },
46
+ Semifinal: { getTopSpace: 'mt-[6.5rem]', getConnectorHeight: 'h-[14.2rem]', getTopSpaceForLine: 'mt-[3.8rem]' },
47
+ Final: { getTopSpace: 'h-[8rem] mt-[21rem] -ml-[181px]', getBottomLine: 'h-[8rem] mt-[1.4rem] -ml-[181px]' },
48
+ 'Third Place': { getTopSpace: 'hidden', getConnectorHeight: 'hidden', getTopSpaceForLine: 'hidden' },
39
49
  }
40
50
  },
41
51
  // Add up to Table of 256 as needed
package/src/stories/Templates/EventManagement/Bracket/Bracket.stories.js CHANGED
@@ -1,13 +1,14 @@
1
1
  import Bracket from './Bracket.vue';
2
2
  import getDEWithBouts from '../../../../mocks/getDEWithBouts.js';
3
3
  import getDEWithBouts6Fencers from '../../../../mocks/getDeBouts-6fencers.js';
4
+ import getDEWithBouts22Fencers from '../../../../mocks/getDeBouts-22fencers.js';
4
5
 
5
6
  export default {
6
7
  title: 'Templates/EventManagement/Bracket',
7
8
  component: Bracket,
8
9
  tags: ['Bracket'],
9
10
  args: {
10
- bouts: getDEWithBouts.pools[0].Bouts,
11
+ bouts: getDEWithBouts6Fencers.pools[0].Bouts,
11
12
  eventRules: getDEWithBouts.eventRules,
12
13
  hostingClubColors: getDEWithBouts.hostingClubColors,
13
14
  connectedToServer: true
@@ -31,9 +32,9 @@ export default {
31
32
 
32
33
  export const Default = {
33
34
  args: {
34
- bouts: getDEWithBouts6Fencers.pools[0].Bouts,
35
- eventRules: getDEWithBouts.eventRules,
36
- hostingClubColors: getDEWithBouts.hostingClubColors,
35
+ bouts: getDEWithBouts22Fencers.pools[0].Bouts,
36
+ eventRules: getDEWithBouts22Fencers.eventRules,
37
+ hostingClubColors: getDEWithBouts22Fencers.hostingClubColors,
37
38
  connectedToServer: true
38
39
  }
39
40
  };
package/src/stories/Templates/EventManagement/EventAttendance/EventAttendance.stories.js CHANGED
@@ -4,6 +4,8 @@ import personsAllMock from '../../../../mocks/personGetAllMock.js';
4
4
  import eventMock from '../../../../mocks/eventMock.js';
5
5
  import clubsMock from '../../../../mocks/clubGetAllMock.js';
6
6
 
7
+ //enum('planning', 'preparation', 'live', 'results', 'de', 'completed')
8
+
7
9
  export default {
8
10
  title: 'Templates/EventManagement/EventAttendance',
9
11
  component: EditEvents,
package/src/stories/Templates/EventManagement/EventAttendance/EventAttendance.vue CHANGED
@@ -36,6 +36,7 @@
36
36
  <section v-for="(person, index) in sortedPersons" class="w-full">
37
37
  <FencerCard :person="person" class="mb-4"
38
38
  :isLast="index === sortedPersons.length - 1"
39
+ :isEdit="event.Status === 'planning' || event.Status === 'preparation'"
39
40
  @update:status="handleStatus"
40
41
  @remove:fencer="handleRemoveFencer"
41
42
  @update:moveUp="handleMoveUp"