-
Notifications
You must be signed in to change notification settings - Fork 0
/
options.js
90 lines (77 loc) · 2.85 KB
/
options.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
function addFields(parent, city, timezone)
{
var content = document.createElement('div');
content.setAttribute('class', 'time-container');
content.innerHTML = '<hr /> \
<div> \
<img src="del.png" class="delete-block" width="15px" /> \
</div> \
<div style="clear:both;"></div> <br />\
<div class="each-block"> \
<label>City:</label> \
<input class="city" id="city" placeholder="city" value="' + city + '" /> \
</div> \
<div class="each-block"> \
<label>GMT:</label> \
<input class="timezone" id="timezone" placeholder="GMT" value="' + timezone + '" /> \
</div>';
parent.appendChild(content);
}
function saveOptions()
{
var position = document.getElementById('position').value;
var background = document.getElementById('background').value;
var textColor = document.getElementById('text-color').value;
var cities = document.getElementsByClassName('city');
var zones = document.getElementsByClassName('timezone');
var timezones = [];
for (var i = 0; i < cities.length; i++) {
var elem = {};
elem.city = cities[i].value;
elem.timezone = zones[i].value;
timezones.push(elem);
}
chrome.storage.sync.set({
position: position,
background: background,
textColor: textColor,
timezones: JSON.stringify(timezones)
}, function() {
var status = document.getElementById('status');
status.innerHTML = 'Options saved.';
setTimeout(function() {
status.innerHTML = '';
}, 750);
});
}
function restoreOptions()
{
var parent = document.getElementById('container');
chrome.storage.sync.get({
position: 'bottom-right',
background: '#007bff',
textColor: '#ffffff',
timezones: ''
}, function(items) {
document.getElementById('position').value = items.position;
document.getElementById('background').value = items.background;
document.getElementById('text-color').value = items.textColor;
if (items.timezones.length > 0) {
timezones = JSON.parse(items.timezones);
for (var obj in timezones) {
addFields(parent, timezones[obj].city, timezones[obj].timezone);
}
}
});
}
document.addEventListener('DOMContentLoaded', restoreOptions);
document.getElementById('save').addEventListener('click', saveOptions);
document.getElementById('add').addEventListener('click', function () {
var parent = document.getElementById('container');
addFields(parent, '', '');
});
document.addEventListener('click', function(e) {
if(e.target && e.target.className== 'delete-block') {
e.target.parentElement.parentElement.remove();
}
});