GameSentenceMiner 2.16.1__py3-none-any.whl → 2.16.3__py3-none-any.whl

GameSentenceMiner/web/static/js/stats.js

@@ -725,12 +725,12 @@ document.addEventListener('DOMContentLoaded', function () {
                 // Filter datasets for each chart
                 const linesData = {
                     labels: data.labels,
-                    datasets: data.datasets.filter(d => d.label.includes('Lines Received'))
+                    datasets: data.datasets.filter(d => d.for === "Lines Received")
                 };
 
                 const charsData = {
                     labels: data.labels,
-                    datasets: data.datasets.filter(d => d.label.includes('Characters Read'))
+                    datasets: data.datasets.filter(d => d.for === 'Characters Read')
                 };
                 
                 // Remove the 'hidden' property so they appear on their own charts
@@ -1424,4 +1424,143 @@ document.addEventListener('DOMContentLoaded', function () {
     if (document.getElementById('gamesTableBody')) {
         new GameDeletionManager();
     }
+    
+    // ExStatic Import Functionality
+    const exstaticFileInput = document.getElementById('exstaticFile');
+    const importExstaticBtn = document.getElementById('importExstaticBtn');
+    const importProgress = document.getElementById('importProgress');
+    const importProgressBar = document.getElementById('importProgressBar');
+    const importProgressText = document.getElementById('importProgressText');
+    const importStatus = document.getElementById('importStatus');
+    
+    if (exstaticFileInput && importExstaticBtn) {
+        // Enable/disable import button based on file selection
+        exstaticFileInput.addEventListener('change', function(e) {
+            const file = e.target.files[0];
+            if (file && file.type === 'text/csv' && file.name.toLowerCase().endsWith('.csv')) {
+                importExstaticBtn.disabled = false;
+                importExstaticBtn.style.background = '#2980b9';
+                importExstaticBtn.style.cursor = 'pointer';
+                showImportStatus('', 'info', false);
+            } else {
+                importExstaticBtn.disabled = true;
+                importExstaticBtn.style.background = '#666';
+                importExstaticBtn.style.cursor = 'not-allowed';
+                if (file) {
+                    showImportStatus('Please select a valid CSV file.', 'error', true);
+                }
+            }
+        });
+        
+        // Handle import button click
+        importExstaticBtn.addEventListener('click', function() {
+            const file = exstaticFileInput.files[0];
+            if (!file) {
+                showImportStatus('Please select a CSV file first.', 'error', true);
+                return;
+            }
+            
+            importExstaticData(file);
+        });
+    }
+    
+    function showImportStatus(message, type, show) {
+        if (!importStatus) return;
+        
+        if (show && message) {
+            importStatus.textContent = message;
+            importStatus.style.display = 'block';
+            
+            // Set appropriate styling based on type
+            if (type === 'error') {
+                importStatus.style.background = 'var(--danger-color)';
+                importStatus.style.color = 'white';
+            } else if (type === 'success') {
+                importStatus.style.background = 'var(--success-color)';
+                importStatus.style.color = 'white';
+            } else if (type === 'info') {
+                importStatus.style.background = 'var(--primary-color)';
+                importStatus.style.color = 'white';
+            } else {
+                importStatus.style.background = 'var(--bg-tertiary)';
+                importStatus.style.color = 'var(--text-primary)';
+            }
+        } else {
+            importStatus.style.display = 'none';
+        }
+    }
+    
+    function showImportProgress(show, percentage = 0) {
+        if (!importProgress || !importProgressBar || !importProgressText) return;
+        
+        if (show) {
+            importProgress.style.display = 'block';
+            importProgressBar.style.width = percentage + '%';
+            importProgressText.textContent = Math.round(percentage) + '%';
+        } else {
+            importProgress.style.display = 'none';
+        }
+    }
+    
+    async function importExstaticData(file) {
+        try {
+            // Disable import button and show progress
+            importExstaticBtn.disabled = true;
+            showImportProgress(true, 0);
+            showImportStatus('Preparing import...', 'info', true);
+            
+            // Create FormData and append the file
+            const formData = new FormData();
+            formData.append('file', file);
+            
+            // Show upload progress
+            showImportProgress(true, 25);
+            showImportStatus('Uploading file...', 'info', true);
+            
+            // Send file to backend
+            const response = await fetch('/api/import-exstatic', {
+                method: 'POST',
+                body: formData
+            });
+            
+            showImportProgress(true, 75);
+            showImportStatus('Processing data...', 'info', true);
+            
+            const result = await response.json();
+            
+            showImportProgress(true, 100);
+            
+            if (response.ok) {
+                // Success
+                const message = `Successfully imported ${result.imported_count || 0} lines from ${result.games_count || 0} games.`;
+                showImportStatus(message, 'success', true);
+                
+                // Reset file input and button
+                exstaticFileInput.value = '';
+                importExstaticBtn.disabled = true;
+                
+                // Hide progress after a delay
+                setTimeout(() => {
+                    showImportProgress(false);
+                    // Optionally refresh the page to show new data
+                    if (result.imported_count > 0) {
+                        setTimeout(() => {
+                            window.location.reload();
+                        }, 2000);
+                    }
+                }, 1500);
+            } else {
+                // Error
+                showImportStatus(result.error || 'Import failed. Please try again.', 'error', true);
+                showImportProgress(false);
+            }
+        } catch (error) {
+            console.error('Import error:', error);
+            showImportStatus('Import failed due to network error. Please try again.', 'error', true);
+            showImportProgress(false);
+        } finally {
+            // Re-enable import button only if a file is still selected
+            importExstaticBtn.disabled = !(exstaticFileInput && exstaticFileInput.files && exstaticFileInput.files.length > 0);
+        }
+    }
 });

GameSentenceMiner/web/templates/anki_stats.html

@@ -4,6 +4,10 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Anki vs GSM Kanji Stats</title>
+    
+    <!-- Include html2canvas for screenshot functionality -->
+    <script src="https://cdn.jsdelivr.net/npm/html2canvas@1.4.1/dist/html2canvas.min.js"></script>
+    
     <!-- Include Chart.js from a CDN -->
     <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
     

GameSentenceMiner/web/templates/components/navigation.html

@@ -1,7 +1,7 @@
 <!-- Navigation Component -->
 <div class="navigation" style="display: flex; justify-content: center; align-items: center; margin-bottom: 30px; padding: 15px; background: var(--bg-secondary); border-radius: 8px; box-shadow: 0 2px 8px var(--shadow-color); border: 1px solid var(--border-color);">
     <div style="display: flex; gap: 15px;">
-        <a href="/" class="nav-link">Home</a>
+        <!-- <a href="/" class="nav-link">Home</a> -->
         <a href="/stats" class="nav-link">Statistics</a>
         <a href="/search" class="nav-link">Search</a>
         <a href="/database" class="nav-link">Database Management</a>
@@ -10,6 +10,9 @@
     <button class="theme-toggle" id="settingsToggle" title="Settings">
         <span id="settingsIcon">⚙️</span>
     </button>
+    <button class="theme-toggle" id="screenshotToggle" title="Take screenshot">
+        <span id="screenshotIcon">📷</span>
+    </button>
     <button class="theme-toggle" id="themeToggle" title="Toggle dark mode">
         <span id="themeIcon">🌙</span>
     </button>

GameSentenceMiner/web/templates/database.html

@@ -6,6 +6,9 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>GSM Database Management</title>
     
+    <!-- Include html2canvas for screenshot functionality -->
+    <script src="https://cdn.jsdelivr.net/npm/html2canvas@1.4.1/dist/html2canvas.min.js"></script>
+    
     <!-- Include shared theme styles -->
     {% include 'components/theme-styles.html' %}