174 lines
5.6 KiB
JavaScript
174 lines
5.6 KiB
JavaScript
// vim: et:ts=4:sw=4:sts=4:ft=javascript
|
|
'use strict';
|
|
|
|
pandora.ui.importAnnotations = function(data) {
|
|
var content = Ox.Element().css({margin: '16px'}),
|
|
file,
|
|
height = 128,
|
|
layers = pandora.site.layers.filter(function(layer) {
|
|
return layer.canAddAnnotations[pandora.user.level];
|
|
}),
|
|
layer,
|
|
srt = [],
|
|
total = 0,
|
|
importButton,
|
|
selectLayer,
|
|
selectFile,
|
|
that = pandora.ui.iconDialog({
|
|
buttons: [
|
|
Ox.Button({
|
|
id: 'close',
|
|
title: 'Close'
|
|
}).bindEvent({
|
|
click: function() {
|
|
that.close();
|
|
}
|
|
}),
|
|
importButton = Ox.Button({
|
|
disabled: true,
|
|
id: 'import',
|
|
title: 'Import'
|
|
}).bindEvent({
|
|
click: function() {
|
|
importButton.hide();
|
|
addAnnotations();
|
|
}
|
|
})
|
|
],
|
|
closeButton: true,
|
|
text: content,
|
|
keys: {
|
|
'escape': 'close'
|
|
},
|
|
removeOnClose: true,
|
|
title: 'Import Annotations'
|
|
})
|
|
.bindEvent({
|
|
close: function(data) {
|
|
that.close();
|
|
}
|
|
}),
|
|
$status = $('<div>').css({
|
|
padding: '4px',
|
|
paddingBottom: '8px'
|
|
}).appendTo(content);
|
|
|
|
setStatus('Please select layer and .srt file')
|
|
function addAnnotations() {
|
|
var annotations, task;
|
|
if (srt.length > 0) {
|
|
setStatus('Loading...');
|
|
var annotations = srt.filter(function(data) {
|
|
return !Ox.isUndefined(data['in']) && !Ox.isUndefined(data.out) && data.text;
|
|
|
|
}).map(function(data) {
|
|
return {
|
|
'in': data['in'],
|
|
out: data.out,
|
|
value: Ox.sanitizeHTML(data.text)
|
|
.replace(/<br[ /]*?>\n/g, '\n')
|
|
.replace(/\n\n/g, '<br>\n')
|
|
.replace(/\n/g, '<br>\n')
|
|
};
|
|
});
|
|
pandora.api.addAnnotations({
|
|
annotations: annotations,
|
|
item: pandora.user.ui.item,
|
|
layer: layer
|
|
}, function(result) {
|
|
if (result.data.taskId) {
|
|
setStatus('Waiting for server to import annotations...');
|
|
pandora.wait(result.data.taskId, function(result) {
|
|
if(result.data.status == 'SUCCESS') {
|
|
setStatus(annotations.length + ' annotations imported.');
|
|
Ox.Request.clearCache(pandora.user.ui.item);
|
|
pandora.$ui.contentPanel.replaceElement(
|
|
1, pandora.$ui.item = pandora.ui.item()
|
|
);
|
|
} else {
|
|
setStatus('Importing annotations failed.');
|
|
}
|
|
});
|
|
} else {
|
|
setStatus('Importing annotations failed.');
|
|
}
|
|
});
|
|
}
|
|
}
|
|
function parseSRT(data) {
|
|
var srt = Ox.parseSRT(data),
|
|
length = srt.length - 1;
|
|
//pandora layers include outpoint,
|
|
//speedtrans right now sets in to out,
|
|
//to avoid one frame overlaps,
|
|
//move outpoint by 0.001 seconds
|
|
for (var i=0; i < length; i++) {
|
|
if (srt[i].out == srt[i+1]['in']) {
|
|
srt[i].out = srt[i].out - 0.001;
|
|
}
|
|
}
|
|
return srt;
|
|
}
|
|
|
|
function setStatus(status) {
|
|
$status.html(status);
|
|
}
|
|
|
|
selectLayer = Ox.Select({
|
|
items: layers,
|
|
title: 'Select Layer',
|
|
})
|
|
.css({
|
|
margin: '4px 2px 4px 4px'
|
|
})
|
|
.bindEvent({
|
|
change: function(data) {
|
|
selectLayer.options({
|
|
title: null
|
|
});
|
|
layer = data.value;
|
|
total && layer && importButton.options({disabled: false});
|
|
}
|
|
})
|
|
.appendTo(content);
|
|
|
|
selectFile = Ox.FileButton({
|
|
image: 'upload',
|
|
lbael: 'File',
|
|
title: 'Select SRT...',
|
|
width: 156
|
|
})
|
|
.css({
|
|
margin: '4px 2px 4px 4px'
|
|
})
|
|
.bindEvent({
|
|
click: function(data) {
|
|
if(data.files.length) {
|
|
var reader = new FileReader();
|
|
reader.onloadend = function(event) {
|
|
srt = parseSRT(this.result);
|
|
total = srt.length;
|
|
if(total && layer) {
|
|
importButton.options({disabled: false});
|
|
selectLayer.hide();
|
|
selectFile.hide();
|
|
}
|
|
setStatus(
|
|
'File contains ' + total + ' annotation'
|
|
+ (total == 1 ? '' : 's') + '.'
|
|
);
|
|
};
|
|
reader.readAsText(data.files[0]);
|
|
} else {
|
|
srt = [];
|
|
total = 0;
|
|
importButton.options({
|
|
disabled: true
|
|
});
|
|
}
|
|
}
|
|
})
|
|
.appendTo(content);
|
|
|
|
return that;
|
|
};
|