@dcrackel/hematournamentui 1.0.147 → 1.0.149

package/package.json

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

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

@@ -1,5 +1,5 @@
 <template>
-  <EditTournamentMenu currentTab="Basic" :tabs="tabs" @tabMenuClick="handleTabMenuClick" />
+  <EditTournamentMenu currentTab="Basic" :tabs="tabs" @tabMenuClick="handleTabMenuClick"/>
   <div class="w-full flex flex-row justify-center">
     <section class="w-full">
       <BaseText :color="'quaternary'" :size="'xs'" :text="'IMAGE'" class="border-b mb-5"/>
@@ -8,7 +8,8 @@
                   :weight="'normal'" class="mb-1 ml-1" data-testid="text-cover-image"/>
         <div class="w-full flex justify-center">
           <div class="w-3/4">
-            <ImageCropper :url="tournamentImage" :imageName="`t-${localTournament.TournamentId}`" @update:url="handleUpdateUrl" />
+            <ImageCropper :url="tournamentImage" :imageName="`t-${localTournament.TournamentId}`"
+                          @update:url="handleUpdateUrl"/>
           </div>
         </div>
       </div>
@@ -23,12 +24,13 @@
                   :weight="'normal'" class="mb-1 ml-1" data-testid="text-address"/>
         <FindLocation :invalid="validation.address" :locations="locations" :placeholder="tournamentAddress"
                       :addBorder=true
-                      @update:address="handleAddressUpdate"/>
+                      @update-location="handleAddressUpdate"/>
       </div>
       <div class="mb-3">
         <BaseText :color="'primaryHighlight'" :invalid="validation.description" :size="'sm'" :text="'Description'"
                   :weight="'normal'" class="mb-1 ml-1" data-testid="text-description"/>
-        <TextBoxEditor :initialContent="localTournament.Description" :invalid="validation.description" @update:editorContent="handleEditorUpdate"/>
+        <TextBoxEditor :initialContent="localTournament.Description" :invalid="validation.description"
+                       @update:editorContent="handleEditorUpdate"/>
       </div>
       <div class="flex flex-row justify-center mb-3">
         <div class="flex flex-col w-1/2 mr-1">
@@ -40,7 +42,7 @@
         </div>
         <div class="flex flex-col w-1/2 ml-1">
           <BaseText :color="'primaryHighlight'" class="mb-1 ml-1" text="Total Days"/>
-          <BaseInput :addBorder="true" :placeholder="totalDays"/>
+          <BaseInput :addBorder="true" :placeholder="totalDays" @update:value="handleTotalDays"/>
         </div>
       </div>
       <div class="flex flex-row justify-center my-10">
@@ -101,16 +103,13 @@ export default {
         visibility: false
       },
       tabs: [
-        { id: 'Basic', label: 'Basic', color: 'primaryHighlight' },
-        { id: 'Details', label: 'Details', color: 'primaryHighlight' },
-        { id: 'Events', label: 'Events', color: 'primaryHighlight' },
-        { id: 'Staff', label: 'Staff', color: 'primaryHighlight' }
+        {id: 'Basic', label: 'Basic', color: 'primaryHighlight'},
+        {id: 'Details', label: 'Details', color: 'primaryHighlight'},
+        {id: 'Events', label: 'Events', color: 'primaryHighlight'},
+        {id: 'Staff', label: 'Staff', color: 'primaryHighlight'}
       ]
     }
   },
-  created() {
-    console.log(this.localTournament)
-  },
   computed: {
     totalDays() {
       const startDate = new Date(this.localTournament.StartDate);
@@ -122,18 +121,26 @@ export default {
     tournamentImage() {
       return this.localTournament.Images[0].URL;
     },
-    tournamentAddress(){
+    tournamentAddress() {
       return this.localTournament.Address.Name;
     }
 
   },
   methods: {
+    handleTotalDays(days) {
+      if (!isNaN(days)) {
+        const startDate = new Date(this.localTournament.StartDate);
+        const newEndDate = new Date(startDate);
+        newEndDate.setDate(startDate.getDate() + parseInt(days) - 1);
+        this.localTournament.EndDate = newEndDate.toISOString().split('T')[0];
+      }
+    },
     handleTabMenuClick(value) {
       this.$emit('tab:menu-click', value);
     },
     handleAddressUpdate(updatedAddress) {
-      this.localTournament.address = updatedAddress.address;
-      this.localTournament.coordinates = updatedAddress.coordinates;
+      this.localTournament.AddressId = updatedAddress.AddressId;
+      this.localTournament.Address = updatedAddress;
     },
     handleDateUpdate(newDate) {
       this.tournament.startDate = newDate;
@@ -142,10 +149,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

@@ -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;