pandora/static/js/pandora/embedDialog.js

// 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;

};