:recycle: bundling profile prefs, email, and images in CompleteProfile objects | added prefs and email and images back to frontend

backend/db/data-generator/config.json

@@ -31,5 +31,9 @@
     ],
     "resKeys": [1, 2, 3, 4, 5, 6],
     "zipcodeKey": 7,
+    "mediaKey": 8,
+    "langKey": 9,
+    "blurbKey": 12,
+    "prefKeys": [7, 10, 11, 13, 14, 15, 16],
     "maxDistanceKey": 16
 }

backend/lib/schemas/profiles.js

@@ -8,6 +8,7 @@ const singleProfile = Joi.object({
     profile_id: Joi.number(),
     user_id: Joi.number(),
     user_name: Joi.string(),
+    user_email: Joi.string(),
     responses: surveyResponseSchema.list,
     tags: Joi.array().items(),
     user_type: Joi.any(),

backend/lib/services/profile.js

@@ -95,6 +95,7 @@ class CompleteProfile {
         this.user_id = profile.user_id // int user_id
         this.profile_id = profile.profile_id // int profile_id
         this.user_name = profile.user.user_name // string user_name
+        this.user_email = profile.user.user_email
         this.responses = []
         this.tags = profile.tags // [] of all tags
         this.user_type = type
@@ -108,15 +109,17 @@ class CompleteProfile {
             // [] of all "profile" responses
             this.responses = profile.responses
             // image, language, duration, presence, blurb, urgency, role, pronouns, distance
-            const prefs = ['presence', 'duration', 'zipcode']
-            prefs.forEach(pref => {
+            const prefs = ['zipcode', 'duration', 'presence', 'urgency', 'role', 'pronouns', 'distance']
+            const prefsKeys = config.prefKeys
+            prefs.forEach((pref, i) => {
                 this.profile_prefs[pref] = this.responses.filter(
-                    r => r.response_key_prompt === pref
+                    r => r.response_key_id === prefsKeys[i]
                 )[0]
             })
-            this.profile_description = this.responses.filter(r=> r.response_key_prompt === 'blurb')[0]
-            this.profile_media = this.responses.filter(r => r.response_key_prompt === 'image')
-            this.profile_languages = this.responses.filter(r => r.response_key_prompt === 'language')
+            // TODO: filter these correctly
+            this.profile_description = this.responses.filter(r => r.response_key_id === config.blurbKey).map(r => r.val)[0]
+            this.profile_media = this.responses.filter(r => r.response_key_id === config.mediaKey).map(r => r.val)
+            this.profile_languages = this.responses.filter(r => r.response_key_id === config.langKey).map(r => r.val)
         }
     }
 }

frontend/src/views/ProfileView.vue

@@ -4,7 +4,23 @@ main.view--profile.f-col.start.w-full
         h2 Profile Page
  
     article(v-if="!loading")
-        h3 {{ profile }}
+        h3 name: {{ profile.user_name }}
+            span(v-if="profile.user_email") | email: {{ profile.user_email }}
+        h5(v-if="profile.profile_prefs.pronouns") My pronouns are {{ profile.profile_prefs.pronouns.val }}
+        
+        p I am looking for a 
+            span {{ profile.profile_prefs.presence.val }} 
+            span {{ profile.profile_prefs.role.val }} 
+            span role 
+            span no further than {{ profile.profile_prefs.distance.val }} miles away 
+            span from {{ profile.profile_prefs.zipcode.val }}
+
+        p About: {{ profile.profile_description}}
+        p I am {{ profile.profile_prefs.urgency.val.split("_").join(" ") }}.
+
+        p tags: {{ profile.tags }}
+        p images: {{ profile.profile_media }}
+        p responses: {{ profile.responses.length }}
         button(@click="$router.go(-1)") back
 
     p(v-else) Loading...