ollien/spectabular
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Add darkmode toggle, resolves #3

Browse source
This commit is contained in:
Nick Krichevsky 2015-02-27 16:41:31 -05:00
parent fb6885258f
commit c6c6cf6419
1 changed files with 16 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
popup.js
View file

@ -1,11 +1,16 @@
var totalHeight = 0; //Total height of the body of the popup var totalHeight = 0; //Total height of the body of the popup
var unmovedPins = []; //Stores pinned tabs that haven't been within the popup var unmovedPins = []; //Stores pinned tabs that haven't been within the popup
var pinnedTabs = []; //Stores pinned tabs that have been moved within the popup var pinnedTabs = []; //Stores pinned tabs that have been moved within the popup
var darkMode = true;
//Gets windows from storage //Gets windows from storage
function getStorage(callback){ function getStorage(callback){
chrome.storage.local.get("windows",callback); chrome.storage.local.get("windows",callback);
} }
function getOptions(callback){
chrome.storage.local.get("options",callback);
}
function changeWindowName(windowId,newName,callback){ function changeWindowName(windowId,newName,callback){
getStorage(function(data){ getStorage(function(data){
var windows = data.windows; var windows = data.windows;
@ -68,6 +73,9 @@ function setupWindowElement(currentWindow,callback){
ul.classList.add("tabs"); ul.classList.add("tabs");
li.setAttribute("windowId", currentWindow.id); li.setAttribute("windowId", currentWindow.id);
textContent.classList.add("textContent"); textContent.classList.add("textContent");
if (!darkMode){
textContent.classList.add("light");
}
windowName.classList.add("windowName"); windowName.classList.add("windowName");
windowName.textContent = currentWindow.name; windowName.textContent = currentWindow.name;
seperator.textContent=" - " seperator.textContent=" - "
@ -126,6 +134,9 @@ function setupTabs(tabs,callback){
li.classList.add("tab"); li.classList.add("tab");
li.classList.add("noselect"); li.classList.add("noselect");
li.classList.add("pointer"); li.classList.add("pointer");
if (!darkMode){
li.classList.add("light");
}
//Setup favicon //Setup favicon
li.style.backgroundImage = "url(\'"+(currentTab.favIconUrl!==undefined && currentTab.favIconUrl!==null ? currentTab.favIconUrl:"img/default-favicon.png")+"\')"; li.style.backgroundImage = "url(\'"+(currentTab.favIconUrl!==undefined && currentTab.favIconUrl!==null ? currentTab.favIconUrl:"img/default-favicon.png")+"\')";
textSpan.classList.add("tabName"); textSpan.classList.add("tabName");
@ -291,7 +302,11 @@ document.addEventListener('DOMContentLoaded', function() {
var windowKeyIndex = -1; //-1 indicdatesnothing is selected. ANything above that indicates that a window is selected var windowKeyIndex = -1; //-1 indicdatesnothing is selected. ANything above that indicates that a window is selected
var tabKeyIndex = -2; //-2 indicates nothing is selected. -1 indicates the window is selected. Anything above that indicates that a tab is selected. var tabKeyIndex = -2; //-2 indicates nothing is selected. -1 indicates the window is selected. Anything above that indicates that a tab is selected.
var shiftDown = false; var shiftDown = false;
getWindows(mainList,setHeights); getOptions(function(data){
darkMode = data.options.darkMode;
console.log("past there!");
getWindows(mainList,setHeights);
});
filterInput.addEventListener('input', function(event){ filterInput.addEventListener('input', function(event){
search(filterInput.value,function(windows){ search(filterInput.value,function(windows){
removeChildren(mainList); removeChildren(mainList);