diff options
| author | Alex Yatskov <alex@foosoft.net> | 2016-10-16 12:12:31 -0700 |
|---|---|---|
| committer | Alex Yatskov <alex@foosoft.net> | 2016-10-16 12:12:31 -0700 |
| commit | 9eaadd2a6e6b4c3e2ee4eb80103eca78d3c595d5 (patch) | |
| tree | 910c95cde09d8e246dbd25f666c8ab568de11a20 /ext/bg/options.html | |
| parent | 9f67e5e5843d25440d048eaaf819e52949dba7f4 (diff) | |
WIP
Diffstat (limited to 'ext/bg/options.html')
| -rw-r--r-- | ext/bg/options.html | 117 |
1 files changed, 62 insertions, 55 deletions
diff --git a/ext/bg/options.html b/ext/bg/options.html index e48a0735..a42af97e 100644 --- a/ext/bg/options.html +++ b/ext/bg/options.html @@ -17,7 +17,7 @@ padding: 10px; } - .error-dlg { + .status-dlg { display: none; } </style> @@ -89,6 +89,16 @@ <div class="options-anki"> <h3>Anki Options</h3> + <div class="alert alert-danger status-dlg" id="error-dlg"> + <strong>Error</strong> + <span>Unable to connect</span> + </div> + + <div class="alert alert-success status-dlg" id="success-dlg"> + <strong>Success</strong> + <span>Connection established</span> + </div> + <div class="form-group"> <label class="control-label" for="anki-method">Connection method</label> <select class="form-control" id="anki-method"> @@ -98,11 +108,6 @@ </select> </div> - <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> - <form class="form-horizontal options-anki-general"> <div class="form-group options-anki-login"> <label for="anki-username" class="control-label col-sm-2">Username</label> @@ -124,64 +129,66 @@ <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 class="options-anki-format"> + <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> - <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 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> - </div> - <table class="table table-bordered anki-fields"> - <thead> - <tr> - <th>Field</th> - <th>Value</th> - </tr> - </thead> - <tbody> - </tbody> - </table> - </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 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> - <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 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> - </div> - <table class="table table-bordered anki-fields"> - <thead> - <tr> - <th>Field</th> - <th>Value</th> - </tr> - </thead> - <tbody> - </tbody> - </table> + <table class="table table-bordered anki-fields"> + <thead> + <tr> + <th>Field</th> + <th>Value</th> + </tr> + </thead> + <tbody> + </tbody> + </table> + </div> </div> </div> </form> |