BigBlueButton/bigbluebutton-Github
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(timer): add indicator to the tab title

Browse Source 
Adds the current time string to the tab title, enclosed by opening and
closing brackets.
This commit is contained in:
Arthurk12 2023-05-02 18:03:14 -03:00
parent ecb6527bae
commit b3c12153c3
1 changed files with 23 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
bigbluebutton-html5/imports/ui/components/timer/indicator/component.jsx
View File

@ -43,13 +43,17 @@ class Indicator extends Component {
}
componentDidUpdate(prevProps) {
const { timer } = this.props;
const { timer: prevTimer } = prevProps;
const { timer, isTimerActive } = this.props;
const { timer: prevTimer, isTimerActive: prevTimerActive } = prevProps;
if (this.shouldPlayMusic()) {
this.playMusic();
}
if (!isTimerActive && prevTimerActive) {
this.updateTabTitleTimer(true, this.getTime());
}
this.updateInterval(prevTimer, timer);
this.updateAlarmTrigger(prevTimer, timer);
}
@ -301,6 +305,22 @@ class Indicator extends Component {
const { current } = this.timeRef;
if (current) {
current.textContent = this.getTime();
this.updateTabTitleTimer(false, current.textContent);
}
}
updateTabTitleTimer(deactivation, timeString) {
const matchTimerString = /\[[0-9][0-9]:[0-9][0-9]:[0-9][0-9]\]/g;
if (deactivation) {
document.title = document.title.replace(matchTimerString, '');
} else {
if (RegExp(matchTimerString).test(document.title)) {
document.title = document.title.replace(matchTimerString, '');
document.title = '[' + timeString + '] ' + document.title;
} else {
document.title = '[' + timeString + '] ' + document.title;
}
}
}
@ -323,7 +343,7 @@ class Indicator extends Component {
}
const onClick = running ? TimerService.stopTimer : TimerService.startTimer;
this.updateTabTitleTimer(false, time);
return (
<Styled.TimerWrapper>
<Styled.Timer>