ReadLaterByEmail/webextensions
1
1
Fork 0
Code Issues 4 Pull Requests Releases Wiki Activity

🚧 Make it work with async work

Browse Source
This commit is contained in:
Clement Desmidt 2018-09-30 23:34:12 +02:00
parent 21d1e6f0ef
commit e7aee8fbaa
2 changed files with 22 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
src/scripts/background.js
View File

@ -7,25 +7,19 @@ ext.runtime.onMessage.addListener(
var data = JSON.parse(request.data); var data = JSON.parse(request.data);
var url; var url;
var token; var token;
storage.get('url', function(resp) { storage.get(['url', 'token'], function(resp) {
url = resp.url; url = resp.url;
storage.get('token', function(resp) { token = resp.token;
token = resp.token; var destination = url+"?v=1&u="+encodeURIComponent(data.url)+"&t="+encodeURIComponent(data.title)+"&m="+encodeURIComponent(token);
console.log("Extension Type: ", "/* @echo extension */");
console.log("PERFORM AJAX", request.data); console.log("Destination: ", destination);
var destination = url+"?v=1&u="+encodeURIComponent(data.url)+"&t="+encodeURIComponent(data.title)+"&m="+encodeURIComponent(token); fetch(destination).then(function(response) {
console.log(response);
console.log("Destination: ", destination); sendResponse({ action: "saved" });
fetch(destination)
.then(function(response) {
console.log(response);
});
sendResponse({ action: "saved" });
}); });
}); });
return true; // https://stackoverflow.com/a/20077854
} }
} }
); );

24
src/scripts/popup.js
View File

@ -21,11 +21,11 @@ var template = (data) => {
<button data-bookmark='${json}' id="save-btn" class="btn btn-primary">Save</button> <button data-bookmark='${json}' id="save-btn" class="btn btn-primary">Save</button>
</div> </div>
`); `);
} };
var renderMessage = (message) => { var renderMessage = (message) => {
var displayContainer = document.getElementById("display-container"); var displayContainer = document.getElementById("display-container");
displayContainer.innerHTML = `<p class='message'>${message}</p>`; displayContainer.innerHTML = `<p class='message'>${message}</p>`;
} };
var renderBookmark = (data) => { var renderBookmark = (data) => {
var displayContainer = document.getElementById("display-container") var displayContainer = document.getElementById("display-container")
@ -44,15 +44,15 @@ ext.tabs.query({active: true, currentWindow: true}, function(tabs) {
popup.addEventListener("click", function(e) { popup.addEventListener("click", function(e) {
if(e.target && e.target.matches("#save-btn")) { if(e.target && e.target.matches("#save-btn")) {
e.preventDefault(); e.preventDefault();
var data = e.target.getAttribute("data-bookmark"); var data = e.target.getAttribute("data-bookmark");
ext.runtime.sendMessage({ action: "perform-save", data: data }, function(response) { ext.runtime.sendMessage({action: "perform-save", data: data}, function (response) {
if(response && response.action === "saved") { if (response && response.action === "saved") {
renderMessage("Your bookmark was saved successfully!"); renderMessage("Your bookmark was saved successfully!");
} else { } else {
renderMessage("Sorry, there was an error while saving your bookmark."); renderMessage("Sorry, there was an error while saving your bookmark.");
} }
}) });
} }
}); });
@ -60,4 +60,4 @@ var optionsLink = document.querySelector(".js-options");
optionsLink.addEventListener("click", function(e) { optionsLink.addEventListener("click", function(e) {
e.preventDefault(); e.preventDefault();
ext.tabs.create({'url': ext.extension.getURL('options.html')}); ext.tabs.create({'url': ext.extension.getURL('options.html')});
}) });