Add load on startup checkbox

ext/bg/js/options-form.js

@@ -19,18 +19,20 @@
 
 function optionsToForm(opts) {
     $('#scanLength').val(opts.scanLength);
+    $('#loadOnStartup').prop('checked', opts.loadOnStartup);
 }
 
 function formToOptions() {
     return sanitizeOptions({
-        scanLength: $('#scanLength').val()
+        scanLength: $('#scanLength').val(),
+        loadOnStartup: $('#loadOnStartup').prop('checked')
     });
 }
 
 $('#saveOptions').click(() => {
-    const opt = formToOptions();
+    const opts = formToOptions();
     const yomichan = chrome.extension.getBackgroundPage().yomichan;
-    saveOptions(() => yomichan.updateOptions(opts));
+    saveOptions(opts, () => yomichan.updateOptions(opts));
 });
 
 $('#resetOptions').click(() => {

ext/bg/js/options.js

@@ -19,7 +19,8 @@
 
 function sanitizeOptions(options) {
     const defaults = {
-        scanLength: 20
+        scanLength:    20,
+        loadOnStartup: false
     };
 
     for (const key in defaults) {

ext/bg/js/yomichan.js

@@ -83,7 +83,7 @@ class Yomichan {
     }
 
     updateOptions(options) {
-        this.options = sanitizeOptions(options);
+        this.options = options;
         Yomichan.notifyChange('options', this.options);
     }
 

ext/bg/options.html

@@ -15,7 +15,17 @@
             <form class="form-horizontal">
                 <div class="form-group">
                     <label for="scanLength" class="control-label col-sm-2">Scan length</label>
-                    <div class="col-sm-10"><input type="number" value="1" min="1" id="scanLength" class="form-control"></div>
+                    <div class="col-sm-10"><input type="number" value="20" min="1" id="scanLength" class="form-control"></div>
+                </div>
+
+                <div class="form-group">
+                    <div class="col-sm-offset-2 col-sm-10">
+                        <div class="checkbox">
+                            <label>
+                                <input type="checkbox" id="loadOnStartup"> Load on startup
+                            </label>
+                        </div>
+                    </div>
                 </div>
 
                 <div class="text-right">