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

Phase C.3 - Add multi-run frontend UI (dropdown, progress, polling)

Browse Source
This commit is contained in:
DeNNiiInc
2025-12-28 03:26:57 +11:00
parent aaa712b7e4
commit 39bf1e1dc8
1 changed files with 24 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
index.html
View File

@@ -63,11 +63,35 @@
</div> </div>
</div> </div>
<div class="form-row">
<div class="form-group">
<label class="form-label">Number of Runs</label>
<select id="run-count" class="form-input">
<option value="1">1 run (fastest)</option>
<option value="3" selected>3 runs (recommended)</option>
<option value="5">5 runs (good reliability)</option>
<option value="10">10 runs (best reliability)</option>
</select>
<p style="font-size: 0.85rem; color: var(--color-text-secondary); margin-top: 0.5rem;">
Multiple runs provide more reliable median results
</p>
</div>
</div>
<button id="run-btn" class="btn-primary"> <button id="run-btn" class="btn-primary">
<span>Run Test</span> <span>Run Test</span>
<div id="loading-spinner" class="loading-spinner" style="display: none;"></div> <div id="loading-spinner" class="loading-spinner" style="display: none;"></div>
</button> </button>
<p id="error-msg" style="color: var(--color-accent-danger); display: none;"></p> <p id="error-msg" style="color: var(--color-accent-danger); display: none;"></p>
<!-- Multi-Run Progress -->
<div id="multi-run-progress" style="display: none; margin-top: 1.5rem;">
<h4 style="color: var(--color-text-primary);">Running Tests...</h4>
<div style="background: var(--color-bg-tertiary); border-radius: 8px; overflow: hidden; height: 30px; margin: 1rem 0;">
<div id="progress-fill" style="height: 100%; background: var(--color-accent); width: 0%; transition: width 0.3s ease;"></div>
</div>
<p id="progress-text" style="text-align: center; color: var(--color-text-secondary);"></p>
</div>
</div> </div>
<!-- Live Results --> <!-- Live Results -->