/*
* Lance une recherche par courbes.
*/
mosaic.prototype.startSearch = function()
{
var _this = this;
var top, left, width, height, margin_top, inMosaic;
//Si on est dans le cas d'un filtrage de mosaïque.
if(this.currentMode == "FILTER")
{
var mainPanel = $('#mainPanel');
top = mainPanel.position().top;
left = mainPanel.position().left;
width = mainPanel.width();
height = mainPanel.height();
margin_top = this.MPTop_margin;
inMosaic = true;
}
//Sinon si c'est une recherche dans la vidéo.
else if(this.currentMode == "SEARCH")
{
top = this.snTop;
left = this.snLeft;
width = this.snWidth;
height = this.snHeight;
margin_top = '0px';
inMosaic = false;
}
this.searchCanvas = new searchCanvas(top, left, width, height, margin_top, this.timeSearchFade, inMosaic, this);
this.searchCanvas.create(this.dictionary);
}
/*
* Lit le dictionnaire pour reconnaître les courbes de recherche.
*/
mosaic.prototype.getDictionary = function()
{
var path = this.config['dico'];
var dico = [];
var _this = this;
$.getJSON(path, function(data)
{
for(var i = 0 ; i < data.gestures.length ; i++)
{
_this.dictionary[i] = data.gestures[i];
}
});
}
mosaic.prototype.listenToPointers = function()
{
if(this.searchCanvas)
{
}
}
/*
* Quitte une recherche par courbes.
*/
mosaic.prototype.leaveSearch = function()
{
if(this.searchCanvas)
{
this.searchCanvas.leaveSearch();
}
this.searchCanvas = null;
}
/*
* Affiche les types de marqueurs correspondants à ce qu'on a commencé à tracer lors d'une recherche.
*/
mosaic.prototype.notifySearchMarkers = function(markersStr)
{
if($('.notifications_inSearch_container').length > 0)
{
return;
}
// console.log(markersStr);
var markersList = markersStr.split(new RegExp(';'));
var notification_search_markers = "<div class='notifications_inSearch_container'>";
//On spécifie les notifications en div.
for(var i = 0 ; i < markersList.length ; i++)
{
notification_search_markers += "<div class='notifications_inSearch' style='background-image: url(./pictos/big/normal/" + markersList[i] + ".png);'></div>";
}
notification_search_markers += "</div>";
//On les ajoute à la mosaïque.
$('#mainPanel').append(notification_search_markers);
//On calcule leurs coordonnées et dimensions.
var notify_width = $('.notifications_inSearch_container').width(), notify_height = $('.notifications_inSearch_container').height();
var notify_margin = parseInt($('.notifications_inSearch').css('margin'));
var point_left = $(window).width() / 2 - (notify_width) / 2 - notify_margin;
var point_top = 0;
if(this.currentMode == "VIDEO" || this.currentMode == "SEARCH")
{
point_top = -this.notifyTopVideo,
point_left = -this.notifyLeftVideo + ($(window).width() - notify_width) / 2
}
//On les positionne.
$('.notifications_inSearch_container').css(
{
left: point_left,
top: point_top
});
//On les fait apparaître.
$('.notifications_inSearch').css(
{
opacity: "0.9"
});
}
/*
* Supprime la notification de maintient du pointage.
*/
mosaic.prototype.removeSearchMarkers = function()
{
$('.notifications_inSearch_container').remove();
}
/*
* Effectuer un filtrage de la mosaïque par rapport à un type de marqueurs.
*/
mosaic.prototype.searchFilter = function(type)
{
var _this = this;
if(this.currentMode == "FILTER")
{
this.filterSearchedType = type;
// console.log('Annotations length : ' + this.annotations.length);
if(this.annotations.length > 0)
{
this.isMosaicFiltering = true;
var gestureNumberByVideo = new Object();
var maxAnnotationNumber = 0;
// for(var i = 0 ; i < this.config['imagesToShow'] ; i++)
for(var i = 0 ; i < this.annotations.length ; i++)
{
var current = this.annotations[i];
// console.log(current.annotationType.contents.title + ' == ' + type);
if(current.annotationType.contents.title == type)
{
if(gestureNumberByVideo[current.source.url] == undefined || gestureNumberByVideo[current.source.url] == '')
{
gestureNumberByVideo[current.source.url] = 0;
}
gestureNumberByVideo[current.source.url]++;
}
}
for(var i = 0 ; i < this.config['imagesToShow'] ; i++)
{
if(gestureNumberByVideo[this.urls[i]] == undefined || gestureNumberByVideo[this.urls[i]] == '')
{
gestureNumberByVideo[this.urls[i]] = 0;
}
}
//On récupère la vidéo qui score le nombre d'occurences de la gesture le plus haut.
for(i in gestureNumberByVideo)
{
// console.log(i + " " + gestureNumberByVideo[i] + ' ' + type);
if(maxAnnotationNumber < gestureNumberByVideo[i])
{
maxAnnotationNumber = gestureNumberByVideo[i];
}
}
var snMargin = parseInt($('.snapshotDivs').css('margin'));
//On affiche l'opacité résultante pour chaque vidéo.
for(var i = 0 ; i < this.config['imagesToShow'] ; i++)// in gestureNumberByVideo)
{
//Opacité conventionelle.
var opacity = gestureNumberByVideo[this.urls[i]] / maxAnnotationNumber;
// console.log('opacity b : ' + opacity + ' for ' + gestureNumberByVideo[i]);
//Ce qui est à zéro le restera (par conséquent le snapshot associé sera invisible).
if(opacity > 0)
{
//On réhausse l'opacité de 50%.
opacity = this.scaleIntervals(0., 1., 0.5, 1., opacity);
}
this.opacities[i] = opacity;
//var filterIndex = this.getIdxFromMetadata(i);
var filterIndex = i;
//if(filterIndex >= 0)
//{
// console.log('#snapshotDiv-' + filterIndex + " " + _this.config['timeFilterFade'] + " " + opacity);
$('#snapshotDiv-' + filterIndex).fadeTo(this.config['timeFilterFade'], opacity, function()
{
//Pour ne notifier qu'une fois.
if(_this.isMosaicFiltering)
{
_this.isMosaicFiltering = false;
}
});
// console.log('filterIdx : ' + filterIndex);
if(opacity == 0)
{
var filteredSnapshot = $('#snapshotDiv-' + filterIndex);
if(filteredSnapshot.length > 0)
{
var hider = '<div id="filterHider-' + filterIndex + '" class="filterHiders"></div>';
$('#mainPanel').append(hider);
$('#filterHider-' + filterIndex).css(
{
width: +filteredSnapshot.width() + 4 * snMargin,
height: +filteredSnapshot.height() + 4 * snMargin,
top: filteredSnapshot.position().top - snMargin,
left: filteredSnapshot.position().left - snMargin
});
}
}
//}
}
// for(var a = 0 ; a < this.config['imagesToShow'] ; a++)
// console.log('op : ' + ' ' + this.imgs[a] + ' \t ' + this.opacities[a]);
this.isMosaicFiltered = true;
}
}
}
/*
* Passe une valeur de l'intervalle [A, B] à l'intervalle [C, D].
*/
mosaic.prototype.scaleIntervals = function(A, B, C, D, val)
{
return (D - C + A) * val + (C - A);
}
/*
* Retourne l'index d'un snapshot en fonction de ses metadonnées.
*/
mosaic.prototype.getIdxFromMetadata = function(metadata)
{
var _this = this;
for(idx in this.urls)
{
if(this.urls[idx] == metadata)
{
for(id in this.ids)
{
if(this.ids[id] == idx)
{
return id;
}
}
}
}
return -1;
}
/*
* Enlève une recherche par filtre.
*/
mosaic.prototype.removeFilter = function()
{
if(this.currentMode == "FILTER")
{
this.currentMode = "MOSAIC";
var _this = this;
this.isMosaicFiltered = false;
this.filterSearchedType = '';
$('#notify_search').remove();
$('#notify_search_1gesture').remove();
$('.filterHiders').remove();
$('.snapshotDivs').fadeTo(_this.config['timeFilterFade'], 1);
}
}
/*
* Parcours le dictionnaire pour trouver la première gesture à avoir un code identique à celui en entrée.
*/
mosaic.prototype.gestureWithSameCode = function(code)
{
//Pour tout le dictionnaire.
for(var i = 0 ; i < this.dictionary.length ; i++)
{
//Pour touts les codes de chaque gesture du dictionnaire.
for(var j = 0 ; j < this.dictionary[i].codes.length ; j++)
{
//Si le code en entrée est une partie début d'un des codes.
if(this.dictionary[i].codes[j] === code)
{
//On retourne le nom de la gesture.
return this.dictionary[i].name;
}
}
}
return '';
}