diff options
Diffstat (limited to 'ext')
| -rw-r--r-- | ext/bg/js/options-form.js | 8 | ||||
| -rw-r--r-- | ext/bg/js/options.js | 3 | ||||
| -rw-r--r-- | ext/bg/js/yomichan.js | 2 | ||||
| -rw-r--r-- | ext/bg/options.html | 12 | 
4 files changed, 19 insertions, 6 deletions
| diff --git a/ext/bg/js/options-form.js b/ext/bg/js/options-form.js index adde147c..a495813d 100644 --- a/ext/bg/js/options-form.js +++ b/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(() => { diff --git a/ext/bg/js/options.js b/ext/bg/js/options.js index 4c1135d2..0ab33612 100644 --- a/ext/bg/js/options.js +++ b/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) { diff --git a/ext/bg/js/yomichan.js b/ext/bg/js/yomichan.js index fe7007eb..05da4007 100644 --- a/ext/bg/js/yomichan.js +++ b/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);      } diff --git a/ext/bg/options.html b/ext/bg/options.html index f73162ec..fb908d04 100644 --- a/ext/bg/options.html +++ b/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"> |