2022-02-24 18:14:04 +01:00
|
|
|
// eslint-disable-next-line
|
2019-10-09 16:12:06 +02:00
|
|
|
require("./bar.scss");
|
2016-12-30 08:09:54 +01:00
|
|
|
|
2021-10-06 19:40:40 +02:00
|
|
|
document.addEventListener("DOMContentLoaded", () => {
|
2022-02-24 18:14:04 +01:00
|
|
|
let i18n = {};
|
|
|
|
let lang = window.navigator.language;
|
2017-09-07 16:12:34 +02:00
|
|
|
|
2021-02-03 20:36:05 +01:00
|
|
|
i18n.appName = chrome.i18n.getMessage("appName");
|
|
|
|
i18n.close = chrome.i18n.getMessage("close");
|
2016-12-30 08:09:54 +01:00
|
|
|
i18n.never = chrome.i18n.getMessage("never");
|
2021-09-19 00:11:10 +02:00
|
|
|
i18n.folder = chrome.i18n.getMessage("folder");
|
2016-12-30 08:09:54 +01:00
|
|
|
i18n.notificationAddSave = chrome.i18n.getMessage("notificationAddSave");
|
2021-02-03 20:36:05 +01:00
|
|
|
i18n.notificationAddDesc = chrome.i18n.getMessage("notificationAddDesc");
|
2016-12-30 08:09:54 +01:00
|
|
|
i18n.notificationChangeSave = chrome.i18n.getMessage("notificationChangeSave");
|
|
|
|
i18n.notificationChangeDesc = chrome.i18n.getMessage("notificationChangeDesc");
|
2022-02-24 18:14:04 +01:00
|
|
|
lang = chrome.i18n.getUILanguage(); // eslint-disable-line
|
2016-12-30 08:09:54 +01:00
|
|
|
|
|
|
|
// delay 50ms so that we get proper body dimensions
|
|
|
|
setTimeout(load, 50);
|
|
|
|
|
|
|
|
function load() {
|
|
|
|
const isVaultLocked = getQueryVariable("isVaultLocked") == "true";
|
2021-10-08 13:28:07 +02:00
|
|
|
document.getElementById("logo").src = isVaultLocked
|
|
|
|
? chrome.runtime.getURL("images/icon38_locked.png")
|
2016-12-30 08:09:54 +01:00
|
|
|
: chrome.runtime.getURL("images/icon38.png");
|
|
|
|
|
2017-11-20 19:21:14 +01:00
|
|
|
document.getElementById("logo-link").title = i18n.appName;
|
2016-12-30 08:09:54 +01:00
|
|
|
|
|
|
|
var neverButton = document.querySelector("#template-add .never-save");
|
|
|
|
neverButton.textContent = i18n.never;
|
2018-01-13 16:46:39 +01:00
|
|
|
|
|
|
|
var selectFolder = document.querySelector("#template-add .select-folder");
|
2021-02-03 20:36:05 +01:00
|
|
|
selectFolder.setAttribute("aria-label", i18n.folder);
|
2021-10-28 23:23:00 +02:00
|
|
|
selectFolder.setAttribute("isVaultLocked", isVaultLocked.toString());
|
2021-09-03 03:54:52 +02:00
|
|
|
|
|
|
|
var addButton = document.querySelector("#template-add .add-save");
|
2021-11-04 18:44:38 +01:00
|
|
|
addButton.textContent = i18n.notificationAddSave;
|
2021-12-21 15:43:35 +01:00
|
|
|
|
2021-10-28 23:21:42 +02:00
|
|
|
var changeButton = document.querySelector("#template-change .change-save");
|
2021-09-03 03:54:52 +02:00
|
|
|
changeButton.textContent = i18n.notificationChangeSave;
|
2021-12-21 15:43:35 +01:00
|
|
|
|
2021-10-28 23:21:42 +02:00
|
|
|
var closeIcon = document.getElementById("close");
|
2021-09-03 03:54:52 +02:00
|
|
|
closeIcon.src = chrome.runtime.getURL("images/close.png");
|
2021-10-28 23:21:42 +02:00
|
|
|
closeIcon.alt = i18n.close;
|
2021-12-21 15:43:35 +01:00
|
|
|
|
2021-10-28 23:21:42 +02:00
|
|
|
var closeButton = document.getElementById("close-button");
|
2021-09-03 03:54:52 +02:00
|
|
|
closeButton.title = i18n.close;
|
2019-10-09 16:12:06 +02:00
|
|
|
closeButton.setAttribute("aria-label", i18n.close);
|
2021-12-21 15:43:35 +01:00
|
|
|
|
2021-09-03 03:54:52 +02:00
|
|
|
document.querySelector("#template-add .add-text").textContent = i18n.notificationAddDesc;
|
|
|
|
document.querySelector("#template-change .change-text").textContent =
|
|
|
|
i18n.notificationChangeDesc;
|
2021-12-21 15:43:35 +01:00
|
|
|
|
2017-11-10 04:38:09 +01:00
|
|
|
if (getQueryVariable("add")) {
|
2021-09-03 03:54:52 +02:00
|
|
|
setContent(document.getElementById("template-add"));
|
2021-12-21 15:43:35 +01:00
|
|
|
|
2022-02-24 18:14:04 +01:00
|
|
|
var addButton = document.querySelector("#template-add-clone .add-save"), // eslint-disable-line
|
|
|
|
neverButton = document.querySelector("#template-add-clone .never-save"); // eslint-disable-line
|
2021-10-06 19:40:40 +02:00
|
|
|
|
|
|
|
addButton.addEventListener("click", (e) => {
|
|
|
|
e.preventDefault();
|
2021-12-21 15:43:35 +01:00
|
|
|
|
2021-10-06 19:40:40 +02:00
|
|
|
const folderId = document.querySelector("#template-add-clone .select-folder").value;
|
2021-12-21 15:43:35 +01:00
|
|
|
|
2021-09-30 16:33:33 +02:00
|
|
|
const bgAddSaveMessage = {
|
2021-09-03 03:54:52 +02:00
|
|
|
command: "bgAddSave",
|
2021-09-08 21:57:46 +02:00
|
|
|
folder: folderId,
|
2021-12-21 15:43:35 +01:00
|
|
|
};
|
2021-09-30 16:33:33 +02:00
|
|
|
sendPlatformMessage(bgAddSaveMessage);
|
2021-12-21 15:43:35 +01:00
|
|
|
});
|
|
|
|
|
2018-04-14 04:54:28 +02:00
|
|
|
neverButton.addEventListener("click", (e) => {
|
2017-11-10 04:38:09 +01:00
|
|
|
e.preventDefault();
|
2018-01-13 16:46:39 +01:00
|
|
|
sendPlatformMessage({
|
2017-11-10 04:38:09 +01:00
|
|
|
command: "bgNeverSave",
|
2021-12-21 15:43:35 +01:00
|
|
|
});
|
|
|
|
});
|
|
|
|
|
2021-09-30 16:13:29 +02:00
|
|
|
if (!isVaultLocked) {
|
2021-10-06 19:40:40 +02:00
|
|
|
const responseFoldersCommand = "notificationBarGetFoldersList";
|
|
|
|
chrome.runtime.onMessage.addListener((msg) => {
|
2021-09-30 16:13:29 +02:00
|
|
|
if (msg.command === responseFoldersCommand && msg.data) {
|
2021-10-06 19:40:40 +02:00
|
|
|
fillSelectorWithFolders(msg.data.folders);
|
2021-12-21 15:43:35 +01:00
|
|
|
}
|
|
|
|
});
|
2021-10-06 19:40:40 +02:00
|
|
|
sendPlatformMessage({
|
|
|
|
command: "bgGetDataForTab",
|
|
|
|
responseCommand: responseFoldersCommand,
|
|
|
|
});
|
2021-12-21 15:43:35 +01:00
|
|
|
}
|
2018-08-01 05:24:11 +02:00
|
|
|
} else if (getQueryVariable("change")) {
|
|
|
|
setContent(document.getElementById("template-change"));
|
2022-02-24 18:14:04 +01:00
|
|
|
var changeButton = document.querySelector("#template-change-clone .change-save"); // eslint-disable-line
|
2018-08-01 05:24:11 +02:00
|
|
|
changeButton.addEventListener("click", (e) => {
|
|
|
|
e.preventDefault();
|
2021-12-21 15:43:35 +01:00
|
|
|
|
2021-09-30 16:33:33 +02:00
|
|
|
const bgChangeSaveMessage = {
|
2018-08-01 05:24:11 +02:00
|
|
|
command: "bgChangeSave",
|
2021-12-21 15:43:35 +01:00
|
|
|
};
|
2021-09-30 16:33:33 +02:00
|
|
|
sendPlatformMessage(bgChangeSaveMessage);
|
2021-12-21 15:43:35 +01:00
|
|
|
});
|
2021-10-06 19:40:40 +02:00
|
|
|
}
|
2021-12-21 15:43:35 +01:00
|
|
|
|
2018-04-14 04:54:28 +02:00
|
|
|
closeButton.addEventListener("click", (e) => {
|
2017-06-13 19:59:16 +02:00
|
|
|
e.preventDefault();
|
2018-01-13 16:46:39 +01:00
|
|
|
sendPlatformMessage({
|
2017-11-10 04:38:09 +01:00
|
|
|
command: "bgCloseNotificationBar",
|
2021-12-21 15:43:35 +01:00
|
|
|
});
|
|
|
|
});
|
|
|
|
|
2018-04-14 04:54:28 +02:00
|
|
|
window.addEventListener("resize", adjustHeight);
|
2021-10-06 19:40:40 +02:00
|
|
|
adjustHeight();
|
2021-12-21 15:43:35 +01:00
|
|
|
}
|
|
|
|
|
2016-12-30 08:09:54 +01:00
|
|
|
function getQueryVariable(variable) {
|
|
|
|
var query = window.location.search.substring(1);
|
|
|
|
var vars = query.split("&");
|
2021-12-21 15:43:35 +01:00
|
|
|
|
2016-12-30 08:09:54 +01:00
|
|
|
for (var i = 0; i < vars.length; i++) {
|
|
|
|
var pair = vars[i].split("=");
|
2016-12-30 20:25:57 +01:00
|
|
|
if (pair[0] === variable) {
|
2016-12-30 08:09:54 +01:00
|
|
|
return pair[1];
|
2021-12-21 15:43:35 +01:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
return null;
|
|
|
|
}
|
|
|
|
|
2016-12-30 08:09:54 +01:00
|
|
|
function setContent(element) {
|
2018-08-01 05:24:11 +02:00
|
|
|
const content = document.getElementById("content");
|
2016-12-30 08:09:54 +01:00
|
|
|
while (content.firstChild) {
|
|
|
|
content.removeChild(content.firstChild);
|
2021-12-21 15:43:35 +01:00
|
|
|
}
|
|
|
|
|
2016-12-30 08:09:54 +01:00
|
|
|
var newElement = element.cloneNode(true);
|
|
|
|
newElement.id = newElement.id + "-clone";
|
|
|
|
content.appendChild(newElement);
|
2021-12-21 15:43:35 +01:00
|
|
|
}
|
|
|
|
|
2018-01-13 16:46:39 +01:00
|
|
|
function sendPlatformMessage(msg) {
|
2021-02-03 20:36:05 +01:00
|
|
|
chrome.runtime.sendMessage(msg);
|
2021-12-21 15:43:35 +01:00
|
|
|
}
|
|
|
|
|
2021-09-30 16:13:29 +02:00
|
|
|
function fillSelectorWithFolders(folders) {
|
2021-09-08 21:57:46 +02:00
|
|
|
const select = document.querySelector("#template-add-clone .select-folder");
|
2021-09-03 03:54:52 +02:00
|
|
|
select.appendChild(new Option(chrome.i18n.getMessage("selectFolder"), null, true));
|
|
|
|
folders.forEach((folder) => {
|
|
|
|
//Select "No Folder" (id=null) folder by default
|
|
|
|
select.appendChild(new Option(folder.name, folder.id || "", false));
|
2021-12-21 15:43:35 +01:00
|
|
|
});
|
|
|
|
}
|
|
|
|
|
2021-10-06 19:40:40 +02:00
|
|
|
function adjustHeight() {
|
|
|
|
sendPlatformMessage({
|
2017-11-10 04:38:09 +01:00
|
|
|
command: "bgAdjustNotificationBar",
|
2021-12-21 15:43:35 +01:00
|
|
|
data: {
|
2021-10-06 19:40:40 +02:00
|
|
|
height: document.querySelector("body").scrollHeight,
|
2021-12-21 15:43:35 +01:00
|
|
|
},
|
|
|
|
});
|
|
|
|
}
|
2016-12-30 08:09:54 +01:00
|
|
|
});
|