stats

app.py

@@ -375,7 +375,7 @@ def arena():
 @app.route("/leaderboard")
 def leaderboard():
     tts_leaderboard = get_leaderboard_data(ModelType.TTS)
-    top_voters = get_top_voters(10)  # Get top 10 voters
+    voting_stats = get_voting_statistics()  # Get voting statistics
 
     # Initialize personal leaderboard data
     tts_personal_leaderboard = None
@@ -398,7 +398,7 @@ def leaderboard():
         tts_personal_leaderboard=tts_personal_leaderboard,
         tts_key_dates=tts_key_dates,
         formatted_tts_dates=formatted_tts_dates,
-        top_voters=top_voters,
+        voting_stats=voting_stats,
         user_leaderboard_visibility=user_leaderboard_visibility
     )
 

models.py

@@ -688,6 +688,43 @@ def get_top_voters(limit=10):
     return result
 
 
+def get_voting_statistics():
+    """
+    Get voting statistics for the arena.
+    
+    Returns:
+        dict: Dictionary containing voting statistics
+    """
+    # Total number of unique voters
+    total_voters = db.session.query(func.count(func.distinct(Vote.user_id))).scalar() or 0
+    
+    # Total number of votes
+    total_votes = Vote.query.count()
+    
+    # Average votes per user
+    avg_votes_per_user = round(total_votes / total_voters, 1) if total_voters > 0 else 0
+    
+    # Votes in the last 24 hours
+    yesterday = datetime.utcnow() - timedelta(days=1)
+    votes_last_24h = Vote.query.filter(Vote.vote_date >= yesterday).count()
+    
+    # Votes in the last 7 days
+    last_week = datetime.utcnow() - timedelta(days=7)
+    votes_last_7d = Vote.query.filter(Vote.vote_date >= last_week).count()
+    
+    # Total number of active models
+    active_models = Model.query.filter_by(model_type=ModelType.TTS, is_active=True).count()
+    
+    return {
+        "total_voters": total_voters,
+        "total_votes": total_votes,
+        "avg_votes_per_user": avg_votes_per_user,
+        "votes_last_24h": votes_last_24h,
+        "votes_last_7d": votes_last_7d,
+        "active_models": active_models,
+    }
+
+
 def toggle_user_leaderboard_visibility(user_id):
     """Toggle user's leaderboard visibility setting"""
     user = User.query.get(user_id)

templates/leaderboard.html

@@ -709,6 +709,156 @@
         color: var(--text-color);
     }
 
+    /* Statistics styles */
+    .stats-container {
+        max-width: 800px;
+        margin: 0 auto;
+    }
+
+    .stats-title {
+        text-align: center;
+        font-size: 1.8rem;
+        margin-bottom: 32px;
+        color: var(--text-color);
+    }
+
+    .stats-grid {
+        display: grid;
+        grid-template-columns: repeat(2, 1fr);
+        gap: 20px;
+        margin-bottom: 32px;
+    }
+
+    @media (max-width: 600px) {
+        .stats-grid {
+            grid-template-columns: 1fr;
+        }
+    }
+
+    .stat-card {
+        display: flex;
+        align-items: center;
+        gap: 16px;
+        padding: 24px;
+        border-radius: 16px;
+        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
+        transition: transform 0.2s ease, box-shadow 0.2s ease;
+    }
+
+    .stat-card:hover {
+        transform: translateY(-4px);
+        box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
+    }
+
+    .stat-card.primary {
+        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+        color: white;
+    }
+
+    .stat-card.secondary {
+        background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
+        color: white;
+    }
+
+    .stat-card.accent {
+        background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
+        color: white;
+    }
+
+    .stat-card.info {
+        background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);
+        color: white;
+    }
+
+    .stat-icon {
+        font-size: 2.5rem;
+        line-height: 1;
+    }
+
+    .stat-content {
+        display: flex;
+        flex-direction: column;
+    }
+
+    .stat-value {
+        font-size: 2.2rem;
+        font-weight: 700;
+        line-height: 1.1;
+    }
+
+    .stat-label {
+        font-size: 0.9rem;
+        opacity: 0.9;
+        margin-top: 4px;
+    }
+
+    .recent-activity {
+        background: var(--light-gray);
+        border-radius: 16px;
+        padding: 24px;
+        margin-bottom: 24px;
+    }
+
+    .recent-activity h3 {
+        margin: 0 0 16px 0;
+        font-size: 1.2rem;
+        color: var(--text-color);
+    }
+
+    .activity-stats {
+        display: flex;
+        gap: 24px;
+    }
+
+    @media (max-width: 480px) {
+        .activity-stats {
+            flex-direction: column;
+            gap: 12px;
+        }
+    }
+
+    .activity-item {
+        display: flex;
+        justify-content: space-between;
+        flex: 1;
+        padding: 12px 16px;
+        background: white;
+        border-radius: 10px;
+        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
+    }
+
+    .activity-label {
+        color: #666;
+        font-size: 0.9rem;
+    }
+
+    .activity-value {
+        font-weight: 600;
+        color: var(--primary-color);
+    }
+
+    @media (prefers-color-scheme: dark) {
+        .stat-card {
+            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
+        }
+
+        .stat-card:hover {
+            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.4);
+        }
+
+        .recent-activity {
+            background: rgba(255, 255, 255, 0.05);
+        }
+
+        .activity-item {
+            background: rgba(255, 255, 255, 0.08);
+        }
+
+        .activity-label {
+            color: #aaa;
+        }
+    }
+
     .disputed-badge {
         display: inline-flex;
         align-items: center;
@@ -765,7 +915,7 @@
 {% block content %}
 <div class="tabs">
     <div class="tab active" data-tab="tts">TTS</div>
-    <div class="tab" data-tab="voters">Top Voters</div>
+    <div class="tab" data-tab="stats">Statistics</div>
 </div>
 
 <div id="tts-tab" class="tab-content">
@@ -952,65 +1102,62 @@
     </div>
 </div>
 
-<!-- Add Top Voters Tab -->
-<div id="voters-tab" class="tab-content" style="display: none;">
-    <div class="voters-leaderboard">
-        <div class="voters-leaderboard-header">
-            <h2>Top Voters</h2>
-            {% if current_user.is_authenticated %}
-            <div class="visibility-toggle">
-                <span class="toggle-label">Show me in leaderboard</span>
-                <label class="toggle-switch">
-                    <input type="checkbox" id="visibility-toggle" {% if user_leaderboard_visibility %}checked{% endif %}>
-                    <span class="toggle-slider"></span>
-                </label>
+<!-- Statistics Tab -->
+<div id="stats-tab" class="tab-content" style="display: none;">
+    <div class="stats-container">
+        <h2 class="stats-title">📊 Arena Statistics</h2>
+        
+        <div class="stats-grid">
+            <div class="stat-card primary">
+                <div class="stat-icon">👥</div>
+                <div class="stat-content">
+                    <div class="stat-value">{{ voting_stats.total_voters }}</div>
+                    <div class="stat-label">총 참여자 수</div>
+                </div>
+            </div>
+            
+            <div class="stat-card secondary">
+                <div class="stat-icon">🗳️</div>
+                <div class="stat-content">
+                    <div class="stat-value">{{ voting_stats.total_votes }}</div>
+                    <div class="stat-label">총 투표 수</div>
+                </div>
+            </div>
+            
+            <div class="stat-card accent">
+                <div class="stat-icon">📈</div>
+                <div class="stat-content">
+                    <div class="stat-value">{{ voting_stats.avg_votes_per_user }}</div>
+                    <div class="stat-label">인당 평균 투표</div>
+                </div>
+            </div>
+            
+            <div class="stat-card info">
+                <div class="stat-icon">🎙️</div>
+                <div class="stat-content">
+                    <div class="stat-value">{{ voting_stats.active_models }}</div>
+                    <div class="stat-label">활성 TTS 모델</div>
+                </div>
             </div>
-            {% endif %}
         </div>
         
-        {% if top_voters %}
-        <div class="leaderboard-container">
-            <table class="voters-table">
-                <thead>
-                    <tr>
-                        <th>Rank</th>
-                        <th>Username</th>
-                        <th>Total Votes</th>
-                        <th>Joined</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    {% for voter in top_voters %}
-                    <tr{% if current_user.is_authenticated and current_user.username == voter.username %} class="current-user"{% endif %}>
-                        <td>{{ voter.rank }}</td>
-                        <td><a href="https://huggingface.co/{{ voter.username }}" target="_blank" rel="noopener">{{ voter.username }}</a></td>
-                        <td>{{ voter.vote_count }}</td>
-                        <td>{{ voter.join_date }}</td>
-                    </tr>
-                    {% endfor %}
-                </tbody>
-            </table>
-        </div>
-        {% else %}
-        <div class="no-data">
-            <p>No voters data available yet. Start voting to appear on the leaderboard!</p>
+        <div class="recent-activity">
+            <h3>📅 최근 활동</h3>
+            <div class="activity-stats">
+                <div class="activity-item">
+                    <span class="activity-label">최근 24시간</span>
+                    <span class="activity-value">{{ voting_stats.votes_last_24h }} 투표</span>
+                </div>
+                <div class="activity-item">
+                    <span class="activity-label">최근 7일</span>
+                    <span class="activity-value">{{ voting_stats.votes_last_7d }} 투표</span>
+                </div>
+            </div>
         </div>
-        {% endif %}
         
-        {% if top_voters %}
         <div class="thank-you-message">
-            <p>Thank you to all our voters for helping improve TTS Arena! Your contributions make this community better.</p>
-        </div>
-        {% endif %}
-        
-        {% if not current_user.is_authenticated %}
-        <div class="login-prompt">
-            <p>Log in to appear on the leaderboard and track your voting stats!</p>
-            <div class="button-container" style="margin-top: 16px;">
-                <a href="{{ url_for('auth.login') }}" class="btn">Log In</a>
-            </div>
+            <p>🎉 한국어 TTS Arena에 참여해 주셔서 감사합니다! 여러분의 소중한 투표가 더 나은 TTS 모델 개발에 기여합니다.</p>
         </div>
-        {% endif %}
     </div>
 </div>
 
@@ -1062,12 +1209,12 @@
         // Check URL hash for direct tab access
         function checkHashAndSetTab() {
             const hash = window.location.hash.toLowerCase();
-            if (hash === '#tts' || hash === '' || hash === '#voters') {
-                // Switch to TTS tab (default) or voters
+            if (hash === '#tts' || hash === '' || hash === '#stats') {
+                // Switch to TTS tab (default) or stats
                 tabs.forEach(t => t.classList.remove('active'));
                 tabContents.forEach(c => c.style.display = 'none');
                 
-                const targetTab = hash === '#voters' ? 'voters' : 'tts';
+                const targetTab = hash === '#stats' ? 'stats' : 'tts';
                 document.querySelector(`.tab[data-tab="${targetTab}"]`).classList.add('active');
                 document.getElementById(`${targetTab}-tab`).style.display = 'block';