oxspeed/js/ui/openRemoteDialog.js

93 lines
2.4 KiB
JavaScript

pandora.ui.openRemoteDialog = function() {
// var $inputs = Ox.InputGroup({
// 'inputs': [
// Ox.Input({
// 'label': 'Pan.do/ra instance URL',
// 'id': 'pandoraInstance',
// 'width': 250
// }),
// Ox.Input({
// 'label': 'Pan.do/ra Video ID',
// 'id': 'pandoraID',
// 'width': 250
// })
// ],
// 'width': 250
// });
var instances = [
{
'id': 'https://pad.ma',
'title': 'Pad.ma'
},
{
'id': 'https://0xdb.org',
'title': 'Oxdb'
},
{
'id': 'https://indiancine.ma',
'title': 'IndianCine.ma'
},
{
'id': 'other',
'title': 'Other...'
}
]
var $input1 = Ox.SelectInput({
'items': instances,
'label': 'Site',
'placeholder': 'http://example.com',
'max': 1,
'min': 1,
'value': instances[0]['id'],
}).css({'margin': '4px'});
// var $input1 = Ox.Input({
// 'label': 'Pan.do/ra instance URL',
// 'id': 'pandoraInstance',
// 'labelWidth': 250,
// 'width': 600
// }).css({'margin': '4px'});
var $input2 = Ox.Input({
'label': 'Pan.do/ra Video ID',
'id': 'pandoraID',
'labelWidth': 250,
'width': 600
}).css({'margin': '4px'});
var $content = Ox.Element().append($input1).append($input2);
var that = Ox.Dialog({
'content': $content.css({'padding': '12px'}),
'buttons': [
Ox.Button({
'group': true,
'id': 'loadRemoteVideoButton',
'title': 'Load Video'
}).bindEvent("click", function() {
var pandoraInstance = $input1.value();
var pandoraID = $input2.value();
var base_url = pandoraInstance + "/" + pandoraID;
var options = {
'name': base_url,
'url': base_url + "/480p.webm",
'type': 'remote',
'title': base_url
};
pandora.$ui.textArea.speedtrans.load(options);
that.close();
})
],
'closeButton': true,
'title': 'Open Remote Video',
'width': 700,
'fixedSize': true
});
return that;
};