diff options
Diffstat (limited to 'quotes')
| -rw-r--r-- | quotes/public/script.js | 19 | ||||
| -rw-r--r-- | quotes/public/style.css | 10 |
2 files changed, 20 insertions, 9 deletions
diff --git a/quotes/public/script.js b/quotes/public/script.js index 8132019..a681e6d 100644 --- a/quotes/public/script.js +++ b/quotes/public/script.js @@ -19,19 +19,20 @@ function appendQuote(response) { .getElementById(elem["class"]) .insertAdjacentHTML( "beforeend", - `<li>${elem["name"]} ${elem["middlename"] ? elem["middlename"] : " "}${elem["surname"]}: ${ + `<li>${elem["name"]} ${elem["middlename"] ? elem["middlename"] : ""}${elem["surname"]}: ${ elem["quote"] - }${elem["owner"] ? '<span data-id="' + elem["id"] + '">[Löschen]</span></li>' : ""}`, + }${elem["owner"] ? ' <span data-id="' + elem["id"] + '">[x]</span></li>' : ""}`, ); const span = document.querySelector(`li span[data-id="${elem["id"]}"]`); - if (span) span.addEventListener("click", (event) => { - fetch("api/delete/" + event.target.getAttribute("data-id"), { method: "DELETE" }) - .then((response) => response.text()) - .then((response) => { - if (response == "ok") event.target.parentNode.remove(); - }); - }); + if (span) + span.addEventListener("click", (event) => { + fetch("api/delete/" + event.target.getAttribute("data-id"), { method: "DELETE" }) + .then((response) => response.text()) + .then((response) => { + if (response == "ok") event.target.parentNode.remove(); + }); + }); }); } diff --git a/quotes/public/style.css b/quotes/public/style.css index aac80ac..4ead1a1 100644 --- a/quotes/public/style.css +++ b/quotes/public/style.css @@ -34,6 +34,16 @@ button:not([type="submit"]) { font-size: 15px; } +li { + word-wrap: break-word; +} + +span { + float: right; + color: red; + cursor: pointer; +} + input, button, select { |