-
Notifications
You must be signed in to change notification settings - Fork 0
/
popup.js
executable file
·142 lines (119 loc) · 4.53 KB
/
popup.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
let globalSearch = '';
// get search information
$(function() {
$('#search').change(function() {
globalSearch = $('#search').val().toLowerCase();
update_list();
});
});
// formats seconds to hh:mm:ss
function formatSeconds(seconds){
let date = new Date(1970,0,1);
date.setSeconds(seconds);
return date.toTimeString().replace(/.*(\d{2}:\d{2}:\d{2}).*/, '$1');
}
// updates only the displayed time on the list
function update_time(){
let bsPage = chrome.extension.getBackgroundPage();
let globalTabs = bsPage.getGlobalTabs();
for(let tab in globalTabs){
$('#clock'+tab).text(formatSeconds(Math.round(globalTabs[tab].time)));
}
setTimeout(update_time, 1000);
}
// updates the whole list of tabs
function update_list()
{
let bsPage = chrome.extension.getBackgroundPage();
let globalTabs = bsPage.getGlobalTabs();
let windows = [];
// creates a div for each window
for(let id in globalTabs){
if($.inArray(globalTabs[id].windowId, windows) === -1)
windows[windows.length] = globalTabs[id].windowId;
}
let list = document.getElementById('list');
list.innerHTML = '';
for(let wId in windows){
let win = document.createElement('div');
win.style = 'text-align: center; margin-bottom: 12px;';
win.id = 'win'+windows[wId]
list.appendChild(win);
}
// generates all the tabs elements
for(let tab in globalTabs) {
if(globalTabs[tab].title.toLowerCase().search(globalSearch) != -1){
let row = document.createElement('button');
row.style = 'width: 350px;';
row.className = 'row mdl-button mdl-chip mdl-chip--contact mdl-chip--deletable mdl-shadow--3dp';
if(globalTabs[tab].onWindow)
row.className += ' mdl-color--blue-grey-100';
else
row.className += ' mdl-color--red-200';
let left = document.createElement('div');
left.style = 'float: left';
let icon_url = globalTabs[tab].favIconUrl;
let icon = document.createElement('img');
icon.className = 'mdl-chip__contact';
if (icon_url && !(icon_url.includes('chrome://')))
icon.src = icon_url;
else
icon.src = 'assets/blank.svg';
let title = document.createElement('span');
title.className = 'mdl-chip__text';
title.style = 'white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 200px;';
title.innerHTML = globalTabs[tab].title;
left.appendChild(icon);
left.appendChild(title);
row.appendChild(left);
let right = document.createElement('div');
right.style = 'float: right;';
let clock = document.createElement('span');
clock.id = 'clock'+tab;
clock.className = 'mdl-chip__text';
clock.innerHTML = formatSeconds(Math.round(globalTabs[tab].time));
let cancel = document.createElement('img');
cancel.src = 'assets/cancel.svg';
cancel.className = 'mdl-chip__action';
cancel.id = 'close'+tab;
right.appendChild(clock);
right.appendChild(cancel);
row.appendChild(right);
row.id = tab;
row.onmouseover = function() {
if(globalTabs[tab].onWindow){
$(this).removeClass('mdl-color--blue-grey-100');
$(this).addClass('mdl-color--blue-grey-200');
}
else{
$(this).removeClass('mdl-color--red-200');
$(this).addClass('mdl-color--red-300');
}
};
row.onmouseout = function() {
if(globalTabs[tab].onWindow){
$(this).removeClass('mdl-color--blue-grey-200');
$(this).addClass('mdl-color--blue-grey-100');
}
else{
$(this).removeClass('mdl-color--red-300');
$(this).addClass('mdl-color--red-200');
}
};
$('#win'+globalTabs[tab].windowId).append(row);
}
$('#close'+tab).click(function(){
bsPage.close_tab(globalTabs[tab]);
delete globalTabs[tab];
bsPage.update_popup_list();
});
$('#'+tab).click(function(){
bsPage.on_clicked(tab);
});
}
}
function init(){
update_list();
update_time();
}
window.onload = init;