@dcrackel/hematournamentui 1.0.271 → 1.0.274

package/package.json

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

package/src/mocks/tournamentMock.js

@@ -51,7 +51,7 @@ const mockTournaments = [
     "Images": [
       {
         "ImageId": 28,
-        "URL": "http://localhost/uploads/swordquench.png",
+        "URL": "http://localhost:3000/uploads/swordquench.png",
         "AltText": "Sword Quench image"
       }
     ],
@@ -87,7 +87,7 @@ const mockTournaments = [
     "Images": [
       {
         "ImageId": 2,
-        "URL": "http://localhost/uploads/t-4.png",
+        "URL": "http://localhost:3000/uploads/t-4.png",
         "AltText": "alt text"
       }
     ],

package/src/stories/Organisms/ComplexInputs/AddressAutocomplete/AddressAutocomplete.vue

@@ -6,6 +6,7 @@
     ref="address"
     v-model="address"
     placeholder="Venue Address"
+    @update:AddNewAddress="addNewAddress"
     @placechanged="getAddressData"
   />
 </template>
@@ -28,6 +29,11 @@ export default {
     };
   },
   methods: {
+    addNewAddress(addressData) {
+      console.log("-------------------");
+      console.log(addressData);
+      this.$emit("add-new-address",addressData);
+    },
     getAddressData(addressData) {
       const street = `${addressData.street_number} ${addressData.route}`;
       const city = addressData.locality;

package/src/stories/Organisms/ComplexInputs/FindLocation/FindLocation.vue

@@ -31,7 +31,7 @@
           <BaseInput :addBorder="true" :invalid="false" :value="locationName" class="pb-2"
                      placeholder="Enter Location Name" type="formInput" @update:value="handleLocationName"/>
           <AddressAutocomplete v-model="formData.address" :invalid="validAddress" class="text-lg"
-                               @update:address="handleAddressUpdate"/>
+                               @update:address="handleNewAddress"/>
         </template>
       </BaseModal>
     </div>
@@ -120,12 +120,12 @@ export default {
     handleLocationName(newName) {
       this.formData.locationName = newName
     },
-    handleAddressUpdate(newAddress) {
+    handleNewAddress(newAddress) {
       this.formData.address = newAddress.address
       this.formData.coordinates = newAddress.coordinates
     },
     handleSubmit() {
-      this.$emit('update-location', this.formData);
+      this.$emit('submit:location', this.formData);
       this.showNewLocation = false;
     }
   }

package/src/stories/Organisms/ComplexInputs/ImageCropper/ImageCropper.vue

@@ -45,11 +45,11 @@ export default {
     },
     uploadServer: {
       type: String,
-      default: 'http://localhost/api/upload/'
+      default: 'http://localhost:3000/api/upload/'
     },
     imageServer: {
       type: String,
-      default: 'http://localhost/uploads/'
+      default: 'http://localhost:3000/uploads/'
     }
   },
   components: {

package/src/stories/Templates/TournamentManagement/AddTournament/PageOne/AddTournamentPageOne.stories.js

@@ -12,8 +12,8 @@ export default {
         persons: mockPersons,
         urlToImage: null,
         uploadImageName: 'Storybook-test',
-        uploadServer: 'http://localhost/uploads/',
-        imageServer: 'http://localhost/uploads/',
+        uploadServer: 'http://localhost:3000/uploads/',
+        imageServer: 'http://localhost:3000/uploads/',
     },
     argTypes: {
         locations: {
@@ -43,8 +43,8 @@ export const Default = {
         urlToImage: null,
         addNewText: "Add New Location",
         uploadImageName: 'Storybook-test',
-        uploadServer: 'http://localhost/uploads/',
-        imageServer: 'http://localhost/uploads/'
+        uploadServer: 'http://localhost:3000/uploads/',
+        imageServer: 'http://localhost:3000/uploads/'
     }
 };
 
@@ -55,7 +55,7 @@ export const ExistingTournament = {
 
         addNewText: "Add New Location",
         uploadImageName: 'Storybook-test',
-        uploadServer: 'http://localhost/uploads/',
-        imageServer: 'http://localhost/uploads/'
+        uploadServer: 'http://localhost:3000/uploads/',
+        imageServer: 'http://localhost:3000/uploads/'
     }
 };

package/src/stories/Templates/TournamentManagement/AddTournament/PageOne/AddTournamentPageOne.vue

@@ -24,7 +24,9 @@
           <BaseText :color="'primaryHighlight'" :invalid="validation.address" :size="'sm'" :text="'Location'"
                     :weight="'normal'" class="mb-1" data-testid="text-address"/>
           <FindLocation :addBorder="true" :locations="locations" addNewText="Add New"
-                        @update-location="handleAddressUpdate"/>
+                        @update:addNewAddress="handleAddNewAddress"
+                        @update:location="handleAddressUpdate"
+          />
         </div>
         <div class="flex flex-row mb-3">
           <div class="w-3/4 mr-1">
@@ -112,11 +114,11 @@ export default {
     },
     uploadServer: {
       type: String,
-      default: 'http://localhost/uploads/'
+      default: 'http://localhost:3000/uploads/'
     },
     imageServer: {
       type: String,
-      default: 'http://localhost/uploads/'
+      default: 'http://localhost:3000/uploads/'
     }
   },
   data() {
@@ -173,6 +175,10 @@ export default {
         this.validation[key] = state;
       });
     },
+    handleAddNewAddress(newAddress){
+      this.tournament.AddressId = 0;
+      this.tournament.Address = newAddress;
+    },
     handleAddressUpdate(updatedAddress) {
       this.tournament.addressId = updatedAddress.AddressId
     },

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

@@ -23,7 +23,9 @@
                   :weight="'normal'" class="mb-1 ml-1" data-testid="text-address"/>
         <FindLocation :invalid="validation.address" :locations="locations" :placeholder="tournamentAddress"
                       :addBorder=true
-                      @update-location="handleAddressUpdate"/>
+                      @update:addNewAddress="handleNewAddress"
+                      @submit:location="handleAddressUpdate"
+        />
       </div>
       <div class="mb-3">
         <BaseText :color="'quinary'" :invalid="validation.description" :size="'sm'" :text="'Description'"
@@ -124,11 +126,11 @@ export default {
     },
     uploadServer: {
       type: String,
-      default: 'http://localhost/uploads/'
+      default: 'http://localhost:3000/uploads/'
     },
     imageServer: {
       type: String,
-      default: 'http://localhost/uploads/'
+      default: 'http://localhost:3000/uploads/'
     }
   },
   emits: ['tab:menu-click', 'manageEvent', 'editEvent', 'addEvent', 'image:upload'],
@@ -174,6 +176,11 @@ export default {
 
   },
   methods: {
+    handleNewAddress(addressData) {
+      console.log("-------------------");
+      console.log(addressData);
+      this.$emit("add-new-address",addressData);
+    },
     handleTotalDays(days) {
       if (!isNaN(days)) {
         const startDate = new Date(this.localTournament.StartDate);
@@ -186,7 +193,7 @@ export default {
       this.$emit('tab:menu-click', value);
     },
     handleAddressUpdate(updatedAddress) {
-      this.localTournament.AddressId = updatedAddress.AddressId;
+      this.localTournament.AddressId = 0;
       this.localTournament.Address = updatedAddress;
     },
     handleDateUpdate(newDate) {