Skip to content

Commit dd9244e

Browse files
committed
Disabled record and save buttons while music is playing
1 parent 4e24481 commit dd9244e

File tree

3 files changed

+24
-2
lines changed

3 files changed

+24
-2
lines changed

js/artwork.js

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

js/logo.js

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1792,6 +1792,15 @@ class Logo {
17921792
}
17931793
}
17941794
document.getElementById("stop").style.color = "white";
1795+
const saveButton = docById('saveButton');
1796+
const saveButtonAdvanced = docById('saveButtonAdvanced');
1797+
const recordButton = docById("record");
1798+
saveButton.disabled = false;
1799+
saveButtonAdvanced.disabled = false;
1800+
saveButton.className = "";
1801+
saveButtonAdvanced.className = "";
1802+
recordButton.className = "";
1803+
recordButton.className = "";
17951804
}
17961805
}
17971806
}

js/toolbar.js

Lines changed: 14 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -355,7 +355,7 @@ class Toolbar {
355355
renderPlayIcon(onclick) {
356356
const playIcon = docById("play");
357357
const stopIcon = docById("stop");
358-
358+
const recordButton = docById("record");
359359
let isPlayIconRunning = false;
360360

361361
function handleClick() {
@@ -378,6 +378,12 @@ class Toolbar {
378378
onclick(this.activity);
379379
handleClick();
380380
stopIcon.style.color = this.stopIconColorWhenPlaying;
381+
saveButton.disabled = true;
382+
saveButtonAdvanced.disabled = true;
383+
saveButton.className = "grey-text inactiveLink";
384+
saveButtonAdvanced.className = "grey-text inactiveLink";
385+
recordButton.className = "grey-text inactiveLink";
386+
recordButton.className = "grey-text inactiveLink";
381387
isPlayIconRunning = true;
382388
play_button_debounce_timeout = setTimeout(function() { handleClick(); }, 2000);
383389

@@ -399,9 +405,16 @@ class Toolbar {
399405
*/
400406
renderStopIcon(onclick) {
401407
const stopIcon = docById("stop");
408+
const recordButton = docById("record");
402409
stopIcon.onclick = () => {
403410
onclick(this.activity);
404411
stopIcon.style.color = "white";
412+
saveButton.disabled = false;
413+
saveButtonAdvanced.disabled = false;
414+
saveButton.className = "";
415+
saveButtonAdvanced.className = "";
416+
recordButton.className = "";
417+
recordButton.className = "";
405418
};
406419
}
407420

0 commit comments

Comments
 (0)