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

Add search functionality ground-work

Browse source
This commit is contained in:
Nick Krichevsky 2015-02-10 12:23:21 -05:00
parent 0f45d3a6db
commit 0ba27e5b3a
3 changed files with 36 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
popup.css
View file

@ -69,4 +69,7 @@ i.pin:hover{
}
i.pin.pinned:hover{
color:#000;
}
input#search{
width:100%;
}

1
popup.html
View file

@ -6,6 +6,7 @@
<script src="popup.js"></script>
</head>
<body>
<input id="search" placeholder="filter"/>
<ul id="windows">
</ul>
</body>

32
popup.js
View file

@ -80,10 +80,39 @@ function getTabs(windowId,callback){
callback(windowTabs);
});
}
function createSearchableWindows(callback){
var result = [];
chrome.windows.getAll(function(windows){
var tabs = [];
windows.forEach(function(currentWindow,i)){
getTabs(currentWindow.id,function(windowTabs){
tabs = windowsTabs;
result.push(result);
if (i==windows.length-1){
callback(result);
}
});
}
});
}
function search(query,windows,callback){
windows = JSON.parse(JSON.stringify(windows)); //Clone the JSON object so we don't modify the origional
windows.forEach(function(tabs,i){
matchedTabs = [];
tabs.forEach(function(currentTab){
if (currentTab.textContent.indexOf(query)>-1)
matchedTabs.push(currentTab);
});
windows[i] = matchedTabs;
});
callback(windows);
}
document.addEventListener('DOMContentLoaded', function() {
var mainList = document.getElementById("windows");
var body = document.getElementsByTagName("body")[0];
var html = document.getElementsByTagName("html")[0];
var filterInput = document.getElementById("search");
var totalHeight = 0;
getWindows(mainList,function(tabs){
totalHeight+=tabs.clientHeight;
@ -94,4 +123,7 @@ document.addEventListener('DOMContentLoaded', function() {
html.style.height = height;
body.style.height = height;
});
filterInput.oninput = search(filterInput.value, createSearchableWindows(function(result){
}));
});