bellingcat/ukraine-timemap
1
0
Fork 0
mirror of https://github.com/bellingcat/ukraine-timemap.git synced 2026-06-12 21:38:35 +03:00
Code Issues Packages Projects Releases Wiki Activity

WIP: project bars starting to magic...

Browse Source
This commit is contained in:
Lachlan Kermode
2020-03-26 13:24:53 +01:00
parent f832215522
commit 678d63f78b
4 changed files with 67 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
src/components/presentational/Timeline/Events.js
View File

@@ -81,6 +81,31 @@ const TimelineEvents = ({
const extraRender = customStyles[1]
let bar = <DatetimeBar
onSelect={() => onSelect(unlocatedEvents)}
category={dot.category}
events={unlocatedEvents}
x={getDatetimeX(datetime)}
y={dims.marginTop}
width={sizes.eventDotR}
height={dims.trackHeight}
styleProps={unlocatedProps}
/>
if (process.env.features.ASSOCIATIVE_EVENTS_BY_TAG) {
// render all dots individually
bar = <React.Fragment>
{unlocatedEvents.map(ev => (<DatetimeBar
onSelect={() => onSelect(unlocatedEvents)}
category={dot.category}
events={[ev]}
x={getDatetimeX(datetime)}
y={ev.projectOffset >= 0 ? dims.trackHeight - ev.projectOffset : dims.marginTop}
width={sizes.eventDotR}
height={ev.projectOffset >= 0 ? sizes.eventDotR * 2 : 20}
styleProps={unlocatedProps}
/>))}
</React.Fragment>
}
return (
<g className='datetime'>
{locatedEvents.length >= 1 && <DatetimeDot
@@ -93,16 +118,7 @@ const TimelineEvents = ({
styleProps={locatedProps}
extraRender={extraRender}
/>}
{unlocatedEvents.length >= 1 && <DatetimeBar
onSelect={() => onSelect(unlocatedEvents)}
category={dot.category}
events={unlocatedEvents}
x={getDatetimeX(datetime)}
y={dims.marginTop}
width={(2 * sizes.eventDotR) * 0.9}
height={dims.trackHeight}
styleProps={unlocatedProps}
/>}
{unlocatedEvents.length >= 1 && bar}
{extraRender ? extraRender() : null}
</g>
)