dennii/Web-Page-Performance-Test
1
0
Fork 0
mirror of https://github.com/DeNNiiInc/Web-Page-Performance-Test.git synced 2026-04-17 20:05:58 +00:00
Code Issues Packages Projects Releases Wiki Activity

Make Recent Tests URLs clickable to reload results

Browse Source
This commit is contained in:
DeNNiiInc
2025-12-28 03:40:18 +11:00
parent 39bf1e1dc8
commit 6df9b0e44f
1 changed files with 31 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
main.js
View File

@@ -199,7 +199,11 @@ async function loadHistory() {
<div style="display: flex; align-items: center; gap: 1rem; flex: 1;"> <div style="display: flex; align-items: center; gap: 1rem; flex: 1;">
<input type="checkbox" class="compare-checkbox" data-test-id="${test.id}" style="width: 20px; height: 20px; cursor: pointer;"> <input type="checkbox" class="compare-checkbox" data-test-id="${test.id}" style="width: 20px; height: 20px; cursor: pointer;">
<div style="flex: 1;"> <div style="flex: 1;">
<div style="font-weight: 600; font-size: 0.9rem">${test.url}</div> <div style="font-weight: 600; font-size: 0.9rem">
<a href="#" class="history-url-link" data-test-id="${test.id}" style="color: var(--color-accent); text-decoration: none; cursor: pointer;" title="Click to reload test results">
${test.url}
</a>
</div>
<div style="font-size: 0.75rem; color: var(--color-text-muted)"> <div style="font-size: 0.75rem; color: var(--color-text-muted)">
${date} • ${test.isMobile ? '📱 Mobile' : '💻 Desktop'} ${date} • ${test.isMobile ? '📱 Mobile' : '💻 Desktop'}
</div> </div>
@@ -223,12 +227,38 @@ async function loadHistory() {
// Setup comparison functionality // Setup comparison functionality
setupComparisonControls(); setupComparisonControls();
// Setup click handlers for history URLs
document.querySelectorAll('.history-url-link').forEach(link => {
link.addEventListener('click', async (e) => {
e.preventDefault();
const testId = e.target.dataset.testId;
await loadTestById(testId);
});
});
} catch (error) { } catch (error) {
console.error('Failed to load history', error); console.error('Failed to load history', error);
} }
} }
// Load and display a test by ID
async function loadTestById(testId) {
try {
const response = await fetch(`/reports/${testId}.json`);
if (!response.ok) throw new Error('Test not found');
const data = await response.json();
displayResults(data);
// Scroll to results
document.getElementById('results-area').scrollIntoView({ behavior: 'smooth' });
} catch (error) {
console.error('Failed to load test:', error);
alert('Could not load test results. The test may have been deleted.');
}
}
function setupComparisonControls() { function setupComparisonControls() {
const checkboxes = document.querySelectorAll('.compare-checkbox'); const checkboxes = document.querySelectorAll('.compare-checkbox');
const controls = document.getElementById('comparison-controls'); const controls = document.getElementById('comparison-controls');