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); + }); }); }