|
|
@ -74,10 +74,39 @@ var $padmaQuery = jQuery.noConflict(); |
|
|
|
sidebarAnimateIn(); |
|
|
|
} |
|
|
|
padmaContainer.empty(); |
|
|
|
var sidebarWrap = $('<div />').attr("id", "padmaSidebarWrapper").css({'position': 'relative'}).appendTo($container); |
|
|
|
var videoElem = $('<video />').addClass('padmaVideo').attr("src", videoObj.getLayerVideo(linkData.tcIn, linkData.tcOut)).attr("autoplay", "autoplay").attr("controls", "controls").appendTo(sidebarWrap).css({'width': '400px'}); |
|
|
|
var annotHeight = $(document).height() - parseInt((videoObj.video.height / videoObj.stream_width) * 400) - 20; |
|
|
|
var annotations = $('<div />').addClass('annotationText').css({'height': annotHeight + "px", "overflow-y": "auto"}).appendTo(sidebarWrap); |
|
|
|
var sidebarWrap = $('<div />') |
|
|
|
.attr("id", "padmaSidebarWrapper") |
|
|
|
.css({'position': 'relative', 'height': '100%'}) |
|
|
|
.appendTo($container); |
|
|
|
var videoElem = $('<video />') |
|
|
|
.addClass('padmaVideo') |
|
|
|
.attr("src", videoObj.getLayerVideo(linkData.tcIn, linkData.tcOut)) |
|
|
|
.attr("autoplay", "autoplay") |
|
|
|
.attr("controls", "controls") |
|
|
|
.appendTo(sidebarWrap) |
|
|
|
.css({'width': '400px'}); |
|
|
|
var annotHeight = $(window).height() - parseInt((videoObj.video.height / videoObj.video.stream_width) * 400) - 20; |
|
|
|
var annotations = $('<div />') |
|
|
|
.addClass('annotationText') |
|
|
|
.css({'height': annotHeight + "px", "overflow-y": "auto"}) |
|
|
|
.appendTo(sidebarWrap); |
|
|
|
var padmaButtons = $('<div />') |
|
|
|
.addClass('padmaButtons') |
|
|
|
.css({'position': 'absolute', 'bottom': '1px', 'right': '8px', 'color': padmaConfig.color, 'font-size': '12px'}) |
|
|
|
.appendTo(sidebarWrap); |
|
|
|
var padmaUrl = linkData.url; |
|
|
|
var padmaLayerBtn = $('<a />') |
|
|
|
.addClass('padmaButton') |
|
|
|
.text("See on Padma") |
|
|
|
.attr("target", "_blank") |
|
|
|
.attr("href", padmaUrl) |
|
|
|
.css({'text-decoration': 'none', 'color': '#ffff00'}) |
|
|
|
.appendTo(padmaButtons) |
|
|
|
.hover(function() { |
|
|
|
$(this).css({'color': padmaConfig.color}); |
|
|
|
}, function() { |
|
|
|
$(this).css({'color': '#ffff00'}); |
|
|
|
}); |
|
|
|
var html = getLayersHtml(npt2ms(linkData.tcIn), p.default_layers); |
|
|
|
$('.annotationText').html(html); |
|
|
|
|
|
|
|