deepcrayon/lila
deepcrayon/lila
1
0
Fork 0
Code Releases Activity

embed youtube videos in practice comments

Browse source
This commit is contained in:
Thibault Duplessis 2017-01-24 12:00:34 +01:00
parent 725ab03b6a
commit 813402a6c4
2 changed files with 15 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
public/stylesheets/practice.css
View file

@ -97,6 +97,9 @@ div.game_control {
.underboard .feedback .comment {
display: block;
}
.underboard .feedback .comment iframe {
margin: 10px 0;
}
#practice_app .section {
width: 742px;

17
ui/analyse/src/study/practice/studyPracticeCtrl.js
View file

@ -7,6 +7,8 @@ var readOnlyProp = function(value) {
};
};
var commentYoutubeRegex = /(?:https?:\/\/)(?:www\.)(?:youtube\.com|youtu\.be)\/(?:watch)?(?:\?v=)?([^"&?\/ ]{11})/gi;
module.exports = function(root, studyData, data) {
var goal = m.prop();
@ -14,6 +16,15 @@ module.exports = function(root, studyData, data) {
var nbMoves = m.prop(0);
var won = m.prop(false);
var makeComment = function(treeRoot) {
if (!treeRoot.comments) return;
var c = m.trust(treeRoot.comments[0].text.replace(commentYoutubeRegex, function(m, id) {
return '<iframe width="472" height="300" src="https://www.youtube.com/embed/' + id + '" frameborder="0" allowfullscreen></iframe>';
}));
delete treeRoot.comments;
return c;
};
var onLoad = function() {
root.vm.showAutoShapes = readOnlyProp(true);
root.vm.showGauge = readOnlyProp(true);
@ -21,11 +32,7 @@ module.exports = function(root, studyData, data) {
goal(root.data.practiceGoal);
nbMoves(0);
won(false);
var r = root.tree.root;
if (r.comments) {
comment(r.comments[0].text);
delete r.comments;
}
comment(makeComment(root.tree.root));
};
onLoad();