@dcrackel/hematournamentui 1.0.79 → 1.0.81
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.
- package/dist/HemaTouranmentUI-lib.es.js +631 -619
- package/dist/HemaTouranmentUI-lib.umd.js +1 -1
- package/package.json +1 -1
- package/src/stories/Molecules/Boxes/CounterBox/CounterBox.vue +11 -16
- package/src/stories/Organisms/Headers/PoolSummary/PoolSummary.vue +13 -7
- package/src/stories/Templates/EventManagement/PoolManagement/PoolManagement.stories.js +17 -1
- package/src/stories/Templates/EventManagement/PoolManagement/PoolManagement.vue +9 -1
package/package.json
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<div class="flex flex-col items-center">
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
3
|
+
<section class="flex justify-center">
|
|
4
|
+
<BaseText :text="label" size="sm" color="primaryHighlight" />
|
|
5
|
+
</section>
|
|
6
|
+
<section :class="boxClass">
|
|
7
|
+
<div class="flex flex-row items-center justify-between h-14 py-2 px-2">
|
|
8
|
+
<button @click="increase" class="py-1"><BaseIcon icon-name="fa-caret-up" size="xl" color="primaryHighlight" /></button>
|
|
9
|
+
<span class="px-1"><BaseText :text="count" size="xl" color="primary"/></span>
|
|
10
|
+
<button @click="decrease" class="py-1"><BaseIcon icon-name="fa-caret-down" size="xl" color="primaryHighlight" /></button>
|
|
11
|
+
</div>
|
|
12
|
+
</section>
|
|
13
13
|
</div>
|
|
14
14
|
</template>
|
|
15
15
|
|
|
@@ -34,14 +34,9 @@ export default {
|
|
|
34
34
|
required: true
|
|
35
35
|
}
|
|
36
36
|
},
|
|
37
|
-
data() {
|
|
38
|
-
return {
|
|
39
|
-
counter: this.count
|
|
40
|
-
};
|
|
41
|
-
},
|
|
42
37
|
computed: {
|
|
43
38
|
isRecommended() {
|
|
44
|
-
return this.
|
|
39
|
+
return this.count === this.recommended;
|
|
45
40
|
},
|
|
46
41
|
boxClass() {
|
|
47
42
|
return {
|
|
@@ -6,8 +6,8 @@
|
|
|
6
6
|
<span class="h-8"></span>
|
|
7
7
|
</section>
|
|
8
8
|
<section class="flex space-x-4">
|
|
9
|
-
<CounterBox :recommended="7" :count="poolSize" label="Pool Size" />
|
|
10
|
-
<CounterBox :recommended="2" :count="numberOfRings" label="Num Rings" />
|
|
9
|
+
<CounterBox :recommended="7" :count="poolSize" label="Pool Size" @update:count="handlePoolSizeChange" />
|
|
10
|
+
<CounterBox :recommended="2" :count="numberOfRings" label="Num Rings" @update:count="handleNumOfRingsChange" />
|
|
11
11
|
</section>
|
|
12
12
|
</div>
|
|
13
13
|
</template>
|
|
@@ -27,12 +27,8 @@ export default {
|
|
|
27
27
|
validator(event) {
|
|
28
28
|
const requiredFields = [
|
|
29
29
|
'EventName',
|
|
30
|
-
'RuleSummary'
|
|
31
|
-
'Absent',
|
|
32
|
-
'Present',
|
|
33
|
-
'Removed',
|
|
30
|
+
'RuleSummary'
|
|
34
31
|
];
|
|
35
|
-
|
|
36
32
|
const missingFields = requiredFields.filter(field => !(field in event));
|
|
37
33
|
if (missingFields.length) {
|
|
38
34
|
console.warn(`Invalid event object: Missing fields: ${missingFields.join(', ')}`);
|
|
@@ -44,11 +40,21 @@ export default {
|
|
|
44
40
|
},
|
|
45
41
|
computed: {
|
|
46
42
|
poolSize() {
|
|
43
|
+
console.log(`poolSize: ${this.event.PoolSize}`)
|
|
47
44
|
return this.event.PoolSize || 0;
|
|
48
45
|
},
|
|
49
46
|
numberOfRings() {
|
|
47
|
+
console.log(`numberOfRings: ${this.event.NumberOfRings}`)
|
|
50
48
|
return this.event.NumberOfRings || 0;
|
|
51
49
|
},
|
|
52
50
|
},
|
|
51
|
+
methods: {
|
|
52
|
+
handlePoolSizeChange(poolSize) {
|
|
53
|
+
this.$emit('update:poolSize', poolSize);
|
|
54
|
+
},
|
|
55
|
+
handleNumOfRingsChange(numberOfRings) {
|
|
56
|
+
this.$emit('update:numberOfRings', numberOfRings);
|
|
57
|
+
},
|
|
58
|
+
},
|
|
53
59
|
};
|
|
54
60
|
</script>
|
|
@@ -24,7 +24,23 @@ export default {
|
|
|
24
24
|
|
|
25
25
|
export const Default = {
|
|
26
26
|
args: {
|
|
27
|
-
event:
|
|
27
|
+
event: {
|
|
28
|
+
"EventId": 5,
|
|
29
|
+
"TournamentId": 4,
|
|
30
|
+
"EventName": "Feline Longsword",
|
|
31
|
+
"Date": "2024-05-22",
|
|
32
|
+
"StartTime": "17:25:31",
|
|
33
|
+
"NumberOfRings": 3,
|
|
34
|
+
"NumberOfPools": 3,
|
|
35
|
+
"PoolSize": 4,
|
|
36
|
+
"Flights": 1,
|
|
37
|
+
"WeaponId": 1,
|
|
38
|
+
"Status": "Upcoming",
|
|
39
|
+
"Present": 0,
|
|
40
|
+
"Absent": 10,
|
|
41
|
+
"Removed": 0,
|
|
42
|
+
"RuleSummary": "Pools -> DE -> 3rd Place Faceoff"
|
|
43
|
+
},
|
|
28
44
|
poolAssignments: eventPersonGetInitialPoolAssignments
|
|
29
45
|
}
|
|
30
46
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<section>
|
|
3
3
|
<EditEventsTopMenu :currentTab="'Pools'" :tabs="tabs" @tabMenuClick="handleTabMenuClick"/>
|
|
4
|
-
<PoolSummary :event="event"/>
|
|
4
|
+
<PoolSummary :event="event" @update:poolSize="handlePoolSizeChange" @update:numberOfRings="handleNumberOfRinigs" />
|
|
5
5
|
|
|
6
6
|
<div class="w-full flex flex-row flex-wrap justify-start mt-3">
|
|
7
7
|
<div v-for="pool in poolAssignments" :key="pool.Name" >
|
|
@@ -73,6 +73,14 @@ export default {
|
|
|
73
73
|
handleTabMenuClick(value) {
|
|
74
74
|
console.log(`----- handleTabMenuClick: ${value}`);
|
|
75
75
|
this.$emit('tab:menu-click', value);
|
|
76
|
+
},
|
|
77
|
+
handlePoolSizeChange(poolSize) {
|
|
78
|
+
console.log('handlePoolSizeChange', poolSize);
|
|
79
|
+
this.$emit('update:poolSize', poolSize);
|
|
80
|
+
},
|
|
81
|
+
handleNumberOfRinigs(numberOfRings) {
|
|
82
|
+
console.log('handleNumberOfRinigs', numberOfRings);
|
|
83
|
+
this.$emit('update:numberOfRings', numberOfRings);
|
|
76
84
|
}
|
|
77
85
|
}
|
|
78
86
|
}
|