aboutsummaryrefslogtreecommitdiff
path: root/ext/bg/js/options-form.js
blob: d5d2eaee220dac7287f84ce42dedadbd7746fe4d (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
/*
 * 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) {
    $('#scan-length').val(opts.scanLength);
    $('#activate-on-startup').prop('checked', opts.activateOnStartup);
    $('#load-enamdict').prop('checked', opts.loadEnamDict);
    $('#select-matched-text').prop('checked', opts.selectMatchedText);
    $('#enable-anki-connect').prop('checked', opts.enableAnkiConnect);
    $('#anki-vocab-deck').val(opts.ankiVocabDeck);
    $('#anki-vocab-model').val(opts.ankiVocabModel);
    $('#anki-kanji-deck').val(opts.ankiKanjiDeck);
    $('#anki-kanji-model').val(opts.ankiKanjiModel);
}

function formToOptions() {
    return sanitizeOptions({
        scanLength:        $('#scan-length').val(),
        activateOnStartup: $('#activate-on-startup').prop('checked'),
        loadEnamDict:      $('#load-enamdict').prop('checked'),
        selectMatchedText: $('#select-matched-text').prop('checked'),
        enableAnkiConnect: $('#enable-anki-connect').prop('checked'),
        ankiVocabDeck:     $('#anki-vocab-deck').val(),
        ankiVocabModel:    $('#anki-vocab-model').val(),
        ankiKanjiDeck:     $('#anki-kanji-deck').val(),
        ankiKanjiModel:    $('#anki-kanji-model').val()
    });
}

function updateAnkiFormVis(opts) {
    if (opts.enableAnkiConnect) {
        populateAnkiDeckAndModel();
        $('.options-anki').fadeIn();
    } else {
        $('.options-anki').fadeOut();
    }
}

function populateAnkiDeckAndModel() {
    const yomi = yomichan();

    const ankiDeck = $('.anki-deck');
    ankiDeck.find('option').remove();
    yomi.api_getDeckNames({callback: (names) => {
        if (names !== null) {
            names.forEach((name) => ankiDeck.append($('<option/>', {value: name, text: name})));
        }
    }});

    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})));
            $('.anki-model').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('.anki-fields');
        table.find('tbody').remove();

        const body = $('<tbody>');
        names.forEach((name) => {
            const row = $('<tr>');
            row.append($('<td>').text(name));
            row.append($('<input>', {class: 'anki-field-value form-control'}).data('field', name));
            body.append(row);
        });

        table.append(body);
    }});
}

$(document).ready(() => {
    loadOptions((opts) => {
        optionsToForm(opts);

        $('input, select').on('input paste change', onOptionsChanged);
        $('.anki-model').change(onModelChanged);

        updateAnkiFormVis(opts);
    });
});