:100: Working overlapping dynamic spider charts

backend/db/data-generator/mock.js

         },
         {
             response_key_id: 3,
-            response_key_category: 'collaborative_vs_independent',
+            response_key_category: 'dynamic_vs_ordered',
             response_key_prompt:
-                'Do you structure and encourage your team to be a Collaborative or Independent environment?',
+                'Do you structure and encourage your team to be a Collaborative or Independent environment? (NEEDS UPDATED COPY)',
             response_key_description: 'first round draft scoring question',
         },
         {
             response_key_id: 4,
-            response_key_category: 'innovative_vs_conventional',
+            response_key_category: 'precise_vs_resourceful',
             response_key_prompt:
-                'Do you find higher success in employees on your team that are Innovative or Conventional?',
+                'Do you find higher success in employees on your team that are Innovative or Conventional? (NEEDS UPDATED COPY)',
             response_key_description: 'first round draft scoring question',
         },
         {

backend/db/seeds/04-responses.js

     for (let i = 1; i <= len; i += 1) {
         responsesToPush.push(responses.shift())
         if (i % batchSize === 0 || i > responses.length) {
-            // await knex('responses').insert(responsesToPush)
+            await knex('responses').insert(responsesToPush)
             responsesToPush = []
         }
     }

backend/lib/services/profile/index.js

             .withGraphFetched('tags')
             .withGraphFetched('responses')
             .withGraphFetched('user')
-
         tagger.setProfileTags(matchingProfile, matchingProfile, this.tagLookup)
-        const complete = new profiler.CompleteProfile(matchingProfile)
+        const complete = new profiler.CompleteProfile(matchingProfile, true)
         return complete
     }
 

backend/lib/services/profile/profiler.js

  * !: This needs to match the responseSchema in profiles.js
  */
 class CompleteProfile {
-    constructor(profile, type, includeResponses = false) {
+    constructor(profile, includeResponses = false, type) {
         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

frontend/src/components/ProfileCard.vue

             SummaryBar(
                 :aspects='aspects'
                 :is-tab='true'
+                :name='card.name'
                 :tab-content='card.summary'
                 @tab-change='onTab'
             )

frontend/src/components/SummaryBar.vue

                     SpiderChart(
                         :labels='aspects.map(label => label.name)'
                         :profile-data='profileScore'
-                        :target-data='targetScore'
-                        profile-name='lucy'
+                        :target-data='aspects.map(data => data.percentage)'
+                        :profile-name='name'
                         v-if='isTab'
                     )
 
             required: true,
             type: Object,
         },
+        name:{
+            required:true,
+            type: String
+        },
         isTab: {
             required: false,
             type: Boolean,
         },
     },
     emits: ['tab-change'],
-    // data: () => ({
-    //     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
-    // }),
     computed: {
-        profileScore(){ // take from built up aspects object
-            return this.aspects.map(data => data.percentage * .1) 
-        },
-        targetScore(){ // take directly from currentUser profile
-            let aspectResponses = currentProfile.responses.filter(r => [1,2,3,4,5,6].indexOf(r.response_key_id) !== -1)
-            return aspectResponses.map(r => r.val * .1)
+        profileScore(){
+            try{
+                let aspectResponses = currentProfile._profile.responses.filter(r => [1,2,3,4,5,6].indexOf(r.response_key_id) !== -1)
+                return aspectResponses.map(r => Number(r.val)) 
+            }
+            catch(e){
+                console.warn('error: No aspect responses for current profile.')
+                return [1,1,1,1,1,1]
+            }
         }
     },
     methods: {

frontend/src/entities/card/card.js

     }
 }
 const cardAspects = [ // TODO these aspects don't align with response_keys DB table
-    new Aspect({
-        name: 'creativity',
-        labels: ['creative', 'methodical'],
-    }),
-    new Aspect({
-        name: 'dynamism',
-        labels: ['dynamic', 'ordered'],
-    }),
-    new Aspect({
-        name: 'precision',
-        labels: ['precise', 'resourceful'],
-    }),
-    new Aspect({
-        name: 'vision',
-        labels: ['visionary', 'implementer'],
-    }),
-    new Aspect({
-        name: 'focus',
-        labels: ['big picture', 'focused'],
+new Aspect({
+    name: 'creativity',
+    labels: ['creative', 'methodical'],
+}),
+new Aspect({
+    name: 'dynamism',
+    labels: ['dynamic', 'ordered'],
+}),
+new Aspect({
+    name: 'precision',
+    labels: ['precise', 'resourceful'],
+}),
+new Aspect({
+    name: 'vision',
+    labels: ['visionary', 'implementer'],
+}),
+new Aspect({
+    name: 'focus',
+    labels: ['big picture', 'focused'],
     }),
     new Aspect({
         name: 'attention',
     c.email = profile.user_email
 
 
-    console.log(`RESP: ${profile?.responses}`)
     let aspectResponses = profile?.responses.filter(r => [1,2,3,4,5,6].indexOf(r.response_key_id) !== -1)
     if(aspectResponses.length){ // if user has responses for aspects we overwrite default percentages
         c.aspects.map(a => {
-            a.percentage = aspectResponses.find(r => responseKeyIdToAspectName[r.response_key_id] == a.name).val 
+            a.percentage = Number(aspectResponses.find(r => responseKeyIdToAspectName[r.response_key_id] == a.name).val )
             return a 
         })
     }