add option for html cards

ext/bg/js/options-form.js

@@ -41,6 +41,7 @@ function getFormData() {
 
         optionsNew.anki.enable = $('#anki-enable').prop('checked');
         optionsNew.anki.tags = $('#card-tags').val().split(/[,; ]+/);
+        optionsNew.anki.htmlCards = $('#generate-html-cards').prop('checked');
         optionsNew.anki.sentenceExt = parseInt($('#sentence-detection-extent').val(), 10);
         if (optionsOld.anki.enable) {
             optionsNew.anki.terms.deck = $('#anki-terms-deck').val();
@@ -101,6 +102,7 @@ $(document).ready(() => {
 
         $('#anki-enable').prop('checked', options.anki.enable);
         $('#card-tags').val(options.anki.tags.join(' '));
+        $('#generate-html-cards').prop('checked', options.anki.htmlCards);
         $('#sentence-detection-extent').val(options.anki.sentenceExt);
         $('input, select').not('.anki-model').change(onOptionsChanged);
         $('.anki-model').change(onAnkiModelChanged);

ext/bg/js/options.js

@@ -39,6 +39,7 @@ function optionsSetDefaults(options) {
         anki: {
             enable: false,
             tags: ['yomichan'],
+            htmlCards: true,
             sentenceExt: 200,
             terms: {deck: '', model: '', fields: {}},
             kanji: {deck: '', model: '', fields: {}}

ext/bg/options.html

@@ -142,6 +142,10 @@
                 </div>
 
                 <div id="anki-general">
+                    <div class="checkbox">
+                        <label><input type="checkbox" id="generate-html-cards"> Generate HTML cards</label>
+                    </div>
+
                     <div class="form-group">
                         <label for="card-tags">Card tags (comma or space separated)</label>
                         <input type="text" id="card-tags" class="form-control">