:construction: WIP dynamic spider chart

frontend/src/components/SummaryBar.vue

@@ -30,7 +30,7 @@ section.w-flex.column.pb5
                     p {{ tabContent[item].tab }}
                     SpiderChart(
                         :labels='aspects.map(label => label.name)'
-                        :profile-data='profileScore'
+                        :profile-data='aspects.map(data => data.percentage * 10)'
                         :target-data='targetScore'
                         profile-name='lucy'
                         v-if='isTab'
@@ -87,8 +87,8 @@ export default {
     },
     emits: ['tab-change'],
     data: () => ({
-        profileScore: [5.7, 5.2, 4.8, 5.2, 4.9, 4.9],
-        targetScore: [5.3, 4.8, 5.7, 4.8, 5.6, 4.8],
+        // profileScore: [5.7, 5.2, 4.8, 5.2, 4.9, 4.9], // lucy 
+        targetScore: [5.3, 4.8, 5.7, 4.8, 5.6, 4.8], // Role
     }),
     methods: {
         onTabChanged(tabs) {

frontend/src/entities/card/card.js

@@ -123,6 +123,17 @@ const makeCardFromProfile = profile => {
     c.ethinicity = profile?.profile_prefs?.ethnicity?.val
     c.locale = `${profile.city}, ${profile.state}`
     c.email = profile.user_email
+
+
+    console.log(`RESP: ${profile?.responses}`)
+    let aspectResponses = profile?.responses.filter(r => r.response_id == 'aspect')
+    if(aspectResponses.length){ // if user has responses for aspects we overwrite default percentages
+        c.aspects.map(a => {
+            a.percentage = aspectResponses.find(r => r.response_key_id == a.name).val // depends on DB structure
+            return a 
+        })
+    }
+
     // TODO: delete me later
     if (profile.profile_description) {
         c.summary.updateTab('about', profile.profile_description)

frontend/src/views/HomeView.vue

@@ -1,5 +1,6 @@
 <template lang="pug">
 main.view--home
+    p {{cP._profile.user_name}}
     article.w-flex.column.align-center
         template(v-if='isLoading')
             w-spinner(bounce)
@@ -61,6 +62,7 @@ export default {
     },
     mixins: [mixins.profileMixin],
     computed: {
+        cP() {return currentProfile},
         cards() {
             return currentProfile.queue.map(qProfile => convertToCard(qProfile))
         },