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
|
function saveOptions(e) {
browser.storage.local.set({
showToolbarButton: document.getElementById("showToolbarButton").checked,
showMessagePaneIcon: document.getElementById("showMessagePaneIcon").checked,
iconPosTop: document.getElementById("iconPosTop").value,
iconPosRight: document.getElementById("iconPosRight").value,
iconSize: document.getElementById("iconSize").value,
hideIconTime: document.getElementById("hideIconTime").value,
iconPosFix: document.getElementById("iconPosFix").checked,
narrowMessagePane: document.getElementById("narrowMessagePane").checked,
feedbackBgcolor: document.getElementById("feedbackBgcolor").value,
});
e.preventDefault();
}
function saveOverlay(e) {
browser.storage.local.set({
overlay: document.getElementById("overlayDef").value,
overlayChanged: true
}).then( () => { console.log("overlay saved.", document.getElementById("overlayDef").value); });
}
function importOverlay(e) {
let file = e.target.files[0];
let reader = new FileReader();
reader.readAsText(file);
reader.onload = function(e) {
let result = e.target.result;
browser.storage.local.set({overlay: result});
document.getElementById("overlayDef").value = result;
}
}
function exportOverlay(e) {
let data = document.getElementById("overlayDef").value;
console.log("data: ", data);
let blob = new Blob([data], {type: "text/plain"});
browser.downloads.download({
url: URL.createObjectURL(blob),
filename: "dispMUAOverlay.csv",
saveAs: true
});
}
function restoreOptions() {
// remove old option key and value
browser.storage.local.remove("showIcon");
browser.storage.local.remove("iconPosition");
function setCurrentChoice(data) {
document.getElementById("showToolbarButton").checked = data.showToolbarButton;// ?? false;
document.getElementById("showMessagePaneIcon").checked = data.showMessagePaneIcon;// ?? true;
document.getElementById("iconPosTop").value = data.iconPosTop;// ?? 8;
document.getElementById("iconPosRight").value = data.iconPosRight;// ?? 8;
document.getElementById("iconSize").value = data.iconSize;// ?? 48;
document.getElementById("hideIconTime").value = data.hideIconTime;// ?? 0;
document.getElementById("iconPosFix").checked = data.iconPosFix;
document.getElementById("narrowMessagePane").checked = data.narrowMessagePane;
document.getElementById("feedbackBgcolor").value = data.feedbackBgcolor;// ?? "#ffe4c4";
//if (data.overlay.length > 0) document.getElementById("overlayDef").value = data.overlay;
if (data.overlay) document.getElementById("overlayDef").value = data.overlay;
}
function onError(error) {
console.log(`Error: ${error}`);
}
// localization
document.title = browser.i18n.getMessage("extensionName") + " " + browser.i18n.getMessage("options.options");
document.getElementById("showToolbarButtonLbl").textContent = browser.i18n.getMessage("options.icon.showToolbarButton");
document.getElementById("messagePaneIcon").textContent = browser.i18n.getMessage("options.icon.messagePaneIcon");
document.getElementById("showMessagePaneIconLbl").textContent = browser.i18n.getMessage("options.icon.showMessagePaneIcon");
document.getElementById("iconPosLbl").textContent = browser.i18n.getMessage("options.icon.iconPos");
document.getElementById("iconPosTopLbl").textContent = browser.i18n.getMessage("options.icon.iconPosTop");
document.getElementById("iconPosRightLbl").textContent = browser.i18n.getMessage("options.icon.iconPosRight");
document.getElementById("iconSizeLbl").textContent = browser.i18n.getMessage("options.icon.iconSize");
document.getElementById("hideIconTimeLbl").textContent = browser.i18n.getMessage("options.icon.hideIconTime");
document.getElementById("hideSecLbl").textContent = browser.i18n.getMessage("options.icon.hideSec");
document.getElementById("zeroCautionLbl").textContent = browser.i18n.getMessage("options.icon.zeroCaution");
document.getElementById("iconPosFixLbl").textContent = browser.i18n.getMessage("options.icon.iconPosFix");
document.getElementById("narrowMessagePaneLbl").textContent = browser.i18n.getMessage("options.icon.narrowMessagePane");
document.getElementById("feedbackBgcolorLbl").textContent = browser.i18n.getMessage("options.icon.feedbackBgcolor");
document.getElementById("overlayLbl").textContent = "User overrides (dispMuaOverlay.csv)"; //browser.i18n.getMessage("options.icon.position");
document.getElementById("applyBtn").value = browser.i18n.getMessage("options.button.apply");
document.getElementById("importBtnLbl").textContent = browser.i18n.getMessage("options.button.import");
document.getElementById("exportBtn").value = browser.i18n.getMessage("options.button.export");
document.getElementById("applyOlBtn").value = browser.i18n.getMessage("options.button.applyOl");
document.getElementById("overlayExamples").innerHTML = "<b>Example override</b><br />#Lines beginning with # are comment lines<br />#X-Mailer/User-Agent, URI *file:/// support is not good enough<br />thunderbird,file:///data/grafik/mytbicon.png<br />exampleagent,http://example.com/icons/agent.gif<br />\"agent,with,comma\",http://example.com/icons/commaagent.png";
// event registration
document.getElementById("applyBtn").addEventListener("click", saveOptions);
document.getElementById("showToolbarButton").addEventListener("change", saveOptions);
document.getElementById("messagePaneIcon").addEventListener("change", saveOptions);
document.getElementById("exportBtn").addEventListener("click", exportOverlay);
document.getElementById("applyOlBtn").addEventListener("click", saveOverlay);
var getting = browser.storage.local.get();
getting.then(setCurrentChoice, onError);
}
document.addEventListener("DOMContentLoaded", restoreOptions);
document.getElementById("applyBtn").addEventListener("click", saveOptions);
//document.getElementById("showIcon").addEventListener("change", changeOptions);
document.getElementById("importBtn").addEventListener("change", importOverlay);
document.getElementById("showToolbarButton").addEventListener("change", saveOptions);
document.getElementById("messagePaneIcon").addEventListener("change", saveOptions);
|
