testlist/script4.js at main · nfzchallengelist/testlist · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
// Firebase configuration remains the same...

// Initialize Firebase
firebase.initializeApp(firebaseConfig);

// Load stats data
function loadStats() {
    firebase.database().ref('levels').once('value')
        .then((snapshot) => {
            const levels = snapshot.val() || [];
            calculateStats(levels);
        })
        .catch((error) => {
            console.error("Error loading stats:", error);
        });
}

function calculateStats(levels) {
    // Creator stats
    const creatorStats = {};
    const verifierStats = {};
    const playerStats = {}; // New stats for tracking player completions

    levels.forEach(level => {
        // Handle multiple creators (split by '&')
        const creators = level.author.split('&').map(creator => creator.trim());
        creators.forEach(creator => {
            creatorStats[creator] = (creatorStats[creator] || 0) + 1;
        });

        // Verifier stats - also counts as a completion
        verifierStats[level.verifier] = (verifierStats[level.verifier] || 0) + 1;
        playerStats[level.verifier] = (playerStats[level.verifier] || 0) + 1;

        // Count creators who verified their own levels
        if (creators.includes(level.verifier)) {
            // Already counted in both stats
        }
    });

    displayStats(creatorStats, verifierStats, playerStats, levels.length);
}

function displayStats(creatorStats, verifierStats, playerStats, totalLevels) {
    const statsContainer = document.getElementById('statsContainer');
    statsContainer.innerHTML = `
        <h2>NFZ Challenge List Statistics</h2>

        <div class="stat-section">
            <div class="total-levels">
                Total Levels: ${totalLevels}
            </div>
        </div>

        <div class="stat-section">
            <h3>Top Players</h3>
            ${formatStatsList(sortStats(playerStats))}
        </div>

        <div class="stat-section">
            <h3>Top Creators</h3>
            ${formatStatsList(sortStats(creatorStats))}
        </div>

        <div class="stat-section">
            <h3>Top Verifiers</h3>
            ${formatStatsList(sortStats(verifierStats))}
        </div>
    `;
}

function sortStats(stats) {
    return Object.entries(stats)
        .sort((a, b) => b[1] - a[1])
        .slice(0, 10); // Top 10
}

function formatStatsList(sortedStats) {
    return `
        <ul class="stats-list">
            ${sortedStats.map(([name, count], index) => `
                <li>
                    <span class="stat-name">${name}</span>
                    <span class="stat-number">${count} level${count !== 1 ? 's' : ''}</span>
                </li>
            `).join('')}
        </ul>
    `;
}

// Load stats when page loads
window.addEventListener('DOMContentLoaded', loadStats);