diff options
author | =Corey Hulen <corey@hulen.com> | 2015-08-21 08:54:48 -0700 |
---|---|---|
committer | =Corey Hulen <corey@hulen.com> | 2015-08-21 08:54:48 -0700 |
commit | 0ae7180ac5e0cea1e240a1d29c5822159762b2e3 (patch) | |
tree | 6fb954e8d5609286b861c3e378543f28180d84d5 /web/react/components/view_image.jsx | |
parent | 60be2a5636e52bd3193978691f9b53d896e4c45c (diff) | |
parent | ddcdcc3e2c85efbfd1d91d69c0f5c0af7c7cb1c7 (diff) | |
download | chat-0ae7180ac5e0cea1e240a1d29c5822159762b2e3.tar.gz chat-0ae7180ac5e0cea1e240a1d29c5822159762b2e3.tar.bz2 chat-0ae7180ac5e0cea1e240a1d29c5822159762b2e3.zip |
Merging
Diffstat (limited to 'web/react/components/view_image.jsx')
-rw-r--r-- | web/react/components/view_image.jsx | 32 |
1 files changed, 30 insertions, 2 deletions
diff --git a/web/react/components/view_image.jsx b/web/react/components/view_image.jsx index 2b7f64030..6077c4ebc 100644 --- a/web/react/components/view_image.jsx +++ b/web/react/components/view_image.jsx @@ -109,6 +109,26 @@ module.exports = React.createClass({ } ); + if (this.refs.previewArrowLeft) { + $(this.refs.previewArrowLeft.getDOMNode()).hover( + function onModalHover() { + $(self.refs.imageFooter.getDOMNode()).addClass('footer--show'); + }, function offModalHover() { + $(self.refs.imageFooter.getDOMNode()).removeClass('footer--show'); + } + ); + } + + if (this.refs.previewArrowRight) { + $(this.refs.previewArrowRight.getDOMNode()).hover( + function onModalHover() { + $(self.refs.imageFooter.getDOMNode()).addClass('footer--show'); + }, function offModalHover() { + $(self.refs.imageFooter.getDOMNode()).removeClass('footer--show'); + } + ); + } + $(window).on('keyup', this.handleKeyPress); // keep track of whether or not this component is mounted so we can safely set the state asynchronously @@ -252,13 +272,21 @@ module.exports = React.createClass({ var rightArrow = ''; if (this.props.filenames.length > 1) { leftArrow = ( - <a className='modal-prev-bar' href='#' onClick={this.handlePrev}> + <a + ref='previewArrowLeft' + className='modal-prev-bar' + href='#' + onClick={this.handlePrev}> <i className='image-control image-prev'/> </a> ); rightArrow = ( - <a className='modal-next-bar' href='#' onClick={this.handleNext}> + <a + ref='previewArrowRight' + className='modal-next-bar' + href='#' + onClick={this.handleNext}> <i className='image-control image-next'/> </a> ); |