From dcf5ed8b8ac33f6f5aa77c8dd3ac13746f55a155 Mon Sep 17 00:00:00 2001
From: Camil Staps
Date: Tue, 5 Jan 2016 19:58:45 +0100
Subject: Parsing help

---
 public/css/hebrewparsetrainer.css |  4 ++++
 public/js/hebrewparsetrainer.js   |  8 ++++++++
 resources/views/trainer.php       | 14 ++++++++++++--
 3 files changed, 24 insertions(+), 2 deletions(-)

diff --git a/public/css/hebrewparsetrainer.css b/public/css/hebrewparsetrainer.css
index 9b90843..1776cf3 100644
--- a/public/css/hebrewparsetrainer.css
+++ b/public/css/hebrewparsetrainer.css
@@ -25,6 +25,10 @@
     padding: 15px;
 }
 
+#trainer-input-help {
+    display: none;
+}
+
 .hebrew {
     font-family: 'Ezra SIL', David;
 }
diff --git a/public/js/hebrewparsetrainer.js b/public/js/hebrewparsetrainer.js
index f98d5b9..dc838c7 100644
--- a/public/js/hebrewparsetrainer.js
+++ b/public/js/hebrewparsetrainer.js
@@ -253,5 +253,13 @@ $(document).ready(function(){
         reloadVerb();
     });
 
+    var help_shown = false;
+    $('#show-hide-help').click(function(){
+        help_shown = !help_shown;
+        $('#trainer-input-help').slideToggle();
+        $(this).text((help_shown ? 'Hide' : 'Show') + ' help');
+        $('#trainer-input-'+input_count).focus();
+    });
+
     init();
 });
diff --git a/resources/views/trainer.php b/resources/views/trainer.php
index 3794ec4..5b02626 100644
--- a/resources/views/trainer.php
+++ b/resources/views/trainer.php
@@ -31,7 +31,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
             </div>
 
             <div class="row">
-                <div class="col-md-2 col-sm-4">
+                <div class="col-md-2 col-xs-4">
                     <form id="hebrewparsetrainer-settings">
                         <div class="form-group">
                             <h3>Stems</h3>
@@ -68,10 +68,20 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
                         </div>
                     </form>
                 </div>
-                <div class="col-md-10 col-sm-8" id="trainer-input-container"">
+                <div class="col-md-10 col-xs-8" id="trainer-input-container">
                     <p class="bg-danger" id="trainer-404">There are no verbs matching the criteria in our database.</p>
                     <p class="lead"><span class="hebrew hebrew-large" id="trainer-verb"></span><span id="trainer-answer"></span></p>
                 </div>
+                <div class="col-md-10 col-xs-8 text-muted">
+                    <p id="trainer-input-help">
+                        <strong>Stems</strong>: either use the full name or a significant beginning (i.e. <code>Q</code> for Qal but <code>Pi</code> for Piel rather than <code>P</code>).<br/>
+                        <strong>Tenses</strong>: use the abbreviations <code>pf</code>, <code>ipf</code>, <code>coh</code>, <code>imp</code>, <code>jus</code>, <code>infcs</code>, <code>infabs</code>, <code>pta</code> and <code>ptp</code>.<br/>
+                        <strong>Person</strong>: <code>1</code>, <code>2</code>, <code>3</code> or none (infinitives and participles).<br/>
+                        <strong>Gender</strong>: <code>m</code>, <code>f</code> or none (infinitives).<br/>
+                        <strong>Number</strong>: <code>s</code>, <code>p</code> or none (infinitives).
+                    </p>
+                    <button type="button" class="btn btn-default btn-xs" id="show-hide-help">Show help</button>
+                </div>
             </div>
         </div>
 
-- 
cgit v1.2.3