summaryrefslogtreecommitdiffstats
path: root/web/react/utils
diff options
context:
space:
mode:
authorChristopher Speller <crspeller@gmail.com>2015-08-31 09:03:19 -0400
committerChristopher Speller <crspeller@gmail.com>2015-08-31 09:03:19 -0400
commit34cd8b50596ea92537cf00818d7e31487d47bf6a (patch)
tree69e174efe8aaf9c92dbc79a8262bfa89e557ce4c /web/react/utils
parentccb5d076d5fbb96de29492633ca83ecc30f36b37 (diff)
parent91c8101797da2b1d14986209f843527dcda69bc2 (diff)
downloadchat-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/react/utils')
-rw-r--r--web/react/utils/utils.jsx7
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'>