WIP

ext/bg/js/options-form.js

@@ -39,7 +39,7 @@ function getFormValues() {
         optsNew.scanDelay = parseInt($('#scan-delay').val(), 10);
         optsNew.scanLength = parseInt($('#scan-length').val(), 10);
 
-        optsNew.ankiMethod = $('#anki-method').val();
+        optsNew.ankiEnable = $('#anki-enable').prop('checked');
         optsNew.ankiCardTags = $('#anki-card-tags').val().split(/[,; ]+/);
         optsNew.sentenceExtent = parseInt($('#sentence-extent').val(), 10);
         optsNew.ankiTermDeck = $('#anki-term-deck').val();
@@ -65,13 +65,10 @@ function getFormValues() {
 }
 
 function updateVisibility(opts) {
-    switch (opts.ankiMethod) {
-        case 'ankiconnect':
-            $('#anki-general').show();
-            break;
-        default:
-            $('#anki-general').hide();
-            break;
+    if (opts.ankiEnable) {
+        $('#anki-general').show();
+    } else {
+        $('#anki-general').hide();
     }
 
     if (opts.showAdvancedOptions) {
@@ -96,7 +93,7 @@ $(document).ready(() => {
         $('#scan-delay').val(opts.scanDelay);
         $('#scan-length').val(opts.scanLength);
 
-        $('#anki-method').val(opts.ankiMethod);
+        $('#anki-enable').prop('checked', opts.ankiEnable);
         $('#anki-card-tags').val(opts.ankiCardTags.join(' '));
         $('#sentence-extent').val(opts.sentenceExtent);
 
@@ -424,7 +421,7 @@ function onOptionsChanged(e) {
         return saveOptions(optsNew).then(() => {
             yomichan().setOptions(optsNew);
             updateVisibility(optsNew);
-            if (optsNew.ankiMethod !== optsOld.ankiMethod) {
+            if (optsNew.ankiEnable !== optsOld.ankiEnable) {
                 showAnkiError(null);
                 showAnkiSpinner(true);
                 return populateAnkiDeckAndModel(optsNew);

ext/bg/js/options.js

@@ -44,7 +44,7 @@ function sanitizeOptions(options) {
 
         dictionaries: {},
 
-        ankiMethod: 'disabled',
+        ankiEnable: false,
         ankiCardTags: ['yomichan'],
         sentenceExtent: 200,
 
@@ -62,10 +62,6 @@ function sanitizeOptions(options) {
         }
     }
 
-    if (options.ankiMethod === 'ankiweb') {
-        options.ankiMethod = 'disabled';
-    }
-
     return options;
 }
 

ext/bg/js/yomichan.js

@@ -94,13 +94,10 @@ class Yomichan {
     setOptions(options) {
         this.options = options;
 
-        switch (options.ankiMethod) {
-            case 'ankiconnect':
-                this.anki = new AnkiConnect();
-                break;
-            default:
-                this.anki = new AnkiNull();
-                break;
+        if (options.ankiEnable) {
+            this.anki = new AnkiConnect();
+        } else {
+            this.anki = new AnkiNull();
         }
 
         this.tabInvokeAll('setOptions', this.options);

ext/bg/options.html

@@ -132,19 +132,15 @@
                     <a href="https://foosoft.net/projects/anki-connect/">AnkiConnect</a> plugin.
                 </p>
 
+                <div class="checkbox">
+                    <label><input type="checkbox" id="anki-enable"> Enable Anki integration</label>
+                </div>
+
                 <div class="alert alert-danger" id="anki-error">
                     <strong>Error:</strong>
                     <span></span>
                 </div>
 
-                <div class="form-group">
-                    <label for="anki-method">Connection method</label>
-                    <select class="form-control" id="anki-method">
-                        <option value="disabled">Disabled (no auto flashcard creation)</option>
-                        <option value="ankiconnect">AnkiConnect (requires the AnkiConnect plugin)</option>
-                    </select>
-                </div>
-
                 <div id="anki-general">
                     <div class="form-group">
                         <label for="anki-card-tags">Card tags (comma or space separated)</label>
@@ -152,7 +148,7 @@
                     </div>
 
                     <div class="form-group options-advanced">
-                        <label for="sentence-extent">Sentence extent</label>
+                        <label for="sentence-extent">Sentence detection extent</label>
                         <input type="number" min="1" id="sentence-extent" class="form-control">
                     </div>