Mirrors/overte
3
0
Fork 0
mirror of https://github.com/overte-org/overte.git synced 2025-04-19 12:23:24 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

Red buttons to unload recordings

Browse source
This commit is contained in:
David Rowe 2017-04-21 19:45:14 +12:00
parent 8060e98bd5
commit ce86ce4530
2 changed files with 19 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
scripts/system/html/css/record.css
View file

@ -29,7 +29,7 @@ body {
height: 100%;
position: relative;
box-sizing: border-box;
padding: 50px 0 186px 0;
padding: 51px 0 185px 0;
margin: 0 21px 0 21px;
}
@ -85,15 +85,17 @@ body {
border-top: 1px solid #1c1c1c;
}
#recordings-list tr td:last-child span {
font-family: HiFi-Glyphs;
font-size: 24px;
height: 24px;
#recordings-list input {
height: 22px;
width: 22px;
min-width: 22px;
font-size: 16px;
padding: 0 1px 0 0;
}
#recordings tfoot {
position: absolute;
bottom: 161px;
bottom: 159px;
left: 0;
width: 100%;
box-sizing: border-box;
@ -203,7 +205,7 @@ body {
}
#record-controls #checkbox-container {
margin-top: 33px;
margin-top: 31px;
}
#record-controls div.property {

20
scripts/system/html/js/record.js
View file

@ -41,7 +41,7 @@ var isUsingToolbar = false,
FINISH_ON_OPEN_ACTION = "finishOnOpen";
function stopPlayingRecording(event) {
var playerID = event.target.getElementsByTagName("input")[0].value;
var playerID = event.target.getAttribute("playerID");
EventBridge.emitWebEvent(JSON.stringify({
type: EVENT_BRIDGE_TYPE,
action: STOP_PLAYING_RECORDING_ACTION,
@ -61,33 +61,33 @@ function updateRecordings() {
var tbody,
tr,
td,
span,
input,
ths,
tds,
length,
i,
HIFI_GLYPH_CLOSE_SMALL = "C";
HIFI_GLYPH_CLOSE = "w";
recordingsBeingPlayed.sort(orderRecording);
tbody = document.createElement("tbody");
tbody.id = "recordings-list";
// <tr><td>Filename</td><td><input type="button" class="glyph red" value="w" playerID=id /></td></tr>
for (i = 0, length = recordingsBeingPlayed.length; i < length; i += 1) {
tr = document.createElement("tr");
td = document.createElement("td");
td.innerHTML = recordingsBeingPlayed[i].filename.slice(4);
tr.appendChild(td);
td = document.createElement("td");
span = document.createElement("span");
span.innerHTML = HIFI_GLYPH_CLOSE_SMALL;
span.addEventListener("click", stopPlayingRecording);
input = document.createElement("input");
input.setAttribute("type", "hidden");
input.setAttribute("value", recordingsBeingPlayed[i].playerID);
span.appendChild(input);
td.appendChild(span);
input.setAttribute("type", "button");
input.setAttribute("class", "glyph red");
input.setAttribute("value", HIFI_GLYPH_CLOSE);
input.setAttribute("playerID", recordingsBeingPlayed[i].playerID);
input.addEventListener("click", stopPlayingRecording);
td.appendChild(input);
tr.appendChild(td);
tbody.appendChild(tr);
}