Provide feedback from the controller

PieLabs · Jan 30, 2017 · 448310d · 448310d
1 parent 0272f64
commit 448310d
Show file tree

Hide file tree

Showing 3 changed files with 27 additions and 4 deletions.
diff --git a/controller/src/index.js b/controller/src/index.js
@@ -14,7 +14,13 @@ export function outcome(question, session) {
 export function model(question, session, env) {
 
   return new Promise((resolve) => {
-    resolve(question);
+    var response = {};
+    if (env.mode === 'evaluate') {
+      let correct = session && session.answer && session.answer === question.answer;
+      response.result = correct;
+      response.feedback = correct ? question.feedback.correct : question.feedback.incorrect;
+    }
+    resolve(response);
   });
 
 }
diff --git a/docs/demo/config.json b/docs/demo/config.json
@@ -6,7 +6,11 @@
     {
       "id": "1",
       "element": "pie-toggle",
-      "answer": true
+      "answer": true,
+      "feedback": {
+        "correct": "Correct!",
+        "incorrect": "Incorrect!"
+      }
     }
   ]
-}
+}
diff --git a/src/index.js b/src/index.js
@@ -27,13 +27,26 @@ export default class Toggle extends HTMLElement {
   }
 
   _rerender() {
+    let feedback = (function(model) {
+      if (model && model.feedback) {
+        return [
+          "<div class='feedback'>",
+            model.feedback,
+          "</div>"
+        ].join('\n');
+      } else {
+        return "";
+      }
+    }(this._model));
+
     let checked = this._session ? this._session.answer : false;
 
     this.innerHTML = [
       '<label class="switch">',
         '<input type="checkbox" ', (checked ? 'checked=""' : ''), '>',
         '<div class="slider round"></div>',
-      '</label>'
+      '</label>',
+      feedback
     ].join('\n');
 
     this.getElementsByTagName('input')[0].addEventListener('change', (e) => {