diff --git a/assets/js/options.js b/assets/js/options.js
index 7a24a32..8a4f2d1 100644
--- a/assets/js/options.js
+++ b/assets/js/options.js
@@ -2,6 +2,8 @@
global.jQuery = require('jquery');
require('bootstrap');
+var $ = require('jquery');
+
// Saves options to chrome.storage.sync.
function save_options(e) {
e.preventDefault();
@@ -14,16 +16,17 @@ function save_options(e) {
blacklist: blacklist
}, function() {
// Update status to let user know options were saved.
- var status = document.getElementById('status');
- status.style.display = 'block';
- status.innerHTML = 'Well done! Options have been saved.';
+ var status = $('#status');
+ status.html('Well done! Options have been saved.');
+
+ status.fadeIn(1500, function() {
+ setTimeout(function() {
+ status.fadeOut(1500, function() {
+ status.html('');
+ });
+ }, 750);
+ });
- //TODO: This is a nice place for fade in and fade out...
-
- setTimeout(function() {
- status.textContent = '';
- status.style.display = 'none';
- }, 1500);
});
}
diff --git a/gulpfile.js b/gulpfile.js
index 9786064..6503219 100644
--- a/gulpfile.js
+++ b/gulpfile.js
@@ -19,7 +19,7 @@ elixir(function (mix) {
mix.copy('vendor/bower_components/font-awesome/less', 'assets/less/font-awesome');
mix.copy('vendor/bower_components/font-awesome/fonts', 'public/fonts');
mix.less('app.less');
- mix.browserify('app.js', null, 'assets/js');
+ //mix.browserify('app.js', null, 'assets/js');
//mix.browserify('events.js', 'public/js/events.js', 'assets/js');
- //mix.browserify('options.js', 'public/js/options.js', 'assets/js');
+ mix.browserify('options.js', 'public/js/options.js', 'assets/js');
});
diff --git a/manifest.json b/manifest.json
index 63b91d8..d72952c 100644
--- a/manifest.json
+++ b/manifest.json
@@ -29,6 +29,6 @@
},
"options_ui": {
"page": "options.html",
- "chrome_style": true
+ "chrome_style": false
}
}
diff --git a/public/js/options.js b/public/js/options.js
index 42aeda4..d55f8ce 100644
--- a/public/js/options.js
+++ b/public/js/options.js
@@ -6,6 +6,8 @@
global.jQuery = require('jquery');
require('bootstrap');
+var $ = require('jquery');
+
// Saves options to chrome.storage.sync.
function save_options(e) {
e.preventDefault();
@@ -18,16 +20,16 @@ function save_options(e) {
blacklist: blacklist
}, function () {
// Update status to let user know options were saved.
- var status = document.getElementById('status');
- status.style.display = 'block';
- status.innerHTML = 'Well done! Options have been saved.';
+ var status = $('#status');
+ status.html('Well done! Options have been saved.');
- //TODO: This is a nice place for fade in and fade out...
-
- setTimeout(function () {
- status.textContent = '';
- status.style.display = 'none';
- }, 1500);
+ status.fadeIn(1500, function () {
+ setTimeout(function () {
+ status.fadeOut(1500, function () {
+ status.html('');
+ });
+ }, 750);
+ });
});
}