kingsdigitallab
diff --git a/‎app/poc3.html‎
Lines changed: 5 additions & 2 deletions b/‎app/poc3.html‎
Lines changed: 5 additions & 2 deletions
diff --git a/‎app/poc3.js‎
Lines changed: 24 additions & 0 deletions b/‎app/poc3.js‎
Lines changed: 24 additions & 0 deletions
@@ -59,7 +59,7 @@
   <body>
     <section class="section" id="app">
       <div class="container is-fluid" :class="{'container': true, 'is-fluid': true, 'is-responding': isResponding}">
-        <p :class="['notification', 'is-light', `is-${message.level}`, `${message.content ? '' : 'in'}visible`]">{{ message.content }}</p>
+        <p v-if="message.content" :class="['notification', 'is-light', `is-${message.level}`, `${message.content ? '' : 'in'}visible`]">{{ message.content }}</p>
         <div id="tab-poc3">
           <div class="block">
             <div class="select is-multiple full-width">
@@ -74,7 +74,10 @@ <h3 class="title is-4">Select a case to review:</h3>
               <h2 class="title is-3">Automated review ✨</h2>
               <a v-if="!areDetailsShown" class="button is-primary" @click.prevent="onClickShowDetails()">Show details</a>
               <template v-else>
-                <p class="box title is-4">Suggested penalty: £{{penalty}}</p>
+                <div class="box">
+                  <p class="title is-4">Suggested penalty: £{{penalty}}</p>
+                  <p v-if="undeterminedWarningMessage">{{undeterminedWarningMessage}}</p>
+                </div>
                 <table class="table">
                   <thead>
                     <tr>
 
@@ -139,6 +139,30 @@ createApp({
       }
       return ret
     },
+    undeterminedWarningMessage() {
+      let ret = ''
+      let answersIndexes = []
+
+      for (const [i, row] of this.reviewRows.entries()) {
+        if (!['yes', 'no'].includes(row.answer)) {
+          answersIndexes.push(i+1)
+        }
+      }
+
+      let questionForm = 'question' + (answersIndexes.length > 1 ? 's' : '');
+
+      if (answersIndexes.length) {
+        let lastIndex = answersIndexes.pop()
+        let questionsStr = answersIndexes.join(', ')
+        if (questionsStr) {
+          questionsStr += ` and `
+        }
+        questionsStr += lastIndex
+        ret = `⚠️ Warning: the tool could not resolve ${questionForm} ${questionsStr} confidently.`
+      }
+
+      return ret
+    }
   },
   methods: {
     initSettings() {