From 6cb5ec31d0221c9f79aedbb78ca7106514ce4d03 Mon Sep 17 00:00:00 2001
From: doncr <wkdonc@the-firebird.net>
Date: Fri, 23 Dec 2016 18:05:37 +0000
Subject: [PATCH] Added basic splash screen and score chart.

---
 conjugation/drill.html | 24 ++++++++++++++++++++----
 conjugation/drill.js   | 40 +++++++++++++++++++++++++++++++++++++---
 2 files changed, 57 insertions(+), 7 deletions(-)
diff --git a/conjugation/drill.html b/conjugation/drill.html
index dc330d4..c8785fc 100644
--- a/conjugation/drill.html
+++ b/conjugation/drill.html
@@ -9,7 +9,26 @@
   </head>
   <body>
 
-    <div class="quizSection">
+    <div id="splash">
+      <h1>Don's Japanese Conjugation Drill</h1>
+      <div>
+        <span>Number of Questions</span>
+        <input id="numQuestions" value="10">
+      </div>
+      <button id="go">Go</button>
+    </div>
+
+    <div id="scoreSection">
+      終わり
+
+      <div id="history">
+      </div>
+
+      <button id="backToStart">Back to Start</button>
+
+    </div>
+
+    <div id="quizSection">
 
       <div class="questionOuter">
         <div id="question"></div>
@@ -41,9 +60,6 @@
   
       </div>
   
-      <div id="history">
-      </div>
-  
 <!--
       <div id="explanation">
         <h2>Conjugations for group 1 verbs (godan)</h2>
diff --git a/conjugation/drill.js b/conjugation/drill.js
index 2706d7f..f7f5f9f 100644
--- a/conjugation/drill.js
+++ b/conjugation/drill.js
@@ -274,7 +274,7 @@ var conjugations = {
   },
 };
 
-var log = { "history": [] };
+var log;
 
 Array.prototype.randomElement = function () {
   return this[Math.floor(Math.random() * this.length)]
@@ -319,6 +319,10 @@ new function($) {
   }
 }(jQuery);
 
+function resetLog() {
+  log = { "history": [] };
+}
+
 function getVerbForms(entry) {
 
   function kanaForm(word) {
@@ -706,12 +710,42 @@ function updateHistoryView(log) {
 }
 
 function proceed() {
-  if (log.history.length == 10) {
+  if (log.history.length == $('#numQuestions').val()) {
+    endQuiz();
   } else {
     generateVerbQuestion();
   }
 }
 
-$('window').ready(function() {
+function showSplash() {
+  $('#splash').show();
+  $('#quizSection').hide();
+  $('#scoreSection').hide();
+
+  $('#go').focus();
+}
+
+function startQuiz() {
+  $('#splash').hide();
+  $('#quizSection').show();
+  $('#scoreSection').hide();
+
+  resetLog();
   generateVerbQuestion();
+}
+
+function endQuiz() {
+  $('#splash').hide();
+  $('#quizSection').hide();
+  $('#scoreSection').show();
+
+  $('#backToStart').focus();
+}
+
+$('window').ready(function() {
+
+  $('#go').click(startQuiz);
+  $('#backToStart').click(showSplash);
+
+  showSplash();
 });
