@dcrackel/meyersquaredui 1.0.76 → 1.0.78

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 (6) hide show
  1. package/dist/meyersquaredui.es.js +108 -102
  2. package/dist/meyersquaredui.umd.js +1 -1
  3. package/package.json +1 -1
  4. package/src/mocks/getTournamentById.js +50 -43
  5. package/src/stories/Organisms/GridLayout/GridLayout.vue +5 -1
  6. package/src/stories/Templates/TournamentDetailPage/TournamentDetailPage.vue +13 -6
package/src/mocks/getTournamentById.js CHANGED
@@ -1,63 +1,70 @@
1
1
  const mockGetTournamentId =
2
2
  {
3
- "TournamentId": 37,
4
- "Name": "Pumpkin Slice",
5
- "StartDate": "2024-10-27",
6
- "EndDate": "2024-10-28",
7
- "RegistrationCutOff": "2024-10-27",
8
- "Description": "<p>We are gathering at the Coombs Fairgrounds &amp; Event Centre on October 27th, 2023 for an Open Steel Messer tournament. This will be the second iteration, official, but spiritually, the third, as it was inspired by the Spooky Scary Messer tournament held by THCC in Vancouver.</p>",
9
- "HostedOnM2": true,
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": "Comox Valley Combat Guild",
14
- "ClubId": 356,
25
+ "Name": "Acme Fencing Club",
26
+ "ClubId": 1,
15
27
  "Images": [
16
28
  {
17
- "ImageId": 46,
18
- "URL": "https://meyersquared.com/uploads/CVCG+Logo+2024.png",
19
- "AltText": "This is alt text"
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"
20
37
  }
21
38
  ]
22
39
  },
23
40
  "Address": {
24
- "Name": "Coombs Fairgrounds & Event Center",
25
- "City": "Coombs",
26
- "State": "BC",
27
- "Address1": "1014 Ford Rd",
28
- "Zip": 12345,
29
- "Coordinates": "49.303763,-124.419878"
41
+ "Name": "Test Location",
42
+ "City": "Delaware",
43
+ "State": "OH",
44
+ "Address1": "123 Anywhere",
45
+ "Zip": 43015,
46
+ "Coordinates": "40.2828592,-83.1118049"
30
47
  },
31
48
  "Images": [
32
49
  {
33
- "ImageId": 45,
34
- "URL": "https://meyersquared.com/uploads/t-23ee43e9.png",
35
- "AltText": "Pumpkin Slice image"
50
+ "ImageId": 32,
51
+ "URL": "https://meyersquared.com/images/ClawandOrder.png",
52
+ "AltText": "Paws and Order"
36
53
  }
37
54
  ],
38
55
  "PrimaryContact": {
39
- "PersonId": 0,
40
- "DisplayName": "Not Assigned",
41
- "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
+ ]
42
65
  },
43
- "SocialMedia": [
44
- {
45
- "Link": "https://www.facebook.com/events/654044546924140/",
46
- "Type": "Facebook",
47
- "Label": "Registration Link"
48
- },
49
- {
50
- "Link": "https://www.facebook.com/events/654044546924140/",
51
- "Type": "Registration",
52
- "Label": "Registration Link"
53
- },
54
- {
55
- "Link": "https://www.facebook.com/events/654044546924140/",
56
- "Type": "Rules",
57
- "Label": "Rules Link"
58
- }
59
- ],
60
- "TotalEvents": 0,
66
+ "SocialMedia": [],
67
+ "TotalEvents": 1,
61
68
  "Status": "completed"
62
69
  };
63
70
 
package/src/stories/Organisms/GridLayout/GridLayout.vue CHANGED
@@ -1,5 +1,5 @@
1
1
  <template>
2
- <section class="w-full flex justify-center mx-auto">
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: {
package/src/stories/Templates/TournamentDetailPage/TournamentDetailPage.vue CHANGED
@@ -12,12 +12,12 @@
12
12
  <section>
13
13
  <div class="w-full flex justify-center mt-4 md:mt-12 md:pr-4">
14
14
  <TournamentDetails
15
- :imageSrc="tournament.Images[0].URL"
15
+ :imageSrc="TournamentImage"
16
16
  :description="tournament.Description"
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,13 +26,14 @@
26
26
  :isLoading="false"
27
27
  :whiteStyle="true"
28
28
  :title="'Events'"
29
+ topBoxClass="w-full pl-2 pr-6"
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-16">
36
+ <section class="mt-8 md:mt-14">
36
37
  <HostColumn
37
38
  :organizerName="ContactName"
38
39
  :organizerPortrait="ContactImage"
@@ -60,7 +61,6 @@ import EventListCard from "../../Organisms/Cards/EventListCard/EventListCard.vue
60
61
  import BaseText from "../../Atoms/BaseText/BaseText.vue";
61
62
  import BaseButton from "../../Atoms/BaseButton/BaseButton.vue";
62
63
  import HostColumn from "../../Organisms/Column/HostColumn.vue";
63
- import protrait1 from "../../../assets/images/portrait1.png";
64
64
 
65
65
  export default {
66
66
  name: 'TournamentDetailPage',
@@ -82,7 +82,7 @@ export default {
82
82
  },
83
83
  imageSrc: {
84
84
  type: String,
85
- default: 'https://images.squarespace-cdn.com/content/v1/588e439e1b10e309aeed2280/1549377422004-9SSG2INBP1HGR5OK4DIN/FacebookMockup2.png?format=1000w'
85
+ default: 'https://meyersquared.com/images/banners/largebanner01.jpg'
86
86
  },
87
87
  tournament: {
88
88
  type: Object,
@@ -123,6 +123,13 @@ export default {
123
123
  }
124
124
  return this.tournament?.PrimaryContact?.Images?.[0]?.URL || this.defaultPortrait;
125
125
  },
126
+ TournamentImage() {
127
+ if (this.tournament?.Images?.[0]?.URL && this.tournament.Images[0].URL.trim() !== '') {
128
+ return 'https://meyersquared.com/uploads/defaulttournament.png';
129
+ }
130
+
131
+ return this.defaultTournamentImage;
132
+ },
126
133
  RulesLink() {
127
134
  console.log(this.tournament.SocialMedia);
128
135
  const rulesLink = this.tournament.SocialMedia.find(social => social.Type === 'Rules');
@@ -155,7 +162,7 @@ export default {
155
162
  },
156
163
  data() {
157
164
  return {
158
- defaultPortrait: protrait1
165
+
159
166
  }
160
167
  },
161
168
  methods: {