GameSentenceMiner 2.19.16__py3-none-any.whl → 2.20.0__py3-none-any.whl

GameSentenceMiner/web/static/js/goals.js

@@ -74,7 +74,7 @@ document.addEventListener('DOMContentLoaded', function () {
             // Calculate current progress
             const currentHours = allGamesStats.total_time_hours || 0;
             const currentCharacters = allGamesStats.total_characters || 0;
-            const currentGames = allGamesStats.unique_games || 0;
+            const currentGames = allGamesStats.completed_games || 0;
             
             // Calculate daily averages for projections using 90-day lookback period (reusing logic from stats.js)
             const dailyHoursAvg = calculateDailyAverage(allLinesData, 'hours');
@@ -299,6 +299,25 @@ document.addEventListener('DOMContentLoaded', function () {
                 document.getElementById('charsDaysRemaining').style.display = 'none';
             }
             
+            // Update cards mined goal
+            const cardsGoalItem = document.getElementById('cardsGoalItem');
+            if (data.cards && data.cards.has_target) {
+                hasAnyTarget = true;
+                cardsGoalItem.style.display = 'block';
+                
+                document.getElementById('todayCardsProgress').textContent = data.cards.progress;
+                document.getElementById('todayCardsRequired').textContent = data.cards.required;
+                
+                // Add green highlight if goal is met
+                if (data.cards.progress >= data.cards.required) {
+                    cardsGoalItem.classList.add('goal-met');
+                } else {
+                    cardsGoalItem.classList.remove('goal-met');
+                }
+            } else {
+                cardsGoalItem.style.display = 'none';
+            }
+            
             // Show/hide sections based on whether any targets are set
             if (hasAnyTarget) {
                 document.getElementById('noTargetsMessage').style.display = 'none';
@@ -333,33 +352,48 @@ document.addEventListener('DOMContentLoaded', function () {
                 document.getElementById('projectionHoursValue').textContent =
                     Math.floor(data.hours.projection).toLocaleString() + 'h';
                 
+                // Update label with target date (formatted in user's locale)
+                const hoursLabel = document.getElementById('hoursProjectionLabel');
+                if (hoursLabel) {
+                    const targetDate = new Date(data.hours.target_date);
+                    const formattedTargetDate = targetDate.toLocaleDateString(navigator.language);
+                    hoursLabel.textContent = `Total Hours by ${formattedTargetDate}`;
+                }
+                
                 // Calculate percentage difference
                 const hoursPercentDiff = ((data.hours.projection - data.hours.target) / data.hours.target) * 100;
                 
-                // Status message with pace badge
+                // Calculate projected completion date
+                const hoursRemaining = Math.max(0, data.hours.target - data.hours.current);
+                const hoursDaysToComplete = data.hours.daily_average > 0 ? Math.ceil(hoursRemaining / data.hours.daily_average) : 0;
+                const hoursCompletionDate = new Date();
+                hoursCompletionDate.setDate(hoursCompletionDate.getDate() + hoursDaysToComplete);
+                const hoursCompletionDateStr = hoursCompletionDate.toLocaleDateString(navigator.language);
+                
+                // Status message with pace badge and completion date
                 const hoursStatus = document.getElementById('hoursProjectionStatus');
                 if (hoursPercentDiff >= 5) {
                     // Over-achieving by 5% or more
                     const badge = `<span class="pace-badge pace-ahead">+${Math.floor(hoursPercentDiff)}%</span>`;
-                    hoursStatus.innerHTML = `On Track! 🎉 ${badge}`;
+                    hoursStatus.innerHTML = `On Track! 🎉 ${badge}<br><small style="font-size: 0.85em; opacity: 0.9;">Est. completion: ${hoursCompletionDateStr}</small>`;
                     hoursStatus.className = 'dashboard-progress-value positive';
                 } else if (hoursPercentDiff >= -5) {
                     // Within ±5% - perfect pace
                     const badge = `<span class="pace-badge pace-perfect">±${Math.abs(Math.floor(hoursPercentDiff))}%</span>`;
-                    hoursStatus.innerHTML = `Perfect Pace! ✅ ${badge}`;
+                    hoursStatus.innerHTML = `Perfect Pace! ✅ ${badge}<br><small style="font-size: 0.85em; opacity: 0.9;">Est. completion: ${hoursCompletionDateStr}</small>`;
                     hoursStatus.className = 'dashboard-progress-value positive';
                 } else if (hoursPercentDiff >= -15) {
                     // Slightly behind (-5% to -15%)
                     const shortfall = data.hours.target - data.hours.projection;
                     const badge = `<span class="pace-badge pace-behind-mild">${Math.floor(hoursPercentDiff)}%</span>`;
-                    hoursStatus.innerHTML = `${Math.floor(shortfall)}h short ${badge}`;
+                    hoursStatus.innerHTML = `${Math.floor(shortfall)}h short ${badge}<br><small style="font-size: 0.85em; opacity: 0.9;">Est. completion: ${hoursCompletionDateStr}</small>`;
                     hoursStatus.className = 'dashboard-progress-value';
                     hoursStatus.style.color = 'var(--warning-color)';
                 } else {
                     // Significantly behind (< -15%)
                     const shortfall = data.hours.target - data.hours.projection;
                     const badge = `<span class="pace-badge pace-behind">${Math.floor(hoursPercentDiff)}%</span>`;
-                    hoursStatus.innerHTML = `${Math.floor(shortfall)}h short ${badge}`;
+                    hoursStatus.innerHTML = `${Math.floor(shortfall)}h short ${badge}<br><small style="font-size: 0.85em; opacity: 0.9;">Est. completion: ${hoursCompletionDateStr}</small>`;
                     hoursStatus.className = 'dashboard-progress-value';
                     hoursStatus.style.color = 'var(--danger-color)';
                 }
@@ -376,33 +410,48 @@ document.addEventListener('DOMContentLoaded', function () {
                 
                 document.getElementById('projectionCharsValue').textContent = formatGoalNumber(data.characters.projection);
                 
+                // Update label with target date (formatted in user's locale)
+                const charsLabel = document.getElementById('charsProjectionLabel');
+                if (charsLabel) {
+                    const targetDate = new Date(data.characters.target_date);
+                    const formattedTargetDate = targetDate.toLocaleDateString(navigator.language);
+                    charsLabel.textContent = `Total Characters by ${formattedTargetDate}`;
+                }
+                
                 // Calculate percentage difference
                 const charsPercentDiff = ((data.characters.projection - data.characters.target) / data.characters.target) * 100;
                 
-                // Status message with pace badge
+                // Calculate projected completion date
+                const charsRemaining = Math.max(0, data.characters.target - data.characters.current);
+                const charsDaysToComplete = data.characters.daily_average > 0 ? Math.ceil(charsRemaining / data.characters.daily_average) : 0;
+                const charsCompletionDate = new Date();
+                charsCompletionDate.setDate(charsCompletionDate.getDate() + charsDaysToComplete);
+                const charsCompletionDateStr = charsCompletionDate.toLocaleDateString(navigator.language);
+                
+                // Status message with pace badge and completion date
                 const charsStatus = document.getElementById('charsProjectionStatus');
                 if (charsPercentDiff >= 5) {
                     // Over-achieving by 5% or more
                     const badge = `<span class="pace-badge pace-ahead">+${Math.floor(charsPercentDiff)}%</span>`;
-                    charsStatus.innerHTML = `On Track! 🎉 ${badge}`;
+                    charsStatus.innerHTML = `On Track! 🎉 ${badge}<br><small style="font-size: 0.85em; opacity: 0.9;">Est. completion: ${charsCompletionDateStr}</small>`;
                     charsStatus.className = 'dashboard-progress-value positive';
                 } else if (charsPercentDiff >= -5) {
                     // Within ±5% - perfect pace
                     const badge = `<span class="pace-badge pace-perfect">±${Math.abs(Math.floor(charsPercentDiff))}%</span>`;
-                    charsStatus.innerHTML = `Perfect Pace! ✅ ${badge}`;
+                    charsStatus.innerHTML = `Perfect Pace! ✅ ${badge}<br><small style="font-size: 0.85em; opacity: 0.9;">Est. completion: ${charsCompletionDateStr}</small>`;
                     charsStatus.className = 'dashboard-progress-value positive';
                 } else if (charsPercentDiff >= -15) {
                     // Slightly behind (-5% to -15%)
                     const shortfall = data.characters.target - data.characters.projection;
                     const badge = `<span class="pace-badge pace-behind-mild">${Math.floor(charsPercentDiff)}%</span>`;
-                    charsStatus.innerHTML = `${formatGoalNumber(shortfall)} short ${badge}`;
+                    charsStatus.innerHTML = `${formatGoalNumber(shortfall)} short ${badge}<br><small style="font-size: 0.85em; opacity: 0.9;">Est. completion: ${charsCompletionDateStr}</small>`;
                     charsStatus.className = 'dashboard-progress-value';
                     charsStatus.style.color = 'var(--warning-color)';
                 } else {
                     // Significantly behind (< -15%)
                     const shortfall = data.characters.target - data.characters.projection;
                     const badge = `<span class="pace-badge pace-behind">${Math.floor(charsPercentDiff)}%</span>`;
-                    charsStatus.innerHTML = `${formatGoalNumber(shortfall)} short ${badge}`;
+                    charsStatus.innerHTML = `${formatGoalNumber(shortfall)} short ${badge}<br><small style="font-size: 0.85em; opacity: 0.9;">Est. completion: ${charsCompletionDateStr}</small>`;
                     charsStatus.className = 'dashboard-progress-value';
                     charsStatus.style.color = 'var(--danger-color)';
                 }
@@ -422,30 +471,37 @@ document.addEventListener('DOMContentLoaded', function () {
                 // Calculate percentage difference
                 const gamesPercentDiff = ((data.games.projection - data.games.target) / data.games.target) * 100;
                 
-                // Status message with pace badge
+                // Calculate projected completion date
+                const gamesRemaining = Math.max(0, data.games.target - data.games.current);
+                const gamesDaysToComplete = data.games.daily_average > 0 ? Math.ceil(gamesRemaining / data.games.daily_average) : 0;
+                const gamesCompletionDate = new Date();
+                gamesCompletionDate.setDate(gamesCompletionDate.getDate() + gamesDaysToComplete);
+                const gamesCompletionDateStr = gamesCompletionDate.toLocaleDateString(navigator.language);
+                
+                // Status message with pace badge and completion date
                 const gamesStatus = document.getElementById('gamesProjectionStatus');
                 if (gamesPercentDiff >= 5) {
                     // Over-achieving by 5% or more
                     const badge = `<span class="pace-badge pace-ahead">+${Math.floor(gamesPercentDiff)}%</span>`;
-                    gamesStatus.innerHTML = `On Track! 🎉 ${badge}`;
+                    gamesStatus.innerHTML = `On Track! 🎉 ${badge}<br><small style="font-size: 0.85em; opacity: 0.9;">Est. completion: ${gamesCompletionDateStr}</small>`;
                     gamesStatus.className = 'dashboard-progress-value positive';
                 } else if (gamesPercentDiff >= -5) {
                     // Within ±5% - perfect pace
                     const badge = `<span class="pace-badge pace-perfect">±${Math.abs(Math.floor(gamesPercentDiff))}%</span>`;
-                    gamesStatus.innerHTML = `Perfect Pace! ✅ ${badge}`;
+                    gamesStatus.innerHTML = `Perfect Pace! ✅ ${badge}<br><small style="font-size: 0.85em; opacity: 0.9;">Est. completion: ${gamesCompletionDateStr}</small>`;
                     gamesStatus.className = 'dashboard-progress-value positive';
                 } else if (gamesPercentDiff >= -15) {
                     // Slightly behind (-5% to -15%)
                     const shortfall = data.games.target - data.games.projection;
                     const badge = `<span class="pace-badge pace-behind-mild">${Math.floor(gamesPercentDiff)}%</span>`;
-                    gamesStatus.innerHTML = `${shortfall} short ${badge}`;
+                    gamesStatus.innerHTML = `${shortfall} short ${badge}<br><small style="font-size: 0.85em; opacity: 0.9;">Est. completion: ${gamesCompletionDateStr}</small>`;
                     gamesStatus.className = 'dashboard-progress-value';
                     gamesStatus.style.color = 'var(--warning-color)';
                 } else {
                     // Significantly behind (< -15%)
                     const shortfall = data.games.target - data.games.projection;
                     const badge = `<span class="pace-badge pace-behind">${Math.floor(gamesPercentDiff)}%</span>`;
-                    gamesStatus.innerHTML = `${shortfall} short ${badge}`;
+                    gamesStatus.innerHTML = `${shortfall} short ${badge}<br><small style="font-size: 0.85em; opacity: 0.9;">Est. completion: ${gamesCompletionDateStr}</small>`;
                     gamesStatus.className = 'dashboard-progress-value';
                     gamesStatus.style.color = 'var(--danger-color)';
                 }
@@ -502,6 +558,9 @@ document.addEventListener('DOMContentLoaded', function () {
 
         const gamesDateInput = document.getElementById('gamesTargetDate');
         if (gamesDateInput) gamesDateInput.value = window.statsConfig.gamesTargetDate || '';
+
+        const cardsDailyTargetInput = document.getElementById('cardsMinedDailyTarget');
+        if (cardsDailyTargetInput) cardsDailyTargetInput.value = window.statsConfig.cardsMinedDailyTarget || 10;
     }
 
     // Open settings modal
@@ -543,7 +602,8 @@ document.addEventListener('DOMContentLoaded', function () {
                     games_target: parseInt(document.getElementById('gamesTarget').value),
                     reading_hours_target_date: document.getElementById('readingHoursTargetDate').value || '',
                     character_count_target_date: document.getElementById('characterCountTargetDate').value || '',
-                    games_target_date: document.getElementById('gamesTargetDate').value || ''
+                    games_target_date: document.getElementById('gamesTargetDate').value || '',
+                    cards_mined_daily_target: parseInt(document.getElementById('cardsMinedDailyTarget').value) || 10
                 };
 
                 const response = await fetch('/api/settings', {
@@ -565,7 +625,8 @@ document.addEventListener('DOMContentLoaded', function () {
                         gamesTarget: formData.games_target,
                         readingHoursTargetDate: formData.reading_hours_target_date,
                         characterCountTargetDate: formData.character_count_target_date,
-                        gamesTargetDate: formData.games_target_date
+                        gamesTargetDate: formData.games_target_date,
+                        cardsMinedDailyTarget: formData.cards_mined_daily_target
                     };
 
                     // Show success message

GameSentenceMiner/web/static/js/heatmap.js

@@ -222,34 +222,40 @@ class HeatmapRenderer {
                         const activity = yearData[dateStr] || 0;
                         
                         if (activity > 0 && maxActivity > 0) {
-                            // Calculate percentage of maximum activity
-                            const percentage = (activity / maxActivity) * 100;
-                            
-                            // Assign discrete color levels based on percentage thresholds
-                            let colorLevel;
-                            if (percentage <= 25) {
-                                colorLevel = 1; // Light green
-                            } else if (percentage <= 50) {
-                                colorLevel = 2; // Medium green
-                            } else if (percentage <= 75) {
-                                colorLevel = 3; // Dark green
+                            // Check if custom color function is provided
+                            if (this.customColorFunction) {
+                                cell.style.backgroundColor = this.customColorFunction(activity, maxActivity);
                             } else {
-                                colorLevel = 4; // Darkest green
+                                // Default color calculation
+                                // Calculate percentage of maximum activity
+                                const percentage = (activity / maxActivity) * 100;
+                                
+                                // Assign discrete color levels based on percentage thresholds
+                                let colorLevel;
+                                if (percentage <= 25) {
+                                    colorLevel = 1; // Light green
+                                } else if (percentage <= 50) {
+                                    colorLevel = 2; // Medium green
+                                } else if (percentage <= 75) {
+                                    colorLevel = 3; // Dark green
+                                } else {
+                                    colorLevel = 4; // Darkest green
+                                }
+                                
+                                // Define discrete colors for each level
+                                const colors = {
+                                    1: '#c6e48b', // Light green (1-25%)
+                                    2: '#7bc96f', // Medium green (26-50%)
+                                    3: '#239a3b', // Dark green (51-75%)
+                                    4: '#196127'  // Darkest green (76-100%)
+                                };
+                                
+                                cell.style.backgroundColor = colors[colorLevel];
                             }
-                            
-                            // Define discrete colors for each level
-                            const colors = {
-                                1: '#c6e48b', // Light green (1-25%)
-                                2: '#7bc96f', // Medium green (26-50%)
-                                3: '#239a3b', // Dark green (51-75%)
-                                4: '#196127'  // Darkest green (76-100%)
-                            };
-                            
-                            cell.style.backgroundColor = colors[colorLevel];
                         }
                         
                         // Format tooltip based on metric type
-                        const activityLabel = this.metricName === 'sentences' 
+                        const activityLabel = this.metricName === 'sentences'
                             ? `sentence${activity !== 1 ? 's' : ''} mined`
                             : `${this.metricLabel}`;
                         cell.title = `${dateStr}: ${activity} ${activityLabel}`;