feat: many timers (#706)

* wip: create simple timer class

* refactor: service to manage extra timers

* wip:ui for controlling the extra timer

---------

Co-authored-by: arc-alex <ac@omnivox.dk>
This commit is contained in:
Carlos Valente
2024-01-25 16:51:20 +01:00
committed by GitHub
parent 74e1ae609c
commit 2df3d376ad
17 changed files with 465 additions and 7 deletions
@@ -0,0 +1,78 @@
import { SimpleDirection, SimplePlayback, SimpleTimerState } from 'ontime-types';
export class SimpleTimer {
state: SimpleTimerState = {
duration: 0,
current: 0,
playback: SimplePlayback.Stop,
direction: SimpleDirection.CountDown,
};
private startedAt: number | null = null;
private pausedAt: number | null = null;
constructor() {}
public reset() {
this.state = {
duration: 0,
current: 0,
playback: SimplePlayback.Stop,
direction: SimpleDirection.CountDown,
};
}
/**
* Sets the duration of the timer
* @param time - time in milliseconds
*/
public setTime(time: number): SimpleTimerState {
this.state.duration = time;
this.state.current = time;
return this.state;
}
public setDirection(direction: SimpleDirection): SimpleTimerState {
this.state.playback = SimplePlayback.Stop;
this.state.current = this.state.duration;
this.state.direction = direction;
return this.state;
}
public start(timeNow: number): SimpleTimerState {
if (this.state.playback === SimplePlayback.Pause) {
const elapsedSincePause = this.pausedAt - this.startedAt;
this.startedAt = timeNow - elapsedSincePause;
} else if (this.state.playback === SimplePlayback.Stop) {
this.startedAt = timeNow;
}
this.state.playback = SimplePlayback.Start;
return this.update(timeNow);
}
public pause(timeNow: number): SimpleTimerState {
if (this.state.playback !== SimplePlayback.Start) return this.state;
this.state.playback = SimplePlayback.Pause;
this.pausedAt = timeNow;
return this.state;
}
public stop(): SimpleTimerState {
this.state.playback = SimplePlayback.Stop;
this.state.current = this.state.duration;
this.startedAt = null;
return this.state;
}
public update(timeNow: number): SimpleTimerState {
if (this.state.playback === SimplePlayback.Start) {
const elapsed = timeNow - this.startedAt;
if (this.state.direction === SimpleDirection.CountDown) {
this.state.current = this.state.duration - elapsed;
} else if (this.state.direction === SimpleDirection.CountUp) {
this.state.current = this.state.duration + elapsed;
}
}
return this.state;
}
}