538 lines
No EOL
15 KiB
HTML
538 lines
No EOL
15 KiB
HTML
<script>
|
|
var baseurl = '{$baseurl}';
|
|
var imageurl = '{$imageurl}';
|
|
</script>
|
|
|
|
<script type="text/javascript">
|
|
var embedPlayerWidth = '{$Cbucket->configs.embed_player_width}';
|
|
var embedPlayerHeight = '{$Cbucket->configs.embed_player_height}';
|
|
var autoPlayEmbed = '{$Cbucket->configs.autoplay_embed}';
|
|
var embed_type = '{$Cbucket->configs.embed_type}';
|
|
|
|
|
|
{literal}
|
|
function updateEmbed(width,height,autoplay)
|
|
{
|
|
$('#embed_code').val( $('#embed_code').val().replace(/width=\"([0-9]+)\"/g,'width="'+width+'"') );
|
|
$('#embed_code').val( $('#embed_code').val().replace(/height=\"([0-9]+)\"/g,'height="'+height+'"') );
|
|
$('#embed_code').val( $('#embed_code').val().replace(/width=([0-9]+)/g,'width='+width) );
|
|
$('#embed_code').val( $('#embed_code').val().replace(/height=([0-9]+)/g,'height='+height+'') );
|
|
}
|
|
|
|
function switchEmbedCode(type)
|
|
{
|
|
if(embed_type==type)
|
|
return false;
|
|
else
|
|
{
|
|
embed_type = type;
|
|
|
|
var alt_embed =$('#alternate_embed_code').val();
|
|
$('#alternate_embed_code').val($('#embed_code').val());
|
|
$('#embed_code').val(alt_embed);
|
|
|
|
}
|
|
}
|
|
|
|
{/literal}
|
|
|
|
</script>
|
|
|
|
|
|
<!-- Including JS Files-->
|
|
{if isset($__devmsgs)}
|
|
<script type="text/javascript" src="{$baseurl}/js/jquery_plugs/cookie.js"></script>
|
|
<script type="text/javascript" src="{$baseurl}/js/functions.js"></script>
|
|
{else}
|
|
<script type="text/javascript" src="{$baseurl}/js/jquery_plugs/cookie.min.js"></script>
|
|
<script type="text/javascript" src="{$baseurl}/js/functions.min.js"></script>
|
|
{/if}
|
|
<!-- Including JS Files-->
|
|
<script type="text/javascript">
|
|
callURLParser();
|
|
</script>
|
|
<!-- Including Plugin Headers -->
|
|
{foreach key=file item=type from=$Cbucket->header_files}
|
|
{include_header file=$file type=$type}
|
|
{/foreach}
|
|
<!-- Ending Plugin Headers -->
|
|
|
|
|
|
|
|
{if $smarty.const.THIS_PAGE == 'upload'}
|
|
|
|
<link href="{$js}/uploadify/uploadify.css" type="text/css" rel="stylesheet" />
|
|
<script type="text/javascript" src="{$js}/uploadify/swfobject.js"></script>
|
|
<script type="text/javascript" src="{$js}/uploadify/jquery.uploadify.v2.1.4.js"></script>
|
|
|
|
<script type="text/javascript">
|
|
var jsURL = '{$js}';
|
|
var uploadError = false;
|
|
var file_name = '{$file_name}';
|
|
var lang = new Array();
|
|
lang['saveData'] = '{lang code='save_data'}';
|
|
lang['savingData'] = '{lang code='saving'}';
|
|
lang['remoteUploadFile'] = '{lang code="remote_upload_file"}';
|
|
lang['upload_video_button'] = '{lang code="upload_video_button"}';
|
|
var fileExt = '{$Cbucket->list_extensions()|replace:",":";"}';
|
|
|
|
var uploadSwfPath = '{$uploaderDetails.uploadSwfPath}';
|
|
var uploadScriptPath = '{$uploaderDetails.uploadScriptPath}';
|
|
|
|
var time_stamp = {time()};
|
|
|
|
{literal}
|
|
|
|
function show_error(msg,ID,fade)
|
|
{ $('#file_uploads'+ID+' .percentage')
|
|
.after('<div class=\"uploadErrorDiv\"><div class=\"uploadErrorMsg\">'+msg+'<\/div><\/div>');
|
|
if(fade){$('.uploadSuccessDiv').delay(3000).fadeOut('slow');}
|
|
}
|
|
|
|
function show_message(msg,ID,fade)
|
|
{ $('#uploadForm'+ID)
|
|
.prepend('<div class=\"uploadSuccessDiv\"><div class=\"uploadSuccessMsg\">'+msg+'<\/div><\/div>');
|
|
if(fade){$('.uploadSuccessDiv').delay(3000).fadeOut('slow');}
|
|
}
|
|
|
|
|
|
function doUpdateVideo(formId,ID)
|
|
{
|
|
var formObjectData = $(formId).serialize();
|
|
//alert(serializedData);
|
|
|
|
$('#updateVideoDataLoading').html('<img src="'+imageurl+'/ajax-loader.gif" />');
|
|
$('#cbSubmitUpload'+ID)
|
|
.attr('disabled','disabled')
|
|
.attr("value",lang.savingData)
|
|
.attr("onClick","return false;");
|
|
|
|
$.post(
|
|
baseurl+'/actions/file_uploader.php',formObjectData,function(data)
|
|
{
|
|
if(data.msg)
|
|
show_message(data.msg,ID,true);
|
|
if(data.error)
|
|
show_error(data.error,ID,true);
|
|
$('#updateVideoDataLoading').empty();
|
|
$('#cbSubmitUpload'+ID)
|
|
.removeAttr("disabled")
|
|
.attr("value",lang.saveData)
|
|
.attr("onClick","doUpdateVideo('#uploadForm"+ID+"','"+ID+"')")
|
|
},"json"
|
|
)
|
|
}
|
|
|
|
$(document).ready(function()
|
|
{
|
|
|
|
|
|
var instanceNumber = 0;
|
|
function showUploadify(object)
|
|
{
|
|
$(object).uploadify({
|
|
'uploader' : uploadSwfPath,
|
|
'scriptAccess' : 'always',
|
|
'script' : uploadScriptPath,
|
|
'cancelImg' : imageurl+'/cancel_upload.png',
|
|
'auto' : true,
|
|
'removeCompleted' : false,
|
|
'displayData' : 'both',
|
|
'fileExt' : fileExt,
|
|
'multi' : true,
|
|
'fileDesc' : 'Video Files',
|
|
'buttonText' : lang.upload_video_button,
|
|
'queueID' : 'fileUploadQueue',
|
|
'queueLimit' : 2,
|
|
'onOpen' : function(event,ID,fileObj) {
|
|
|
|
uploadError = false;
|
|
filename = new Date().getTime() + Math.round((99977 - 10016) * Math.random() + 1) ;
|
|
$.ajax({
|
|
url: baseurl+'/actions/file_uploader.php',
|
|
type: "POST",
|
|
data:({"getForm":"get_form","title":fileObj.name,"objId":ID}),
|
|
dataType: "text",
|
|
success: function(data)
|
|
{
|
|
if(!uploadError)
|
|
{
|
|
$('#file_uploads'+ID).append(data);
|
|
}
|
|
}
|
|
});
|
|
|
|
return true;
|
|
},
|
|
'onComplete' : function(event, ID, fileObj, response, data)
|
|
{
|
|
var resObj = eval('(' + response + ')');
|
|
var vid = "";
|
|
if(resObj.success=='yes')
|
|
{
|
|
var file_name = resObj.file_name;
|
|
$.ajax({
|
|
url: baseurl+'/actions/file_uploader.php',
|
|
type: "POST",
|
|
data:({"insertVideo":"yes","title":fileObj.name,"file_name":file_name,'time_stamp' : time_stamp}),
|
|
dataType: "text",
|
|
success: function(data)
|
|
{
|
|
|
|
if(data.error)
|
|
{
|
|
show_error(data.error,ID,true);
|
|
}else
|
|
{
|
|
|
|
|
|
vid = data.videoid;
|
|
$("#uploadForm"+ID+" #title").after('<input type="hidden" name="videoid" value="'+vid+'" id="videoid" />')
|
|
.after('<input type="hidden" name="updateVideo" value="yes" id="updateVideo" />');
|
|
$('#cbSubmitUpload'+ID)
|
|
.before('<span id="updateVideoDataLoading" style="margin-right:5px"></span>')
|
|
.removeAttr("disabled")
|
|
.attr("value",lang.saveData)
|
|
.attr("onClick","doUpdateVideo('#uploadForm"+ID+"','"+ID+"')");
|
|
|
|
doUpdateVideo('#uploadForm'+ID,ID);
|
|
}
|
|
}
|
|
});
|
|
}else
|
|
{
|
|
$("#upload_form"+ID).empty().remove();
|
|
show_error(resObj.error,ID,false);
|
|
uploadError = true;
|
|
return false;
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
|
|
showUploadify('#file_uploads');
|
|
});
|
|
|
|
{/literal}
|
|
</script>
|
|
|
|
|
|
{else}
|
|
<script type="text/javascript">
|
|
|
|
window.onload = function() {ldelim}
|
|
{if $total_quicklist}
|
|
load_quicklist_box();
|
|
{/if}
|
|
ini_cookies();
|
|
{rdelim}
|
|
|
|
</script>
|
|
{/if}
|
|
|
|
{if $smarty.const.THIS_PAGE == 'photo_upload'}
|
|
<link href="{$js}/uploadify/uploadify.css" type="text/css" rel="stylesheet" />
|
|
<script type="text/javascript" src="{$js}/uploadify/swfobject.js"></script>
|
|
<script type="text/javascript" src="{$js}/uploadify/jquery.uploadify.v2.1.4.js"></script>
|
|
|
|
<script type="text/javascript" language="javascript">
|
|
fileExt = '{$cbphoto->extensions()}',
|
|
lang = new Array(),
|
|
pData = new Array(),
|
|
ajaxImage = '<img src="'+imageurl+'/ajax-loader.gif" style="vertical-align:middle;" /> ',
|
|
uploadError = false;
|
|
{if $smarty.get.collection}
|
|
{assign var=cid value=$cbphoto->decode_key($smarty.get.collection)}
|
|
{if $cbphoto->is_addable($cid)}
|
|
collectionID = '{$cid}';
|
|
{/if}
|
|
{/if}
|
|
lang['browsePhrase'] = '{lang code="browse_photos"}';
|
|
lang['saveData'] = "{lang code='save_data'}";
|
|
lang['savingData'] = "{lang code='saving'}";
|
|
lang['upPhoto'] = "{lang code='update_photo'}";
|
|
var uploadSwfPath = '{$photoUploaderDetails.uploadSwfPath}';
|
|
var uploadScriptPath = '{$photoUploaderDetails.uploadScriptPath}';
|
|
|
|
{literal}
|
|
|
|
function photoMessage(message,ID,fade)
|
|
{
|
|
if(document.getElementById(ID+"Message"))
|
|
$("#"+ID+"Message").children(":first-child").html(message).end().fadeIn('slow');
|
|
else
|
|
{
|
|
$("#Form"+ID).before('<div id=\"'+ID+'Message\" class=\"uploadSuccessDiv\"><div class=\"uploadSuccessMsg\">'+message+'<\/div><\/div>');
|
|
}
|
|
|
|
if(fade)
|
|
$("#"+ID+"Message").delay(300).fadeOut('slow');
|
|
}
|
|
|
|
function photoError(message,ID,fade)
|
|
{
|
|
if(document.getElementById(ID+"Error"))
|
|
$("#"+ID+"Error").children(":first-child").html(message).end().fadeIn('slow');
|
|
else
|
|
{
|
|
$("#Form"+ID)
|
|
.before('<div id=\"'+ID+'Error\" class=\"uploadErrorDiv\"><div class=\"uploadErrorMsg\">'+message+'<\/div><\/div>');
|
|
}
|
|
|
|
if(fade)
|
|
$("#"+ID+"Error").delay(3000).fadeOut('slow');
|
|
}
|
|
|
|
function QueueLimitError(message,fade)
|
|
{
|
|
$("#photoUploadQueue")
|
|
.before('<div id=\"QueueError\" style=\"margin-top:6px;\" class=\"uploadErrorDiv\"><div class=\"uploadErrorMsg\">'+message+'<\/div><\/div>');
|
|
if(fade)
|
|
$("#QueueError").delay(5000).fadeOut('slow');
|
|
}
|
|
|
|
function insertAjaxPhoto(ID,filename,extension,server_url,folder)
|
|
{
|
|
|
|
var photoFields = $("#Form"+ID).serialize();
|
|
$.ajax({
|
|
url : baseurl+'/actions/photo_uploader.php',
|
|
type : 'POST',
|
|
dataType : 'json',
|
|
data : photoFields+"&filename="+filename+"&ext="+extension+"&insertPhoto=yes&server_url="+server_url+
|
|
"&folder="+folder,
|
|
beforeSend : function()
|
|
{
|
|
$("#cbSubmitUpload"+ID).html(ajaxImage+lang.savingData).attr('disabled','disabled');
|
|
},
|
|
success : function(data)
|
|
{
|
|
if(data.error)
|
|
{
|
|
photoError(data.error,ID,true);
|
|
$("#cbSubmitUpload"+ID).html("Save Photo")
|
|
.removeAttr('disabled').attr('onClick','insertAjaxPhoto("'+ID+'","'+filename+'","'+extension+'");');
|
|
}
|
|
|
|
if(data.success)
|
|
{
|
|
photoMessage(data.success,ID,true);
|
|
showPhotoPreview(ID,data.photoPreview);
|
|
|
|
$("<input />").attr({
|
|
'id' : 'photo_id',
|
|
'name' : 'photo_id',
|
|
'value' : data.photoID,
|
|
'type' : 'hidden'
|
|
}).prependTo('#Form'+ID);
|
|
|
|
$("#cbSubmitUpload"+ID).html(lang.upPhoto)
|
|
.removeAttr('disabled').attr('onClick','updateAjaxPhoto("'+ID+'");');
|
|
}
|
|
}
|
|
})
|
|
}
|
|
|
|
function updateAjaxPhoto(ID)
|
|
{
|
|
var updateFields = $("#Form"+ID).serialize();
|
|
$.ajax({
|
|
url : baseurl+'/actions/photo_uploader.php',
|
|
type : 'POST',
|
|
dataType : 'json',
|
|
data : updateFields+"&updatePhoto=yes",
|
|
beforeSend : function()
|
|
{
|
|
$("#cbSubmitUpload"+ID).html(ajaxImage+lang.upPhoto).attr('disabled','disabled');
|
|
},
|
|
success : function(data)
|
|
{
|
|
if(data.error)
|
|
{
|
|
photoError(data.error,ID,true);
|
|
$("#cbSubmitUpload"+ID).removeAttr('disabled').html(lang.upPhoto);
|
|
}
|
|
|
|
if(data.success)
|
|
{
|
|
photoMessage(data.success,ID,true);
|
|
$("#Form"+ID).hide();
|
|
$("#cbSubmitUpload"+ID).removeAttr('disabled').html(lang.upPhoto);
|
|
if(!document.getElementById("toggle"+ID))
|
|
{
|
|
$("<a></a>")
|
|
.addClass('reUpdateButton')
|
|
.attr({
|
|
"id" : "toggle"+ID,
|
|
"href" : "#reUpdate",
|
|
"onClick" : "$('#Form"+ID+"').toggle(); return false;",
|
|
"title" : "Toggle Photo Form"
|
|
}).html('Re-'+lang.upPhoto).appendTo("#photo_uploads"+ID+" .percentage").fadeIn(350);
|
|
}
|
|
}
|
|
}
|
|
})
|
|
}
|
|
|
|
function showPhotoPreview(ID,preview)
|
|
{
|
|
var object = $("#"+ID+"Preview"), parentObj = object.parent();
|
|
var FinalPreview = new Image();
|
|
FinalPreview.src = preview;
|
|
$(FinalPreview).load(function()
|
|
{
|
|
object.hide();
|
|
$("<img />")
|
|
.addClass(object.attr('class'))
|
|
.attr({ "id" : "FinalPreview"+ID, "src" : preview }).appendTo(parentObj).fadeIn('normal');
|
|
});
|
|
}
|
|
|
|
function update_collection_selection(obj)
|
|
{
|
|
if($("#CollectionResult").css('display') == 'block')
|
|
$("#CollectionResult").slideUp('fast');
|
|
|
|
var This = $(obj), thisObj = obj;
|
|
This.attr('disabled','disabled');
|
|
This.after(ajaxImage);
|
|
collectionID = thisObj.value;
|
|
|
|
setTimeout(function(){
|
|
This.next().remove();
|
|
$("#CollectionResult").html("<div class='msg'>Collection Selected</div>").slideDown(350);
|
|
This.removeAttr('disabled');
|
|
},1000);
|
|
}
|
|
|
|
$(document).ready(function() {
|
|
|
|
function photoUploadify(object)
|
|
{
|
|
$(object).uploadify(
|
|
{
|
|
'uploader' : uploadSwfPath,
|
|
'script' : uploadScriptPath,
|
|
'scriptAccess' : 'always',
|
|
'fileDataName' : 'photoUpload',
|
|
'cancelImg' : imageurl+'/cancel_upload.png',
|
|
'auto' : true,
|
|
'removeCompleted' : false,
|
|
'displayData' : 'both',
|
|
'fileExt' : fileExt,
|
|
'multi' : true,
|
|
'queueSizeLimit': {/literal} '{$Cbucket->configs.photo_multi_upload}', {literal}
|
|
'fileDesc' : 'Photo Files',
|
|
'buttonText' : lang.browsePhrase,
|
|
'queueID' : 'photoUploadQueue',
|
|
'sizeLimit' : {/literal}'{$cbphoto->max_file_size}',{literal}
|
|
'onSelect' : function(event,ID,fileObj)
|
|
{
|
|
uploadError = false;
|
|
$.ajax({
|
|
url : baseurl+'/actions/photo_uploader.php',
|
|
dataType : 'json',
|
|
type : 'POST',
|
|
data : ({ "photoForm":"yes" , "objID":ID , "name":fileObj.name , "collection":collectionID }),
|
|
success : function(data)
|
|
{
|
|
if(!uploadError)
|
|
$("#photo_uploads"+ID).append(data['form']);
|
|
}
|
|
});
|
|
},
|
|
'onComplete' : function(event,ID,fileObj,response,data)
|
|
{
|
|
|
|
var resObj = $.parseJSON(response);
|
|
if(resObj.success == "yes")
|
|
{
|
|
insertAjaxPhoto(ID,resObj.filename,resObj.extension,resObj.server_url,resObj.folder);
|
|
}
|
|
|
|
},
|
|
'onQueueFull' : function(event,queueSizeLimit)
|
|
{
|
|
QueueError = "I'm stuffed, "+queueSizeLimit+" is my limit. Thanks.";
|
|
QueueLimitError(QueueError,true);
|
|
return false;
|
|
},
|
|
'onError' : function(event,ID,fileObj,errorObj)
|
|
{
|
|
uploadError = true;
|
|
}
|
|
});
|
|
}
|
|
|
|
photoUploadify('#photo_uploads');
|
|
});
|
|
{/literal}
|
|
</script>
|
|
{/if}
|
|
|
|
{if $smarty.const.THIS_PAGE == 'view_item'}
|
|
<script type="text/javascript">
|
|
var Seo = '{$Cbucket->configs.seo}';
|
|
onReload_item();
|
|
</script>
|
|
{/if}
|
|
<meta property="fb:app_id" content="541598765890838" />
|
|
{if $smarty.const.THIS_PAGE=='watch_video' || $object.videoid}
|
|
{if $object.videoid}{assign var=vdo value=$object} {/if}
|
|
<meta property="og:title" content="{$vdo.title}" />
|
|
<meta property="og:description" content="{$vdo.description|description|strip_tags}" />
|
|
<meta property="og:image" content="{getThumb vdetails=$vdo size=768x432}" />
|
|
<meta property="og:image:width" content="768" />
|
|
<meta property="og:image:height" content="432" />
|
|
<meta property="og:image:type" content="image/jpeg" />
|
|
{if $Cbucket->configs.facebook_embed=='yes'}
|
|
<meta property="og:type" content="video">
|
|
<meta property="og:video" content='{fb_embed_video video=$vdo}'>
|
|
<meta property="og:video:height" content="259" />
|
|
<meta property="og:video:width" content="398" />
|
|
<meta property="og:video:type" content="application/x-shockwave-flash">
|
|
{/if}
|
|
<meta property='og:url' content='{videoLink vdetails=$vdo}'/>
|
|
<meta property='og:site_name' content='{$website_title}'/>
|
|
|
|
{/if}
|
|
|
|
{if $object.photo_id}
|
|
<meta property="og:title" content="{$object.photo_title}" />
|
|
<meta property="og:description" content="{$object.photo_description|description}" />
|
|
<meta property="og:image" content="{get_photo details=$object size='m' output='non_html' alt=$object.photo_title}" />
|
|
<meta property="og:image:type" content="image/jpeg" />
|
|
<meta name="medium" content="image" />
|
|
{/if}
|
|
|
|
{if $smarty.const.THIS_PAGE=='view_channel'}
|
|
<meta property="og:title" content="{$user.username}" />
|
|
|
|
{/if}
|
|
|
|
|
|
{if $smarty.const.THIS_PAGE=='videos'}
|
|
<meta property="og:description" content="this is a videos page of ClipBucket"/>
|
|
|
|
{/if}
|
|
|
|
{literal}
|
|
<script>
|
|
$(function() {
|
|
|
|
/*$( ".date_field" ).datepicker({
|
|
dateFormat: 'yy-mm-dd',
|
|
changeMonth: true,
|
|
changeYear: true,
|
|
yearRange : "1901 : c"
|
|
});*/
|
|
});
|
|
|
|
</script>
|
|
|
|
{/literal}
|
|
|
|
{ANCHOR place='cb_head'}
|
|
|
|
<!-- ClipBucket version {$Cbucket->cbinfo.version} --> |