pandora/static/js/downloadVideoDialog.js

'use strict';

pandora.ui.downloadVideoDialog = function(options) {

    var ui = pandora.user.ui,

        formats = {
            'webm': 'WebM',
            'mp4': 'MP4',
        },

        parts = options.out ? null : Ox.max(options.video.map(function(video) {
            return video.index
        })),

        $content = Ox.Element()
            .css({margin: '16px'}),

        $text = $('<div>')
            .html((
                options.out
                ? Ox._(
                    'Download Selection ({0} - {1})<br>of {2}', [
                    Ox.formatDuration(options['in']),
                    Ox.formatDuration(options.out),
                    options.title
                    ]
                )
                : Ox._('Download {0}', [options.title])
            ))
            .css({marginBottom: '16px'})
            .appendTo($content),

        $format,
        $resolution,

        $form = window.$form = Ox.Form({
            items: [
                Ox.Select({
                        id: 'format',
                        items: pandora.site.video.formats.map(function(format) {
                            return {
                                id: format,
                                title: formats[format]
                            };
                        }).concat(!options.out && options.source ? [{
                            id: 'source',
                            title: Ox._('Source')
                        }] : []),
                        label: Ox._('Format'),
                        labelWidth: 120,
                        value: pandora.site.video.downloadFormat,
                        width: 240
                    })
                    .bindEvent({
                        change: function(data) {
                            if (data.value == 'source') {
                                $resolution.hide()
                            } else {
                                $resolution.show()
                            }
                        }
                    }),
                $resolution = Ox.Select({
                        id: 'resolution',
                        items: pandora.site.video.resolutions.map(function(resolution) {
                            return {
                                id: resolution,
                                title: resolution + 'p'
                            };
                        }),
                        label: Ox._('Resolution'),
                        labelWidth: 120,
                        value: ui.videoResolution,
                        width: 240
                    })
                    .bindEvent({
                        change: function(data) {
                        }
                    })
            ].concat(parts ? [
                Ox.Select({
                        id: 'part',
                        items: Ox.range(parts + 1).map(function(resolution, idx) {
                            return {
                                id: idx + 1,
                                title: 'Part ' + (idx+1)
                            };
                        }),
                        label: Ox._('Part'),
                        labelWidth: 120,
                        value: 1,
                        width: 240
                    })
                    .bindEvent({
                        change: function(data) {
                        }
                    })
            ] : [])
        }).appendTo($content),

        failed = false,

        that = Ox.Dialog({
            buttons: [
                Ox.Button({
                    id: 'download',
                    title: Ox._('Download')
                }).bindEvent({
                    click: function() {
                        if (failed) {
                            that.close();
                            return
                        }
                        var values = $form.values(),
                            url
                        if (options.out) {
                            var $screen = Ox.LoadingScreen({
                                size: 16
                            })
                            that.options({content: $screen.start()});
                            pandora.api.extractClip({
                                item: options.item,
                                resolution: values.resolution,
                                format: values.format,
                                'in': options['in'],
                                out: options.out
                            }, function(result) {
                                if (result.data.taskId) {
                                    pandora.wait(result.data.taskId, function(result) {
                                        console.log('wait -> ', result)
                                        if (result.data.result) {
                                            url = '/' + options.item
                                                + '/' + values.resolution
                                                + 'p.' + values.format
                                                + '?t=' + options['in'] + ',' + options.out;
                                            that.close();
                                            document.location.href = url
                                        } else {
                                        }
                                    }, 1000)
                                } else {
                                    that.options({content: 'Failed to extract clip.'});
                                    that.options('buttons')[0].options({
                                        title: Ox._('Close')
                                    });
                                    failed = true;
                                }
                            })

                        } else {
                            if (values.format == 'source') {
                                url = '/' + options.item
                                    + '/download/source/'
                                    + (values.part ? values.part : '')
                            } else {
                                url = '/' + options.item
                                    + '/download/' + values.resolution
                                    + 'p'
                                    + (values.part ? values.part : '')
                                    + '.' + values.format
                            }
                        }
                        if (url) {
                            that.close();
                            document.location.href = url
                        }
                    }
                })
            ],
            closeButton: true,
            content: $content,
            removeOnClose: true,
            keys: {enter: 'download', escape: 'close'},
            title: (
                options.out
                ? Ox._('Download Video Selection')
                : Ox._('Download Video')
            ),
            width: 432
        });

    return that;

};