@dcrackel/meyersquaredui 1.0.77 → 1.0.79
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/meyersquaredui.es.js +113 -107
- package/dist/meyersquaredui.umd.js +1 -1
- package/package.json +1 -1
- package/src/mocks/getTournamentById.js +48 -34
- package/src/stories/Organisms/Cards/TournamentListCard/TournamentListCard.vue +6 -6
- package/src/stories/Organisms/GridLayout/GridLayout.vue +5 -1
- package/src/stories/Templates/TournamentDetailPage/TournamentDetailPage.vue +13 -12
|
@@ -1,22 +1,41 @@
|
|
|
1
1
|
const mockGetTournamentId =
|
|
2
2
|
{
|
|
3
|
-
"TournamentId":
|
|
4
|
-
"Name": "
|
|
5
|
-
"StartDate": "2024-10
|
|
6
|
-
"EndDate": "2024-10
|
|
7
|
-
"RegistrationCutOff": "2024-10
|
|
8
|
-
"Description": "
|
|
9
|
-
"HostedOnM2":
|
|
3
|
+
"TournamentId": 63,
|
|
4
|
+
"Name": "Claw and Order",
|
|
5
|
+
"StartDate": "2024-11-10",
|
|
6
|
+
"EndDate": "2024-11-10",
|
|
7
|
+
"RegistrationCutOff": "2024-11-10",
|
|
8
|
+
"Description": "Join us for a purr-fect day of sword fighting where justice is served with a scratch!",
|
|
9
|
+
"HostedOnM2": false,
|
|
10
10
|
"TotalParticipants": 0,
|
|
11
|
-
"Events": [
|
|
11
|
+
"Events": [
|
|
12
|
+
{
|
|
13
|
+
"EventId": 24,
|
|
14
|
+
"EventName": "Open Longsword",
|
|
15
|
+
"Status": "completed",
|
|
16
|
+
"Date": "2021-11-20",
|
|
17
|
+
"StartTime": "14:00:00",
|
|
18
|
+
"ParticipantsCount": 0,
|
|
19
|
+
"Weapon": {
|
|
20
|
+
"Name": "Longsword"
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
],
|
|
12
24
|
"Club": {
|
|
13
|
-
"Name": "
|
|
14
|
-
"ClubId":
|
|
15
|
-
"Images": [
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
25
|
+
"Name": "Acme Fencing Club",
|
|
26
|
+
"ClubId": 1,
|
|
27
|
+
"Images": [
|
|
28
|
+
{
|
|
29
|
+
"ImageId": 35,
|
|
30
|
+
"URL": "https://images.squarespace-cdn.com/content/v1/55b01d82e4b0ee47a1e0a740/1497380702994-54YQ0BNXI9QNZSIB5OG8/19055147_475788256091994_5054900722423178733_o.jpg?format=2500w",
|
|
31
|
+
"AltText": "Club lol"
|
|
32
|
+
},
|
|
33
|
+
{
|
|
34
|
+
"ImageId": 13,
|
|
35
|
+
"URL": "https://meyersquared.com/images/acme_club.png",
|
|
36
|
+
"AltText": "Club lol"
|
|
37
|
+
}
|
|
38
|
+
]
|
|
20
39
|
},
|
|
21
40
|
"Address": {
|
|
22
41
|
"Name": "Test Location",
|
|
@@ -28,29 +47,24 @@ const mockGetTournamentId =
|
|
|
28
47
|
},
|
|
29
48
|
"Images": [
|
|
30
49
|
{
|
|
31
|
-
"ImageId":
|
|
32
|
-
"URL": "https://
|
|
33
|
-
"AltText": "
|
|
50
|
+
"ImageId": 32,
|
|
51
|
+
"URL": "https://meyersquared.com/images/ClawandOrder.png",
|
|
52
|
+
"AltText": "Paws and Order"
|
|
34
53
|
}
|
|
35
54
|
],
|
|
36
55
|
"PrimaryContact": {
|
|
37
|
-
"PersonId":
|
|
38
|
-
"DisplayName": "
|
|
39
|
-
"Images": [
|
|
56
|
+
"PersonId": 1,
|
|
57
|
+
"DisplayName": "Dwain Crackel",
|
|
58
|
+
"Images": [
|
|
59
|
+
{
|
|
60
|
+
"ImageId": 7,
|
|
61
|
+
"URL": "https://randomuser.me/api/portraits/men/22.jpg",
|
|
62
|
+
"AltText": null
|
|
63
|
+
}
|
|
64
|
+
]
|
|
40
65
|
},
|
|
41
|
-
"SocialMedia": [
|
|
42
|
-
|
|
43
|
-
"Link": "https://www.cvcombatguild.ca/",
|
|
44
|
-
"Type": "Rules",
|
|
45
|
-
"Label": "Rules Link"
|
|
46
|
-
},
|
|
47
|
-
{
|
|
48
|
-
"Link": "https://hemaeventcalendar.com/",
|
|
49
|
-
"Type": "Registration",
|
|
50
|
-
"Label": "Registration Link"
|
|
51
|
-
}
|
|
52
|
-
],
|
|
53
|
-
"TotalEvents": 0,
|
|
66
|
+
"SocialMedia": [],
|
|
67
|
+
"TotalEvents": 1,
|
|
54
68
|
"Status": "completed"
|
|
55
69
|
};
|
|
56
70
|
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<section class="flex flex-col md:bg-white w-full border-b pb-2 mb-2 pt-1 cursor-pointer last:border-b-0" @click="handleCardClick">
|
|
3
|
-
<div class="flex">
|
|
2
|
+
<section class="flex flex-col md:bg-white w-full border-b pb-2 mb-2 pl-1 pt-1 cursor-pointer last:border-b-0" @click="handleCardClick">
|
|
3
|
+
<div class="flex pt-1">
|
|
4
4
|
<img :src="tournamentImage" :alt="imageAltText" class="w-24 h-16 md:w-32 md:h-20 object-cover rounded mr-2 md:mr-4 flex-shrink-0" />
|
|
5
5
|
<div class="flex flex-col">
|
|
6
|
-
<div class="flex items-center mb-
|
|
7
|
-
<div class="hidden md:flex items-center text-sm text-gray-600 mb-2"><BaseText color="primary" tag="p" size="
|
|
6
|
+
<div class="flex items-center mb-0"><BaseText color="primary" tag="h2" size="2xl" weight="bold">{{ tournamentName }}</BaseText></div>
|
|
7
|
+
<div class="hidden md:flex items-center text-sm text-gray-600 mb-2"><BaseText color="primary" tag="p" size="md" weight="normal">{{ addressName }}</BaseText></div>
|
|
8
8
|
</div>
|
|
9
9
|
</div>
|
|
10
10
|
|
|
11
11
|
<!-- Participants and Date Section -->
|
|
12
|
-
<div class="hidden md:flex mt-3">
|
|
12
|
+
<div class="hidden md:flex mt-3 mb-1">
|
|
13
13
|
<div class="flex flex-row w-full">
|
|
14
14
|
<div class="flex items-center mr-10">
|
|
15
15
|
<Icon icon="fa-users" size="sm" color="accent" class="mr-4" />
|
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
<!-- Mobile Participants and Date Section -->
|
|
26
26
|
<div class="flex flex-col md:hidden mt-2">
|
|
27
27
|
<div class="flex items-center pb-2">
|
|
28
|
-
<BaseText color="primary" tag="p" size="sm" weight="
|
|
28
|
+
<BaseText color="primary" tag="p" size="sm" weight="normal">{{ addressName }}</BaseText>
|
|
29
29
|
</div>
|
|
30
30
|
<div class="flex flex-row">
|
|
31
31
|
<div class="flex items-center mr-4">
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<section class="
|
|
2
|
+
<section :class="topBoxClass">
|
|
3
3
|
<section>
|
|
4
4
|
<div :class="topClasses" class="flex flex-col">
|
|
5
5
|
<div :class="headerClasses">
|
|
@@ -78,6 +78,10 @@ export default {
|
|
|
78
78
|
type: Boolean,
|
|
79
79
|
default: false,
|
|
80
80
|
},
|
|
81
|
+
topBoxClass: {
|
|
82
|
+
type: String,
|
|
83
|
+
default: 'w-full flex justify-center mx-auto',
|
|
84
|
+
},
|
|
81
85
|
},
|
|
82
86
|
emits: ['grid-click', 'grid-card-click'],
|
|
83
87
|
computed: {
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
:shareLinks="ShareLinks"
|
|
18
18
|
/>
|
|
19
19
|
</div>
|
|
20
|
-
<div class="w-full max-w-4xl mx-auto md:p-4">
|
|
20
|
+
<div class="w-full max-w-4xl mx-auto md:p-4 mb-20">
|
|
21
21
|
<GridLayout
|
|
22
22
|
v-if="tournament.Events.length > 0"
|
|
23
23
|
:cardComponent="EventListCard"
|
|
@@ -26,23 +26,24 @@
|
|
|
26
26
|
:isLoading="false"
|
|
27
27
|
:whiteStyle="true"
|
|
28
28
|
:title="'Events'"
|
|
29
|
+
topBoxClass="w-full pl-2 pr-8"
|
|
29
30
|
/>
|
|
30
31
|
</div>
|
|
31
32
|
<div v-if="RegistrationLink" class="w-full flex justify-center md:mb-20">
|
|
32
33
|
<BaseButton label="Register" backgroundColor="secondary" border="primary" class="w-40 mx-auto mt-10" @click="handleRegistrationClick"/>
|
|
33
34
|
</div>
|
|
34
35
|
</section>
|
|
35
|
-
<section class="mt-8 md:mt-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
36
|
+
<section class="mt-8 md:mt-14">
|
|
37
|
+
<HostColumn
|
|
38
|
+
:organizerName="ContactName"
|
|
39
|
+
:organizerPortrait="ContactImage"
|
|
40
|
+
:address="tournament.Address"
|
|
41
|
+
:fencersGoing="tournament.TotalParticipants"
|
|
42
|
+
:bookmarksCount="tournament.TotalBookmarks"
|
|
43
|
+
:rulesLink="RulesLink"
|
|
44
|
+
:apiKey="apiKey"
|
|
45
|
+
@rules-click="onRulesClick"
|
|
46
|
+
/>
|
|
46
47
|
</section>
|
|
47
48
|
</section>
|
|
48
49
|
<Footer/>
|