@dcrackel/meyersquaredui 1.0.96 → 1.0.98

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 (15) hide show
  1. package/dist/meyersquaredui.es.js +329 -326
  2. package/dist/meyersquaredui.umd.js +1 -1
  3. package/dist/style.css +1 -1
  4. package/package.json +1 -1
  5. package/src/mocks/getTournamentById.js +2 -2
  6. package/src/stories/Organisms/Cards/TournamentListCard/TournamentListCard.vue +1 -1
  7. package/src/stories/Organisms/Headers/PageHeader/PageHeader.vue +1 -1
  8. package/src/stories/Organisms/Headers/ScrollNav/ScrollNav.vue +4 -2
  9. package/src/stories/Organisms/Headers/TournamentHeader/TournamentHeader.vue +5 -2
  10. package/src/stories/Templates/HomePage/HomePage.stories.js +1 -1
  11. package/src/stories/Templates/HomePage/HomePage.vue +1 -1
  12. package/src/stories/Templates/TournamentDetailPage/TournamentDetail.stories.js +2 -2
  13. package/src/stories/Templates/TournamentDetailPage/TournamentDetailPage.vue +9 -0
  14. package/src/stories/Templates/TournamentListPage/TournamentListPage.stories.js +2 -2
  15. package/src/stories/Templates/TournamentListPage/TournamentListPage.vue +8 -2
package/dist/style.css CHANGED
@@ -1 +1 @@
1
- .border-gradient-rounded-1{border:1px solid transparent;background:linear-gradient(to right,#000,#000),linear-gradient(to right,#ff7a00,#a3412a);background-clip:padding-box,border-box;background-origin:padding-box,border-box;transition:background-size .5s ease-in-out,color .5s ease-in-out}.border-gradient-rounded-1:hover{background:linear-gradient(to right,#ff7a00,#ffa238);color:#fff}.border-gradient-rounded-2{border:1px solid transparent;background:linear-gradient(to right,#000,#000),linear-gradient(to right,#009dff,#25e07c);background-clip:padding-box,border-box;background-origin:padding-box,border-box}.border-gradient-rounded-2:hover{background:linear-gradient(to right,#009dff,#25e07c);color:#fff}@keyframes slideDown-88385dfa{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes slideUp-88385dfa{0%{transform:translateY(0)}to{transform:translateY(-100%)}}.animate-slideDown[data-v-88385dfa]{animation:slideDown-88385dfa .5s ease forwards}.animate-slideUp[data-v-88385dfa]{animation:slideUp-88385dfa .5s ease forwards}section[data-v-bae6ab08]{max-width:150px}
1
+ .border-gradient-rounded-1{border:1px solid transparent;background:linear-gradient(to right,#000,#000),linear-gradient(to right,#ff7a00,#a3412a);background-clip:padding-box,border-box;background-origin:padding-box,border-box;transition:background-size .5s ease-in-out,color .5s ease-in-out}.border-gradient-rounded-1:hover{background:linear-gradient(to right,#ff7a00,#ffa238);color:#fff}.border-gradient-rounded-2{border:1px solid transparent;background:linear-gradient(to right,#000,#000),linear-gradient(to right,#009dff,#25e07c);background-clip:padding-box,border-box;background-origin:padding-box,border-box}.border-gradient-rounded-2:hover{background:linear-gradient(to right,#009dff,#25e07c);color:#fff}@keyframes slideDown-07413d1f{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes slideUp-07413d1f{0%{transform:translateY(0)}to{transform:translateY(-100%)}}.animate-slideDown[data-v-07413d1f]{animation:slideDown-07413d1f .5s ease forwards}.animate-slideUp[data-v-07413d1f]{animation:slideUp-07413d1f .5s ease forwards}section[data-v-bae6ab08]{max-width:150px}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@dcrackel/meyersquaredui",
3
3
  "private": false,
4
- "version": "1.0.96",
4
+ "version": "1.0.98",
5
5
  "type": "module",
6
6
  "main": "dist/meyersquaredui.cjs.js",
7
7
  "module": "dist/meyersquaredui.esm.js",
package/src/mocks/getTournamentById.js CHANGED
@@ -32,7 +32,7 @@ const mockGetTournamentId =
32
32
  },
33
33
  {
34
34
  "ImageId": 13,
35
- "URL": "https://meyersquared.com/images/acme_club.png",
35
+ "URL": "https://meyersquaredimages.com/images/acme_club.png",
36
36
  "AltText": "Club lol"
37
37
  }
38
38
  ]
@@ -48,7 +48,7 @@ const mockGetTournamentId =
48
48
  "Images": [
49
49
  {
50
50
  "ImageId": 32,
51
- "URL": "https://meyersquared.com/images/ClawandOrder.png",
51
+ "URL": "https://meyersquaredimages.com/images/ClawandOrder.png",
52
52
  "AltText": "Paws and Order"
53
53
  }
54
54
  ],
package/src/stories/Organisms/Cards/TournamentListCard/TournamentListCard.vue CHANGED
@@ -101,7 +101,7 @@ export default {
101
101
  return false;
102
102
  },
103
103
  participants() {
104
- return this.data.Participants || 0;
104
+ return this.data.TotalParticipants || 0;
105
105
  },
106
106
  },
107
107
  methods: {
package/src/stories/Organisms/Headers/PageHeader/PageHeader.vue CHANGED
@@ -29,7 +29,7 @@
29
29
 
30
30
  <!-- mobile header -->
31
31
  <section class="w-full flex md:hidden fixed top-0 z-10 bg-primary">
32
- <div class="py-2 pl-2 pr-4 flex justify-between w-full">
32
+ <div class="py-2 px-6 flex justify-between w-full">
33
33
  <img :src="logo" alt="Logo" class="h-6 w-9" @click="handlePageChange('Home')" />
34
34
  <Icon icon="fa-bars" color="secondary" size="xl" @click="openMenu($event)" />
35
35
  </div>
package/src/stories/Organisms/Headers/ScrollNav/ScrollNav.vue CHANGED
@@ -1,8 +1,9 @@
1
1
  <template>
2
- <div class="hidden md:block slideDown slideUp"></div>
2
+ <div class="hidden md:block">
3
+ <div class="slideDown slideUp"></div>
3
4
  <nav
4
5
  v-show="navVisible"
5
- class="hidden md:fixed top-0 left-0 w-full bg-white shadow-md z-50"
6
+ class="md:fixed top-0 left-0 w-full bg-white shadow-md z-50"
6
7
  :class="[showNav ? 'animate-slideDown' : 'animate-slideUp']"
7
8
  >
8
9
  <div class="max-w-7xl mx-auto px-4 py-2">
@@ -26,6 +27,7 @@
26
27
  </section>
27
28
  </div>
28
29
  </nav>
30
+ </div>
29
31
  </template>
30
32
 
31
33
  <script>
package/src/stories/Organisms/Headers/TournamentHeader/TournamentHeader.vue CHANGED
@@ -47,16 +47,19 @@ export default {
47
47
  props: {
48
48
  filters: {
49
49
  type: Array,
50
- default: () => ['Upcoming', 'Past', 'Bookmarked','Attending'],
50
+ default: () => ['Upcoming', 'Past'],
51
51
  },
52
52
  weapons: {
53
53
  type: Array,
54
54
  default: () => ['All Weapons', 'Longsword', 'Saber', 'Rapier', 'Smallsword', 'Sword and Buckler'],
55
55
  },
56
+ selectedItem: {
57
+ type: String
58
+ },
56
59
  },
57
60
  data() {
58
61
  return {
59
- selectedFilter: 'Top Ranked',
62
+ selectedFilter: this.selectedItem,
60
63
  selectedWeapon: 'All Weapons',
61
64
  };
62
65
  },
package/src/stories/Templates/HomePage/HomePage.stories.js CHANGED
@@ -19,7 +19,7 @@ export const Default = {
19
19
  title: 'Find your next HEMA Tournament!',
20
20
  description: '',
21
21
  buttonLabel: 'Find Out More',
22
- imageSrc: 'https://meyersquared.com/images/banners/largebanner01.jpg',
22
+ imageSrc: 'https://meyersquaredimages.com/images/banners/largebanner01.jpg',
23
23
  tournaments: mockTournaments,
24
24
  topFencers: mockTopFencers,
25
25
  articles: mockArticles,
package/src/stories/Templates/HomePage/HomePage.vue CHANGED
@@ -2,7 +2,7 @@
2
2
  <div class="m-0 w-full bg-secondary">
3
3
  <PageHeader @changePage="changePage"/>
4
4
  <HeroBanner :title="title" :buttonLabel="buttonLabel" :description="description" :imageSrc="imageSrc"/>
5
- <ScrollNav :buffer="1000" />
5
+ <ScrollNav :buffer="200" />
6
6
  <GridLayout
7
7
  :cardComponent="TournamentCard"
8
8
  :items="limitedTournaments"
package/src/stories/Templates/TournamentDetailPage/TournamentDetail.stories.js CHANGED
@@ -15,7 +15,7 @@ export default {
15
15
  export const Default = {
16
16
  args: {
17
17
  title: mockGetTournamentId.Name,
18
- imageSrc: 'https://meyersquared.com/images/banners/thinbanner01.jpg',
18
+ imageSrc: 'https://meyersquaredimages.com/images/banners/thinbanner01.jpg',
19
19
  tournament: mockGetTournamentId,
20
20
  apiKey: 'AIzaSyC5kuJeMLopgjHDqsQPjRZ6Fkg3PFydw9Q',
21
21
  },
@@ -24,7 +24,7 @@ export const Default = {
24
24
  export const AllLoading = {
25
25
  args: {
26
26
  title: 'Discover, Compete, Connect',
27
- imageSrc: 'https://meyersquared.com/images/banners/thinbanner01.jpg',
27
+ imageSrc: 'https://meyersquaredimages.com/images/banners/thinbanner01.jpg',
28
28
  tournament: mockGetTournamentId,
29
29
  apiKey: 'AIzaSyC5kuJeMLopgjHDqsQPjRZ6Fkg3PFydw9Q',
30
30
  },
package/src/stories/Templates/TournamentDetailPage/TournamentDetailPage.vue CHANGED
@@ -27,6 +27,8 @@
27
27
  :whiteStyle="true"
28
28
  :title="'Events'"
29
29
  topBoxClass="w-full pl-2 pr-8"
30
+ @grid-click="changePage('tournaments')"
31
+ @grid-card-click="handleGridCardClick"
30
32
  />
31
33
  </div>
32
34
  <div v-if="RegistrationLink" class="w-full flex justify-center md:mb-20">
@@ -171,6 +173,13 @@ export default {
171
173
  },
172
174
  handleRegistrationClick() {
173
175
  this.$emit('registration-click', this.RegistrationLink);
176
+ },
177
+ changePage(item) {
178
+ this.$emit('changePage', item);
179
+ },
180
+ handleGridCardClick(item) {
181
+ console.log('Grid Card Clicked', item);
182
+ this.$emit('grid-card-click', item);
174
183
  }
175
184
  }
176
185
  }
package/src/stories/Templates/TournamentListPage/TournamentListPage.stories.js CHANGED
@@ -18,7 +18,7 @@ export const Default = {
18
18
  args: {
19
19
  title: 'Find HEMA Tournaments',
20
20
  description: 'Near your location!',
21
- imageSrc: 'https://meyersquared.com/images/banners/thinbanner02m1.png',
21
+ imageSrc: 'https://meyersquaredimages.com/images/banners/thinbanner02m1.png',
22
22
  tournaments: mockTournaments,
23
23
  topFencers: mockTopFencers,
24
24
  articles: mockArticles,
@@ -30,7 +30,7 @@ export const AllLoading = {
30
30
  title: 'Discover, Compete, Connect',
31
31
  description: '',
32
32
  buttonLabel: 'Find Out More',
33
- imageSrc: 'https://meyersquared.com/images/banners/largebanner01.jpg',
33
+ imageSrc: 'https://meyersquaredimages.com/images/banners/largebanner01.jpg',
34
34
  tournaments: mockTournaments,
35
35
  topFencers: mockTopFencers,
36
36
  articles: mockArticles,
package/src/stories/Templates/TournamentListPage/TournamentListPage.vue CHANGED
@@ -1,8 +1,8 @@
1
1
  <template>
2
2
  <div class="m-0 w-full bg-secondary">
3
3
  <Header />
4
- <TournamentBanner :title="title" :description="description" :imageSrc="imageSrc" />
5
- <TournamentHeader :weapons="['All Weapons', 'Longsword', 'Saber', 'Rapier', 'Smallsword', 'Sword and Buckler']" />
4
+ <TournamentBanner :title="title" :description="description" :imageSrc="imageSrc" mobileImageSrc="imageSrc"/>
5
+ <TournamentHeader :weapons="['All Weapons', 'Longsword', 'Saber', 'Rapier', 'Smallsword', 'Sword and Buckler']" :selectedItem="'Upcoming'" @filterChange="changeFilter" />
6
6
 
7
7
  <div class="w-full flex justify-center">
8
8
  <section class="mb-20 flex w-full md:w-7/12">
@@ -93,6 +93,12 @@ export default {
93
93
  methods: {
94
94
  changePage(item) {
95
95
  console.log('changePage', item);
96
+ },
97
+ changeFilter(item) {
98
+ console.log('changeFilter', item);
99
+ },
100
+ handleCardClick(tournament) {
101
+ console.log(`Clicked on ${tournament.TournamentId}`);
96
102
  }
97
103
  }
98
104
  }