diff options
author | Christopher Speller <crspeller@gmail.com> | 2015-08-31 09:03:19 -0400 |
---|---|---|
committer | Christopher Speller <crspeller@gmail.com> | 2015-08-31 09:03:19 -0400 |
commit | 34cd8b50596ea92537cf00818d7e31487d47bf6a (patch) | |
tree | 69e174efe8aaf9c92dbc79a8262bfa89e557ce4c /web | |
parent | ccb5d076d5fbb96de29492633ca83ecc30f36b37 (diff) | |
parent | 91c8101797da2b1d14986209f843527dcda69bc2 (diff) | |
download | chat-34cd8b50596ea92537cf00818d7e31487d47bf6a.tar.gz chat-34cd8b50596ea92537cf00818d7e31487d47bf6a.tar.bz2 chat-34cd8b50596ea92537cf00818d7e31487d47bf6a.zip |
Merge pull request #477 from nickago/MM-1794
MM-1794 Reformatted Youtube video display
Diffstat (limited to 'web')
-rw-r--r-- | web/react/utils/utils.jsx | 7 |
1 files changed, 5 insertions, 2 deletions
diff --git a/web/react/utils/utils.jsx b/web/react/utils/utils.jsx index ecd6e5584..14a5b2f40 100644 --- a/web/react/utils/utils.jsx +++ b/web/react/utils/utils.jsx @@ -286,6 +286,7 @@ function getYoutubeEmbed(link) { return; } var metadata = data.items[0].snippet; + $('.video-type.' + youtubeId).html("Youtube - ") $('.video-uploader.' + youtubeId).html(metadata.channelTitle); $('.video-title.' + youtubeId).find('a').html(metadata.title); $('.post-list-holder-by-time').scrollTop($('.post-list-holder-by-time')[0].scrollHeight); @@ -303,9 +304,11 @@ function getYoutubeEmbed(link) { return ( <div className='post-comment'> - <h4 className='video-type'>YouTube</h4> + <h4> + <span className={'video-type ' + youtubeId}>YouTube</span> + <span className={'video-title ' + youtubeId}><a href={link}></a></span> + </h4> <h4 className={'video-uploader ' + youtubeId}></h4> - <h4 className={'video-title ' + youtubeId}><a href={link}></a></h4> <div className='video-div embed-responsive-item' id={youtubeId} onClick={onClick}> <div className='embed-responsive embed-responsive-4by3 video-div__placeholder'> <div id={youtubeId} className='video-thumbnail__container'> |