kingsdigitallab
diff --git a/‎app/data/app-data.json‎
Lines changed: 7 additions & 0 deletions b/‎app/data/app-data.json‎
Lines changed: 7 additions & 0 deletions
diff --git a/‎app/poc3.html‎
Lines changed: 17 additions & 2 deletions b/‎app/poc3.html‎
Lines changed: 17 additions & 2 deletions
diff --git a/‎app/poc3.js‎
Lines changed: 4 additions & 0 deletions b/‎app/poc3.js‎
Lines changed: 4 additions & 0 deletions
@@ -38,6 +38,13 @@
       "effect": 2
     }
   ],
+  "effectsLabel": {
+    "-2": "aggravating",
+    "-1": "somewhat aggravating",
+    "0": "undetermined",
+    "1": "somewhat mitigating",
+    "2": "mitigating"
+  },
   "selectedQuestionIndex": null,
   "cases": {
     "case 1": {
 
@@ -42,6 +42,18 @@
         background-color: #eee;
         border-top: 1px solid grey;        
       }
+      td.score--2 {
+        background-color: hsl(350, 60%, 85%);
+      }
+      td.score--1 {
+        background-color: hsl(350, 60%, 95%);
+      }
+      td.score-1 {
+        background-color: hsl(150, 60%, 95%);
+      }
+      td.score-2 {
+        background-color: hsl(150, 60%, 85%);
+      }
     </style>
   </head>
   <body>
@@ -74,9 +86,12 @@ <h2 class="title is-3">Automated review ✨</h2>
                   <tr v-for="(question, idx) in reviewRows">
                     <td>{{idx+1}}. {{question.text}}</td>
                     <td>{{question.answer}}</td>
-                    <td>{{question.score}}</td>
+                    <td :class="`score-${question.score}`">
+                      {{getEffectLabelFromQuestion(question)}} 
+                      <template v-if="areScoresShown">({{question.score}})</template>
+                    </td>
                   </tr>
-                  <tr>
+                  <tr v-if="areScoresShown">
                     <td></td>
                     <td>Total:</td>
                     <td>{{totalScore}}</td>
 
@@ -63,6 +63,7 @@ createApp({
       questionnaire: {},
       modelsList: [],
       areDetailsShown: false,
+      areScoresShown: false,
     }
   },
   async mounted() {
@@ -207,6 +208,9 @@ createApp({
       let nameParts = acase.name.split(/\s/)
       return `${acase.incidentDate} - ${nameParts[1]} ${nameParts[0][0]}.`;
     },
+    getEffectLabelFromQuestion(question) {
+      return this.questionnaire.effectsLabel[question.score] || 'undetermined'
+    },
     highlightText(text, highlights) {
       // TODO: deduped this code from nlpui.js
       let ret = text ?? ''