jonasled2/website
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

remove raw html

Browse source
This commit is contained in:
Jonas Leder 2022-03-25 10:23:52 +01:00
parent b18fe46788
commit 8e990911c1
No known key found for this signature in database
GPG key ID: CC3C488E27DFF5CA
1 changed files with 27 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

40
js/customElements/ntpGraph.js
View file

@ -6,22 +6,36 @@ class NtpGraph extends HTMLElement {
let ip = this.getAttribute("data-server-ip");
this.innerHTML = `
<span class="ntpBanner">${ip}</span>
<span class="ntpContent">
<a target="_blank" href="https://www.ntppool.org/scores/${ip}" class="linkToNtpPool">Server auf dem NTP Pool anzeigen</a>
<canvas class="graphDelay"></canvas>
<canvas class="graphScore"></canvas>
</span>
`;
const ntpBanner = document.createElement("span");
ntpBanner.classList.add("ntpBanner");
ntpBanner.innerText = ip;
this.appendChild(ntpBanner);
this.querySelector(".ntpBanner").onclick = () => {
let contentElement = this.querySelector(".ntpContent");
const ntpContent = document.createElement("span");
ntpContent.classList.add("ntpContent");
this.appendChild(ntpContent);
if (contentElement.classList.contains("visible")) {
contentElement.classList.remove("visible");
const ntpLink = document.createElement("a");
ntpLink.target = "_blank";
ntpLink.href = `https://www.ntppool.org/scores/${ip}`;
ntpLink.classList.add("linkToNtpPool");
ntpLink.innerText = "Server auf dem NTP Pool anzeigen";
ntpContent.appendChild(ntpLink);
const ntpDelayCanvas = document.createElement("canvas");
ntpDelayCanvas.classList.add("graphDelay");
ntpContent.appendChild(ntpDelayCanvas);
const ntpScoreCanvas = document.createElement("canvas");
ntpScoreCanvas.classList.add("graphScore");
ntpContent.appendChild(ntpScoreCanvas);
ntpBanner.onclick = () => {
if (ntpContent.classList.contains("visible")) {
ntpContent.classList.remove("visible");
} else {
contentElement.classList.add("visible");
ntpContent.classList.add("visible");
}
let xhr = new XMLHttpRequest();