2010-08-05 16:34:07 +00:00
|
|
|
<!doctype html>
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
<script src="http://oxjs.org/js/jquery-1.4.2.min.js"></script>
|
2010-08-03 20:49:30 +00:00
|
|
|
<script>
|
2010-08-05 16:34:07 +00:00
|
|
|
|
2010-08-05 18:33:27 +00:00
|
|
|
var _ids = new Array();
|
|
|
|
|
|
2010-08-03 20:49:30 +00:00
|
|
|
var ox = new OxFF();
|
|
|
|
|
ox.access(true);
|
2010-08-05 16:34:07 +00:00
|
|
|
ox.login('username');
|
2010-08-03 20:49:30 +00:00
|
|
|
|
2010-08-05 16:34:07 +00:00
|
|
|
//ox.get('b2c8f0aa3a447d09', 'stills', function(result) { console.log(result);});
|
2010-08-03 20:49:30 +00:00
|
|
|
//ox.files(function(result) { console.log(result);});
|
|
|
|
|
|
2010-08-05 18:33:27 +00:00
|
|
|
function safe_id(id) {
|
|
|
|
|
var _id = _ids.indexOf(id);
|
|
|
|
|
if(_id < 0) {
|
|
|
|
|
_ids.push(id);
|
|
|
|
|
_id = _ids.indexOf(id);
|
|
|
|
|
}
|
|
|
|
|
return _id;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function for_each_sorted(elements, callback) {
|
|
|
|
|
function pad(str) {
|
|
|
|
|
var len = 10;
|
|
|
|
|
while (str.length < len) {
|
|
|
|
|
str = '0' + str;
|
|
|
|
|
}
|
|
|
|
|
return str;
|
|
|
|
|
};
|
|
|
|
|
var keys = new Array();
|
|
|
|
|
$.each(elements, function(k) {
|
|
|
|
|
keys.push(k);
|
|
|
|
|
});
|
|
|
|
|
keys.sort(function(a,b) {
|
|
|
|
|
a = a.replace(/\d+/, pad);
|
|
|
|
|
b = b.replace(/\d+/, pad);
|
|
|
|
|
return a > b;
|
|
|
|
|
});
|
|
|
|
|
$.each(keys, function(i, k) {
|
|
|
|
|
var v = elements[k];
|
|
|
|
|
callback(k, v);
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
|
2010-08-05 16:34:07 +00:00
|
|
|
function update() {
|
|
|
|
|
var updating = true;
|
2010-08-05 18:33:27 +00:00
|
|
|
ox.update(function(result) { updating = false });
|
2010-08-05 16:34:07 +00:00
|
|
|
var getFiles = function() {
|
|
|
|
|
ox.volumes(function(result) {
|
|
|
|
|
var volumes = JSON.parse(result);
|
|
|
|
|
for(volume in volumes) {
|
|
|
|
|
(function(volume) {
|
2010-08-05 18:33:27 +00:00
|
|
|
var volumeId = "volume_"+safe_id(volume);
|
2010-08-05 16:34:07 +00:00
|
|
|
var $volume = $('#'+volumeId);
|
2010-08-05 18:33:27 +00:00
|
|
|
if($volume.length==0) {
|
|
|
|
|
$volume = $('<div>').attr('id', volumeId).html('<h2>'+volume+'</h2>');
|
|
|
|
|
$volume.find('h2').click(function() { $(this).parent().find('div').toggle();});
|
|
|
|
|
}
|
2010-08-05 16:34:07 +00:00
|
|
|
$('#files').append($volume);
|
|
|
|
|
ox.files(volume, function(result) {
|
2010-08-05 18:33:27 +00:00
|
|
|
var data = JSON.parse(result);
|
|
|
|
|
$.each(data, function(folder, files) {
|
|
|
|
|
if(!folder) folder = "rootfolder";
|
|
|
|
|
var folderId = 'folder_'+safe_id(folder);
|
|
|
|
|
var $folder = $('#'+folderId);
|
|
|
|
|
if($folder.length==0) {
|
|
|
|
|
$folder = $('<div>').attr('id', folderId).html('<h3>'+folder+'</h3>');
|
|
|
|
|
$folder.find('h3').click(function() { $(this).parent().find('div').toggle();});
|
|
|
|
|
$volume.append($folder);
|
|
|
|
|
}
|
|
|
|
|
for_each_sorted(files, function(f, info) {
|
|
|
|
|
var fileId = "file_"+safe_id(f);
|
|
|
|
|
var $file = $('#'+fileId);
|
|
|
|
|
if($file.length==0) {
|
|
|
|
|
$file = $('<div>').attr('id', fileId).html(f).hide();
|
|
|
|
|
$folder.append($file);
|
|
|
|
|
}
|
|
|
|
|
});
|
2010-08-05 16:34:07 +00:00
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
}(volume));
|
|
|
|
|
}
|
|
|
|
|
if(updating) {
|
|
|
|
|
setTimeout(getFiles, 2000);
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
getFiles();
|
|
|
|
|
}
|
2010-08-03 20:49:30 +00:00
|
|
|
|
2010-08-05 16:34:07 +00:00
|
|
|
function addVolume() {
|
|
|
|
|
console.log(ox.addVolume())
|
|
|
|
|
}
|
2010-08-03 20:49:30 +00:00
|
|
|
</script>
|
2010-08-05 16:34:07 +00:00
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<input type="button" onClick="addVolume()" value="Add Volume">
|
|
|
|
|
<input type="button" onClick="update()" value="Update">
|
|
|
|
|
<div id="files">
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
