displayiing all statistics

1 files changed, 26 insertions, 3 deletions

diff --git a/client/faceAnalysis/faceAnalysis.result.js b/client/faceAnalysis/faceAnalysis.result.js
index 1c8a2ffb..e7a4c6de 100644
--- a/client/faceAnalysis/faceAnalysis.result.js
+++ b/client/faceAnalysis/faceAnalysis.result.js
@@ -66,7 +66,6 @@ class FaceAnalysisResult extends Component {
     console.log(data.data)
     const results = [
       'blur_fn', 'points_3d_68', 'landmarks_3d_68', 'landmarks_2d_68', 'pose',
-      'age_real', 'age_apparent', 'gender'
     ].map(tag => {
       if (tag in data.data) {
         const { title, url } = data.data[tag]
@@ -80,14 +79,38 @@ class FaceAnalysisResult extends Component {
       return null
     }).filter(a => a)
 
+    const statisticsLabels = ['Age (Real)', 'Age (Apparent)', 'Gender', 'Beauty score', 'Emotion']
+    const statistics = [
+      'age_real', 'age_apparent', 'gender', 'beauty', 'emotion'
+    ].map((tag, i) => {
+      if (tag in data.data.statistics) {
+        return (
+          <tr key={tag}>
+            <td>
+              {statisticsLabels[i]}
+            </td>
+            <td>
+              {data.data.statistics[tag]}
+            </td>
+          </tr>
+        )
+      }
+      return null
+    }).filter(a => a)
+
     return (
       <div>
-        {!(step && total && message) ? '' : (<span>Step {step} / {total}: {message}</span>)}
         <div className='results'>
           {results}
         </div>
+        {!!statistics.length && (
+          <table>
+            {statistics}
+          </table>
+        )}
         <div className="about">
-          <small>Query took {(timing / 1000).toFixed(2)} s.</small>
+          <small>Step {step} / {total} {message}</small>
+          <small>Query {step === total ? 'took' : 'timer:'} {(timing / 1000).toFixed(2)} s.</small>
         </div>
       </div>
     )