OxFF/test/import.html
2010-08-05 20:33:27 +02:00

106 lines
3.3 KiB
HTML

<!doctype html>
<html>
<head>
<script src="http://oxjs.org/js/jquery-1.4.2.min.js"></script>
<script>
var _ids = new Array();
var ox = new OxFF();
ox.access(true);
ox.login('username');
//ox.get('b2c8f0aa3a447d09', 'stills', function(result) { console.log(result);});
//ox.files(function(result) { console.log(result);});
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);
});
}
function update() {
var updating = true;
ox.update(function(result) { updating = false });
var getFiles = function() {
ox.volumes(function(result) {
var volumes = JSON.parse(result);
for(volume in volumes) {
(function(volume) {
var volumeId = "volume_"+safe_id(volume);
var $volume = $('#'+volumeId);
if($volume.length==0) {
$volume = $('<div>').attr('id', volumeId).html('<h2>'+volume+'</h2>');
$volume.find('h2').click(function() { $(this).parent().find('div').toggle();});
}
$('#files').append($volume);
ox.files(volume, function(result) {
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);
}
});
});
});
}(volume));
}
if(updating) {
setTimeout(getFiles, 2000);
}
});
}
getFiles();
}
function addVolume() {
console.log(ox.addVolume())
}
</script>
</head>
<body>
<input type="button" onClick="addVolume()" value="Add Volume">
<input type="button" onClick="update()" value="Update">
<div id="files">
</div>
</body>
</html>