Jump to content

MediaWiki:Gadget-maxPlayerChart.js: Difference between revisions

From Pack.png Beta 1.7.3 Wiki
Created page with "console.log("asd") document.addEventListener('DOMContentLoaded', function () { const script = document.createElement('script'); script.src = 'https://cdn.jsdelivr.net/npm/chart.js'; script.onload = () => { const ctx1 = document.getElementById("maxPlayerChart"); console.log("a") if (!ctx1) return; const init1 = async () => { const response = await fetch("https://goldenage.keii.dev/api/servers/1/statistics/..."
 
No edit summary
Line 1: Line 1:
console.log("asd")
/**
document.addEventListener('DOMContentLoaded', function () {
* maxPlayerChart.js
    const script = document.createElement('script');
* Loaded for everyone, everywhere.
    script.src = 'https://cdn.jsdelivr.net/npm/chart.js';
* Version 2025-07-31
    script.onload = () => {
* See MediaWiki:Gadgets-definition for registration.
        const ctx1 = document.getElementById("maxPlayerChart");
*/
        console.log("a")
( function ( mw, $ ) {
       
    console.log("asd")
        if (!ctx1) return;  
    document.addEventListener('DOMContentLoaded', function () {
 
        const script = document.createElement('script');
        const init1 = async () => {
        script.src = 'https://cdn.jsdelivr.net/npm/chart.js';
            const response = await fetch("https://goldenage.keii.dev/api/servers/1/statistics/max-player-count");
        script.onload = () => {
            const result = await response.json();
            const ctx1 = document.getElementById("maxPlayerChart");
            const data = result["data"];
            console.log("a")
 
           
            new Chart(ctx1, {
            if (!ctx1) return;  
                type: "line",
   
                data: {
            const init1 = async () => {
                    labels: data.map((row) => new Date(row.Date).toDateString()),
                const response = await fetch("https://goldenage.keii.dev/api/servers/1/statistics/max-player-count");
                    datasets: [
                const result = await response.json();
                        {
                const data = result["data"];
                            label: "Max Player Count",
   
                            data: data.map((row) => row.MaxPlayerCount),
                new Chart(ctx1, {
                            borderWidth: 1,
                    type: "line",
                        },
                    data: {
                    ],
                        labels: data.map((row) => new Date(row.Date).toDateString()),
                },
                        datasets: [
                options: {
                            {
                    scales: {
                                label: "Max Player Count",
                        y: {
                                data: data.map((row) => row.MaxPlayerCount),
                            beginAtZero: true,
                                borderWidth: 1,
                            },
                        ],
                    },
                    options: {
                        scales: {
                            y: {
                                beginAtZero: true,
                            },
                         },
                         },
                     },
                     },
                 },
                 });
             });
             };
   
            init1();
         };
         };
 
   
         init1();
         document.head.appendChild(script);
    };
    });
 
}( mw, jQuery ) );
    document.head.appendChild(script);
});

Revision as of 11:30, 31 July 2025

/**
 * maxPlayerChart.js
 * Loaded for everyone, everywhere.
 * Version 2025-07-31
 * See MediaWiki:Gadgets-definition for registration.
 */
( function ( mw, $ ) {
    console.log("asd")
    document.addEventListener('DOMContentLoaded', function () {
        const script = document.createElement('script');
        script.src = 'https://cdn.jsdelivr.net/npm/chart.js';
        script.onload = () => {
            const ctx1 = document.getElementById("maxPlayerChart");
            console.log("a")
            
            if (!ctx1) return; 
    
            const init1 = async () => {
                const response = await fetch("https://goldenage.keii.dev/api/servers/1/statistics/max-player-count");
                const result = await response.json();
                const data = result["data"];
    
                new Chart(ctx1, {
                    type: "line",
                    data: {
                        labels: data.map((row) => new Date(row.Date).toDateString()),
                        datasets: [
                            {
                                label: "Max Player Count",
                                data: data.map((row) => row.MaxPlayerCount),
                                borderWidth: 1,
                            },
                        ],
                    },
                    options: {
                        scales: {
                            y: {
                                beginAtZero: true,
                            },
                        },
                    },
                });
            };
    
            init1();
        };
    
        document.head.appendChild(script);
    });
}( mw, jQuery ) );