mirror of
https://github.com/minoplhy/chhoto-url.git
synced 2024-11-22 17:26:45 +00:00
Refactor error box adding
This commit is contained in:
parent
6e2f1df108
commit
3d239c189c
@ -20,6 +20,15 @@ const displayData = (data) => {
|
|||||||
.forEach(tr => table.appendChild(tr));
|
.forEach(tr => table.appendChild(tr));
|
||||||
};
|
};
|
||||||
|
|
||||||
|
const addErrBox = () => {
|
||||||
|
const controls = document.querySelector(".pure-controls");
|
||||||
|
const errBox = document.createElement("p");
|
||||||
|
errBox.setAttribute("id", "errBox");
|
||||||
|
errBox.setAttribute("style", "color:red");
|
||||||
|
errBox.innerHTML = "Short URL not valid or already in use!";
|
||||||
|
controls.appendChild(errBox);
|
||||||
|
}
|
||||||
|
|
||||||
const TR = (row) => {
|
const TR = (row) => {
|
||||||
const tr = document.createElement("tr");
|
const tr = document.createElement("tr");
|
||||||
const longTD = TD(A(row.long));
|
const longTD = TD(A(row.long));
|
||||||
@ -73,14 +82,10 @@ const submitForm = () => {
|
|||||||
body: `${longUrl.value};${shortUrl.value}`
|
body: `${longUrl.value};${shortUrl.value}`
|
||||||
})
|
})
|
||||||
.then((res) => {
|
.then((res) => {
|
||||||
|
console.log("0");
|
||||||
if (!res.ok) {
|
if (!res.ok) {
|
||||||
if (document.getElementById("errBox") == null) {
|
if (document.getElementById("errBox") == null) {
|
||||||
const controls = document.querySelector(".pure-controls");
|
addErrBox();
|
||||||
const errBox = document.createElement("p");
|
|
||||||
errBox.setAttribute("id", "errBox");
|
|
||||||
errBox.setAttribute("style", "color:red");
|
|
||||||
errBox.innerHTML = "Short URL not valid or already in use!";
|
|
||||||
controls.appendChild(errBox);
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
else {
|
else {
|
||||||
|
Loading…
Reference in New Issue
Block a user