Added options with blacklist and theme. Created a function for changing the extension icon color.
This commit is contained in:
44
assets/js/options.js
Normal file
44
assets/js/options.js
Normal file
@@ -0,0 +1,44 @@
|
||||
/* This is a fix for Bootstrap requiring jQuery */
|
||||
global.jQuery = require('jquery');
|
||||
require('bootstrap');
|
||||
|
||||
// Saves options to chrome.storage.sync.
|
||||
function save_options(e) {
|
||||
e.preventDefault();
|
||||
|
||||
var theme = document.getElementById('theme').value;
|
||||
var blacklist = document.getElementById('blacklist').value;
|
||||
|
||||
chrome.storage.sync.set({
|
||||
theme: theme,
|
||||
blacklist: blacklist
|
||||
}, function() {
|
||||
// Update status to let user know options were saved.
|
||||
var status = document.getElementById('status');
|
||||
status.style.display = 'block';
|
||||
status.innerHTML = '<strong>Well done!</strong> 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);
|
||||
});
|
||||
}
|
||||
|
||||
// Restores select box and checkbox state using the preferences
|
||||
// stored in chrome.storage.
|
||||
function restore_options() {
|
||||
// Use default value color = 'red' and likesColor = true.
|
||||
chrome.storage.sync.get({
|
||||
theme: 'light',
|
||||
blacklist: ''
|
||||
}, function(items) {
|
||||
document.getElementById('theme').value = items.theme;
|
||||
document.getElementById('blacklist').value = items.blacklist;
|
||||
});
|
||||
}
|
||||
|
||||
document.addEventListener('DOMContentLoaded', restore_options);
|
||||
document.getElementById('save').addEventListener('click', save_options);
|
||||
Reference in New Issue
Block a user