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

some basic viewer

Browse source
This commit is contained in:
Robin Appelman 2023-04-29 14:54:53 +02:00
commit 5910b2f35a
45 changed files with 1089 additions and 1436 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1,4 +1,4 @@
import {ParsedDemo, PlayerState, Header, WorldBoundaries, Team} from "@demostf/parser-worker";
import {ParsedDemo, PlayerState, Header, WorldBoundaries, Team} from "../Data/Parser";
export interface TimelineProps {
parser: AsyncParser;
@ -8,16 +8,13 @@ export interface TimelineProps {
}
export const Timeline = ({parser, tick, onSetTick, disabled}) => {
const background = <TimeLineBackground parser={parser}/>;
return (<div class="timeline">
{background}
<input class="timeline-progress" type="range" min={0}
max={parser.demo.tickCount} value={tick}
disabled={disabled}
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}
/>
</div>);
<TimeLineBackground parser={parser}/>
</div>;
}
import {AsyncParser} from "../Data/AsyncParser";