npm - @dcrackel/hematournamentui - Versions diffs - 1.0.146 → 1.0.148 - Mend

@dcrackel/hematournamentui 1.0.146 → 1.0.148

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 (8) hide show

package/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "name": "@dcrackel/hematournamentui",
   "private": false,
-  "version": "1.0.146",
+  "version": "1.0.148",
   "type": "module",
   "main": "dist/HemaTournamentUI-lib.umd.js",
   "module": "dist/HemaTournamentUI-lib.es.js",

package/src/stories/Molecules/Cards/Detail/TournamentCardDetail.vue CHANGED Viewed

@@ -1,7 +1,7 @@
 <template>
   <div class="flex flex-col w-full pt-4 pb-3 px-3" @click="handleCardClick">
-    <BaseText :text="detail.Name" color="primary" size="xl" weight="semi-bold" />
-    <BaseText :text="detail.Address && detail.Address[0].Name" color="primary" size="sm" weight="normal" />
+    <BaseText :text="tournamentName" color="primary" size="xl" weight="semi-bold" />
+    <BaseText :text="address" color="primary" size="sm" weight="normal" />
     <div class="mt-4 flex flex-col">
       <div class="mt-4 flex flex-col h-20" >
         <span v-html="formattedDescription"></span>
@@ -32,25 +32,7 @@ export default {
   props: {
     detail: {
       type: Object,
-      required: true,
-      default: () => ({
-        TournamentId: null,
-        Name: '',
-        StartDate: '',
-        EndDate: '',
-        Description: '',
-        Address: [{
-          Name: '',
-          Address1: '',
-          City: '',
-          State: '',
-          Zip: null,
-          Coordinates: ''
-        }],
-        SocialMedia: [],
-        images: [],
-        tags: []
-      })
+      required: true
     }
   },
   data() {
@@ -67,6 +49,12 @@ export default {
     },
     isTruncated() {
       return this.detail.Description.length > 64;
+    },
+    address() {
+      return this.detail.Address && this.detail.Address.Name
+    },
+    tournamentName() {
+      return this.detail.Name;
     }
   },
   methods: {

package/src/stories/Organisms/Cards/TournamentCard/TournamentCard.stories.js CHANGED Viewed

@@ -1,33 +1,12 @@
 import TournamentCard from './TournamentCard.vue';
+import mockTournaments from '../../../../mocks/tournamentMock.js';
 export default {
     title: 'Organisms/Cards/TournamentCard',
     component: TournamentCard,
     tags: ['autodocs'],
     args: {
-        detail: {
-            tournamentId: 1,
-            Name: 'Spring Open 2024',
-            StartDate: '2024-05-01',
-            EndDate: '2024-05-02',
-            Description: 'A prestigious HEMA tournament held in the spring.',
-            ClubId: 1,
-            AddressId: 1,
-            'Club.Name': 'HEMA Club',
-            Address: [{
-                Name: 'Tournament Venue',
-                Address1: '123 Fencing St.',
-                City: 'Springfield',
-                State: 'IL',
-                Zip: '62704',
-                Coordinates: '39.7817,-89.6501'
-            }],
-            SocialMedia: [],
-            images: [{
-                URL: 'https://www.adelaideswordacademy.com/uploads/1/0/7/0/10705704/published/longsword-k-fix.jpg?1609768554',
-            }],
-            tags: ['HEMA', 'Tournament', 'Spring'],
-        },
+        detail: mockTournaments[0],
     },
     argTypes: {
         detail: { control: 'object' },
@@ -36,54 +15,12 @@ export default {
 export const Default = {
     args: {
-        detail: {
-            tournamentId: 1,
-            Name: 'Spring Open 2024',
-            StartDate: '2024-05-01',
-            EndDate: '2024-05-02',
-            Description: 'A prestigious HEMA tournament held in the spring.',
-            ClubId: 1,
-            AddressId: 1,
-            'Club.Name': 'HEMA Club',
-            Address: [{
-                Name: 'Tournament Venue',
-                Address1: '123 Fencing St.',
-                City: 'Springfield',
-                State: 'IL',
-                Zip: '62704',
-                Coordinates: '39.7817,-89.6501'
-            }],
-            SocialMedia: [],
-            images: [{
-                URL: 'https://www.adelaideswordacademy.com/uploads/1/0/7/0/10705704/published/longsword-k-fix.jpg?1609768554',
-            }],
-            tags: ['HEMA', 'Tournament', 'Spring'],
-        },
+        detail: mockTournaments[4],
     }
 };
 export const WithoutImage = {
     args: {
-        detail: {
-            tournamentId: 2,
-            Name: 'Summer Duel 2024',
-            StartDate: '2024-07-15',
-            EndDate: '2024-07-16',
-            Description: 'A summer HEMA duel competition.',
-            ClubId: 2,
-            AddressId: 2,
-            'Club.Name': 'Summer Club',
-            Address: [{
-                Name: 'Summer Venue',
-                Address1: '456 Duel Ave.',
-                City: 'Summerfield',
-                State: 'TX',
-                Zip: '75001',
-                Coordinates: '32.7767,-96.7970'
-            }],
-            SocialMedia: [],
-            images: [],
-            tags: ['HEMA', 'Duel', 'Summer'],
-        },
+        detail: mockTournaments[1],
     }
 };

package/src/stories/Organisms/Cards/TournamentCard/TournamentCard.vue CHANGED Viewed

@@ -1,6 +1,6 @@
 <template>
   <div class="rounded-xl w-72 shadow border border-dropdownSelect hover:border-bright">
-    <TournamentHeader :artwork="detail.images && detail.images.length > 0 ? detail.images[0].URL : ''" :tags="detail.tags" @click="listEvents" />
+    <TournamentHeader :artwork="getImage" :tags="detail.tags" @click="listEvents" />
     <TournamentDetail :detail="detail" @listEvents="listEvents" @edit="handleEditClick"/>
   </div>
 </template>
@@ -18,28 +18,12 @@ export default {
   props: {
     detail: {
       type: Object,
-      required: true,
-      default: () => ({
-        tournamentId: null,
-        Name: '',
-        StartDate: '',
-        EndDate: '',
-        Description: '',
-        ClubId: null,
-        AddressId: null,
-        'Club.Name': '',
-        Address: [{
-          Name: '',
-          Address1: '',
-          City: '',
-          State: '',
-          Zip: null,
-          Coordinates: ''
-        }],
-        SocialMedia: [],
-        images: [],
-        tags: []
-      })
+      required: true
+    }
+  },
+  computed: {
+    getImage() {
+      return this.detail.Images && this.detail.Images.length > 0 ? this.detail.Images[0].URL : ''
     }
   },
   methods: {

package/src/stories/Templates/TournamentManagement/EditTournament/EditBasic/EditTournamentBasicInfo.vue CHANGED Viewed

@@ -142,10 +142,10 @@ export default {
       this.tournament.description = newContent;
     },
     handleSubmit() {
-      console.log("submit edits")
+      this.$emit('update:submit', this.localTournament)
     },
     handleCancel() {
-      console.log("save nothing and go back to previous page")
+      this.$emit('update:cancel')
     },
     handleUpdateUrl() {
       console.log('handleUpdateUrl')

package/src/stories/Templates/TournamentManagement/EditTournament/EditDetails/EditTournamentDetails.vue CHANGED Viewed

@@ -147,10 +147,10 @@ export default {
       this.$emit('tab:menu-click', value);
     },
     handleSubmit() {
-      this.$emit('save:edits', this.localTournament)
+      this.$emit('update:submit', this.localTournament)
     },
     handleCancel() {
-      console.log("save nothing and go back to previous page")
+      this.$emit('update:cancel')
     },
     handleUpdateM2(value) {
       this.usingM2 = value;