CC-1680 drag and drop for playlist,
CC-1615 cue in/cue out for playlist
This commit is contained in:
parent
8951416111
commit
abeccfa522
11 changed files with 1168 additions and 206 deletions
|
@ -30,16 +30,16 @@ $(document).ready(function() {
|
|||
}
|
||||
|
||||
//restore the UI to the previous order.
|
||||
$(ul).empty();
|
||||
$(ul).html(tmp_ul.contents());
|
||||
|
||||
alert(data.error);
|
||||
}
|
||||
else {
|
||||
//redo playlist positional ids.
|
||||
//redo playlist positional ids, input names.
|
||||
$(ul).children().each(function(index){
|
||||
var li = $(this);
|
||||
li.attr('id', 'pl_'+index);
|
||||
li.attr('id', 'pl_'+index);
|
||||
li.find(".pl_input").find("input").attr('name', index);
|
||||
});
|
||||
}
|
||||
},
|
||||
|
@ -47,6 +47,101 @@ $(document).ready(function() {
|
|||
"json"
|
||||
);
|
||||
});
|
||||
|
||||
function removeTextInput(){
|
||||
var span = $(this).parent();
|
||||
var pos = span.parent().attr('id').split("_").pop();
|
||||
|
||||
var cueIn, cueOut;
|
||||
|
||||
var regExpr = new RegExp("^\\d{2}[:]\\d{2}[:]\\d{2}([.]\\d{1,4})?$");
|
||||
var oldValue = $("#pl_tmp_time").val();
|
||||
var newValue = $(this).val().trim();
|
||||
|
||||
//test that input is a time.
|
||||
if (!regExpr.test(newValue)) {
|
||||
span.empty();
|
||||
span.append(oldValue);
|
||||
span.click(addTextInput);
|
||||
alert("please put in a time '00:00:00 (.0000)'");
|
||||
return;
|
||||
}
|
||||
|
||||
if(span.hasClass('pl_cue_in')){
|
||||
cueIn = $(this).val();
|
||||
}
|
||||
else if(span.hasClass('pl_cue_out')){
|
||||
cueOut = $(this).val();
|
||||
}
|
||||
|
||||
$.post("ui_handler.php",
|
||||
|
||||
{ 'act': 'PL.setClipLength', 'pos': pos, 'cueIn': cueIn, 'cueOut': cueOut },
|
||||
|
||||
function(data){
|
||||
var li, span;
|
||||
|
||||
li = $("#pl_"+pos);
|
||||
if(data.error){
|
||||
var hidden = $("#pl_tmp_time");
|
||||
var time = hidden.val();
|
||||
|
||||
span = hidden.parent();
|
||||
span.empty();
|
||||
span.append(time);
|
||||
span.click(addTextInput);
|
||||
alert(data.error);
|
||||
}
|
||||
else if(data.type==="cue"){
|
||||
span = li.find(".pl_playlength");
|
||||
span.empty();
|
||||
span.append(data.cliplength);
|
||||
|
||||
if(data.cueIn){
|
||||
span = li.find(".pl_cue_in");
|
||||
span.empty();
|
||||
span.append(data.cueIn);
|
||||
span.click(addTextInput);
|
||||
}
|
||||
if(data.cueOut){
|
||||
span = li.find(".pl_cue_out");
|
||||
span.empty();
|
||||
span.append(data.cueOut);
|
||||
span.click(addTextInput);
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
"json"
|
||||
);
|
||||
}
|
||||
|
||||
function addTextInput(){
|
||||
var time = $(this).text().trim();
|
||||
var input = $("<input type='text' value="+time+" size='10' maxlength='13'/>");
|
||||
|
||||
//Firefox seems to have problems losing focus otherwise, Chrome is fine.
|
||||
$(":input").blur();
|
||||
$(this).empty();
|
||||
|
||||
$(this).append(input);
|
||||
input.focus();
|
||||
input.blur(removeTextInput);
|
||||
input.keypress(function(ev){
|
||||
//don't want enter to submit.
|
||||
if (ev.keyCode == '13') {
|
||||
ev.preventDefault();
|
||||
$(this).blur();
|
||||
}
|
||||
});
|
||||
|
||||
input = $("<input type='hidden' value="+time+" size='10' id='pl_tmp_time'/>");
|
||||
$(this).append(input);
|
||||
|
||||
$(this).unbind('click');
|
||||
}
|
||||
|
||||
$(".pl_time").click(addTextInput);
|
||||
|
||||
|
||||
});
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue