metamorpov/popup.js

71 lines
1.9 KiB
JavaScript

document.addEventListener('DOMContentLoaded', function () {
document.getElementById('submit').addEventListener('click', clickHandler);
document.getElementById('show-saved').addEventListener('click', function(){
chrome.storage.local.get(null, function(items){
var list = document.getElementById('theList');
list.innerHTML = "";
for(var key in items){
var k;
if(key=="person")
k = "Y/N";
else
k = key;
var v = items[key];
var rep = k + " -> " + v;
var text = document.createTextNode(rep);
var node = document.createElement("LI");
node.appendChild(text);
node.id = key;
node.className = 'one-saved-item';
node.addEventListener('click', function(){
chrome.storage.local.remove(this.id);
this.className+=' strikethrough';
});
list.appendChild(node);
}
});
});
document.getElementById('clear-name').addEventListener('click', function(){ chrome.storage.local.remove("person", chrome.tabs.reload()) } );
var others = document.getElementsByClassName('changeForm');
for(var i=0; i<others.length; i++)
others[i].addEventListener('submit', otherHandler);
}); //instead of onclick="clickHandler()" in popup.html
function otherHandler(){
var myInput = this.replaceWord.value;
if(myInput){
var valChange = myInput;
var isYN;
var replace;
if(this.replaceWith){
isYN = false;
replace = this.replaceWith.value;
if(this.isPerm.checked){
var obj = {};
obj[valChange] = replace;
chrome.storage.local.set(obj);
}
}
else{
isYN = true;
replace = 'NOPE'; // should/will never get accessed
}
chrome.tabs.query({active:true,currentWindow:true}, function(tab){
chrome.tabs.sendMessage(tab[0].id, {stuff:valChange, isYN: isYN, replaceVal:replace});
});
}
}
function clickHandler(){
var person = document.getElementById("inputTxt").value;
if(person)
chrome.storage.local.set({"person": person}, chrome.tabs.reload());
}