Initial commit

HTML/FiveM/script.ts

@@ -0,0 +1,36 @@
+let slideCount = 0;
+const simpleSlides = function () {
+    let i;
+    const slides = document.querySelectorAll(".slides");
+    for (i = 0; i < slides.length; i++) {
+        slides[i].setAttribute("style","display:none");
+    }
+    slideCount++;
+    if (slideCount > slides.length) { slideCount = 1; }
+    slides[slideCount-1].setAttribute("style","display:block");
+    setTimeout(simpleSlides, 8000);
+}
+
+const init = async () => {
+    const players = document.getElementById("players") as HTMLSpanElement;
+    const serverName = document.getElementById("servername");
+    const status = document.getElementById("serverStatus");
+    try {
+        const serverInfo = await fivem.getServerInfo();
+
+        players.innerText = `Spieler: ${serverInfo.clients} / ${serverInfo.sv_maxclients}`;
+
+        serverName.innerText = serverInfo.hostname;
+
+        status.innerHTML = "Serverstatus: <span style='color: var(--green)'>Online</span>"
+
+        localStorage.setItem("hostname", serverInfo.hostname);
+    } catch (e) {
+        players.innerText = "Spieler: 0 / 0";
+        serverName.innerText = localStorage.getItem("hostname") === null ? "[GER] PrincepRP | 🎓Beta-Release🎓 | 🔐Soft-Allowlist🔐 | 🎙Ingame Voice🎙 | 👥Multi-Char👥 | 💸Startgeld: 10k💸 |🚗Echte Automarken🚗" : localStorage.getItem("hostname");
+        status.innerHTML = "Serverstatus: <span style='color: var(--red)'>Offline</span>"
+    }
+}
+init();
+simpleSlides();
+setInterval(init, 30000);