mirror of
https://github.com/alchemy-fr/Phraseanet.git
synced 2025-10-12 20:43:25 +00:00
initial import
This commit is contained in:
Alchemy
639
www/include/jquery.p4.preview.js
Normal file
639
www/include/jquery.p4.preview.js
Normal file
@@ -0,0 +1,639 @@
|
||||
var prevAjax,prevAjaxrunning;
|
||||
prevAjaxrunning = false;
|
||||
p4.slideShow = false;
|
||||
|
||||
$(document).ready(function(){
|
||||
$('#PREVIEWIMGDESC').tabs();
|
||||
});
|
||||
|
||||
|
||||
function getNewVideoToken(base_id, record_id, obj)
|
||||
{
|
||||
$.ajax({
|
||||
type: "POST",
|
||||
url: "/prod/prodFeedBack.php",
|
||||
dataType: 'json',
|
||||
data: {
|
||||
action:'VIDEOTOKEN',
|
||||
base_id : base_id,
|
||||
record_id : record_id
|
||||
},
|
||||
success: function(data){
|
||||
if(!data.url)
|
||||
return;
|
||||
obj.unload();
|
||||
obj.setClip(data);
|
||||
obj.play();
|
||||
return;
|
||||
}
|
||||
|
||||
});
|
||||
}
|
||||
|
||||
function openPreview(env, pos, contId, reload){
|
||||
|
||||
if (contId == undefined)
|
||||
contId = '';
|
||||
var roll = 0;
|
||||
var justOpen = false;
|
||||
// if (env == 'RESULT')
|
||||
// $('#PREVIEWCURRENT').height(40);
|
||||
// else
|
||||
// $('#PREVIEWCURRENT').height(116);
|
||||
|
||||
if (!p4.preview.open) {
|
||||
showOverlay();
|
||||
|
||||
$('#PREVIEWIMGCONT').disableSelection();
|
||||
|
||||
$('#PREVIEWIMGCONT.dblclick').bind('dblclick',function(event){
|
||||
$(this).find('.zoomable').removeClass('zoomed');
|
||||
setPreview();
|
||||
}).bind('mousewheel',function(event, delta){
|
||||
$(this).find('.zoomable').addClass('zoomed');
|
||||
if(delta > 0)
|
||||
{
|
||||
event.stopPropagation();
|
||||
zoomPreview(true);
|
||||
}
|
||||
else
|
||||
{
|
||||
event.stopPropagation();
|
||||
zoomPreview(false);
|
||||
}
|
||||
}).removeClass('dblclick');
|
||||
|
||||
justOpen = true;
|
||||
|
||||
if (!$.browser.msie) {
|
||||
$('#PREVIEWBOX').css({
|
||||
'display': 'block',
|
||||
'opacity': 0
|
||||
}).fadeTo(500, 1);
|
||||
}else
|
||||
{
|
||||
$('#PREVIEWBOX').css({
|
||||
'display': 'block',
|
||||
'opacity': 1
|
||||
});
|
||||
}
|
||||
p4.preview.open = true;
|
||||
p4.preview.nCurrent = 5;
|
||||
$('#PREVIEWCURRENT, #PREVIEWOTHERSINNER, #SPANTITLE').empty();
|
||||
resizePreview();
|
||||
if(env == 'BASK')
|
||||
roll = 1;
|
||||
|
||||
}
|
||||
|
||||
if(reload === true)
|
||||
roll = 1;
|
||||
|
||||
|
||||
$('#tooltip').css({
|
||||
'display': 'none'
|
||||
});
|
||||
|
||||
$('#PREVIEWIMGCONT').empty();
|
||||
|
||||
prevAjax = $.ajax({
|
||||
type: "POST",
|
||||
url: "/client/clientFeedBack.php",
|
||||
dataType: 'json',
|
||||
data: {
|
||||
action: "PREVIEW",
|
||||
env: env,
|
||||
pos: pos,
|
||||
cont: contId,
|
||||
roll: roll
|
||||
},
|
||||
beforeSend: function(){
|
||||
if (prevAjaxrunning)
|
||||
prevAjax.abort();
|
||||
if(env == 'RESULT')
|
||||
$('#current_result_n').empty().append(parseInt(pos)+1);
|
||||
prevAjaxrunning = true;
|
||||
$('#PREVIEWIMGDESC, #PREVIEWOTHERS').addClass('loading');
|
||||
},
|
||||
error: function(data){
|
||||
prevAjaxrunning = false;
|
||||
$('#PREVIEWIMGDESC, #PREVIEWOTHERS').removeClass('loading');
|
||||
posAsk = null;
|
||||
},
|
||||
timeout: function(){
|
||||
prevAjaxrunning = false;
|
||||
$('#PREVIEWIMGDESC, #PREVIEWOTHERS').removeClass('loading');
|
||||
posAsk = null;
|
||||
},
|
||||
success: function(data){
|
||||
cancelPreview();
|
||||
prevAjaxrunning = false;
|
||||
posAsk = null;
|
||||
|
||||
if(data.error)
|
||||
{
|
||||
$('#PREVIEWIMGDESC, #PREVIEWOTHERS').removeClass('loading');
|
||||
alert(data.error);
|
||||
if(justOpen)
|
||||
closePreview();
|
||||
return;
|
||||
}
|
||||
|
||||
$('#PREVIEWIMGCONT').empty().append(data.prev);
|
||||
|
||||
$('#PREVIEWIMGDESCINNER').empty().append(data.desc);
|
||||
$('#HISTORICOPS').empty().append(data.history);
|
||||
$('#popularity').empty().append(data.popularity);
|
||||
|
||||
if($('#popularity .bitly_link').length>0)
|
||||
{
|
||||
|
||||
BitlyCB.statsResponse = function(data) {
|
||||
var result = data.results;
|
||||
if( $( '#popularity .bitly_link_' + result.userHash ).length > 0 )
|
||||
{
|
||||
$( '#popularity .bitly_link_' + result.userHash ).append( ' (' + result.clicks + ' clicks)');
|
||||
}
|
||||
};
|
||||
BitlyClient.stats($('#popularity .bitly_link').html(), 'BitlyCB.statsResponse');
|
||||
}
|
||||
|
||||
|
||||
p4.preview.current = {};
|
||||
p4.preview.current.width = data.width;
|
||||
p4.preview.current.height = data.height;
|
||||
p4.preview.current.prev = data.prev;
|
||||
p4.preview.current.tot = data.tot;
|
||||
p4.preview.current.hd = data.hd;
|
||||
p4.preview.current.hdH = data.hdH;
|
||||
p4.preview.current.hdW = data.hdW;
|
||||
p4.preview.current.type = data.type;
|
||||
p4.preview.current.pos = data.pos;
|
||||
p4.preview.current.flashcontent = data.flashcontent;
|
||||
|
||||
if ((data.type == 'video' || data.type == 'audio' || data.type == 'flash')) {
|
||||
if(data.type != 'video' && p4.preview.current.flashcontent.url)
|
||||
{
|
||||
var flashvars = false;
|
||||
var params = {
|
||||
menu: "false",
|
||||
flashvars: p4.preview.current.flashcontent.flashVars,
|
||||
movie: p4.preview.current.flashcontent.url,
|
||||
allowFullScreen :"true",
|
||||
wmode: "transparent"
|
||||
};
|
||||
var attributes = false;
|
||||
if (data.type != 'audio') {
|
||||
attributes = {
|
||||
styleclass: "PREVIEW_PIC"
|
||||
};
|
||||
}
|
||||
swfobject.embedSWF(p4.preview.current.flashcontent.url, "FLASHPREVIEW", p4.preview.current.flashcontent.width, p4.preview.current.flashcontent.height, "9.0.0", false, flashvars, params, attributes);
|
||||
}
|
||||
else
|
||||
{
|
||||
flowplayer("FLASHPREVIEW", '/include/flowplayer/flowplayer-3.2.2.swf', {
|
||||
clip: {
|
||||
autoPlay: true,
|
||||
autoBuffering:true,
|
||||
provider: 'h264streaming',
|
||||
metadata: false,
|
||||
scaling:'fit',
|
||||
url: data.flashcontent.flv
|
||||
},
|
||||
onError:function(code,message){getNewVideoToken(data.base_id, data.record_id, this);},
|
||||
plugins: {
|
||||
h264streaming: {
|
||||
url: '/include/flowplayer/flowplayer.pseudostreaming-3.2.2.swf'
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
if($('img.PREVIEW_PIC.zoomable').length > 0)
|
||||
{
|
||||
$('img.PREVIEW_PIC.zoomable').draggable();
|
||||
}
|
||||
|
||||
setTitle(data.title);
|
||||
setPreview();
|
||||
|
||||
if (env == 'REG' || (env == 'BASK' && data.current !== '')) {
|
||||
setCurrent(data.current);
|
||||
viewCurrent($('#PREVIEWCURRENT li.selected'));
|
||||
}
|
||||
if(env == 'RESULT')
|
||||
{
|
||||
if(!justOpen)
|
||||
{
|
||||
$('#PREVIEWCURRENT li.selected').removeClass('selected');
|
||||
$('#PREVIEWCURRENTCONT li.current'+pos).addClass('selected');
|
||||
}
|
||||
if(justOpen || ($('#PREVIEWCURRENTCONT li.current'+pos).length === 0) || ($('#PREVIEWCURRENTCONT li:last')[0] == $('#PREVIEWCURRENTCONT li.selected')[0]) || ($('#PREVIEWCURRENTCONT li:first')[0] == $('#PREVIEWCURRENTCONT li.selected')[0]))
|
||||
{
|
||||
getAnswerTrain(pos, data.tools);
|
||||
}
|
||||
|
||||
viewCurrent($('#PREVIEWCURRENT li.selected'));
|
||||
}
|
||||
if(env == 'REG' && $('#PREVIEWCURRENT').html() === '')
|
||||
{
|
||||
getRegTrain(contId,pos,data.tools);
|
||||
}
|
||||
setOthers(data.others);
|
||||
setTools(data.tools);
|
||||
$('#tooltip').css({
|
||||
'display': 'none'
|
||||
});
|
||||
$('#PREVIEWIMGDESC, #PREVIEWOTHERS').removeClass('loading');
|
||||
if(!justOpen || (p4.preview.mode != env))
|
||||
resizePreview();
|
||||
|
||||
p4.preview.mode = env;
|
||||
$('#EDIT_query').focus();
|
||||
|
||||
$('#PREVIEWOTHERSINNER .otherBaskToolTip').tooltip();
|
||||
|
||||
return;
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
function zoomPreview(bool){
|
||||
|
||||
var el = $('img.PREVIEW_PIC');
|
||||
|
||||
if(el.length === 0)
|
||||
return;
|
||||
|
||||
var t1 = parseInt(el.css('top'));
|
||||
var l1 = parseInt(el.css('left'));
|
||||
var w1 = el.width();
|
||||
var h1 = el.height();
|
||||
|
||||
var w2,t2;
|
||||
|
||||
if(bool)
|
||||
{
|
||||
if(w1 * 1.08 < 32767)
|
||||
w2 = w1 * 1.08;
|
||||
else
|
||||
w2 = w1;
|
||||
}
|
||||
else
|
||||
{
|
||||
if(w1 / 1.08 > 20)
|
||||
w2 = w1 / 1.08;
|
||||
else
|
||||
w2 = w1;
|
||||
}
|
||||
|
||||
var ratio = p4.preview.current.width / p4.preview.current.height;
|
||||
h2 = Math.round(w2 / ratio);
|
||||
w2 = Math.round(w2);
|
||||
|
||||
var t2 = Math.round(t1 - (h2 - h1) / 2)+'px';
|
||||
var l2 = Math.round(l1 - (w2 - w1) / 2)+'px';
|
||||
|
||||
var wPreview = $('#PREVIEWIMGCONT').width()/2;
|
||||
var hPreview = $('#PREVIEWIMGCONT').height()/2;
|
||||
|
||||
var nt = Math.round((h2 / h1) * (t1 - hPreview) + hPreview);
|
||||
var nl = Math.round(((w2 / w1) * (l1 - wPreview)) + wPreview);
|
||||
|
||||
el.css({
|
||||
left: nl,
|
||||
top: nt
|
||||
}).width(w2).height(h2);
|
||||
}
|
||||
|
||||
function getAnswerTrain(pos, tools)
|
||||
{
|
||||
$('#PREVIEWCURRENTCONT').fadeOut('fast');
|
||||
$.ajax({
|
||||
type: "POST",
|
||||
url: "/prod/prodFeedBack.php",
|
||||
dataType: 'json',
|
||||
data: {
|
||||
action: "ANSWERTRAIN",
|
||||
pos:pos
|
||||
|
||||
},
|
||||
success: function(data){
|
||||
setCurrent(data.current);
|
||||
viewCurrent($('#PREVIEWCURRENT li.selected'));
|
||||
setTools(tools);
|
||||
// setTools(tools);
|
||||
return;
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
function getRegTrain(contId,pos,tools)
|
||||
{
|
||||
$.ajax({
|
||||
type: "POST",
|
||||
url: "./prodFeedBack.php",
|
||||
dataType: 'json',
|
||||
data: {
|
||||
action: "REGTRAIN",
|
||||
cont:contId,
|
||||
pos:pos
|
||||
},
|
||||
success: function(data){
|
||||
setCurrent(data.current);
|
||||
viewCurrent($('#PREVIEWCURRENT li.selected'));
|
||||
if(typeof(tools) != 'undefined')
|
||||
setTools(tools);
|
||||
return;
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function bounce(sbid, term, field){
|
||||
doThesSearch('T', sbid, term, field);
|
||||
closePreview();
|
||||
}
|
||||
|
||||
function setTitle(title){
|
||||
$('#SPANTITLE').empty().append(title);
|
||||
}
|
||||
|
||||
function cancelPreview(){
|
||||
$('#PREVIEWIMGDESCINNER').empty();
|
||||
$('#PREVIEWIMGCONT').empty();
|
||||
p4.preview.current = false;
|
||||
}
|
||||
|
||||
|
||||
function startSlide(){
|
||||
if (!p4.slideShow) {
|
||||
p4.slideShow = true;
|
||||
}
|
||||
if (p4.slideShowCancel) {
|
||||
p4.slideShowCancel = false;
|
||||
p4.slideShow = false;
|
||||
$('#start_slide').show();
|
||||
$('#stop_slide').hide();
|
||||
}
|
||||
if(!p4.preview.open)
|
||||
{
|
||||
p4.slideShowCancel = false;
|
||||
p4.slideShow = false;
|
||||
$('#start_slide').show();
|
||||
$('#stop_slide').hide();
|
||||
}
|
||||
if (p4.slideShow) {
|
||||
$('#start_slide').hide();
|
||||
$('#stop_slide').show();
|
||||
getNext();
|
||||
setTimeout("startSlide()", 3000);
|
||||
}
|
||||
}
|
||||
|
||||
function stopSlide(){
|
||||
p4.slideShowCancel = true;
|
||||
$('#start_slide').show();
|
||||
$('#stop_slide').hide();
|
||||
}
|
||||
|
||||
//var posAsk = null;
|
||||
|
||||
function getNext(){
|
||||
if (p4.preview.mode == 'REG' && parseInt(p4.preview.current.pos) == 0)
|
||||
$('#PREVIEWCURRENTCONT li img:first').trigger("click");
|
||||
else {
|
||||
if (p4.preview.mode == 'RESULT') {
|
||||
if(posAsk != null)
|
||||
posAsk += 1;
|
||||
else
|
||||
posAsk = parseInt(p4.preview.current.pos) + 1;
|
||||
posAsk = (posAsk > parseInt(p4.tot) || isNaN(posAsk)) ? 0 : posAsk;
|
||||
openPreview('RESULT', posAsk);
|
||||
}
|
||||
else
|
||||
{
|
||||
if(!$('#PREVIEWCURRENT li.selected').is(':last-child'))
|
||||
$('#PREVIEWCURRENT li.selected').next().children('img').trigger("click");
|
||||
else
|
||||
$('#PREVIEWCURRENT li:first-child').children('img').trigger("click");
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
function reloadPreview(){
|
||||
$('#PREVIEWCURRENT li.selected img').trigger("click");
|
||||
}
|
||||
|
||||
function getPrevious(){
|
||||
if (p4.preview.mode == 'RESULT') {
|
||||
if(posAsk != null)
|
||||
posAsk -= 1;
|
||||
else
|
||||
posAsk = parseInt(p4.preview.current.pos) - 1;
|
||||
posAsk = (posAsk < 0) ? ((parseInt(p4.tot) - 1)) : posAsk;
|
||||
openPreview('RESULT', posAsk);
|
||||
}
|
||||
else
|
||||
{
|
||||
if(!$('#PREVIEWCURRENT li.selected').is(':first-child'))
|
||||
$('#PREVIEWCURRENT li.selected').prev().children('img').trigger("click");
|
||||
else
|
||||
$('#PREVIEWCURRENT li:last-child').children('img').trigger("click");
|
||||
}
|
||||
}
|
||||
|
||||
function setOthers(others){
|
||||
|
||||
$('#PREVIEWOTHERSINNER').empty();
|
||||
if (others != '') {
|
||||
$('#PREVIEWOTHERSINNER').append(others);
|
||||
|
||||
$('#PREVIEWOTHERS table.otherRegToolTip').tooltip();
|
||||
}
|
||||
}
|
||||
|
||||
function setTools(tools){
|
||||
$('#PREVIEWTOOL').empty().append(tools);
|
||||
if(!p4.slideShowCancel && p4.slideShow)
|
||||
{
|
||||
$('#start_slide').hide();
|
||||
$('#stop_slide').show();
|
||||
}else
|
||||
{
|
||||
$('#start_slide').show();
|
||||
$('#stop_slide').hide();
|
||||
}
|
||||
}
|
||||
|
||||
function setCurrent(current){
|
||||
if (current != '') {
|
||||
var el = $('#PREVIEWCURRENT');
|
||||
el.removeClass('loading').empty().append(current);
|
||||
|
||||
$('ul',el).width($('li',el).length * 80);
|
||||
$('img.prevRegToolTip',el).tooltip();
|
||||
$.each($('img.openPreview'), function(i, el){
|
||||
var jsopt = $(el).attr('jsargs').split('|');
|
||||
$(el).removeAttr('jsargs');
|
||||
$(el).removeClass('openPreview');
|
||||
$(el).bind('click', function(){
|
||||
viewCurrent($(this).parent());
|
||||
openPreview(jsopt[0], jsopt[1], jsopt[2]);
|
||||
});
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
function viewCurrent(el){
|
||||
if (el.length == 0)
|
||||
{
|
||||
return;
|
||||
}
|
||||
$('#PREVIEWCURRENT li.selected').removeClass('selected');
|
||||
el.addClass('selected');
|
||||
$('#PREVIEWCURRENTCONT').animate({'scrollLeft':($('#PREVIEWCURRENT li.selected').position().left + $('#PREVIEWCURRENT li.selected').width()/2 - ($('#PREVIEWCURRENTCONT').width() / 2 ))});
|
||||
return;
|
||||
}
|
||||
|
||||
function setPreview(){
|
||||
if (!p4.preview.current)
|
||||
return;
|
||||
|
||||
var zoomable = $('img.PREVIEW_PIC.zoomable');
|
||||
if(zoomable.length > 0 && zoomable.hasClass('zoomed'))
|
||||
return;
|
||||
|
||||
var h = parseInt(p4.preview.current.height);
|
||||
var w = parseInt(p4.preview.current.width);
|
||||
if(p4.preview.current.type == 'video')
|
||||
{
|
||||
var h = parseInt(p4.preview.current.flashcontent.height);
|
||||
var w = parseInt(p4.preview.current.flashcontent.width);
|
||||
}
|
||||
var t=20;
|
||||
var de = 0;
|
||||
|
||||
var margX = 0;
|
||||
var margY = 0;
|
||||
|
||||
if(p4.preview.current.type == 'audio')
|
||||
{
|
||||
var margY = 100;
|
||||
de = 60;
|
||||
}
|
||||
|
||||
|
||||
if(p4.preview.current.type != 'flash')
|
||||
{
|
||||
var ratioP = w / h;
|
||||
var ratioD = parseInt(p4.preview.width) / parseInt(p4.preview.height);
|
||||
|
||||
if (ratioD > ratioP) {
|
||||
//je regle la hauteur d'abord
|
||||
if ((parseInt(h) + margY) > parseInt(p4.preview.height)) {
|
||||
h = Math.round(parseInt(p4.preview.height) - margY);
|
||||
w = Math.round(h * ratioP);
|
||||
}
|
||||
}
|
||||
else {
|
||||
if ((parseInt(w) + margX) > parseInt(p4.preview.width)) {
|
||||
w = Math.round(parseInt(p4.preview.width) - margX);
|
||||
h = Math.round(w / ratioP);
|
||||
}
|
||||
}
|
||||
}
|
||||
else
|
||||
{
|
||||
|
||||
h = Math.round(parseInt(p4.preview.height) - margY);
|
||||
w = Math.round(parseInt(p4.preview.width) - margX);
|
||||
}
|
||||
t = Math.round((parseInt(p4.preview.height) - h - de) / 2);
|
||||
var l = Math.round((parseInt(p4.preview.width) - w) / 2);
|
||||
$('#PREVIEWIMGCONT .PREVIEW_PIC').css({
|
||||
width: w,
|
||||
height: h,
|
||||
top: t,
|
||||
left: l
|
||||
}).attr('width',w).attr('height',h);
|
||||
}
|
||||
|
||||
function classicMode(){
|
||||
$('#PREVIEWCURRENTCONT').animate({'scrollLeft' : ($('#PREVIEWCURRENT li.selected').position().left - 160)});
|
||||
p4.currentViewMode = 'classic';
|
||||
}
|
||||
|
||||
function doudouMode(){
|
||||
$('#PREVIEWCURRENT li').removeClass('see-all');
|
||||
$('#PREVIEWCURRENT ul').width('auto');
|
||||
$('#PREVIEWCURRENTCONT').css({
|
||||
'overflow-x': 'hidden'
|
||||
});
|
||||
p4.currentViewMode = 'enhance';
|
||||
viewCurrent($('#PREVIEWCURRENT li.selected'));
|
||||
}
|
||||
|
||||
function closePreview(){
|
||||
p4.preview.open = false;
|
||||
hideOverlay();
|
||||
|
||||
$('#PREVIEWBOX').fadeTo(500, 0);
|
||||
$('#PREVIEWBOX').queue(function(){
|
||||
$(this).css({
|
||||
'display': 'none'
|
||||
});
|
||||
cancelPreview();
|
||||
$(this).dequeue();
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
function fullScreen(){
|
||||
var url = '';
|
||||
var dHd = false;
|
||||
$('#PREVIEWHD').empty();
|
||||
$('#PREVIEWHD').show();
|
||||
|
||||
if ((p4.preview.current.width / bodySize.x) < 0.6 && (p4.preview.current.height / bodySize.y) < 0.6) {
|
||||
//je charge la HD
|
||||
dHd = true;
|
||||
if (!p4.preview.current.hd)
|
||||
dHd = false;
|
||||
}
|
||||
if (dHd) {
|
||||
$('#PREVIEWHD').append(p4.preview.current.hd);
|
||||
}
|
||||
else {
|
||||
$('#PREVIEWHD').append(p4.preview.current.prev);
|
||||
}
|
||||
$('#PREVIEWHD .PREVIEW_PIC').removeClass('PREVIEW_PIC').addClass('PREVIEW_HD');
|
||||
|
||||
var h = $('.PREVIEW_HD').height();
|
||||
var w = $('.PREVIEW_HD').width();
|
||||
var t = 0;
|
||||
var ratio = w / h;
|
||||
|
||||
if (h > bodySize.y) {
|
||||
h = bodySize.y - 40;
|
||||
w = h * ratio;
|
||||
}
|
||||
if (w > bodySize.x) {
|
||||
w = bodySize.x - 40;
|
||||
h = w / ratio;
|
||||
}
|
||||
|
||||
|
||||
var t = (bodySize.y - h) / 2;
|
||||
$('.PREVIEW_HD').css({
|
||||
width: w,
|
||||
height: h,
|
||||
top: t,
|
||||
position: 'relative'
|
||||
});
|
||||
|
||||
}
|
||||
Reference in New Issue
Block a user