yomichan/ext/bg/js/options-form.js

113 lines
3.4 KiB
JavaScript

/*
* Copyright (C) 2016 Alex Yatskov <alex@foosoft.net>
* Author: Alex Yatskov <alex@foosoft.net>
*
* This program is free software: you can redistribute it and/or modify
* it under the terms of the GNU General Public License as published by
* the Free Software Foundation, either version 3 of the License, or
* (at your option) any later version.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU General Public License for more details.
*
* You should have received a copy of the GNU General Public License
* along with this program. If not, see <http://www.gnu.org/licenses/>.
*/
function yomichan() {
return chrome.extension.getBackgroundPage().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);
}
function formToOptions() {
return sanitizeOptions({
activateOnStartup: $('#activateOnStartup').prop('checked'),
enableAnkiConnect: $('#enableAnkiConnect').prop('checked'),
loadEnamDict: $('#loadEnamDict').prop('checked'),
scanLength: $('#scanLength').val(),
selectMatchedText: $('#selectMatchedText').prop('checked')
});
}
function updateAnkiFormVis(opts) {
if (opts.enableAnkiConnect) {
populateAnkiDeckAndModel();
$('.options-anki').fadeIn();
} else {
$('.options-anki').fadeOut();
}
}
function populateAnkiDeckAndModel() {
const yomi = yomichan();
const ankiDeck = $('.ankiDeck');
ankiDeck.find('option').remove();
yomi.api_getDeckNames({callback: (names) => {
if (names !== null) {
names.forEach((name) => ankiDeck.append($('<option/>', {value: name, text: name})));
}
}});
const ankiModel = $('.ankiModel');
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');
}
}});
}
function onOptionsChanged() {
const opts = formToOptions();
saveOptions(opts, () => {
yomichan().setOptions(opts);
updateAnkiFormVis(opts);
});
}
function onModelChanged() {
const modelName = $(this).val();
if (modelName === null) {
return;
}
yomichan().api_getModelFieldNames({modelName, callback: (names) => {
const table = $(this).closest('.tab-pane').find('.ankiFields');
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));
body.append(row);
});
table.append(body);
}});
}
$(document).ready(() => {
loadOptions((opts) => {
optionsToForm(opts);
$('input').on('input paste change', onOptionsChanged);
$('.ankiModel').change(onModelChanged);
updateAnkiFormVis(opts);
});
});