sjg/trx-rs
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[feat](trx-frontend-http): swap play icon to pause when audio is active

Browse Source 
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Signed-off-by: Stan Grams <sjg@haxx.space>
This commit is contained in:
Stan Grams
2026-03-24 21:15:34 +01:00
parent 127da19856
commit 6b043d76be
1 changed files with 3 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/trx-client/trx-frontend/trx-frontend-http/assets/web/app.js
+3
View File
@@ -7940,10 +7940,13 @@ txAudioBtn.addEventListener("click", startTxAudio);
// Header play button mirrors the RX audio toggle. // Header play button mirrors the RX audio toggle.
const headerAudioToggle = document.getElementById("header-audio-toggle"); const headerAudioToggle = document.getElementById("header-audio-toggle");
const _audioIconPlay = '<svg viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M5 3v10l8-5z"/></svg>';
const _audioIconPause = '<svg viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><rect x="3" y="3" width="3.5" height="10" rx="0.8"/><rect x="9.5" y="3" width="3.5" height="10" rx="0.8"/></svg>';
function syncHeaderAudioBtn() { function syncHeaderAudioBtn() {
if (!headerAudioToggle) return; if (!headerAudioToggle) return;
headerAudioToggle.classList.toggle("audio-active", rxActive); headerAudioToggle.classList.toggle("audio-active", rxActive);
headerAudioToggle.title = rxActive ? "Stop audio" : "Play audio"; headerAudioToggle.title = rxActive ? "Stop audio" : "Play audio";
headerAudioToggle.innerHTML = rxActive ? _audioIconPause : _audioIconPlay;
} }
if (headerAudioToggle) { if (headerAudioToggle) {
headerAudioToggle.addEventListener("click", startRxAudio); headerAudioToggle.addEventListener("click", startRxAudio);