Merge pull request #952 from sahitya-chandra/nasa-tlx-patch

fix: nasa-tlx answer object not being updated in task answers fixed

Author: marcgc21

src/components/atoms/SusForm.vue

@@ -10,7 +10,7 @@
       class="my-2"
     >
       <v-col>
-        <span>{{ susQuestions[i] }}</span>
+        <span>{{ susQuestions[i-1] }}</span>
         <v-divider class="my-2" />
         <v-radio-group
           :model-value="susAnswers[i - 1]"

src/components/atoms/nasaTlxForm.vue

@@ -56,7 +56,11 @@ watch(() => props.nasaTlx, (newVal) => {
 });
 
 watch(localNasaTlx, () => {
-  emit('update:nasaTlx', { ...localNasaTlx });
+  const fullUpdate = {};
+  for (const key in labels) {
+    fullUpdate[key] = localNasaTlx[key] ?? 0;
+  }
+  emit('update:nasaTlx', fullUpdate);
 }, { deep: true });
 
 let valid = ref(false);

src/views/public/UserTestView.vue

@@ -688,7 +688,12 @@
                   justify="center"
                 >
                   <v-col cols="12">
-                    <nasaTlxForm v-model:nasa-tlx="localTestAnswer.tasks[taskIndex].nasaTlxAnswers" />
+                    <nasaTlxForm
+                      :nasa-tlx="localTestAnswer.tasks[taskIndex].nasaTlxAnswers"
+                      @update:nasaTlx="val => {
+                        Object.assign(localTestAnswer.tasks[taskIndex].nasaTlxAnswers, val);
+                      }"
+                  />
                   </v-col>
                 </v-row>