Cleanup
parent
f5a0e09f1e
commit
31d3374417
|
@ -87,15 +87,16 @@ class AnnotationPoint extends React.Component {
|
||||||
|
|
||||||
render() {
|
render() {
|
||||||
const {annotation, mode, dygraph} = this.props
|
const {annotation, mode, dygraph} = this.props
|
||||||
|
const {isDragging} = this.state
|
||||||
|
|
||||||
const isEditing = mode === EDITING
|
const isEditing = mode === EDITING
|
||||||
const humanTime = `${new Date(+annotation.startTime)}`
|
|
||||||
const {isDragging} = this.state
|
|
||||||
|
|
||||||
const flagClass = isDragging
|
const flagClass = isDragging
|
||||||
? 'annotation-point--flag__dragging'
|
? 'annotation-point--flag__dragging'
|
||||||
: 'annotation-point--flag'
|
: 'annotation-point--flag'
|
||||||
|
|
||||||
const markerClass = isDragging ? 'annotation dragging' : 'annotation'
|
const markerClass = isDragging ? 'annotation dragging' : 'annotation'
|
||||||
|
|
||||||
const clickClass = isEditing
|
const clickClass = isEditing
|
||||||
? 'annotation--click-area editing'
|
? 'annotation--click-area editing'
|
||||||
: 'annotation--click-area'
|
: 'annotation--click-area'
|
||||||
|
@ -103,12 +104,7 @@ class AnnotationPoint extends React.Component {
|
||||||
const left = `${dygraph.toDomXCoord(annotation.startTime) + 16}px`
|
const left = `${dygraph.toDomXCoord(annotation.startTime) + 16}px`
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div
|
<div className={markerClass} style={{left}}>
|
||||||
className={markerClass}
|
|
||||||
style={{left}}
|
|
||||||
data-time-ms={annotation.startTime}
|
|
||||||
data-time-local={humanTime}
|
|
||||||
>
|
|
||||||
<div
|
<div
|
||||||
className={clickClass}
|
className={clickClass}
|
||||||
draggable={true}
|
draggable={true}
|
||||||
|
|
Loading…
Reference in New Issue