/* * Copyright (C) 2016-2017 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/>. */ async function formRead() { const optionsOld = await optionsLoad(); const optionsNew = $.extend(true, {}, optionsOld); optionsNew.general.showGuide = $('#show-usage-guide').prop('checked'); optionsNew.general.audioSource = $('#audio-playback-source').val(); optionsNew.general.audioVolume = parseFloat($('#audio-playback-volume').val()); optionsNew.general.groupResults = $('#group-terms-results').prop('checked'); optionsNew.general.debugInfo = $('#show-debug-info').prop('checked'); optionsNew.general.showAdvanced = $('#show-advanced-options').prop('checked'); optionsNew.general.maxResults = parseInt($('#max-displayed-results').val(), 10); optionsNew.general.popupWidth = parseInt($('#popup-width').val(), 10); optionsNew.general.popupHeight = parseInt($('#popup-height').val(), 10); optionsNew.general.popupOffset = parseInt($('#popup-offset').val(), 10); optionsNew.scanning.middleMouse = $('#middle-mouse-button-scan').prop('checked'); optionsNew.scanning.selectText = $('#select-matched-text').prop('checked'); optionsNew.scanning.alphanumeric = $('#search-alphanumeric').prop('checked'); optionsNew.scanning.autoHideResults = $('#auto-hide-results').prop('checked'); optionsNew.scanning.delay = parseInt($('#scan-delay').val(), 10); optionsNew.scanning.length = parseInt($('#scan-length').val(), 10); optionsNew.scanning.modifier = $('#scan-modifier-key').val(); optionsNew.anki.enable = $('#anki-enable').prop('checked'); optionsNew.anki.tags = $('#card-tags').val().split(/[,; ]+/); optionsNew.anki.sentenceExt = parseInt($('#sentence-detection-extent').val(), 10); optionsNew.anki.server = $('#interface-server').val(); optionsNew.anki.fieldTemplates = $('#field-templates').val(); if (optionsOld.anki.enable && !ankiErrorShown()) { optionsNew.anki.terms.deck = $('#anki-terms-deck').val(); optionsNew.anki.terms.model = $('#anki-terms-model').val(); optionsNew.anki.terms.fields = ankiFieldsToDict($('#terms .anki-field-value')); optionsNew.anki.kanji.deck = $('#anki-kanji-deck').val(); optionsNew.anki.kanji.model = $('#anki-kanji-model').val(); optionsNew.anki.kanji.fields = ankiFieldsToDict($('#kanji .anki-field-value')); } $('.dict-group').each((index, element) => { const dictionary = $(element); const title = dictionary.data('title'); const priority = parseInt(dictionary.find('.dict-priority').val(), 10); const enabled = dictionary.find('.dict-enabled').prop('checked'); optionsNew.dictionaries[title] = {priority, enabled}; }); return {optionsNew, optionsOld}; } function formUpdateVisibility(options) { const general = $('#anki-general'); if (options.anki.enable) { general.show(); } else { general.hide(); } const advanced = $('.options-advanced'); if (options.general.showAdvanced) { advanced.show(); } else { advanced.hide(); } const debug = $('#debug'); if (options.general.debugInfo) { const temp = utilIsolate(options); temp.anki.fieldTemplates = '...'; const text = JSON.stringify(temp, null, 4); debug.html(handlebarsEscape(text)); debug.show(); } else { debug.hide(); } } async function onFormOptionsChanged(e) { try { if (!e.originalEvent && !e.isTrigger) { return; } const {optionsNew, optionsOld} = await formRead(); await optionsSave(optionsNew); formUpdateVisibility(optionsNew); const ankiUpdated = optionsNew.anki.enable !== optionsOld.anki.enable || optionsNew.anki.server !== optionsOld.anki.server; if (ankiUpdated) { ankiSpinnerShow(true); await ankiDeckAndModelPopulate(optionsNew); ankiErrorShow(); } } catch (e) { ankiErrorShow(e); } finally { ankiSpinnerShow(false); } } async function onReady() { const options = await optionsLoad(); $('#show-usage-guide').prop('checked', options.general.showGuide); $('#audio-playback-source').val(options.general.audioSource); $('#audio-playback-volume').val(options.general.audioVolume); $('#group-terms-results').prop('checked', options.general.groupResults); $('#show-debug-info').prop('checked', options.general.debugInfo); $('#show-advanced-options').prop('checked', options.general.showAdvanced); $('#max-displayed-results').val(options.general.maxResults); $('#popup-width').val(options.general.popupWidth); $('#popup-height').val(options.general.popupHeight); $('#popup-offset').val(options.general.popupOffset); $('#middle-mouse-button-scan').prop('checked', options.scanning.middleMouse); $('#select-matched-text').prop('checked', options.scanning.selectText); $('#search-alphanumeric').prop('checked', options.scanning.alphanumeric); $('#auto-hide-results').prop('checked', options.scanning.autoHideResults); $('#scan-delay').val(options.scanning.delay); $('#scan-length').val(options.scanning.length); $('#scan-modifier-key').val(options.scanning.modifier); $('#dict-purge').click(utilAsync(onDictionaryPurge)); $('#dict-file').change(utilAsync(onDictionaryImport)); $('#anki-enable').prop('checked', options.anki.enable); $('#card-tags').val(options.anki.tags.join(' ')); $('#sentence-detection-extent').val(options.anki.sentenceExt); $('#interface-server').val(options.anki.server); $('#field-templates').val(options.anki.fieldTemplates); $('#field-templates-reset').click(utilAsync(onAnkiFieldTemplatesReset)); $('input, select, textarea').not('.anki-model').change(utilAsync(onFormOptionsChanged)); $('.anki-model').change(utilAsync(onAnkiModelChanged)); try { await dictionaryGroupsPopulate(options); } catch (e) { dictionaryErrorShow(e); } try { await ankiDeckAndModelPopulate(options); } catch (e) { ankiErrorShow(e); } formUpdateVisibility(options); } $(document).ready(utilAsync(onReady)); /* * Dictionary */ function dictionaryErrorShow(error) { const dialog = $('#dict-error'); if (error) { dialog.show().find('span').text(error); } else { dialog.hide(); } } function dictionarySpinnerShow(show) { const spinner = $('#dict-spinner'); if (show) { spinner.show(); } else { spinner.hide(); } } function dictionaryGroupsSort() { const dictGroups = $('#dict-groups'); const dictGroupChildren = dictGroups.children('.dict-group').sort((ca, cb) => { const pa = parseInt($(ca).find('.dict-priority').val(), 10); const pb = parseInt($(cb).find('.dict-priority').val(), 10); if (pa < pb) { return 1; } else if (pa > pb) { return -1; } else { return 0; } }); dictGroups.append(dictGroupChildren); } async function dictionaryGroupsPopulate(options) { const dictGroups = $('#dict-groups').empty(); const dictWarning = $('#dict-warning').hide(); const dictRows = await utilDatabaseGetTitles(); if (dictRows.length === 0) { dictWarning.show(); } for (const dictRow of dictRowsSort(dictRows, options)) { const dictOptions = options.dictionaries[dictRow.title] || {enabled: false, priority: 0}; const dictHtml = await apiTemplateRender('dictionary.html', { title: dictRow.title, version: dictRow.version, revision: dictRow.revision, priority: dictOptions.priority, enabled: dictOptions.enabled }); dictGroups.append($(dictHtml)); } formUpdateVisibility(options); $('.dict-enabled, .dict-priority').change(e => { dictionaryGroupsSort(); onFormOptionsChanged(e); }); } async function onDictionaryPurge(e) { e.preventDefault(); const dictControls = $('#dict-importer, #dict-groups').hide(); const dictProgress = $('#dict-purge-progress').show(); try { dictionaryErrorShow(); dictionarySpinnerShow(true); await utilDatabasePurge(); const options = await optionsLoad(); options.dictionaries = {}; await optionsSave(options); await dictionaryGroupsPopulate(options); } catch (e) { dictionaryErrorShow(e); } finally { dictionarySpinnerShow(false); dictControls.show(); dictProgress.hide(); } } async function onDictionaryImport(e) { const dictFile = $('#dict-file'); const dictControls = $('#dict-importer').hide(); const dictProgress = $('#dict-import-progress').show(); try { dictionaryErrorShow(); dictionarySpinnerShow(true); const setProgress = percent => dictProgress.find('.progress-bar').css('width', `${percent}%`); const updateProgress = (total, current) => setProgress(current / total * 100.0); setProgress(0.0); const options = await optionsLoad(); const summary = await utilDatabaseImport(e.target.files[0], updateProgress); options.dictionaries[summary.title] = {enabled: true, priority: 0}; await optionsSave(options); await dictionaryGroupsPopulate(options); } catch (e) { dictionaryErrorShow(e); } finally { dictionarySpinnerShow(false); dictFile.val(''); dictControls.show(); dictProgress.hide(); } } /* * Anki */ function ankiSpinnerShow(show) { const spinner = $('#anki-spinner'); if (show) { spinner.show(); } else { spinner.hide(); } } function ankiErrorShow(error) { const dialog = $('#anki-error'); if (error) { dialog.show().find('span').text(error); } else { dialog.hide(); } } function ankiErrorShown() { return $('#anki-error').is(':visible'); } function ankiFieldsToDict(selection) { const result = {}; selection.each((index, element) => { result[$(element).data('field')] = $(element).val(); }); return result; } async function ankiDeckAndModelPopulate(options) { const ankiFormat = $('#anki-format').hide(); const deckNames = await utilAnkiGetDeckNames(); const ankiDeck = $('.anki-deck'); ankiDeck.find('option').remove(); deckNames.sort().forEach(name => ankiDeck.append($('<option/>', {value: name, text: name}))); const modelNames = await utilAnkiGetModelNames(); const ankiModel = $('.anki-model'); ankiModel.find('option').remove(); modelNames.sort().forEach(name => ankiModel.append($('<option/>', {value: name, text: name}))); $('#anki-terms-deck').val(options.anki.terms.deck); await ankiFieldsPopulate($('#anki-terms-model').val(options.anki.terms.model), options); $('#anki-kanji-deck').val(options.anki.kanji.deck); await ankiFieldsPopulate($('#anki-kanji-model').val(options.anki.kanji.model), options); ankiFormat.show(); } async function ankiFieldsPopulate(element, options) { const modelName = element.val(); if (!modelName) { return; } const tab = element.closest('.tab-pane'); const tabId = tab.attr('id'); const container = tab.find('tbody').empty(); const markers = { 'terms': [ 'audio', 'cloze-body', 'cloze-prefix', 'cloze-suffix', 'dictionary', 'expression', 'furigana', 'furigana-plain', 'glossary', 'glossary-brief', 'reading', 'sentence', 'tags', 'url' ], 'kanji': [ 'character', 'dictionary', 'glossary', 'kunyomi', 'onyomi', 'sentence', 'tags', 'url' ] }[tabId] || {}; for (const name of await utilAnkiGetModelFieldNames(modelName)) { const value = options.anki[tabId].fields[name] || ''; const html = Handlebars.templates['model.html']({name, markers, value}); container.append($(html)); } tab.find('.anki-field-value').change(utilAsync(onFormOptionsChanged)); tab.find('.marker-link').click(onAnkiMarkerClicked); } function onAnkiMarkerClicked(e) { e.preventDefault(); const link = e.target; $(link).closest('.input-group').find('.anki-field-value').val(`{${link.text}}`).trigger('change'); } async function onAnkiModelChanged(e) { try { if (!e.originalEvent) { return; } const element = $(this); const tab = element.closest('.tab-pane'); const tabId = tab.attr('id'); const {optionsNew, optionsOld} = await formRead(); optionsNew.anki[tabId].fields = {}; await optionsSave(optionsNew); ankiSpinnerShow(true); await ankiFieldsPopulate(element, optionsNew); ankiErrorShow(); } catch (e) { ankiErrorShow(e); } finally { ankiSpinnerShow(false); } } async function onAnkiFieldTemplatesReset(e) { try { e.preventDefault(); const options = await optionsLoad(); $('#field-templates').val(options.anki.fieldTemplates = optionsFieldTemplates()); await optionsSave(options); } catch (e) { ankiErrorShow(e); } }