github/atom
1
1
Fork 0
mirror of https://github.com/atom/atom.git synced 2026-04-28 03:01:47 -04:00
Code Issues Packages Projects Releases Wiki Activity

Decorations can be flashed

Browse Source
This commit is contained in:
Ben Ogle
2014-07-02 18:36:29 -07:00
parent a56b5eef2f
commit bf33d96899
4 changed files with 54 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/highlight-component.coffee
View File

@@ -19,22 +19,26 @@ HighlightComponent = React.createClass
@renderMultiLineRegions()
componentDidMount: ->
@startFlashAnimation() if @props.decoration.flash?
{editor, decoration} = @props
if decoration.id?
@decoration = editor.decorationForId(decoration.id)
@decoration.on 'flash', @startFlashAnimation
componentDidUpdate: ->
@startFlashAnimation() if @props.decoration.flash?
startFlashAnimation: ->
{flash} = @props.decoration
componentWillUnmount: ->
@decoration?.off 'flash', @startFlashAnimation
startFlashAnimation: (klass, duration) ->
node = @getDOMNode()
node.classList.remove(flash.class)
node.classList.remove(klass)
requestAnimationFrame =>
node.classList.add(flash.class)
node.classList.add(klass)
clearTimeout(@flashTimeoutId)
removeFlashClass = -> node.classList.remove(flash.class)
@flashTimeoutId = setTimeout(removeFlashClass, flash.duration ? 500)
removeFlashClass = -> node.classList.remove(klass)
@flashTimeoutId = setTimeout(removeFlashClass, duration)
renderSingleLineRegions: ->
{startPixelPosition, endPixelPosition, lineHeightInPixels} = @props