pandora.local
This commit is contained in:
j
parent
1330646d52
commit
2e88c1934e
3 changed files with 316 additions and 3 deletions
|
|
@ -55,7 +55,7 @@ var app = new Ox.App({
|
||||||
Ox.print('requestStop')
|
Ox.print('requestStop')
|
||||||
app.$ui.loadingIcon.stop();
|
app.$ui.loadingIcon.stop();
|
||||||
});
|
});
|
||||||
|
$.each(app.afterLaunch, function(i, fn){ fn() });
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -1940,4 +1940,4 @@ app.getGroupWidth = function(pos, panelWidth) {
|
||||||
|
|
||||||
});
|
});
|
||||||
|
|
||||||
*/
|
*/
|
||||||
|
|
|
||||||
312
pandora/static/js/pandora.local.js
Normal file
312
pandora/static/js/pandora.local.js
Normal file
|
|
@ -0,0 +1,312 @@
|
||||||
|
$(function() {
|
||||||
|
if (typeof(OxFF) == 'undefined')
|
||||||
|
return;
|
||||||
|
app.local = {
|
||||||
|
api: new OxFF(),
|
||||||
|
volumes: function(cb) {
|
||||||
|
var _this = this;
|
||||||
|
this.api.access(function(access) {
|
||||||
|
Ox.print('access callback', access);
|
||||||
|
if(!access) {
|
||||||
|
var dialogHeight = app.$document.height()/2,
|
||||||
|
dialogWidth = parseInt((dialogHeight - 48) * 0.75);
|
||||||
|
|
||||||
|
var $dialog = new Ox.Dialog({
|
||||||
|
buttons: [
|
||||||
|
{
|
||||||
|
title: 'Close',
|
||||||
|
click: function() {
|
||||||
|
$dialog.close();
|
||||||
|
delete $dialog;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
],
|
||||||
|
height: dialogHeight,
|
||||||
|
padding: 0,
|
||||||
|
title: "Pan.do/ra OxFF Local Archive",
|
||||||
|
width: dialogWidth
|
||||||
|
})
|
||||||
|
.append("For this part of the page to work, you have to allow OxFF to send data to this site")
|
||||||
|
.open();
|
||||||
|
} else {
|
||||||
|
Ox.print('we got it, lets party');
|
||||||
|
_this.api.login(app.user.username);
|
||||||
|
_this.api.volumes(function(result) {
|
||||||
|
var data = JSON.parse(result);
|
||||||
|
cb(data);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
files: function(archive, cb) {
|
||||||
|
if(!this.api.access())
|
||||||
|
return false;
|
||||||
|
this.api.login(app.user.username);
|
||||||
|
this.api.files(archive, function(result) {
|
||||||
|
var data = JSON.parse(result);
|
||||||
|
cb(data);
|
||||||
|
});
|
||||||
|
return true;
|
||||||
|
},
|
||||||
|
upload: function(options, done_cb, progress_cb) {
|
||||||
|
function wrap(cb) {
|
||||||
|
if(!cb)
|
||||||
|
return null;
|
||||||
|
return function(result) {
|
||||||
|
var data = JSON.parse(result);
|
||||||
|
cb(data)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
this.api.upload(JSON.stringify(options),
|
||||||
|
wrap(done_cb),
|
||||||
|
wrap(progress_cb));
|
||||||
|
return true;
|
||||||
|
},
|
||||||
|
parsePath: function(path) {
|
||||||
|
var folder = path.split('/');
|
||||||
|
folder.pop();
|
||||||
|
if(folder.length==0) {
|
||||||
|
folder.push("rootfolder");
|
||||||
|
}
|
||||||
|
//FIXME: this is also done on the backend but might require more sub options
|
||||||
|
if (folder[folder.length-1] == "Extras" || folder[folder.length-1] == "Versions")
|
||||||
|
folder.pop();
|
||||||
|
folder = folder.join('/');
|
||||||
|
return {
|
||||||
|
folder: folder,
|
||||||
|
name: path.substring(folder.length),
|
||||||
|
}
|
||||||
|
},
|
||||||
|
loadVolumes: function() {
|
||||||
|
Ox.print("load volumes");
|
||||||
|
var $section = new Ox.CollapsePanel({
|
||||||
|
id: 'volumes',
|
||||||
|
size: 'small',
|
||||||
|
title: 'Volumes'
|
||||||
|
});
|
||||||
|
app.$ui.sections.push($section);
|
||||||
|
app.local.volumes(function(data) {
|
||||||
|
Ox.print("got volumes", data);
|
||||||
|
$.each(data, function(name, info) {
|
||||||
|
Ox.print("add volume", name, info);
|
||||||
|
var status = info.available?"online":"offline";
|
||||||
|
var $line = $('<div>').css({ height: '20px' }).append(
|
||||||
|
$('<div>').css({ float: 'left', width: '16px', height: '16px', margin: '1px'}).append(
|
||||||
|
$('<img>').attr({ src: 'static/oxjs/build/png/ox.ui.modern/iconFind.png' })
|
||||||
|
.css({
|
||||||
|
width: '16px', height: '16px',
|
||||||
|
border: 0, background: 'rgb(64, 64, 64)',
|
||||||
|
WebkitBorderRadius: '2px' })
|
||||||
|
)
|
||||||
|
).append(
|
||||||
|
$('<div>').css({ float: 'left', width: '122px', height: '14px', margin: '2px' }).html(name)
|
||||||
|
).append(
|
||||||
|
$('<div>').css({ float: 'left', width: '40px', height: '14px', margin: '2px', textAlign: 'right' }).html(status)
|
||||||
|
);
|
||||||
|
$line.click(function() {
|
||||||
|
Ox.print("get files", name);
|
||||||
|
app.local.constructFileList(name);
|
||||||
|
});
|
||||||
|
$section.$content.append($line);
|
||||||
|
});
|
||||||
|
app.$ui.lists.replaceWith(app.constructLists());
|
||||||
|
});
|
||||||
|
},
|
||||||
|
uploadVideos: function(ids, done, progress, total) {
|
||||||
|
var _this = this;
|
||||||
|
if(typeof(total) == 'undefined')
|
||||||
|
total = ids.length;
|
||||||
|
|
||||||
|
if(ids.length>0) {
|
||||||
|
var oshash = ids.pop();
|
||||||
|
this.uploadVideo(oshash,
|
||||||
|
function(data) {
|
||||||
|
if(ids.length>0) {
|
||||||
|
Ox.print('more files in queue, calling again', ids, total);
|
||||||
|
_this.uploadVideos(ids, done, progress, total);
|
||||||
|
} else { //FIXME: should keep info about all uploads
|
||||||
|
done(data);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
function(data) {
|
||||||
|
data.progress = data.progress/total;
|
||||||
|
progress(data);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
},
|
||||||
|
uploadVideo: function(oshash, done, progress) {
|
||||||
|
Ox.print('upload', oshash);
|
||||||
|
var url = app.local.absolute_url('/api/');
|
||||||
|
app.local.upload({
|
||||||
|
url: url,
|
||||||
|
data: {action: 'upload', oshash: oshash},
|
||||||
|
oshash: oshash,
|
||||||
|
action: 'frames'
|
||||||
|
},
|
||||||
|
function(result) {
|
||||||
|
Ox.print(result);
|
||||||
|
//FIXME: check result before posting video
|
||||||
|
profile = '96p.webm';
|
||||||
|
var url = app.local.absolute_url('/api/upload/') + '?profile=' + profile + '&oshash=' + oshash;
|
||||||
|
app.local.upload(
|
||||||
|
{
|
||||||
|
oshash: oshash,
|
||||||
|
action: 'video',
|
||||||
|
profile: profile,
|
||||||
|
url: url
|
||||||
|
},
|
||||||
|
done,
|
||||||
|
progress
|
||||||
|
);
|
||||||
|
}
|
||||||
|
);
|
||||||
|
},
|
||||||
|
constructFileList: function(name) {
|
||||||
|
var $list = new Ox.TextList({
|
||||||
|
columns: [
|
||||||
|
{
|
||||||
|
align: "left",
|
||||||
|
id: "id",
|
||||||
|
operator: "+",
|
||||||
|
title: "ID",
|
||||||
|
unique: true,
|
||||||
|
visible: false,
|
||||||
|
width: 120
|
||||||
|
},
|
||||||
|
{
|
||||||
|
align: "left",
|
||||||
|
id: "path",
|
||||||
|
operator: "+",
|
||||||
|
title: "path",
|
||||||
|
unique: false,
|
||||||
|
visible: true,
|
||||||
|
width: 600
|
||||||
|
},
|
||||||
|
{
|
||||||
|
align: "left",
|
||||||
|
id: "files",
|
||||||
|
operator: "+",
|
||||||
|
title: "files",
|
||||||
|
visible: true,
|
||||||
|
width: 80
|
||||||
|
},
|
||||||
|
{
|
||||||
|
align: "left",
|
||||||
|
id: "status",
|
||||||
|
operator: "+",
|
||||||
|
title: "status",
|
||||||
|
unique: false,
|
||||||
|
visible: true,
|
||||||
|
width:120
|
||||||
|
},
|
||||||
|
],
|
||||||
|
id: "volume",
|
||||||
|
request: function(options) {
|
||||||
|
Ox.print("options, volumes", options)
|
||||||
|
if(!options.range) {
|
||||||
|
options.callback({
|
||||||
|
data: {
|
||||||
|
items: 58
|
||||||
|
}
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
app.local.files(name, function(result) {
|
||||||
|
app.request('update', {
|
||||||
|
'volume': name, 'files': result.files
|
||||||
|
}, function(result) {
|
||||||
|
var videos = {};
|
||||||
|
$.each(result.data.data, function(i, oshash) {
|
||||||
|
$.each(folder_ids, function(i, ids) {
|
||||||
|
if($.inArray(oshash, ids) > -1) {
|
||||||
|
if(!videos[i]) {
|
||||||
|
videos[i] = [];
|
||||||
|
var button = new Ox.Button({
|
||||||
|
id: 'upload_' + oshash,
|
||||||
|
title: 'Upload',
|
||||||
|
width: 48
|
||||||
|
}).bindEvent('click', function(fid) { return function(event, data) {
|
||||||
|
Ox.print(videos[fid]);
|
||||||
|
//$($('#'+fid).find('.OxCell')[2]).html('extracting data...');
|
||||||
|
app.local.uploadVideos(
|
||||||
|
videos[fid],
|
||||||
|
function(data) {
|
||||||
|
$($('#'+fid).find('.OxCell')[2]).html('done');
|
||||||
|
},
|
||||||
|
function(data) {
|
||||||
|
$($('#'+fid).find('.OxCell')[2]).html(data.status +': '+ data.progress);
|
||||||
|
}
|
||||||
|
);
|
||||||
|
}}(i));
|
||||||
|
$($('#'+i).find('.OxCell')[2]).html(button.$element);
|
||||||
|
$('#'+i).css({'font-weight': 'bold'});
|
||||||
|
}
|
||||||
|
videos[i].push(oshash);
|
||||||
|
//add some double click callback here to trigger video upload
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
});
|
||||||
|
var data = {
|
||||||
|
items: []
|
||||||
|
}
|
||||||
|
var folder_ids = {};
|
||||||
|
var folders = {};
|
||||||
|
$.each(result.files, function(i, file) {
|
||||||
|
var f = app.local.parsePath(file.path);
|
||||||
|
if(!folders[f.folder]) {
|
||||||
|
folders[f.folder] = {
|
||||||
|
id: file.oshash,
|
||||||
|
path: f.folder,
|
||||||
|
files: 0,
|
||||||
|
status:'ok',
|
||||||
|
ids: []
|
||||||
|
};
|
||||||
|
folder_ids[file.oshash] = [];
|
||||||
|
}
|
||||||
|
folders[f.folder].files++;
|
||||||
|
folder_ids[folders[f.folder].id].push(file.oshash);
|
||||||
|
});
|
||||||
|
var j = 1;
|
||||||
|
$.each(folders, function(i, folder) {
|
||||||
|
data.items.push(folder);
|
||||||
|
});
|
||||||
|
r = {
|
||||||
|
data: data,
|
||||||
|
}
|
||||||
|
Ox.print(r);
|
||||||
|
options.callback(r);
|
||||||
|
|
||||||
|
});
|
||||||
|
}
|
||||||
|
},
|
||||||
|
sort: [
|
||||||
|
{
|
||||||
|
key: "path",
|
||||||
|
operator: "+"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
});
|
||||||
|
app.$ui.contentPanel.replace(1, $list);
|
||||||
|
},
|
||||||
|
absolute_url: function (url) {
|
||||||
|
var base = document.location.href;
|
||||||
|
if (url.substring(0, 1) == '/') {
|
||||||
|
url = document.location.href.substring(0, document.location.href.length-document.location.pathname.length) + url;
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
if(base.substring(base.length-1) == '/')
|
||||||
|
url = base + url;
|
||||||
|
else
|
||||||
|
url = base + '/' + url;
|
||||||
|
}
|
||||||
|
return url;
|
||||||
|
},
|
||||||
|
};
|
||||||
|
|
||||||
|
if(typeof(app.afterLaunch) == "undefined")
|
||||||
|
app.afterLaunch = [];
|
||||||
|
app.afterLaunch.push(function() {
|
||||||
|
app.local.loadVolumes();
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
@ -12,6 +12,7 @@
|
||||||
<script type="text/javascript" src="/static/oxjs/build/js/ox.ui.js"></script>
|
<script type="text/javascript" src="/static/oxjs/build/js/ox.ui.js"></script>
|
||||||
<script type="text/javascript" src="/site.js"></script>
|
<script type="text/javascript" src="/site.js"></script>
|
||||||
<script type="text/javascript" src="/static/js/pandora.js"></script>
|
<script type="text/javascript" src="/static/js/pandora.js"></script>
|
||||||
|
<script type="text/javascript" src="/static/js/pandora.local.js"></script>
|
||||||
</head>
|
</head>
|
||||||
<body></body>
|
<body></body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue