aboutsummaryrefslogtreecommitdiff
path: root/ext/bg
diff options
context:
space:
mode:
Diffstat (limited to 'ext/bg')
-rw-r--r--ext/bg/js/options-form.js32
-rw-r--r--ext/bg/options.html30
2 files changed, 31 insertions, 31 deletions
diff --git a/ext/bg/js/options-form.js b/ext/bg/js/options-form.js
index 06be044a..1aa26384 100644
--- a/ext/bg/js/options-form.js
+++ b/ext/bg/js/options-form.js
@@ -22,20 +22,20 @@ function yomichan() {
}
function optionsToForm(opts) {
- $('#activateOnStartup').prop('checked', opts.activateOnStartup);
- $('#enableAnkiConnect').prop('checked', opts.enableAnkiConnect);
- $('#loadEnamDict').prop('checked', opts.loadEnamDict);
- $('#scanLength').val(opts.scanLength);
- $('#selectMatchedText').prop('checked', opts.selectMatchedText);
+ $('#activate-on-startup').prop('checked', opts.activateOnStartup);
+ $('#enable-anki-connect').prop('checked', opts.enableAnkiConnect);
+ $('#load-enamdict').prop('checked', opts.loadEnamDict);
+ $('#scan-length').val(opts.scanLength);
+ $('#select-matched-text').prop('checked', opts.selectMatchedText);
}
function formToOptions() {
return sanitizeOptions({
- activateOnStartup: $('#activateOnStartup').prop('checked'),
- enableAnkiConnect: $('#enableAnkiConnect').prop('checked'),
- loadEnamDict: $('#loadEnamDict').prop('checked'),
- scanLength: $('#scanLength').val(),
- selectMatchedText: $('#selectMatchedText').prop('checked')
+ activateOnStartup: $('#activate-on-startup').prop('checked'),
+ enableAnkiConnect: $('#enable-anki-connect').prop('checked'),
+ loadEnamDict: $('#load-enamdict').prop('checked'),
+ scanLength: $('#scan-length').val(),
+ selectMatchedText: $('#select-matched-text').prop('checked')
});
}
@@ -51,7 +51,7 @@ function updateAnkiFormVis(opts) {
function populateAnkiDeckAndModel() {
const yomi = yomichan();
- const ankiDeck = $('.ankiDeck');
+ const ankiDeck = $('.anki-deck');
ankiDeck.find('option').remove();
yomi.api_getDeckNames({callback: (names) => {
if (names !== null) {
@@ -59,12 +59,12 @@ function populateAnkiDeckAndModel() {
}
}});
- const ankiModel = $('.ankiModel');
+ const ankiModel = $('.anki-model');
ankiModel.find('option').remove();
yomi.api_getModelNames({callback: (names) => {
if (names !== null) {
names.forEach((name) => ankiModel.append($('<option/>', {value: name, text: name})));
- $('.ankiModel').trigger('change');
+ $('.anki-model').trigger('change');
}
}});
@@ -85,14 +85,14 @@ function onModelChanged() {
}
yomichan().api_getModelFieldNames({modelName, callback: (names) => {
- const table = $(this).closest('.tab-pane').find('.ankiFields');
+ const table = $(this).closest('.tab-pane').find('.anki-fields');
table.find('tbody').remove();
const body = $('<tbody>');
names.forEach((name) => {
const row = $('<tr>');
row.append($('<td>').text(name));
- row.append($('<input>', {class: 'ankiFieldValue form-control'}).data('field', name));
+ row.append($('<input>', {class: 'anki-field-value form-control'}).data('field', name));
body.append(row);
});
@@ -105,7 +105,7 @@ $(document).ready(() => {
optionsToForm(opts);
$('input').on('input paste change', onOptionsChanged);
- $('.ankiModel').change(onModelChanged);
+ $('.anki-model').change(onModelChanged);
updateAnkiFormVis(opts);
});
diff --git a/ext/bg/options.html b/ext/bg/options.html
index 6f4bd8a8..8aaacd04 100644
--- a/ext/bg/options.html
+++ b/ext/bg/options.html
@@ -29,14 +29,14 @@
<form class="form-horizontal">
<div class="form-group">
- <label for="scanLength" class="control-label col-sm-2">Scan length</label>
- <div class="col-sm-10"><input type="number" value="20" min="1" id="scanLength" class="form-control"></div>
+ <label for="scan-length" class="control-label col-sm-2">Scan length</label>
+ <div class="col-sm-10"><input type="number" value="20" min="1" id="scan-length" class="form-control"></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="activateOnStartup"> Activate on startup</label>
+ <label class="control-label"><input type="checkbox" id="activate-on-startup"> Activate on startup</label>
</div>
</div>
</div>
@@ -44,7 +44,7 @@
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<div class="checkbox">
- <label class="control-label"><input type="checkbox" id="loadEnamdict"> Load <a href="http://www.edrdg.org/enamdict/enamdict_doc.html">ENAMDICT</a> (requires restart)</label>
+ <label class="control-label"><input type="checkbox" id="load-enamdict"> Load <a href="http://www.edrdg.org/enamdict/enamdict_doc.html">ENAMDICT</a> (requires restart)</label>
</div>
</div>
</div>
@@ -52,7 +52,7 @@
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<div class="checkbox">
- <label class="control-label"><input type="checkbox" id="selectMatchedText" checked> Select matched text</label>
+ <label class="control-label"><input type="checkbox" id="select-matched-text" checked> Select matched text</label>
</div>
</div>
</div>
@@ -60,7 +60,7 @@
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<div class="checkbox">
- <label class="control-label"><input type="checkbox" id="enableAnkiConnect"> Enable <a href="https://foosoft.net/projects/yomichan">AnkiConnect</a></label>
+ <label class="control-label"><input type="checkbox" id="enable-anki-connect"> Enable <a href="https://foosoft.net/projects/yomichan">AnkiConnect</a></label>
</div>
</div>
</div>
@@ -80,20 +80,20 @@
<div class="tab-content">
<div id="vocab" class="tab-pane fade in active">
<div class="form-group">
- <label class="col-sm-2 control-label" for="ankiVocabDeck">Deck</label>
+ <label class="col-sm-2 control-label" for="anki-vocab-deck">Deck</label>
<div class="col-sm-10">
- <select class="form-control ankiDeck" id="ankiVocabDeck"></select>
+ <select class="form-control anki-deck" id="anki-vocab-deck"></select>
</div>
</div>
<div class="form-group">
- <label class="col-sm-2 control-label" for="ankiVocabModel">Model</label>
+ <label class="col-sm-2 control-label" for="anki-vocab-model">Model</label>
<div class="col-sm-10">
- <select class="form-control ankiModel" id="ankiVocabModel"></select>
+ <select class="form-control anki-model" id="anki-vocab-model"></select>
</div>
</div>
- <table class="table table-bordered ankiFields">
+ <table class="table table-bordered anki-fields">
<thead>
<tr>
<th>Field</th>
@@ -106,16 +106,16 @@
</div>
<div id="kanji" class="tab-pane fade">
<div class="form-group">
- <label class="col-sm-2 control-label" for="ankiKanjiDeck">Deck</label>
+ <label class="col-sm-2 control-label" for="anki-kanji-deck">Deck</label>
<div class="col-sm-10">
- <select class="form-control ankiDeck" id="ankiKanjiDeck"></select>
+ <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="ankiKanjiModel">Model</label>
+ <label class="col-sm-2 control-label" for="anki-kanji-model">Model</label>
<div class="col-sm-10">
- <select class="form-control ankiModel" id="ankiKanjiModel"></select>
+ <select class="form-control anki-model" id="anki-kanji-model"></select>
</div>
</div>