Refactor probe link placement in UI

Moved the 'probe' link from the global templates array to individual
stream status columns for improved clarity and accessibility. This
change enhances the interface by contextualizing the 'probe' option,
making it directly accessible alongside each stream's online status and
info link, thereby streamlining the user experience and emphasizing the
function's importance on a per-stream basis. This adjustment follows
usability feedback indicating that users prefer immediate access to
stream diagnostics.
This commit is contained in:
Sergey Krashevich
2024-05-15 12:39:50 +03:00
parent 75020d4df7
commit 0cb013a7fd

View File

@@ -60,7 +60,6 @@
const templates = [
'<a href="stream.html?src={name}">stream</a>',
'<a href="links.html?src={name}">links</a>',
'<a href="api/streams?src={name}&video=all&audio=all&microphone">probe</a>',
'<a href="#" data-name="{name}">delete</a>',
];
@@ -140,7 +139,7 @@
const isChecked = checkboxStates[name] ? 'checked' : '';
tr.innerHTML =
`<td><label><input type="checkbox" name="${name}" ${isChecked}>${name}</label></td>` +
`<td><a href="api/streams?src=${src}">${online} / info</a></td>` +
`<td><a href="api/streams?src=${src}">${online} / info</a> / <a href="api/streams?src=${src}&video=all&audio=all&microphone">probe</a></td>` +
`<td>${links}</td>`;
}