:recycle: Refactor of how chat groupings are rendered

backend/db/data-generator/config.json

@@ -31,10 +31,11 @@
         "97075"
     ],
     "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
+    "zipcodeKey": 10,
+    "mediaKey": 12,
+    "langKey": 13,
+    "blurbKey": 16,
+    "comment": "Make this match profiler.js complete profile constructor",
+    "prefKeys": [10, 14, 15, 17, 18, 19],
+    "maxDistanceKey": 19
 }

backend/lib/services/profile/profiler.js

@@ -37,7 +37,6 @@ class CompleteProfile {
                 'duration',
                 'presence',
                 'urgency',
-                'role',
                 'pronouns',
                 'distance',
             ]

frontend/src/services/grouping.service.js

@@ -15,6 +15,7 @@ const fetchMembershipsByProfileId = async profileId => {
         memberships = await db.get(`/membership/${profileId}`)
         for (let membership of memberships) {
             const grouping = new Grouping(membership)
+            // TODO: look here to see about current reveal issue -bh
             if (grouping.isValid()) {
                 // Reformat incoming profile data into Profile entity
                 grouping.profile = new Profile(grouping.profile)

frontend/src/views/ChatView.vue

@@ -20,8 +20,8 @@ main.view--chat
                     ul(v-for="reveal in grouping.revealed[profile.id.value]")
                         li {{ reveal.description }} : {{ profile._profile[reveal.description] }}
             p they revealed:
-                span(v-if="grouping.revealed[grouping.profile.profile_id]")
-                    ul(v-for="reveal in grouping.revealed[grouping.profile.profile_id]")
+                span(v-if="theyRevealed")
+                    ul(v-for="reveal in theyRevealed")
                         li {{ reveal.description }} : {{ grouping.profile[reveal.description] }}
 
     article
@@ -65,8 +65,16 @@ export default {
         target: null,
         toSend: '',
         messages: [],
-        grouping: null,
+        grouping: {},
     }),
+    // TODO: Make sure grouping.profile.profile_id actually exists
+    computed: {
+        theyRevealed() {
+            return this.grouping && this.grouping.revealed[this.grouping.profile.profile_id] ?
+                this.grouping.revealed[this.grouping.profile.profile_id] :
+                []
+        }
+    },
     watch: {
         async profile() {
             this.loadTargetProfile()