alexei.dolgolyov
c262ec0775
- Replace all emoji characters across WebUI with inline Lucide SVG icons for cross-platform consistency (icon paths in icon-paths.js) - Add accent color picker popover with 9 preset colors + custom picker, persisted to localStorage, updates all CSS custom properties - Remove subtab separator line for cleaner look - Color badge icons with accent color for visual pop - Remove processing badge from target cards - Fix hardcoded #4CAF50 in FPS labels and active badges to use CSS vars - Replace CSS content emoji (▶) with pure CSS triangle Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
41 lines
2.7 KiB
HTML
41 lines
2.7 KiB
HTML
<!-- Test Audio Template Modal -->
|
|
<div id="test-audio-template-modal" class="modal" role="dialog" aria-modal="true" aria-labelledby="test-audio-template-modal-title">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h2 id="test-audio-template-modal-title" data-i18n="audio_template.test.title">Test Audio Template</h2>
|
|
<button class="modal-close-btn" onclick="closeTestAudioTemplateModal()" title="Close" data-i18n-aria-label="aria.close">✕</button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<div class="form-group">
|
|
<div class="label-row">
|
|
<label for="test-audio-template-device" data-i18n="audio_template.test.device">Audio Device:</label>
|
|
<button type="button" class="hint-toggle" onclick="toggleHint(this)" title="?">?</button>
|
|
</div>
|
|
<small class="input-hint" style="display:none" data-i18n="audio_template.test.device.hint">Select which audio device to capture from during the test</small>
|
|
<select id="test-audio-template-device"></select>
|
|
</div>
|
|
|
|
<button type="button" id="test-audio-template-start-btn" class="btn btn-primary" onclick="startAudioTemplateTest()" style="margin-top: 8px;">
|
|
<svg class="icon" viewBox="0 0 24 24"><path d="M14 2v6a2 2 0 0 0 .245.96l5.51 10.08A2 2 0 0 1 18 22H6a2 2 0 0 1-1.755-2.96l5.51-10.08A2 2 0 0 0 10 8V2"/><path d="M6.453 15h11.094"/><path d="M8.5 2h7"/></svg> <span data-i18n="audio_template.test.run">Run</span>
|
|
</button>
|
|
|
|
<canvas id="audio-template-test-canvas" class="audio-test-canvas" style="display:none; margin-top: 12px;"></canvas>
|
|
<div id="audio-template-test-stats" class="audio-test-stats" style="display:none;">
|
|
<span class="audio-test-stat">
|
|
<span class="audio-test-stat-label" data-i18n="audio_source.test.rms">RMS</span>
|
|
<span class="audio-test-stat-value" id="audio-template-test-rms">---</span>
|
|
</span>
|
|
<span class="audio-test-stat">
|
|
<span class="audio-test-stat-label" data-i18n="audio_source.test.peak">Peak</span>
|
|
<span class="audio-test-stat-value" id="audio-template-test-peak">---</span>
|
|
</span>
|
|
<span class="audio-test-stat">
|
|
<span id="audio-template-test-beat-dot" class="audio-test-beat-dot"></span>
|
|
<span class="audio-test-stat-label" data-i18n="audio_source.test.beat">Beat</span>
|
|
</span>
|
|
</div>
|
|
<div id="audio-template-test-status" class="audio-test-status" style="display:none;"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|