WIP hooking onboarding to backend

Author: supalarry

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

@@ -43,6 +43,23 @@ export default {
         this.imageIndex += 1;
       } else {
         this.$emit('saveInput', this.slide.key, this.imagesUploaded);
+        this.sendImagesToBackend();
+      }
+    },
+    async sendImagesToBackend() {
+      try {
+        for (let i = 0; i < this.imagesUploaded.length; i += 1) {
+          const formData = new FormData();
+          if (i === 0) {
+            formData.append('ProfileImage', this.imagesUploaded[i].content);
+            await this.$http.post('/profile/images?is_primary=true', formData);
+          } else {
+            formData.append('ExtraImage', this.imagesUploaded[i].content);
+            await this.$http.post('/profile/images?is_primary=false', formData);
+          }
+        }
+      } catch (error) {
+        console.log(error);
       }
     },
   },

frontend/src/plugins/http.js

@@ -1,12 +1,16 @@
 /* eslint-disable prefer-arrow-callback */
 /* eslint-disable func-names */
 /* eslint-disable no-param-reassign */
+/* eslint-disable max-len */
 
 import Axios from 'axios';
 import Vue from 'vue';
 import { getAccessToken, getRefreshToken, handleAccessTokenExpiration } from '../auth/tokens';
 
 Axios.defaults.baseURL = process.env.VUE_APP_BACKEND_BASE_URL;
+Axios.defaults.headers.common['Access-Control-Allow-Origin'] = '*';
+Axios.defaults.headers.common['Access-Control-Allow-Methods'] = 'DELETE, POST, GET, OPTIONS';
+/* Axios.defaults.headers.common['Access-Control-Allow-Headers'] = 'Content-Type, Access-Control-Allow-Headers, Authorization, X-Requested-With'; */
 
 Axios.interceptors.request.use(async function (config) {
   if (config.url === '/auth/refresh' || config.url === '/auth/refresh_revoke') {

frontend/src/views/app/Onboarding.vue

@@ -31,7 +31,7 @@
       current: slideCurrent,
       count: slideCount,
       header: 'Sexuality',
-      options: ['heterosexual', 'homosexual', 'bi-sexual', 'other'],
+      options: ['heterosexual', 'homosexual', 'bisexual', 'other'],
       buttonText}"
       v-on:saveInput="saveInput"
       v-if="slideCurrent === 3"></SingleChoice>
@@ -110,7 +110,9 @@ export default {
       if (key === 'birthdate') {
         value = this.formatBirthdate(value);
       }
-      this.userData[key] = value;
+      if (key !== 'images') {
+        this.userData[key] = value;
+      }
       console.log(this.userData);
       this.nextSlide();
     },