Merge pull request #42 from alien-andrew/41_pass_fail

Ability to configure pass / fail and provide a custom message based o…

Author: bonartm

public/build/quizdown.js

@@ -37,6 +37,9 @@ <h1>Quizdown Demo Page</h1>
 			shuffleAnswers: true
 			shuffleQuestions: true
 			nQuestions: 3
+			passingGrade: 80
+			customPassMsg: You have Passed!
+			customFailMsg: You have not passed
 			---
 
 			#### What's the value of $x$?
@@ -193,4 +196,4 @@ <h1>Quizdown Demo Page</h1>
 	</div>
 </body>
 
-</html>
+</html>

public/index.html

@@ -23,6 +23,16 @@
             minimumIntegerDigits: 2,
         });
     }
+
+    let gradedPoints = quiz.evaluate();
+    let passed = false;
+    if (quiz.config.passingGrade != undefined) {
+      if( (Number(gradedPoints)/Number(quiz.questions.length) * 100) 
+           >= Number(quiz.config.passingGrade) ) {
+           passed = true;
+      }
+    }
+ 
 </script>
 
 <h3>{$_('resultsTitle')}</h3>
@@ -61,6 +71,14 @@
                     </ol>
                 </li>
             {/each}
+           <h2>
+             {#if passed == true}
+               {quiz.config.customPassMsg}
+             {/if}
+             {#if passed == false && quiz.config.passingGrade != undefined}
+               {quiz.config.customFailMsg} 
+             {/if}
+           </h2> 
         </ol>
     </div>
 </Loading>

src/components/ResultsView.svelte

@@ -26,6 +26,9 @@ export class Config {
     primaryColor: string;
     secondaryColor: string;
     textColor: string;
+    passingGrade: number | undefined;
+    customPassMsg: string;
+    customFailMsg: string;
     locale: 'de' | 'en' | 'es' | 'fr' | null;
     enableRetry: boolean;
 
@@ -41,6 +44,9 @@ export class Config {
         this.primaryColor = get(options['primaryColor'], 'steelblue');
         this.secondaryColor = get(options['secondaryColor'], '#f2f2f2');
         this.textColor = get(options['textColor'], 'black');
+        this.passingGrade = get(options['passingGrade'], undefined);
+        this.customPassMsg = get(options['customPassMsg'], 'You have passed!');
+        this.customFailMsg = get(options['customFailMsg'], 'You have not passed');
         this.locale = get(options['locale'], null);
         this.enableRetry = get(options['enableRetry'],true);
     }