kauft.es
/
linkylinky-chrome
4
0
Fork 0
Code Issues 2 Pull Requests 5 Projects Releases 6 Wiki Activity

Added basic function for handling errors

This commit is contained in:
Nicolai Ort 2021-08-17 19:33:02 +02:00
parent 9d0e64ff24
commit 94b38993e9
Signed by: niggl
GPG Key ID: 13AFA55AF62F269F
1 changed files with 49 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

74
main.js
View File

@ -12,41 +12,65 @@ clipboard.on('success', function (e) {
});
//Set default url
chrome.tabs.query({ active: true, lastFocusedWindow: true }, tabs => {
document.getElementById("target").value = tabs[0].url;
});
// chrome.tabs.query({ active: true, lastFocusedWindow: true }, tabs => {
// document.getElementById("target").value = tabs[0].url;
// });
document.getElementById("target").value = "google.com";
// Calls the api to create a new short url
document.getElementById("create").onclick = createUrl;
function createUrl() {
let shorturl = {
target: document.getElementById("target").value,
shortcode: document.getElementById("shortcode").value
};
let shorturl = {
target: document.getElementById("target").value,
shortcode: document.getElementById("shortcode").value
};
if (shorturl.shortcode == "" | !shorturl.shortcode) {
delete shorturl.shortcode;
}
if (shorturl.shortcode == "" | !shorturl.shortcode) {
delete shorturl.shortcode;
}
fetch(`${baseurl}/api`, {
method: "POST",
body: JSON.stringify(shorturl),
headers: new Headers({
'Content-Type': 'application/json'
})
fetch(`${baseurl}/api`, {
method: "POST",
body: JSON.stringify(shorturl),
headers: new Headers({
'Content-Type': 'application/json'
})
.then(res => res.json())
.then(res => {
document.getElementById("shorturl").innerText = res.url;
document.getElementById("shorturl_container").className = "";
document.getElementById("target_container").className = "hidden";
document.getElementById("shortcode_container").className = "hidden";
document.getElementById("create").classList.add("hidden");
document.getElementById("reset").classList.remove("hidden");
});
})
.then(res => {
if (!res.ok) {
handleError(res);
}
else {
res.json()
}
})
.then(res => {
document.getElementById("shorturl").innerText = res.url;
document.getElementById("shorturl_container").className = "";
document.getElementById("target_container").className = "hidden";
document.getElementById("shortcode_container").className = "hidden";
document.getElementById("create").classList.add("hidden");
document.getElementById("reset").classList.remove("hidden");
});
}
function handleError(res) {
if (res.status == 400) {
res.text().then((body)=>{
switch (body) {
case "Shortcode already exists, please choose another code":
break;
default:
break;
}
})
}
}
//Resets the UI
document.getElementById("reset").onclick = reset;
function reset() {