yomichan/ext/bg/options.html

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Yomichan Options</title>
        <link rel="stylesheet" type="text/css" href="../lib/bootstrap-3.3.6-dist/css/bootstrap.min.css">
        <link rel="stylesheet" type="text/css" href="../lib/bootstrap-3.3.6-dist/css/bootstrap-theme.min.css">
        <style>
            .options-anki, .options-advanced {
                display: none;
            }

            .tab-content {
                border-bottom: 1px #ddd solid;
                border-left: 1px #ddd solid;
                border-right: 1px #ddd solid;
                padding: 10px;
            }

            .error-dlg {
                display: none;
            }
        </style>
    </head>
    <body>
        <div class="container">
            <div class="options-basic">
                <h3>General Options</h3>

                <form class="form-horizontal">
                    <div class="form-group">
                        <div class="col-sm-offset-2 col-sm-10">
                            <div class="checkbox">
                                <label class="control-label"><input type="checkbox" id="activate-on-startup"> Activate on startup</label>
                            </div>
                        </div>
                    </div>

                    <div class="form-group">
                        <div class="col-sm-offset-2 col-sm-10">
                            <div class="checkbox">
                                <label class="control-label"><input type="checkbox" id="enable-audio-playback"> Enable audio playback</label>
                            </div>
                        </div>
                    </div>

                    <div class="form-group">
                        <div class="col-sm-offset-2 col-sm-10">
                            <div class="checkbox">
                                <label class="control-label"><input type="checkbox" id="enable-anki-connect"> Enable <a href="https://foosoft.net/projects/anki-connect">AnkiConnect</a></label>
                            </div>
                        </div>
                    </div>

                    <div class="form-group">
                        <div class="col-sm-offset-2 col-sm-10">
                            <div class="checkbox">
                                <label class="control-label"><input type="checkbox" id="show-advanced-options"> Show advanced options</label>
                            </div>
                        </div>
                    </div>
                </form>
            </div>

            <div class="options-basic">
                <h3>Scanning Options</h3>

                <form class="form-horizontal">
                    <div class="form-group">
                        <div class="col-sm-offset-2 col-sm-10">
                            <div class="checkbox">
                                <label class="control-label"><input type="checkbox" id="hold-shift-to-scan"> Hold <kbd>Shift</kbd> to scan</label>
                            </div>
                        </div>
                    </div>

                    <div class="form-group">
                        <div class="col-sm-offset-2 col-sm-10">
                            <div class="checkbox">
                                <label class="control-label"><input type="checkbox" id="select-matched-text"> Select matched text</label>
                            </div>
                        </div>
                    </div>

                    <div class="form-group options-advanced">
                        <label for="scan-delay" class="control-label col-sm-2">Scan delay</label>
                        <div class="col-sm-10"><input type="number" min="1" id="scan-delay" class="form-control"></div>
                    </div>

                    <div class="form-group options-advanced">
                        <label for="scan-length" class="control-label col-sm-2">Scan length</label>
                        <div class="col-sm-10"><input type="number" min="1" id="scan-length" class="form-control"></div>
                    </div>
                </form>
            </div>

            <div class="options-anki">
                <h3>Anki Options</h3>

                <div class="alert alert-danger error-dlg error-dlg-connection">
                    <strong>Unable to Connect</strong><br>
                    Is the <a href="https://foosoft.net/projects/anki-connect">AnkiConnect</a> extension for <a href="http://ankisrs.net/">Anki</a> installed and running? This software is required for Anki-related features.
                </div>
                <div class="alert alert-warning error-dlg error-dlg-version">
                    <strong>Unsupported Version</strong><br>
                    The installed version of the <a href="https://foosoft.net/projects/anki-connect">AnkiConnect</a> extension for <a href="http://ankisrs.net/">Anki</a> is not compatible with this release; please update it.
                </div>

                <form class="form-horizontal options-anki-controls">
                    <div class="form-group">
                        <label for="anki-card-tags" class="control-label col-sm-2">Card tags</label>
                        <div class="col-sm-10"><input type="text" id="anki-card-tags" class="form-control"></div>
                    </div>

                    <div class="form-group options-advanced">
                        <label for="sentence-extent" class="control-label col-sm-2">Sentence extent</label>
                        <div class="col-sm-10"><input type="number" min="1" id="sentence-extent" class="form-control"></div>
                    </div>

                    <ul class="nav nav-tabs col-sm-offset-2 col-sm-10">
                        <li class="active"><a href="#term" data-toggle="tab">Terms</a></li>
                        <li><a href="#kanji" data-toggle="tab">Kanji</a></li>
                    </ul>

                    <div class="tab-content col-sm-offset-2 col-sm-10">
                        <div id="term" class="tab-pane fade in active">
                            <div class="form-group">
                                <label class="col-sm-2 control-label" for="anki-term-deck">Deck</label>
                                <div class="col-sm-10">
                                    <select class="form-control anki-deck" id="anki-term-deck"></select>
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-sm-2 control-label" for="anki-term-model">Model</label>
                                <div class="col-sm-10">
                                    <select class="form-control anki-model" id="anki-term-model"></select>
                                </div>
                            </div>

                            <table class="table table-bordered anki-fields">
                                <thead>
                                    <tr>
                                        <th>Field</th>
                                        <th>Value</th>
                                    </tr>
                                </thead>
                                <tbody>
                                </tbody>
                            </table>
                        </div>

                        <div id="kanji" class="tab-pane fade">
                            <div class="form-group">
                                <label class="col-sm-2 control-label" for="anki-kanji-deck">Deck</label>
                                <div class="col-sm-10">
                                    <select class="form-control anki-deck" id="anki-kanji-deck"></select>
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-sm-2 control-label" for="anki-kanji-model">Model</label>
                                <div class="col-sm-10">
                                    <select class="form-control anki-model" id="anki-kanji-model"></select>
                                </div>
                            </div>

                            <table class="table table-bordered anki-fields">
                                <thead>
                                    <tr>
                                        <th>Field</th>
                                        <th>Value</th>
                                    </tr>
                                </thead>
                                <tbody>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </form>
            </div>

            <div style="text-align: right;">
                <small><a href="https://foosoft.net/projects/yomichan-chrome">Homepage</a> &bull; <a href="legal.html">Legal</a></small>
            </div>
        </div>

        <script src="../lib/jquery-2.2.2.min.js"></script>
        <script src="../lib/bootstrap-3.3.6-dist/js/bootstrap.min.js"></script>
        <script src="js/options.js"></script>
        <script src="js/options-form.js"></script>
    </body>
</html>
Reorg and add stub options page 2016-03-28 20:09:30 -07:00			`<!DOCTYPE html>`
			`<html lang="en">`
Reference bootstrap files 2016-04-03 10:46:36 -07:00			`<head>`
			`<meta charset="UTF-8">`
Moving lib 2016-04-16 20:17:39 -07:00			`<title>Yomichan Options</title>`
			`<link rel="stylesheet" type="text/css" href="../lib/bootstrap-3.3.6-dist/css/bootstrap.min.css">`
			`<link rel="stylesheet" type="text/css" href="../lib/bootstrap-3.3.6-dist/css/bootstrap-theme.min.css">`
WIP 2016-05-21 16:36:41 -07:00			`<style>`
Adding stub for usage guide 2016-08-14 12:08:06 -07:00			`.options-anki, .options-advanced {`
WIP 2016-05-21 16:36:41 -07:00			`display: none;`
			`}`
Styling 2016-05-21 20:26:54 -07:00
			`.tab-content {`
			`border-bottom: 1px #ddd solid;`
Hook up sentence search extent to options 2016-07-25 20:28:56 -07:00			`border-left: 1px #ddd solid;`
			`border-right: 1px #ddd solid;`
			`padding: 10px;`
Styling 2016-05-21 20:26:54 -07:00			`}`
Adding version checking 2016-05-29 14:20:13 -07:00
			`.error-dlg {`
			`display: none;`
			`}`
WIP 2016-05-21 16:36:41 -07:00			`</style>`
Reference bootstrap files 2016-04-03 10:46:36 -07:00			`</head>`
			`<body>`
			`<div class="container">`
Automatically look up Kanji when cannot find definitions. Allow text scanning without holding Shift key (resolves #18). 2016-10-08 17:39:21 -07:00			`<div class="options-basic">`
Updating options page for smaller layout 2016-07-06 22:16:18 -07:00			`<h3>General Options</h3>`
Adding tabs 2016-05-21 20:17:12 -07:00
			`<form class="form-horizontal">`
WIP 2016-05-21 16:36:41 -07:00			`<div class="form-group">`
			`<div class="col-sm-offset-2 col-sm-10">`
			`<div class="checkbox">`
Cleanup 2016-05-22 16:53:28 -07:00			`<label class="control-label"><input type="checkbox" id="activate-on-startup"> Activate on startup</label>`
WIP 2016-05-07 18:24:31 -07:00			`</div>`
			`</div>`
WIP 2016-05-21 16:36:41 -07:00			`</div>`
WIP 2016-05-07 18:24:31 -07:00
WIP 2016-05-21 16:36:41 -07:00			`<div class="form-group">`
			`<div class="col-sm-offset-2 col-sm-10">`
			`<div class="checkbox">`
Automatically look up Kanji when cannot find definitions. Allow text scanning without holding Shift key (resolves #18). 2016-10-08 17:39:21 -07:00			`<label class="control-label"><input type="checkbox" id="enable-audio-playback"> Enable audio playback</label>`
Update options page 2016-05-07 14:50:55 -07:00			`</div>`
Updating options page 2016-05-01 21:18:28 -07:00			`</div>`
WIP 2016-05-21 16:36:41 -07:00			`</div>`
Updating options page 2016-05-01 21:18:28 -07:00
Add option to enable and disable audio playback 2016-07-15 23:29:36 -07:00			`<div class="form-group">`
			`<div class="col-sm-offset-2 col-sm-10">`
			`<div class="checkbox">`
Automatically look up Kanji when cannot find definitions. Allow text scanning without holding Shift key (resolves #18). 2016-10-08 17:39:21 -07:00			`<label class="control-label"><input type="checkbox" id="enable-anki-connect"> Enable <a href="https://foosoft.net/projects/anki-connect">AnkiConnect</a></label>`
Add option to enable and disable audio playback 2016-07-15 23:29:36 -07:00			`</div>`
			`</div>`
			`</div>`

WIP 2016-05-21 16:36:41 -07:00			`<div class="form-group">`
			`<div class="col-sm-offset-2 col-sm-10">`
			`<div class="checkbox">`
Automatically look up Kanji when cannot find definitions. Allow text scanning without holding Shift key (resolves #18). 2016-10-08 17:39:21 -07:00			`<label class="control-label"><input type="checkbox" id="show-advanced-options"> Show advanced options</label>`
Update options page 2016-05-07 14:50:55 -07:00			`</div>`
Add load on startup checkbox 2016-04-06 21:02:31 -07:00			`</div>`
WIP 2016-05-21 16:36:41 -07:00			`</div>`
Automatically look up Kanji when cannot find definitions. Allow text scanning without holding Shift key (resolves #18). 2016-10-08 17:39:21 -07:00			`</form>`
			`</div>`

			`<div class="options-basic">`
			`<h3>Scanning Options</h3>`
Adding stub for usage guide 2016-08-14 12:08:06 -07:00
Automatically look up Kanji when cannot find definitions. Allow text scanning without holding Shift key (resolves #18). 2016-10-08 17:39:21 -07:00			`<form class="form-horizontal">`
Adding stub for usage guide 2016-08-14 12:08:06 -07:00			`<div class="form-group">`
			`<div class="col-sm-offset-2 col-sm-10">`
			`<div class="checkbox">`
Automatically look up Kanji when cannot find definitions. Allow text scanning without holding Shift key (resolves #18). 2016-10-08 17:39:21 -07:00			`<label class="control-label"><input type="checkbox" id="hold-shift-to-scan"> Hold <kbd>Shift</kbd> to scan</label>`
			`</div>`
			`</div>`
			`</div>`

			`<div class="form-group">`
			`<div class="col-sm-offset-2 col-sm-10">`
			`<div class="checkbox">`
			`<label class="control-label"><input type="checkbox" id="select-matched-text"> Select matched text</label>`
Adding stub for usage guide 2016-08-14 12:08:06 -07:00			`</div>`
			`</div>`
			`</div>`
Deleting dead options 2016-09-14 22:34:05 -07:00
Automatically look up Kanji when cannot find definitions. Allow text scanning without holding Shift key (resolves #18). 2016-10-08 17:39:21 -07:00			`<div class="form-group options-advanced">`
			`<label for="scan-delay" class="control-label col-sm-2">Scan delay</label>`
			`<div class="col-sm-10"><input type="number" min="1" id="scan-delay" class="form-control"></div>`
			`</div>`

Deleting dead options 2016-09-14 22:34:05 -07:00			`<div class="form-group options-advanced">`
			`<label for="scan-length" class="control-label col-sm-2">Scan length</label>`
			`<div class="col-sm-10"><input type="number" min="1" id="scan-length" class="form-control"></div>`
			`</div>`
Adding tabs 2016-05-21 20:17:12 -07:00			`</form>`
WIP 2016-05-21 15:42:21 -07:00			`</div>`

			`<div class="options-anki">`
Updating options page for smaller layout 2016-07-06 22:16:18 -07:00			`<h3>Anki Options</h3>`
WIP 2016-05-21 15:42:21 -07:00
Option stubs 2016-06-12 22:36:12 -07:00			`<div class="alert alert-danger error-dlg error-dlg-connection">`
Automatically look up Kanji when cannot find definitions. Allow text scanning without holding Shift key (resolves #18). 2016-10-08 17:39:21 -07:00			`<strong>Unable to Connect</strong><br>`
			`Is the <a href="https://foosoft.net/projects/anki-connect">AnkiConnect</a> extension for <a href="http://ankisrs.net/">Anki</a> installed and running? This software is required for Anki-related features.`
Option stubs 2016-06-12 22:36:12 -07:00			`</div>`
			`<div class="alert alert-warning error-dlg error-dlg-version">`
Automatically look up Kanji when cannot find definitions. Allow text scanning without holding Shift key (resolves #18). 2016-10-08 17:39:21 -07:00			`<strong>Unsupported Version</strong><br>`
			`The installed version of the <a href="https://foosoft.net/projects/anki-connect">AnkiConnect</a> extension for <a href="http://ankisrs.net/">Anki</a> is not compatible with this release; please update it.`
Option stubs 2016-06-12 22:36:12 -07:00			`</div>`
Adding version checking 2016-05-29 14:20:13 -07:00
Option stubs 2016-06-12 22:36:12 -07:00			`<form class="form-horizontal options-anki-controls">`
			`<div class="form-group">`
			`<label for="anki-card-tags" class="control-label col-sm-2">Card tags</label>`
			`<div class="col-sm-10"><input type="text" id="anki-card-tags" class="form-control"></div>`
Hook up sentence search extent to options 2016-07-25 20:28:56 -07:00			`</div>`

Adding stub for usage guide 2016-08-14 12:08:06 -07:00			`<div class="form-group options-advanced">`
Hook up sentence search extent to options 2016-07-25 20:28:56 -07:00			`<label for="sentence-extent" class="control-label col-sm-2">Sentence extent</label>`
			`<div class="col-sm-10"><input type="number" min="1" id="sentence-extent" class="form-control"></div>`
Option stubs 2016-06-12 22:36:12 -07:00			`</div>`

			`<ul class="nav nav-tabs col-sm-offset-2 col-sm-10">`
Rename references of "vocab" to "term" 2016-08-10 08:44:52 -07:00			`<li class="active"><a href="#term" data-toggle="tab">Terms</a></li>`
Adding tabs 2016-05-21 20:17:12 -07:00			`<li><a href="#kanji" data-toggle="tab">Kanji</a></li>`
			`</ul>`
WIP 2016-05-21 16:36:41 -07:00
Option stubs 2016-06-12 22:36:12 -07:00			`<div class="tab-content col-sm-offset-2 col-sm-10">`
Rename references of "vocab" to "term" 2016-08-10 08:44:52 -07:00			`<div id="term" class="tab-pane fade in active">`
Adding tabs 2016-05-21 20:17:12 -07:00			`<div class="form-group">`
Rename references of "vocab" to "term" 2016-08-10 08:44:52 -07:00			`<label class="col-sm-2 control-label" for="anki-term-deck">Deck</label>`
Adding tabs 2016-05-21 20:17:12 -07:00			`<div class="col-sm-10">`
Rename references of "vocab" to "term" 2016-08-10 08:44:52 -07:00			`<select class="form-control anki-deck" id="anki-term-deck"></select>`
Adding tabs 2016-05-21 20:17:12 -07:00			`</div>`
			`</div>`

			`<div class="form-group">`
Rename references of "vocab" to "term" 2016-08-10 08:44:52 -07:00			`<label class="col-sm-2 control-label" for="anki-term-model">Model</label>`
Adding tabs 2016-05-21 20:17:12 -07:00			`<div class="col-sm-10">`
Rename references of "vocab" to "term" 2016-08-10 08:44:52 -07:00			`<select class="form-control anki-model" id="anki-term-model"></select>`
Adding tabs 2016-05-21 20:17:12 -07:00			`</div>`
			`</div>`
WIP 2016-05-21 20:44:18 -07:00
Cleanup 2016-05-22 16:53:28 -07:00			`<table class="table table-bordered anki-fields">`
WIP 2016-05-21 20:44:18 -07:00			`<thead>`
			`<tr>`
			`<th>Field</th>`
			`<th>Value</th>`
			`</tr>`
			`</thead>`
Field selector working 2016-05-22 13:41:52 -07:00			`<tbody>`
WIP 2016-05-21 20:44:18 -07:00			`</tbody>`
			`</table>`
WIP 2016-05-21 16:36:41 -07:00			`</div>`
Display supported field tags 2016-05-28 19:01:42 -07:00
Adding tabs 2016-05-21 20:17:12 -07:00			`<div id="kanji" class="tab-pane fade">`
			`<div class="form-group">`
Cleanup 2016-05-22 16:53:28 -07:00			`<label class="col-sm-2 control-label" for="anki-kanji-deck">Deck</label>`
Adding tabs 2016-05-21 20:17:12 -07:00			`<div class="col-sm-10">`
Cleanup 2016-05-22 16:53:28 -07:00			`<select class="form-control anki-deck" id="anki-kanji-deck"></select>`
Adding tabs 2016-05-21 20:17:12 -07:00			`</div>`
			`</div>`
WIP 2016-05-21 15:42:21 -07:00
Adding tabs 2016-05-21 20:17:12 -07:00			`<div class="form-group">`
Cleanup 2016-05-22 16:53:28 -07:00			`<label class="col-sm-2 control-label" for="anki-kanji-model">Model</label>`
Adding tabs 2016-05-21 20:17:12 -07:00			`<div class="col-sm-10">`
Cleanup 2016-05-22 16:53:28 -07:00			`<select class="form-control anki-model" id="anki-kanji-model"></select>`
Adding tabs 2016-05-21 20:17:12 -07:00			`</div>`
			`</div>`
WIP 2016-05-21 20:44:18 -07:00
WIP 2016-05-22 20:51:06 -07:00			`<table class="table table-bordered anki-fields">`
WIP 2016-05-21 20:44:18 -07:00			`<thead>`
			`<tr>`
			`<th>Field</th>`
			`<th>Value</th>`
			`</tr>`
			`</thead>`
Field selector working 2016-05-22 13:41:52 -07:00			`<tbody>`
WIP 2016-05-21 20:44:18 -07:00			`</tbody>`
			`</table>`
WIP 2016-05-21 16:36:41 -07:00			`</div>`
			`</div>`
Adding tabs 2016-05-21 20:17:12 -07:00			`</form>`
Update options page 2016-05-07 14:50:55 -07:00			`</div>`

Updating legal docs 2016-05-17 20:07:28 -07:00			`<div style="text-align: right;">`
Tweaks 2016-08-15 18:44:17 -07:00			`<small><a href="https://foosoft.net/projects/yomichan-chrome">Homepage</a> • <a href="legal.html">Legal</a></small>`
Update options page 2016-05-07 14:50:55 -07:00			`</div>`
Reference bootstrap files 2016-04-03 10:46:36 -07:00			`</div>`
Updating legal docs 2016-05-17 20:07:28 -07:00
			`<script src="../lib/jquery-2.2.2.min.js"></script>`
			`<script src="../lib/bootstrap-3.3.6-dist/js/bootstrap.min.js"></script>`
			`<script src="js/options.js"></script>`
			`<script src="js/options-form.js"></script>`
Reference bootstrap files 2016-04-03 10:46:36 -07:00			`</body>`
Reorg and add stub options page 2016-03-28 20:09:30 -07:00			`</html>`