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
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
|
var REDIRECTS = []; // The global redirects list...
var options = {
isSyncEnabled : false
};
var template;
function normalize(r) {
return new Redirect(r).toObject(); //Cleans out any extra props, and adds default values for missing ones.
}
// Saves the entire list of redirects to storage.
function saveChanges() {
// Clean them up so angular $$hash things and stuff don't get serialized.
let arr = REDIRECTS.map(normalize);
chrome.runtime.sendMessage({type:"saveredirects", redirects:arr}, function(response) {
console.log(response.message);
if(response.message.indexOf("Redirects failed to save") > -1){
showMessage(response.message, false);
}else{
console.log('Saved ' + arr.length + ' redirects at ' + new Date() + '. Message from background page:' + response.message);
}
});
}
function toggleSyncSetting() {
chrome.runtime.sendMessage({type:"toggle-sync", isSyncEnabled: !options.isSyncEnabled}, function(response) {
if(response.message === "sync-enabled"){
options.isSyncEnabled = true;
showMessage('Sync is enabled!',true);
} else if(response.message === "sync-disabled"){
options.isSyncEnabled = false;
showMessage('Sync is disabled - local storage will be used!',true);
} else if(response.message.indexOf("Sync Not Possible")>-1){
options.isSyncEnabled = false;
chrome.storage.local.set({isSyncEnabled: $s.isSyncEnabled}, function(){
// console.log("set back to false");
});
showMessage(response.message, false);
}
else {
alert(response.message)
showMessage('Error occured when trying to change Sync settings. Refer logging and raise an issue',false);
}
el('#storage-sync-option').checked = options.isSyncEnabled;
});
}
function renderRedirects() {
el('.redirect-rows').innerHTML = '';
for (let i=0; i < REDIRECTS.length; i++) {
let r = REDIRECTS[i];
let node = template.cloneNode(true);
node.removeAttribute('id');
renderSingleRedirect(node, r, i);
el('.redirect-rows').appendChild(node);
}
}
function renderSingleRedirect(node, redirect, index) {
//Add extra props to help with rendering...
if (index === 0) {
redirect.$first = true;
}
if (index === REDIRECTS.length - 1) {
redirect.$last = true;
}
redirect.$index = index;
dataBind(node, redirect);
node.setAttribute('data-index', index);
for (let btn of node.querySelectorAll('.btn')) {
btn.setAttribute('data-index', index);
}
//Remove extra props...
delete redirect.$first;
delete redirect.$last;
delete redirect.$index;
}
function updateBindings() {
let nodes = document.querySelectorAll('.redirect-row');
if (nodes.length !== REDIRECTS.length) {
throw new Error('Mismatch in lengths, Redirects are ' + REDIRECTS.length + ', nodes are ' + nodes.length)
}
for (let i=0; i < nodes.length; i++) {
let node = nodes[i];
let redirect = REDIRECTS[i];
renderSingleRedirect(node, redirect, i);
}
}
function indexFromClickEvent(ev) {
return parseInt(ev.target.getAttribute('data-index') || ev.target.parentNode.getAttribute('data-index'));
}
function duplicateRedirect(ev) {
let index = indexFromClickEvent(ev);
let redirect = new Redirect(REDIRECTS[index]);
REDIRECTS.splice(index, 0, redirect);
let newNode = template.cloneNode(true);
newNode.removeAttribute('id');
el('.redirect-rows').appendChild(newNode);
updateBindings();
saveChanges();
}
function toggleDisabled(ev) {
let index = indexFromClickEvent(ev);
let redirect = REDIRECTS[index];
redirect.disabled = !redirect.disabled
updateBindings();
saveChanges();
}
function moveUp(ev) {
if (ev.target.classList.contains('disabled')) {
return;
}
let index = indexFromClickEvent(ev);
let prev = REDIRECTS[index-1];
REDIRECTS[index-1] = REDIRECTS[index];
REDIRECTS[index] = prev;
updateBindings();
saveChanges();
}
function moveDown(ev) {
if (ev.target.classList.contains('disabled')) {
return;
}
let index = indexFromClickEvent(ev);
let next = REDIRECTS[index+1];
REDIRECTS[index+1] = REDIRECTS[index];
REDIRECTS[index] = next;
updateBindings();
saveChanges();
}
//All the setup stuff for the page
function pageLoad() {
template = el('#redirect-row-template');
template.parentNode.removeChild(template);
//Need to proxy this through the background page, because Firefox gives us dead objects
//nonsense when accessing chrome.storage directly.
chrome.runtime.sendMessage({type: "get-redirects"}, function(response) {
console.log('Received redirects message, count=' + response.redirects.length);
for (var i=0; i < response.redirects.length; i++) {
REDIRECTS.push(new Redirect(response.redirects[i]));
}
renderRedirects();
});
chrome.storage.local.get({isSyncEnabled:false}, function(obj){
options.isSyncEnabled = obj.isSyncEnabled;
el('#storage-sync-option').checked = options.isSyncEnabled;
});
if(navigator.userAgent.toLowerCase().indexOf("chrome") > -1){
show('#storage-sync-option');
}
}
pageLoad();
|
