pandora/static/js/pandora/embedDialog.js
2013-02-20 10:46:36 +00:00

70 lines
1.8 KiB
JavaScript

// vim: et:ts=4:sw=4:sts=4:ft=javascript
'use strict';
pandora.ui.embedDialog = function(data) {
var content = Ox.Element().css({margin: '16px'}),
height = 360,
width = 640,
that = Ox.Dialog({
buttons: [
Ox.Button({
id: 'close',
title: 'Close'
}).bindEvent({
click: function() {
that.close();
}
})
],
closeButton: true,
content: content,
height: 120,
keys: {
'escape': 'close'
},
removeOnClose: true,
title: 'Embed Video',
width: 600
})
.bindEvent({
close: function(data) {
}
});
data.view = 'player';
content.html('To embed this video use this code on your page:<br>');
content.append(
$('<textarea>')
.css({
width: '520px',
marginLeft: '16px',
marginRight: '16px',
marginTop: '8px',
height: '50px'
}).val(
'<iframe width="' + width
+ '" height="' + height
+ '" src="' + constructURL(data)
+ '" frameborder="0" '
+ 'webkitAllowFullScreen mozallowfullscreen allowFullScreen'
+ '></iframe>'
).on({
click: function() {
this.focus();
this.select();
}
})
);
function constructURL(data) {
var url = document.location.href + (
document.location.hash ? '?embed=true' : '#?embed=true'
);
return url;
}
return that;
};