pandora/static/js/downloadVideoDialog.js

185 lines
7 KiB
JavaScript

'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;
};