Report the numnber of free players rather than total number

This commit is contained in:
David Rowe 2017-04-13 13:40:52 +12:00
parent 464bc17491
commit 24a68ea685
2 changed files with 14 additions and 6 deletions

View file

@ -14,7 +14,7 @@ var isUsingToolbar = false,
numberOfPlayers = 0, numberOfPlayers = 0,
recordingsBeingPlayed = [], recordingsBeingPlayed = [],
elRecordingsPlaying, elRecordingsPlaying,
elNumberOfPlayers, elPlayersUnused,
elLoadButton, elLoadButton,
elRecordButton, elRecordButton,
EVENT_BRIDGE_TYPE = "record", EVENT_BRIDGE_TYPE = "record",
@ -38,6 +38,10 @@ function orderRecording(a, b) {
return a.filename > b.filename ? 1 : -1; return a.filename > b.filename ? 1 : -1;
} }
function updatePlayersUnused() {
elPlayersUnused.innerHTML = numberOfPlayers - recordingsBeingPlayed.length;
}
function updateRecordings() { function updateRecordings() {
var tbody, var tbody,
tr, tr,
@ -70,6 +74,8 @@ function updateRecordings() {
} }
elRecordingsPlaying.replaceChild(tbody, elRecordingsPlaying.getElementsByTagName("tbody")[0]); elRecordingsPlaying.replaceChild(tbody, elRecordingsPlaying.getElementsByTagName("tbody")[0]);
updatePlayersUnused();
} }
function updateLoadButton() { function updateLoadButton() {
@ -91,7 +97,7 @@ function onScriptEventReceived(data) {
break; break;
case NUMBER_OF_PLAYERS_ACTION: case NUMBER_OF_PLAYERS_ACTION:
numberOfPlayers = message.value; numberOfPlayers = message.value;
elNumberOfPlayers.innerHTML = numberOfPlayers; updatePlayersUnused();
updateLoadButton(); updateLoadButton();
break; break;
} }
@ -103,7 +109,7 @@ function onBodyLoaded() {
EventBridge.scriptEventReceived.connect(onScriptEventReceived); EventBridge.scriptEventReceived.connect(onScriptEventReceived);
elRecordingsPlaying = document.getElementById("recordings-playing"); elRecordingsPlaying = document.getElementById("recordings-playing");
elNumberOfPlayers = document.getElementById("number-of-players"); elPlayersUnused = document.getElementById("players-unused");
elLoadButton = document.getElementById("load-button"); elLoadButton = document.getElementById("load-button");
elLoadButton.onclick = function () { elLoadButton.onclick = function () {

View file

@ -29,11 +29,13 @@
</thead> </thead>
<tbody> <tbody>
</tbody> </tbody>
<tfoot>
<tr>
<td id="footer-text" colspan="2">Number of available instances: <span id="players-unused"></span></td>
</tr>
</tfoot>
</table> </table>
</div> </div>
<div>
<p>Number of players: <span id="number-of-players">0</span></p>
</div>
<div> <div>
<input id="load-button" type="button" value="Load" disabled /> <input id="load-button" type="button" value="Load" disabled />
</div> </div>