front_idill/src/mosaic/js/zoomInteractions.js
changeset 47 4e1ee94d70b1
parent 45 0e29ae4568a0
child 52 277c94533395
equal deleted inserted replaced
46:9d7a2aa112fb 47:4e1ee94d70b1
     2  * Zoom sur la position d'une image, 1ère partie. Durant le laps de temps de time ms, l'utilisateur a le choix de zoomer sur une autre image.
     2  * Zoom sur la position d'une image, 1ère partie. Durant le laps de temps de time ms, l'utilisateur a le choix de zoomer sur une autre image.
     3  * Après ce laps de temps, l'image zoom complétement et il n'est plus possible de sélectionner une autre image par pointage.
     3  * Après ce laps de temps, l'image zoom complétement et il n'est plus possible de sélectionner une autre image par pointage.
     4  */
     4  */
     5 mosaic.prototype.preZoom = function(snapshot)
     5 mosaic.prototype.preZoom = function(snapshot)
     6 {
     6 {
     7 	if(this.currentMode == "NO-USER" || this.currentMode.indexOf("INCOMING") > -1 || snapshot == null || this.helpDisplayed || this.isMosaicFiltering || this.isSearchByCurvesOn)
     7 	if(this.currentMode == "NO-USER" || this.currentMode.indexOf("INCOMING") > -1 || snapshot == null || this.helpDisplayed || this.isMosaicFiltering || this.isSearchByCurvesOn || this.gestureDelRequested)
     8 	{
     8 	{
     9 		return;
     9 		return;
    10 	}
    10 	}
    11 	
    11 	
    12     if(this.fullscreen)
    12     if(this.fullscreen)
    14         return;
    14         return;
    15 	}
    15 	}
    16 	this.preUnzoom();
    16 	this.preUnzoom();
    17 	//On enlève les notifications initiales si elles existent.
    17 	//On enlève les notifications initiales si elles existent.
    18 	// this.removeSelectionSearchMosaicFull();
    18 	// this.removeSelectionSearchMosaicFull();
    19 	$('.notifications').remove();
    19 	this.removeNotifications();
    20 	
    20 	
    21     //Mosaïque.
    21     //Mosaïque.
    22     var _this = this;
    22     var _this = this;
    23     //Dimensions de la mosaïque.
    23     //Dimensions de la mosaïque.
    24     var h = this.height, w = this.width;
    24     var h = this.height, w = this.width;
   162 				_this.isOnAPrezoomSN = true;
   162 				_this.isOnAPrezoomSN = true;
   163 			}
   163 			}
   164 			
   164 			
   165 			if(_this.currentMode == 'MOSAIC')
   165 			if(_this.currentMode == 'MOSAIC')
   166 			{
   166 			{
   167 				$('.notifications').remove();
   167 				_this.removeNotifications();
   168 				_this.mosaicSelection();
   168 				_this.mosaicSelection();
   169 			}
   169 			}
   170 			else if(_this.currentMode == 'FILTER' && !_this.filterSearchedType && _this.curvesGesturesFound)
   170 			else if(_this.currentMode == 'FILTER' && !_this.filterSearchedType && _this.curvesGesturesFound)
   171 			{
   171 			{
   172 				$('.notifications').remove();
   172 				_this.removeNotifications();
   173 				_this.filterSearchAndSelection();
   173 				_this.filterSearchAndSelection();
   174 			}
   174 			}
   175 			else if(_this.currentMode == 'FILTER' && _this.filterSearchedType)
   175 			else if(_this.currentMode == 'FILTER' && _this.filterSearchedType)
   176 			{
   176 			{
   177 				$('.notifications').remove();
   177 				_this.removeNotifications();
   178 				_this.filterGestureAndSelection(_this.filterSearchedType, 'valid');
   178 				_this.filterGestureAndSelection(_this.filterSearchedType, 'valid');
   179 			}
   179 			}
   180 		});
   180 		});
   181     });
   181     });
   182     
   182     
   212 	this.isOnAPrezoomSN = false;
   212 	this.isOnAPrezoomSN = false;
   213 	clearTimeout(this.zoomTimeout);
   213 	clearTimeout(this.zoomTimeout);
   214 	
   214 	
   215 	if(this.currentMode == 'MOSAIC')
   215 	if(this.currentMode == 'MOSAIC')
   216 	{
   216 	{
   217 		$('.notifications').remove();
   217 		this.removeNotifications();
   218 		this.mosaicSelectionAndSearch();
   218 		this.mosaicSelectionAndSearch();
   219 	}
   219 	}
   220 	else if(_this.currentMode == 'FILTER' && !this.filterSearchedType && !this.curvesGesturesFound)
   220 	else if(_this.currentMode == 'FILTER' && !this.filterSearchedType && !this.curvesGesturesFound)
   221 	{
   221 	{
   222 		$('.notifications').remove();
   222 		this.removeNotifications();
   223 		this.filterSearch();
   223 		this.filterSearch();
   224 	}
   224 	}
   225 	else if(_this.currentMode == 'FILTER' && this.filterSearchedType && !this.curvesGesturesFound)
   225 	else if(_this.currentMode == 'FILTER' && this.filterSearchedType && !this.curvesGesturesFound)
   226 	{
   226 	{
   227 		$('.notifications').remove();
   227 		this.removeNotifications();
   228 		this.filterGesture(this.filterSearchedType, 'valid');
   228 		this.filterGesture(this.filterSearchedType, 'valid');
   229 	}
   229 	}
   230 	/*this.removePointMosaicPrezoom();
   230 	/*this.removePointMosaicPrezoom();
   231 	this.notifySelectionSearchMosaicFull();*/
   231 	this.notifySelectionSearchMosaicFull();*/
   232     
   232     
   362 			// console.log('PROBLEM');
   362 			// console.log('PROBLEM');
   363 			_this.currentMode = 'VIDEO';
   363 			_this.currentMode = 'VIDEO';
   364 			_this.listenToNeighbours();
   364 			_this.listenToNeighbours();
   365 		}
   365 		}
   366 		
   366 		
       
   367 		console.log('gesture shown : ' + _this.currentSearchGesture[_this.centerId]);
       
   368 		
       
   369 		if(_this.currentSearchGesture[_this.centerId] != '')
       
   370 		{
       
   371 			_this.currentMode = 'SEARCH';
       
   372 			_this.isCurrentlyInASearchByGesture = true;
       
   373 			_this.removeNotifications();
       
   374 			_this.searchGesture(_this.currentSearchGesture[_this.centerId], 'valid');
       
   375 		}
       
   376 		
   367 		$('#spinner').remove();
   377 		$('#spinner').remove();
   368 		$('#mainPointer').css('background-image', 'url(./img/cursors/pointer.png)');
   378 		$('#mainPointer').css('background-image', 'url(./img/cursors/pointer.png)');
   369 		$('#secondPointer').css('background-image', 'url(./img/cursors/pointer2.png)');
   379 		$('#secondPointer').css('background-image', 'url(./img/cursors/pointer2.png)');
   370 		
   380 		
   371 		// console.log('BBB3 : ' + _this.currentMode);
   381 		// console.log('BBB3 : ' + _this.currentMode);
   435 	
   445 	
   436 	var _this = this;
   446 	var _this = this;
   437 	
   447 	
   438 	if(this.mouseInteractions)
   448 	if(this.mouseInteractions)
   439 	{
   449 	{
   440 		$('body').unbind('click');
   450 		$(window).unbind('click');
   441 		$('body').unbind('mousewheel');
   451 		$(window).unbind('mousewheel');
   442 	
   452 	
   443 		//On rebind le clic pour supprimer une recherche.
   453 		//On rebind le clic pour supprimer une recherche.
   444 		$('body').click(function(e)
   454 		$(window).click(function(e)
   445 		{
   455 		{
   446 			_this.removeSearchNotificationIfOnIt(e.pageX, e.pageY);
   456 			_this.removeSearchNotificationIfOnIt(e.pageX, e.pageY);
   447 		});
   457 		});
   448 	}
   458 	}
   449 	
   459 	
   561 			});*/
   571 			});*/
   562 			
   572 			
   563 			//On remet les notifications initiales si on n'est pas dans une recherche par filtrage.
   573 			//On remet les notifications initiales si on n'est pas dans une recherche par filtrage.
   564 			if(_this.currentMode == 'MOSAIC' && !_this.filterSearchedType)
   574 			if(_this.currentMode == 'MOSAIC' && !_this.filterSearchedType)
   565 			{
   575 			{
   566 				$('.notifications').remove();
   576 				_this.removeNotifications();
   567 				// _this.notifySelectionSearchMosaicFull();
   577 				// _this.notifySelectionSearchMosaicFull();
   568 				_this.mosaicSelectionAndSearch();
   578 				_this.mosaicSelectionAndSearch();
   569 			}
   579 			}
   570 		}
   580 		}
   571 		
   581