gitea/historical-prices
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

same as last version but work in mobile devices and docker enviroment

Browse Source
This commit is contained in:
tab888
2026-02-08 01:57:21 +08:00
parent c609879104
commit 76d85a97b5
1 changed files with 37 additions and 65 deletions
Download Patch File Download Diff File Expand all files Collapse all files
templates/index.html
+37 -65
View File
@@ -181,50 +181,27 @@
font-size: 0.85rem; font-size: 0.85rem;
letter-spacing: 0.5px; letter-spacing: 0.5px;
} }
/* High Contrast Signal Colors - Works in Light & Dark Mode */
@media (prefers-color-scheme: dark) { .signal-up {
:root { color: #00ff88 !important; /* Vibrant Mint (Visible on any dark bg) */
--header-bg: #1a202c; font-weight: bold !important;
--sticky-bg: #2d3748; }
--sticky-bg-alt: #1a202c; .signal-down {
} color: #ff4d4d !important; /* Vibrant Coral/Red */
font-weight: bold !important;
body { }
background-color: #121212 !important; .signal-neutral {
color: #e2e8f0; color: #e2e8f0 !important;
} }
.card, .card-header { @media (prefers-color-scheme: dark) {
background-color: #2d3748 !important; body { background-color: #121212 !important; color: #e2e8f0; }
color: white; .card { background-color: #1a202c !important; border: 1px solid #2d3748; }
border-color: #4a5568;
} /* Ensure table text doesn't turn grey on mobile */
.table { color: #e2e8f0 !important; }
.table td { }
border-color: #4a5568;
color: #e2e8f0;
}
/* HIGH CONTRAST FOR DARK MODE */
.text-danger {
color: #ff6b6b !important; /* Vibrant Red-Coral */
font-weight: 700;
}
.text-success {
color: #51cf66 !important; /* Vibrant Mint-Green */
font-weight: 700;
}
.text-muted {
color: #a0aec0 !important; /* Lightened grey */
}
}
#loading {
display: none;
margin-left: 10px;
font-size: 0.8rem;
color: #888;
}
</style> </style>
</head> </head>
@@ -353,27 +330,22 @@
const result = await response.json(); const result = await response.json();
// 1. Update Sync Time // 1. Update Sync Time
if (syncDisplay && result.last_sync) { if (result.last_sync) {
// Create a Date object from the GMT string // Ensure format is ISO compliant for mobile browsers
const gmtDate = new Date(result.last_sync + " UTC"); const dateStr = result.last_sync.replace(' ', 'T');
const dateObj = new Date(dateStr + (dateStr.includes('Z') ? '' : 'Z'));
// Convert to local browser format (e.g., 14:30:05 or 2:30 PM)
const localTime = gmtDate.toLocaleTimeString([], { document.getElementById('lastSyncTime').innerText = dateObj.toLocaleTimeString([], {
hour: '2-digit', hour: '2-digit', minute: '2-digit', second: '2-digit', hour12: false
minute: '2-digit', });
second: '2-digit', }
hour12: false // --- FIX: Extract data from result ---
}); const data = result.data;
syncDisplay.innerText = result.last_sync;
syncDisplay.classList.add('text-success'); if (!data || data.length === 0) {
setTimeout(() => syncDisplay.classList.remove('text-success'), 2000); tbody.innerHTML = '<tr><td colspan="14" class="text-center signal-neutral">No data found.</td></tr>';
} return;
}
const data = result.data;
if (!data || data.length === 0) {
tbody.innerHTML = '<tr><td colspan="14" class="p-4 text-center">No data found. Please run Sync.</td></tr>';
return;
}
let htmlContent = ''; let htmlContent = '';
const todayStr = new Date().toISOString().split('T')[0]; const todayStr = new Date().toISOString().split('T')[0];