demostf/frontend
1
0
Fork 0
mirror of https://codeberg.org/demostf/frontend.git synced 2026-06-03 18:24:12 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix timeline not updating from outside seeks

Browse source
This commit is contained in:
Robin Appelman 2024-12-02 23:53:31 +01:00
commit 8a651088ff
1 changed files with 53 additions and 50 deletions
Download patch file Download diff file Expand all files Collapse all files

11
script/viewer/Analyse/Render/Timeline.tsx
View file

@ -7,12 +7,15 @@ export interface TimelineProps {
disabled?: boolean;
}
export const Timeline = ({parser, tick, onSetTick, disabled}) => {
export const Timeline = (props: TimelineProps) => {
const parser = props.parser;
const background = <TimeLineBackground parser={parser}/>;
return <div class="timeline">
<input max={parser.demo.tickCount} value={tick} class="timeline-progress" type="range" min={0}
onChange={(event) => {onSetTick(parseInt(event.target.value, 10))}}
disabled={disabled}
<input max={parser.demo.tickCount} value={props.tick} class="timeline-progress" type="range" min={0}
onChange={(event) => {
props.onSetTick(parseInt(event.target.value, 10))
}}
disabled={props.disabled}
/>
{background}
</div>;