diff options
| author | Camil Staps | 2016-05-09 21:27:00 +0200 |
|---|---|---|
| committer | Camil Staps | 2016-05-09 21:27:00 +0200 |
| commit | 9c84cb67d2b1537de440c1d1e623d86b5d171642 (patch) | |
| tree | 636109ecf23d190eb480287e24fa7df8295b1add /resources | |
| parent | More help text (diff) | |
Buttons for answer input
Diffstat (limited to 'resources')
| -rw-r--r-- | resources/views/trainer.php | 148 |
1 files changed, 75 insertions, 73 deletions
diff --git a/resources/views/trainer.php b/resources/views/trainer.php index cec745d..b9fef0e 100644 --- a/resources/views/trainer.php +++ b/resources/views/trainer.php @@ -17,83 +17,85 @@ You should have received a copy of the GNU General Public License along with this program. If not, see <http://www.gnu.org/licenses/>. --> <html lang="en"> - <head> - <meta charset="utf-8"> - <title>HebrewParseTrainer</title> - <link rel="stylesheet" href="vendor/twbs/bootstrap/dist/css/bootstrap.min.css"> - <link rel="stylesheet" href="vendor/twbs/bootstrap/dist/css/bootstrap-theme.min.css"> - <link rel="stylesheet" href="public/css/hebrewparsetrainer.css"> - </head> - <body role="application"> - <div class="container" role="main"> - <div class="page-header"> - <h1>HebrewParseTrainer</h1> - </div> + <head> + <meta charset="utf-8"> + <title>HebrewParseTrainer</title> + <link rel="stylesheet" href="vendor/twbs/bootstrap/dist/css/bootstrap.min.css"> + <link rel="stylesheet" href="vendor/twbs/bootstrap/dist/css/bootstrap-theme.min.css"> + <link rel="stylesheet" href="public/css/hebrewparsetrainer.css"> + </head> + <body role="application"> + <div class="container" role="main"> + <div class="page-header"> + <h1>HebrewParseTrainer</h1> + </div> - <div class="row"> - <div class="col-md-2 col-xs-4"> - <form id="hebrewparsetrainer-settings"> - <div class="form-group"> - <h3>Stems</h3> - <?php foreach (\HebrewParseTrainer\Stem::all() as $stem){ $stem = $stem->name; ?> - <div class="checkbox"> - <label><input class="reload-verb" type="checkbox" name="stem" value="<?=$stem?>" checked="checked"/> <?=$stem?></label> - </div> - <?php } ?> - </div> + <div class="row"> + <div class="col-md-2 col-xs-4"> + <form id="hebrewparsetrainer-settings"> + <div class="form-group"> + <h3>Stems</h3> + <?php foreach (\HebrewParseTrainer\Stem::all() as $stem){ $stem = $stem->name; ?> + <div class="checkbox"> + <label><input class="reload-verb" type="checkbox" name="stem" value="<?=$stem?>" checked="checked"/> <?=$stem?></label> + </div> + <?php } ?> + </div> - <div class="form-group"> - <h3>Tenses</h3> - <?php foreach (\HebrewParseTrainer\Tense::all() as $tense){ $tense = $tense->name; ?> - <div class="checkbox"> - <label><input class="reload-verb" type="checkbox" name="tense" value="<?=$tense?>" checked="checked"/> <?=$tense?></label> - </div> - <?php } ?> - </div> + <div class="form-group"> + <h3>Tenses</h3> + <?php foreach (\HebrewParseTrainer\Tense::all() as $tense){ $tense = $tense->name; ?> + <div class="checkbox"> + <label><input class="reload-verb" type="checkbox" name="tense" value="<?=$tense?>" checked="checked"/> <?=$tense?></label> + </div> + <?php } ?> + </div> - <div class="form-group"> - <h3>Roots</h3> - <?php foreach (\HebrewParseTrainer\Root::all() as $root){ $root = $root->root; ?> - <div class="checkbox"> - <label class="hebrew"><input class="reload-verb" type="checkbox" name="root" value="<?=$root?>" checked="checked"/> <?=$root?></label> - </div> - <?php } ?> - </div> + <div class="form-group"> + <h3>Roots</h3> + <?php foreach (\HebrewParseTrainer\Root::all() as $root){ $root = $root->root; ?> + <div class="checkbox"> + <label class="hebrew"><input class="reload-verb" type="checkbox" name="root" value="<?=$root?>" checked="checked"/> <?=$root?></label> + </div> + <?php } ?> + </div> - <div class="form-group"> - <h3>Settings</h3> - <div class="checkbox"> - <label><input type="checkbox" id="settings-audio" checked="checked"/> Audio</label> - </div> - </div> + <div class="form-group"> + <h3>Settings</h3> + <div class="checkbox"> + <label><input type="checkbox" id="settings-audio" checked="checked"/> Audio</label> + </div> + </div> - <h3>About</h3> - <p>© 2015 <a href="https://camilstaps.nl">Camil Staps</a>. Licensed under <a href="http://www.gnu.org/licenses/gpl-3.0.en.html">GPL 3.0</a>. Source is on <a href="https://github.com/camilstaps/HebrewParseTrainer">GitHub</a>.</p> - </form> - </div> - <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"> - <div id="trainer-input-help"> - <p>Parse the verb and enter the answer as described below. Press return. If your answer was correct and there are multiple possible parsings, an extra input field will appear. After the first incorrect answer or after entering all possible answers, you can continue to the next verb by pressing return once more.</p> - <p> - <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> - <p><strong>Examples</strong>: <code>Q pf 3ms</code>, <code>ni pta fp</code>, <code>pi infabs</code>.</p> - </div> - <button type="button" class="btn btn-default btn-xs" id="show-hide-help">Show help</button> - </div> - </div> - </div> + <h3>About</h3> + <p>© 2015 <a href="https://camilstaps.nl">Camil Staps</a>. Licensed under <a href="http://www.gnu.org/licenses/gpl-3.0.en.html">GPL 3.0</a>. Source is on <a href="https://github.com/camilstaps/HebrewParseTrainer">GitHub</a>.</p> + </form> + </div> + <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" id="trainer-input-fancy"></div> + <div class="col-md-10 col-xs-8 text-muted"> + <div id="trainer-input-help"> + <p>Parse the verb and enter the answer as described below. Press return. If your answer was correct and there are multiple possible parsings, an extra input field will appear. After the first incorrect answer or after entering all possible answers, you can continue to the next verb by pressing return once more.</p> + <p> + <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> + <p><strong>Examples</strong>: <code>Q pf 3ms</code>, <code>ni pta fp</code>, <code>pi infabs</code>.</p> + <p>You can also use the buttons to enter your answer. This is an experimental feature.</p> + </div> + <button type="button" class="btn btn-default btn-xs" id="show-hide-help">Show help</button> + </div> + </div> + </div> - <script src="vendor/components/jquery/jquery.min.js"></script> - <script src="vendor/twbs/bootstrap/dist/js/bootstrap.min.js"></script> - <script src="public/js/hebrewparsetrainer.js"></script> - </body> + <script src="vendor/components/jquery/jquery.min.js"></script> + <script src="vendor/twbs/bootstrap/dist/js/bootstrap.min.js"></script> + <script src="public/js/hebrewparsetrainer.js"></script> + </body> </html> |