Total Activities: {{ stats.total }}
-Downloaded: {{ stats.downloaded }}
-Missing: {{ stats.missing }}
-Last Sync: {{ stats.last_sync }}
-Status: - ${data.daemon.running ? 'Running' : 'Stopped'} -
-Next Run: ${data.daemon.next_run || 'Not scheduled'}
-Schedule: ${data.daemon.schedule || 'Not configured'}
- `; - - // Update recent logs - const logsHtml = data.recent_logs.map(log => ` -Current Operation
+| Timestamp | +Operation | +Status | +Message | +Activities | +
|---|
Status: - ${data.daemon.running ? 'Running' : 'Stopped'} -
+Status: ${statusBadge}
Last Run: ${data.daemon.last_run || 'Never'}
Next Run: ${data.daemon.next_run || 'Not scheduled'}
Schedule: ${data.daemon.schedule || 'Not configured'}
diff --git a/garminsync/web/static/charts.js b/garminsync/web/static/charts.js new file mode 100644 index 0000000..97ae710 --- /dev/null +++ b/garminsync/web/static/charts.js @@ -0,0 +1,37 @@ +// Initialize the activity progress chart +document.addEventListener('DOMContentLoaded', function() { + // Fetch activity stats from the API + fetch('/api/activities/stats') + .then(response => response.json()) + .then(data => { + // Create doughnut chart + const ctx = document.getElementById('activityChart').getContext('2d'); + const chart = new Chart(ctx, { + type: 'doughnut', + data: { + labels: ['Downloaded', 'Missing'], + datasets: [{ + data: [data.downloaded, data.missing], + backgroundColor: ['#28a745', '#dc3545'], + borderWidth: 1 + }] + }, + options: { + responsive: true, + maintainAspectRatio: false, + plugins: { + legend: { + position: 'top', + }, + title: { + display: true, + text: 'Activity Status' + } + } + } + }); + }) + .catch(error => { + console.error('Error fetching activity stats:', error); + }); +}); diff --git a/garminsync/web/static/logs.js b/garminsync/web/static/logs.js new file mode 100644 index 0000000..f11a5f1 --- /dev/null +++ b/garminsync/web/static/logs.js @@ -0,0 +1,121 @@ +// Global variables for pagination and filtering +let currentPage = 1; +const logsPerPage = 20; +let totalLogs = 0; +let currentFilters = {}; + +// Initialize logs page +document.addEventListener('DOMContentLoaded', function() { + loadLogs(); +}); + +async function loadLogs() { + try { + // Build query string from filters + const params = new URLSearchParams({ + page: currentPage, + perPage: logsPerPage, + ...currentFilters + }).toString(); + + const response = await fetch(`/api/logs?${params}`); + if (!response.ok) { + throw new Error('Failed to fetch logs'); + } + + const data = await response.json(); + totalLogs = data.total; + renderLogs(data.logs); + renderPagination(); + } catch (error) { + console.error('Error loading logs:', error); + alert('Failed to load logs: ' + error.message); + } +} + +function renderLogs(logs) { + const tbody = document.getElementById('logs-tbody'); + tbody.innerHTML = ''; + + logs.forEach(log => { + const row = document.createElement('tr'); + + row.innerHTML = ` +