aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--ext/bg/js/options-form.js21
-rw-r--r--ext/bg/options.html24
2 files changed, 7 insertions, 38 deletions
diff --git a/ext/bg/js/options-form.js b/ext/bg/js/options-form.js
index dbeb5fe8..eb9d2f53 100644
--- a/ext/bg/js/options-form.js
+++ b/ext/bg/js/options-form.js
@@ -33,23 +33,16 @@ function formToOptions() {
});
}
-$('#saveOptions').click(() => {
+function onOptionsChanged() {
const opts = formToOptions();
saveOptions(opts, () => {
- $('.notifyAlerts').hide();
- $('#notifySave').slideDown();
chrome.extension.getBackgroundPage().yomichan.setOptions(opts);
});
-});
-
-$('#resetOptions').click(() => {
- optionsToForm(sanitizeOptions({}));
- $('.notifyAlerts').hide();
- $('#notifyReset').slideDown();
-});
+}
-$('[data-hide]').on('click', function() {
- $('#' + $(this).attr('data-hide')).hide();
+$(document).ready(() => {
+ loadOptions((opts) => {
+ optionsToForm(opts);
+ $('input').on('input paste change', onOptionsChanged);
+ });
});
-
-$(document).ready(() => loadOptions((opts) => optionsToForm(opts)));
diff --git a/ext/bg/options.html b/ext/bg/options.html
index 961d11f7..01f29f87 100644
--- a/ext/bg/options.html
+++ b/ext/bg/options.html
@@ -5,11 +5,6 @@
<title>Yomichan Options</title>
<link rel="stylesheet" type="text/css" href="../lib/bootstrap-3.3.6-dist/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="../lib/bootstrap-3.3.6-dist/css/bootstrap-theme.min.css">
- <style type="text/css">
- .notifyAlerts {
- display: none;
- }
- </style>
</head>
<body>
<div class="container">
@@ -46,25 +41,6 @@
</div>
</div>
</div>
-
- <div class="alert alert-success notifyAlerts" id="notifySave">
- Preferences saved
- <button type="button" class="close" data-hide="notifySave">
- <span aria-hidden="true">&times;</span>
- </button>
- </div>
-
- <div class="alert alert-warning notifyAlerts" id="notifyReset">
- Preferences reset to defaults
- <button type="button" class="close" data-hide="notifyReset">
- <span aria-hidden="true">&times;</span>
- </button>
- </div>
-
- <div class="text-right">
- <button type="button" id="saveOptions" class="btn btn-default">Save</button>
- <button type="button" id="resetOptions" class="btn btn-danger">Reset</button>
- </div>
</form>
<script src="../lib/jquery-2.2.2.min.js"></script>