Шаблон:Онлайн: відмінності між версіями

Матеріал з Бастіон-16
Перейти до навігації Перейти до пошуку
ВізуальнийВікірозмітка
Немає опису редагування
Мітка: Скасовано
Немає опису редагування
Мітка: Скасовано
Рядок 1: Рядок 1:
<!DOCTYPE html>
<html lang="uk">
<html lang="uk">
<head>
<head>
Рядок 20: Рядок 19:
             list-style: none;
             list-style: none;
             padding: 0;
             padding: 0;
        }
        #players li {
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 5px 0;
        }
        #players img {
            width: 20px;
            height: 20px;
            margin-right: 10px;
            border-radius: 4px;
        }
        #server-icon {
            width: 64px;
            height: 64px;
            display: block;
            margin: 0 auto 10px;
         }
         }
     </style>
     </style>
Рядок 25: Рядок 42:
<body>
<body>
     <div id="widget">
     <div id="widget">
        <img id="server-icon" src="" alt="Іконка сервера" style="display: none;">
        <h3 id="motd">Завантаження MOTD...</h3>
         <h3>Онлайн гравці:</h3>
         <h3>Онлайн гравці:</h3>
         <p id="playerCount">Завантаження...</p>
         <p id="playerCount">Завантаження...</p>
Рядок 35: Рядок 54:
         async function fetchServerStatus() {
         async function fetchServerStatus() {
             try {
             try {
                console.log("Виконую запит до mcstatus.io...");
                 let response = await fetch(`https://api.mcstatus.io/v2/status/java/${SERVER_IP}`);
                 let response = await fetch(`https://api.mcstatus.io/v2/status/java/${SERVER_IP}`);
                if (!response.ok) throw new Error(`HTTP помилка! Статус: ${response.status}`);
                 let data = await response.json();
                 let data = await response.json();
                console.log("Отримані дані:", data);
               
                let motdElement = document.getElementById("motd");
                if (data.motd && Array.isArray(data.motd.html)) {
                    motdElement.innerHTML = data.motd.html.join(" ");
                } else if (data.motd && typeof data.motd.html === "string") {
                    motdElement.innerHTML = data.motd.html;
                } else {
                    motdElement.innerHTML = "Сервер без MOTD";
                }
                  
                  
                 document.getElementById("playerCount").innerText = `Гравців онлайн: ${data.players.online}`;
                 let playerCountElement = document.getElementById("playerCount");
                let playersList = document.getElementById("players");
                playerCountElement.innerText = `Гравців онлайн: ${data.players ? data.players.online : 0}`;
                playersList.innerHTML = "";
                  
                  
                 if (data.players.online > 0 && data.players.list && data.players.list.length > 0) {
                let playersElement = document.getElementById("players");
                playersElement.innerHTML = "";
               
                 if (data.players && data.players.online > 0 && data.players.list && data.players.list.length > 0) {
                     data.players.list.forEach(player => {
                     data.players.list.forEach(player => {
                         let li = document.createElement("li");
                         let playerName = player.name_raw || player.name;
                         li.textContent = player.name_raw || player.name;
                        let playerSkinURL = `https://mineskin.eu/helm/${playerName}/20.png`;
                         playersList.appendChild(li);
                       
                        let listItem = document.createElement("li");
                        let img = document.createElement("img");
                        let span = document.createElement("span");
                          
                        img.src = playerSkinURL;
                        img.alt = playerName;
                        span.textContent = playerName;
                       
                        listItem.appendChild(img);
                        listItem.appendChild(span);
                         playersElement.appendChild(listItem);
                     });
                     });
                 } else {
                 } else {
                     let li = document.createElement("li");
                     playersElement.innerHTML = "<li>Немає гравців онлайн</li>";
                     li.textContent = "Немає гравців онлайн";
                }
                     playersList.appendChild(li);
               
                let serverIconElement = document.getElementById("server-icon");
                if (data.icon) {
                    serverIconElement.src = data.icon;
                     serverIconElement.style.display = "block";
                } else {
                     serverIconElement.style.display = "none";
                 }
                 }
             } catch (error) {
             } catch (error) {
                console.error("Помилка під час отримання статусу сервера:", error);
                document.getElementById("motd").innerText = "Не вдалося завантажити MOTD";
                 document.getElementById("playerCount").innerText = "Не вдалося завантажити дані";
                 document.getElementById("playerCount").innerText = "Не вдалося завантажити дані";
                 let playersList = document.getElementById("players");
                 document.getElementById("players").innerHTML = "<li>Помилка завантаження</li>";
                playersList.innerHTML = "";
                let li = document.createElement("li");
                li.textContent = "Помилка завантаження";
                playersList.appendChild(li);
             }
             }
         }
         }
          
          
         fetchServerStatus();
         fetchServerStatus();
         setInterval(fetchServerStatus, 3000); // Оновлення кожні 30 секунд
         setInterval(fetchServerStatus, 30000); // Оновлення кожні 30 секунд
     </script>
     </script>
</body>
</body>
</html>
</html>

Версія за 12:30, 11 січня 2025

MC Онлайн Гравці

Завантаження MOTD...

Онлайн гравці:

Завантаження...

    Отримано з https://wiki.bastion16.co.ua/index.php?title=Шаблон:Онлайн&oldid=10802