hazza/Phraseanet
1
0
Fork 0
mirror of https://github.com/alchemy-fr/Phraseanet.git synced 2025-10-11 20:13:28 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix JS codestyle

Browse Source
This commit is contained in:
Romain Neutron
2013-11-12 12:49:23 +01:00
parent 51fb364d13
commit 9fa95db23c
78 changed files with 5184 additions and 6309 deletions
Download Patch File Download Diff File Expand all files Collapse all files

246
www/include/jquery.tooltip.js
View File

@@ -13,7 +13,7 @@
* http://www.gnu.org/licenses/gpl.html
*/
(function($) {
(function ($) {
// the tooltip element
var helper = {},
@@ -28,15 +28,15 @@
$.tooltip = {
blocked: false,
ajaxTimeout : false,
ajaxRequest : false,
ajaxEvent : false,
ajaxTimeout: false,
ajaxRequest: false,
ajaxEvent: false,
current: null,
visible: false,
defaults: {
delay: 700,
fixable:false,
fixableIndex:100,
fixable: false,
fixableIndex: 100,
fade: true,
showURL: true,
outside: true,
@@ -45,27 +45,26 @@
left: 15,
id: "tooltip"
},
block: function() {
block: function () {
$.tooltip.blocked = !$.tooltip.blocked;
},
delayAjax : function(a,b,c)
{
delayAjax: function (a, b, c) {
var options_serial = p4.tot_options;
var query = p4.tot_query;
var datas = {
options_serial:options_serial,
query:query
options_serial: options_serial,
query: query
};
$.tooltip.ajaxRequest = $.ajax({
url: $.tooltip.current.tooltipSrc,
type:'post',
data:datas,
success: function(data) {
type: 'post',
data: datas,
success: function (data) {
title = data;
positioning($.tooltip.ajaxEvent);
},
"error":function(){
"error": function () {
return;
}
});
@@ -73,10 +72,10 @@
};
$.fn.extend({
tooltip: function(settings) {
tooltip: function (settings) {
settings = $.extend({}, $.tooltip.defaults, settings);
createHelper(settings);
return this.each(function() {
return this.each(function () {
$.data(this, "tooltip", settings);
// copy tooltip into its own expando and remove the title
this.tooltipText = $(this).attr('title');
@@ -94,7 +93,7 @@
.mouseout(hide)
.mousedown(fix);
},
fixPNG: IE ? function() {
fixPNG: IE ? function () {
return this.each(function () {
var image = $(this).css('backgroundImage');
if (image.match(/^url\(["']?(.*\.png)["']?\)$/i)) {
@@ -109,32 +108,32 @@
});
}
});
} : function() {
} : function () {
return this;
},
unfixPNG: IE ? function() {
unfixPNG: IE ? function () {
return this.each(function () {
$(this).css({
'filter': '',
backgroundImage: ''
});
});
} : function() {
} : function () {
return this;
},
hideWhenEmpty: function() {
return this.each(function() {
hideWhenEmpty: function () {
return this.each(function () {
$(this)[ $(this).html() ? "show" : "hide" ]();
});
},
url: function() {
url: function () {
return this.attr('href') || this.attr('src');
}
});
function createHelper(settings) {
// there can be only one tooltip helper
if( helper.parent )
if (helper.parent)
return;
// create the helper, h3 for title, div for url
helper.parent = $('<div id="' + settings.id + '"><div class="body"></div></div>')
@@ -144,7 +143,7 @@
.hide();
// apply bgiframe if available
if ( $.fn.bgiframe )
if ($.fn.bgiframe)
helper.parent.bgiframe();
// save references to title and url elements
@@ -160,11 +159,11 @@
// main event handler to start showing tooltips
function handle(event) {
if($($.tooltip.current).hasClass('SSTT') && $($.tooltip.current).hasClass('ui-state-active'))
if ($($.tooltip.current).hasClass('SSTT') && $($.tooltip.current).hasClass('ui-state-active'))
return;
// show helper, either with timeout or on instant
if( settings(this).delay )
if (settings(this).delay)
tID = setTimeout(visible, settings(this).delay);
else
visible();
@@ -181,12 +180,12 @@
// save elements title before the tooltip is displayed
function save(event) {
// if this is the current source, or it has no title (occurs with click event), stop
if(event.stopPropagation)
if (event.stopPropagation)
event.stopPropagation();
event.cancelBubble = true;
if ( $.tooltip.blocked || this == $.tooltip.current || (!this.tooltipText && !this.tooltipSrc && !settings(this).bodyHandler) )
if ($.tooltip.blocked || this == $.tooltip.current || (!this.tooltipText && !this.tooltipSrc && !settings(this).bodyHandler))
return;
// save current
@@ -194,28 +193,26 @@
title = this.tooltipText;
// if element has href or src, add and show it, otherwise hide it
if( settings(this).showURL && $(this).url() )
helper.url.html( $(this).url().replace('http://', '') ).show();
if (settings(this).showURL && $(this).url())
helper.url.html($(this).url().replace('http://', '')).show();
else
helper.url.hide();
// add an optional class for this tip
// helper.parent.addClass(settings(this).extraClass);
if(this.ajaxLoad)
{
if (this.ajaxLoad) {
clearTimeout($.tooltip.ajaxTimeout);
$.tooltip.ajaxTimeout = setTimeout("$.tooltip.delayAjax()", 300);
$.tooltip.ajaxEvent = event;
}
else
{
title = '<div class="popover" style="display:block;position:relative;">'+
'<div class="arrow"></div>'+
'<div class="popover-inner" style="width:auto;">'+
'<div class="popover-content">'+
title+
'</div>'+
'</div>'+
else {
title = '<div class="popover" style="display:block;position:relative;">' +
'<div class="arrow"></div>' +
'<div class="popover-inner" style="width:auto;">' +
'<div class="popover-content">' +
title +
'</div>' +
'</div>' +
'</div>';
positioning.apply(this, arguments);
@@ -224,16 +221,14 @@
}
function positioning(event)
{
function positioning(event) {
helper.body.html(title);
helper.body.show();
$this = $.tooltip.current;
// fix PNG background for IE
if (settings($this).fixPNG )
if (settings($this).fixPNG)
helper.parent.fixPNG();
if(settings($this).outside)
{
if (settings($this).outside) {
var width = 'auto';
var height = 'auto';
var ratio = 1;
@@ -245,53 +240,52 @@
resizeImgTips = true;
width = parseInt($imgTips[0].style.width);
height = parseInt($imgTips[0].style.height);
ratio = width/height;
$imgTips.css({top:'0px',left:'0px'});
ratio = width / height;
$imgTips.css({top: '0px', left: '0px'});
}
if ($videoTips[0] && $('#' + settings($.tooltip.current).id + ' .noToolTipResize').length === 0) {
resizeVideoTips = true;
width = parseInt($videoTips.attr('width'));
height = parseInt($videoTips.attr('height'));
ratio = width/height;
$videoTips.css({top:'0px',left:'0px'});
ratio = width / height;
$videoTips.css({top: '0px', left: '0px'});
}
var v = viewport(),
h = helper.parent;
helper.parent.css({
width:width,
top:0,
left:0,
visibility:'hidden',
width: width,
top: 0,
left: 0,
visibility: 'hidden',
// visibility:'visible',
display:'block',
height:height
display: 'block',
height: height
});
$(h).width($(h).width());
width = ($(h).width()>(v.x-40))?(v.x-40):$(h).width();
height = ($(h).height()>(v.y-40))?(v.y-40):$(h).height();
width = ($(h).width() > (v.x - 40)) ? (v.x - 40) : $(h).width();
height = ($(h).height() > (v.y - 40)) ? (v.y - 40) : $(h).height();
// $('#' + settings($.tooltip.current).id + ' .thumb_wrapper').width('auto').height('auto');
if($('#' + settings($.tooltip.current).id + ' .audioTips').length > 0)
{
if ($('#' + settings($.tooltip.current).id + ' .audioTips').length > 0) {
height = height < 26 ? 26 : height;
}
$(h).css({
width:width,
height:height
width: width,
height: height
});
if (event) {
var vert, vertS, hor, horS, top, left,ratioH,ratioV;
var vert, vertS, hor, horS, top, left, ratioH, ratioV;
// ratio = $(h).width()/$(h).height();
var ratioSurfaceH;
var ratioSurfaceV, wiH,wiV,heH,heV;
var ratioImage = $(h).width()/$(h).height();
var ratioSurfaceV, wiH, wiV, heH, heV;
var ratioImage = $(h).width() / $(h).height();
//position de l'image
if ($(event.target).offset().left > (v.x - $(event.target).offset().left - $(event.target).width())) {
@@ -325,66 +319,58 @@
//correction par ratio
if (resizeImgTips && $('#' + settings($.tooltip.current).id + ' .imgTips')[0]) {
if(ratioSurfaceH > ratioImage)
{
horS = v.y * ratioImage*v.y;
if (ratioSurfaceH > ratioImage) {
horS = v.y * ratioImage * v.y;
}
else
{
horS = wiH * wiH/ratioImage;
else {
horS = wiH * wiH / ratioImage;
}
if(ratioSurfaceV > ratioImage)
{
vertS = heV * ratioImage*heV;
if (ratioSurfaceV > ratioImage) {
vertS = heV * ratioImage * heV;
}
else
{
vertS = v.x * v.x/ratioImage;
else {
vertS = v.x * v.x / ratioImage;
}
}
var zH;
if((Math.abs(ratioSurfaceV - ratioImage) < Math.abs(ratioSurfaceH - ratioImage)))
{
if ((Math.abs(ratioSurfaceV - ratioImage) < Math.abs(ratioSurfaceH - ratioImage))) {
var zL = event.pageX;
var zW = $(h).width();
zH = $(h).height();
var ETOT = $(event.target).offset().top;
var ETH = $(event.target).height();
left = (zL - zW/2)<20?20:(((zL + zW/2+20)>v.x)?(v.x-zW-20):(zL -zW/2));
switch(vert)
{
left = (zL - zW / 2) < 20 ? 20 : (((zL + zW / 2 + 20) > v.x) ? (v.x - zW - 20) : (zL - zW / 2));
switch (vert) {
case 'haut':
height = (zH>(ETOT-40))?(ETOT-40):zH;
top = ETOT - height-20;
height = (zH > (ETOT - 40)) ? (ETOT - 40) : zH;
top = ETOT - height - 20;
break;
case 'bas':
height = ((v.y-ETH-ETOT-40)>zH)?zH:(v.y-ETH-ETOT-40);
top = ETOT +ETH+20;
height = ((v.y - ETH - ETOT - 40) > zH) ? zH : (v.y - ETH - ETOT - 40);
top = ETOT + ETH + 20;
break;
default:
break;
}
}
else
{
else {
// height = ($(h).height()>(v.y-40))?(v.y-40):$(h).height();
zH = $(h).height();
var zT = event.pageY;
var EOTL = $(event.target).offset().left;
var ETW = $(event.target).width();
var zw = $(h).width();
top = (zT - zH/2)<20?20:(((zT + zH/2+20)>v.y)?(v.y-zH-20):(zT - zH/2));
switch(hor)
{
top = (zT - zH / 2) < 20 ? 20 : (((zT + zH / 2 + 20) > v.y) ? (v.y - zH - 20) : (zT - zH / 2));
switch (hor) {
case 'gauche':
width = (zw>(EOTL-40))?(EOTL-40):zw;
left = EOTL - width-20;
width = (zw > (EOTL - 40)) ? (EOTL - 40) : zw;
left = EOTL - width - 20;
break;
case 'droite':
width = ((v.x-ETW-EOTL-40)>zw)?zw:(v.x-ETW-EOTL-40);
left = EOTL +ETW+20;
width = ((v.x - ETW - EOTL - 40) > zw) ? zw : (v.x - ETW - EOTL - 40);
left = EOTL + ETW + 20;
break;
default:
break;
@@ -401,9 +387,9 @@
//si ya une image on re-ajuste au ratio
if (resizeImgTips && $('#' + settings($.tooltip.current).id + ' .imgTips')[0]) {
if(width == 'auto')
if (width == 'auto')
width = $('#' + settings($.tooltip.current).id).width();
if(height == 'auto')
if (height == 'auto')
height = $('#' + settings($.tooltip.current).id).height();
if (ratio > 1) {
var nh = width / ratio;
@@ -421,16 +407,13 @@
}
width = nw;
}
}else
{
if(vertS < horS)
{
} else {
if (vertS < horS) {
height = 'auto';
}
}
if(resizeImgTips)
{
if (resizeImgTips) {
var factor = Math.min((width - 45) / width, (height - 75) / height);
var imgWidth = Math.round(width * factor);
var imgHeight = Math.round(height * factor);
@@ -444,8 +427,7 @@
});
}
if(resizeVideoTips)
{
if (resizeVideoTips) {
var factor = Math.min((width - 45) / width, (height - 75) / height);
var imgWidth = Math.round(width * factor);
var imgHeight = Math.round(height * factor);
@@ -488,25 +470,23 @@
update();
}
function fix(event)
{
if(!settings(this).fixable)
{
function fix(event) {
if (!settings(this).fixable) {
hide(event);
return;
}
event.cancelBubble = true;
if(event.stopPropagation)
if (event.stopPropagation)
event.stopPropagation();
showOverlay('_tooltip','body',unfix_tooltip, settings(this).fixableIndex);
showOverlay('_tooltip', 'body', unfix_tooltip, settings(this).fixableIndex);
$('#tooltip .tooltip_closer').show().bind('click', unfix_tooltip);
$.tooltip.blocked = true;
}
function visible(){
function visible() {
$.tooltip.visible = true;
helper.parent.css({
visibility:'visible'
visibility: 'visible'
});
}
@@ -515,9 +495,9 @@
* updates the helper position
* removes itself when no current element
*/
function update(event) {
function update(event) {
if($.tooltip.blocked)
if ($.tooltip.blocked)
return;
if (event && event.target.tagName == "OPTION") {
@@ -525,12 +505,12 @@
}
// stop updating when tracking is disabled and the tooltip is visible
if ( !track && helper.parent.is(":visible")) {
if (!track && helper.parent.is(":visible")) {
$(document.body).unbind('mousemove', update);
}
// if no current element is available, remove this listener
if( $.tooltip.current === null ) {
if ($.tooltip.current === null) {
$(document.body).unbind('mousemove', update);
return;
}
@@ -538,8 +518,7 @@
// remove position helper classes
helper.parent.removeClass("viewport-right").removeClass("viewport-bottom");
if(!settings($.tooltip.current).outside)
{
if (!settings($.tooltip.current).outside) {
var left = helper.parent[0].offsetLeft;
var top = helper.parent[0].offsetTop;
helper.parent.width('auto');
@@ -548,7 +527,7 @@
// position the helper 15 pixel to bottom right, starting from mouse position
left = event.pageX + settings($.tooltip.current).left;
top = event.pageY + settings($.tooltip.current).top;
var right='auto';
var right = 'auto';
if (settings($.tooltip.current).positionLeft) {
right = $(window).width() - left;
left = 'auto';
@@ -590,27 +569,26 @@
}
// hide helper and restore added classes and the title
function hide(event)
{
if($.tooltip.blocked || !$.tooltip.current)
function hide(event) {
if ($.tooltip.blocked || !$.tooltip.current)
return;
// clear timeout if possible
if(tID)
if (tID)
clearTimeout(tID);
// no more current element
$.tooltip.visible = false;
var tsettings = settings($.tooltip.current);
clearTimeout($.tooltip.ajaxTimeout);
if($.tooltip.ajaxRequest && $.tooltip.ajaxRequest.abort)
{
if ($.tooltip.ajaxRequest && $.tooltip.ajaxRequest.abort) {
$.tooltip.ajaxRequest.abort();
}
helper.body.empty();
$.tooltip.current = null;
function complete() {
helper.parent.removeClass( tsettings.extraClass ).hide().css("opacity", "");
helper.parent.removeClass(tsettings.extraClass).hide().css("opacity", "");
}
if ((!IE || !$.fn.bgiframe) && tsettings.fade) {
if (helper.parent.is(':animated'))
helper.parent.stop().fadeTo(tsettings.fade, 0, complete);
@@ -619,14 +597,13 @@
} else
complete();
if( tsettings.fixPNG )
if (tsettings.fixPNG)
helper.parent.unfixPNG();
}
})(jQuery);
function unfix_tooltip()
{
function unfix_tooltip() {
$.tooltip.blocked = false;
$.tooltip.visible = false;
$.tooltip.current = null;
@@ -636,9 +613,8 @@ function unfix_tooltip()
}
$(document).bind('keydown', function(event){
if(event.keyCode == 27 && $.tooltip.blocked === true)
{
$(document).bind('keydown', function (event) {
if (event.keyCode == 27 && $.tooltip.blocked === true) {
unfix_tooltip();
}
});