send location to backend when loading screen appears

Author: supalarry

frontend/src/components/app/onboarding/Location.vue

@@ -15,7 +15,10 @@
 import SingleChoice from '@/components/app/onboarding/SingleChoice.vue';
 
 export default {
-  props: ['slide'],
+  props: ['slide', 'bus'],
+  data: () => ({
+    locationData: {},
+  }),
   components: {
     SingleChoice,
   },
@@ -37,18 +40,22 @@ export default {
     async locationAllowed(position) {
       const { latitude } = position.coords;
       const { longitude } = position.coords;
-      await this.sendLocation({ lat: latitude, lng: longitude, ip: '0.0.0.0' });
+      this.locationData = { lat: latitude, lng: longitude, ip: '0.0.0.0' };
+      this.$emit('nextSlide');
     },
     async locationDenied() {
       let ipRequest = await fetch('https://api.ipify.org?format=json');
       ipRequest = await ipRequest.json();
       const { ip } = ipRequest;
-      await this.sendLocation({ ip });
-    },
-    async sendLocation(data) {
-      await this.$http.put('/profile/edit/geolocation', data);
+      this.locationData = { ip };
       this.$emit('nextSlide');
     },
+    async sendLocation() {
+      await this.$http.put('/profile/edit/geolocation', this.locationData);
+    },
+  },
+  mounted() {
+    this.bus.$on('sendUserLocationToBackend', this.sendLocation);
   },
 };
 </script>

frontend/src/views/app/Onboarding.vue

@@ -86,6 +86,7 @@
       current: slideCurrent,
       count: slideCount,
       buttonText}"
+      v-bind:bus="bus"
       v-on:nextSlide="nextSlide"
       v-if="slideCurrent === 7"></Location>
     <SettingUp v-if="slideCurrent === 8"></SettingUp>
@@ -101,6 +102,7 @@ import MainAndSecondaryImagesUpload from '@/components/app/onboarding/MainAndSec
 import Textblock from '@/components/app/onboarding/Textblock.vue';
 import Location from "@/components/app/onboarding/Location.vue";
 import SettingUp from "@/components/app/onboarding/SettingUp.vue";
+import Vue from 'vue';
 
 export default {
   components: {
@@ -117,6 +119,7 @@ export default {
     slideCount: 7,
     userData: {},
     userUploadedImagesCount: 0,
+    bus: new Vue(),
   }),
   methods: {
     saveInput(...args) {
@@ -132,6 +135,7 @@ export default {
     async nextSlide() {
       if (this.slideCurrent === this.slideCount) {
         this.slideCurrent += 1;
+        await this.bus.$emit('sendUserLocationToBackend');
         await this.$http.post('/profile/complete', this.userData);
         await this.$http.get('/recommendations');
         await this.$store.dispatch('profileCompleted');