6 

     7 /*

     8  * Affiche la notification de sélection/recherche lorsque la mosaique est complète.

     9 */

    10 mosaic.prototype.notifySelectionSearchMosaicFull = function()

    11 {

    12 	if(this.currentMode != "MOSAIC" && this.currentMode != "FILTER" || this.isCurrentlyInASearchByGesture || $('#notify_selection').length > 0 || $('#notify_search').length > 0 || $('#notify_point').length > 0)

    13 	{

    14 		return;

    15 	}

    16 	

    17 	console.log('NOTIFY SEL SEA');

    18 	

    19 	//On spécifie les notifications en div.

    20 	var notification_selection = "<div id='notify_selection' class='notifications'></div>";

    21 	var notification_search = "<div id='notify_search' class='notifications'></div>";

    22 	

    23 	//On les ajoute à la mosaïque.

    24 	$('#mainPanel').append(notification_selection + notification_search);

    25 

    26 	//On calcule leurs coordonnées et dimensions.

    27 	var notify_width = $('.notifications').width(), notify_height = $('.notifications').height();

    28 	var notify_margin = parseInt($('.notifications').css('margin'));

    29 	var selection_left = $(window).width() / 2 - (notify_width * 2 + notify_margin * 3) / 2;

    30 	var search_left = selection_left + notify_width + notify_margin;

    31 	

    32 	//On les positionne.

    33 	$('#notify_selection').css(

    34 	{

    35 		left: selection_left

    36 	});

    37 	$('#notify_search').css(

    38 	{

    39 		left: search_left

    40 	});

    41 	

    42 	//On les fait apparaître.

    43 	$('.notifications').css(

    44 	{

    45 		opacity: "0.9"

    46 	});

    47 }

    48 

    49 /*

    50  * Supprime la notification de sélection/recherche lorsque la mosaique est complète.

    51 */

    52 mosaic.prototype.removeSelectionSearchMosaicFull = function()

    53 {

    54 	if(this.isOnASnapshot)

    55 	{

    56 		// console.log('DEL SEL SEA');

    57 		$('#notify_selection, #notify_search').remove();

    58 	}

    59 }

    60 

    61 /*

    62  * Affiche la notification de maintient du pointage lors d'une phase de prézoom.

    63 */

    64 mosaic.prototype.notifyPointMosaicPrezoom = function()

    65 {

    66 	this.removeSelectionSearchMosaicFull();

    67 	if($('#notify_point').length > 0 || $('#notify_search').length > 0 || this.currentMode != 'MOSAIC' && this.currentMode != 'FILTER' && !this.isOnASnapshot)

    68 	{

    69 		this.removePointMosaicPrezoom();

    70 		return;

    71 	}

    72 	

    73 	//On spécifie les notifications en div.

    74 	var notification_point = "<div id='notify_point' class='notifications'></div>";

    75 	

    76 	//On les ajoute à la mosaïque.

    77 	$('#mainPanel').append(notification_point);

    78 	

    79 	//On calcule leurs coordonnées et dimensions.

    80 	var notify_width = $('.notifications').width(), notify_height = $('.notifications').height();

    81 	var notify_margin = parseInt($('.notifications').css('margin'));

    82 	var point_left = $(window).width() / 2 - (notify_width) / 2 - notify_margin;

    83 	

    84 	//On les positionne.

    85 	$('#notify_point').css(

    86 	{

    87 		left: point_left

    88 	});

    89 	

    90 	//On les fait apparaître.

    91 	$('.notifications').css(

    92 	{

    93 		opacity: "0.9"

    94 	});

    95 }

    96 

    97 /*

    98  * Supprime la notification de maintient du pointage.

    99 */

   100 mosaic.prototype.removePointMosaicPrezoom = function()

   101 {

   102 	//if(!this.isOnASnapshot)

   103 	//{

   104 		$('#notify_point').remove();

   105 	//}

   106 }

   107 

   108 /*

   109  * Affiche la notification de recherche (qu'elle soit par gesture ou par courbes).

   110 */

   111 mosaic.prototype.notifySearch = function()

   112 {

   113 	/*this.removeSelectionSearchMosaicFull();

   114 	if($('#notify_point').length > 0 || $('#notify_search').length > 0 || this.currentMode != 'MOSAIC' && this.currentMode != 'FILTER' && !this.isOnASnapshot)

   115 	{

   116 		//this.removeNotifySearch();

   117 		//return;

   118 	}*/

   119 	

   120 	if($('.notifications').length > 0)

   121 	{

   122 		$('.notifications').remove();

   123 	}

   124 	

   125 	//On spécifie les notifications en div.

   126 	var notification_search = "<div id='notify_search' class='notifications'></div>";

   127 	

   128 	//On les ajoute à la mosaïque.

   129 	$('body').append(notification_search);

   130 	

   131 	//On calcule leurs coordonnées et dimensions.

   132 	var notify_width = $('.notifications').width(), notify_height = $('.notifications').height();

   133 	var notify_margin = parseInt($('.notifications').css('margin'));

   134 	var point_left = $(window).width() / 2 - (notify_width) / 2 - notify_margin;

   135 	

   136 	//On les positionne.

   137 	$('#notify_search').css(

   138 	{

   139 		left: point_left

   140 	});

   141 	

   142 	//On les fait apparaître.

   143 	$('.notifications').css(

   144 	{

   145 		opacity: "0.9"

   146 	});

   147 }

   148 

   149 /*

   150  * Supprime la notification de maintient du pointage.

   151 */

   152 mosaic.prototype.removeNotifySearch = function()

   153 {

   154 	//if(!this.isOnASnapshot)

   155 	//{

   156 		//$('#notify_search').remove();

   157 	//}

   158 }

   159 

   160 /*

   161  * Affiche la notification de changement de voisin et de dezoom.

   162 */

   163 mosaic.prototype.notifyMoveUnzoom = function(targetId)

   164 {

   165 	console.log('MOVE & UNZOOM');

   166 	

   167 	if($('.notifications').length > 0 || !this.neighboursIds || this.neighboursIds.length == 0 || targetId == -1 || this.currentMode != 'VIDEO' && this.currentMode != 'SEARCH' && this.currentMode != 'TIMELINE')

   168 	{

   169 		return;

   170 	}

   171 	

   172 	console.log('NOT');

   173 		

   174 	var _this = this;

   175 	

   176 	//On spécifie les notifications en div.

   177 	var notification_move_unzoom = "<div id='notify_move' class='notifications'></div><div id='notify_unzoom' class='notifications'></div>";

   178 	

   179 	//On les ajoute à la mosaïque.

   180 	$('body').append(notification_move_unzoom);

   181 	

   182 	// console.log(this.player.config.gui.zoomTop + " " + this.player.config.gui.zoomLeft);

   183 	

   184 	//On calcule leurs coordonnées et dimensions.

   185 	var notify_width = $('.notifications').width(), notify_height = $('.notifications').height();

   186 	var notify_margin = parseInt($('.notifications').css('margin'));

   187 	var point_left = $(window).width() / 2 - (notify_width) / 2 - notify_margin;

   188 	

   189 	var side = $.inArray(parseInt(targetId), this.neighboursIds);

   190 	// console.log(this.neighboursIds, parseInt(targetId), side);

   191 	if(side == -1)

   192 	{

   193 		return;

   194 	}

   195 	

   196 	var sides = ['left', 'right', 'up', 'down'];

   197 	var unzooms = ['horizontal', 'vertical'];

   198 	

   199 	// var notifyTop = this.notifyTopVideo, notifyLeft = this.notifyLeftVideo;

   200 	var notifyTop = 0, notifyLeft = 0;

   201 	

   202 	//On les positionne.

   203 	$('#notify_move').css(

   204 	{

   205 		top: -notifyTop,

   206 		left: -notifyLeft + ($(window).width() - notify_width * 2 - notify_margin * 2) / 2,

   207 		'background-image': 'url(./pictos/notifications/move_' + sides[side] + '.png)'

   208 	});

   209 	

   210 	$('#notify_unzoom').css(

   211 	{

   212 		top: -notifyTop,

   213 		left: -notifyLeft + ($(window).width()) / 2,

   214 		'background-image': 'url(./pictos/notifications/unzoom_' + unzooms[Math.floor(side / 2)] + '.png)'

   215 	});

   216 	

   217 	// console.log('url(./pictos/notifications/move_' + sides[side] + '.png)');

   218 	// console.log($('#notify_move').css('background-image', 'url(./pictos/notifications/move_' + sides[side] + '.png)'));

   219 	// console.log($('#notify_move').css('background-image'));

   220 	

   221 	//On les fait apparaître.

   222 	$('.notifications').css(

   223 	{

   224 		opacity: "0.9"

   225 	});

   226 }

   227 

   228 /*

   229  * Supprime la notification de recherche de gesture.

   230 */

   231 mosaic.prototype.removeNotifyMoveUnzoom = function()

   232 {

   233 	$('#notify_move').remove();

   234 	$('#notify_unzoom').remove();

   235 }

   236 

   237 /*

   238  * Affiche la notification de dezoom.

   239 */

   240 mosaic.prototype.notifyUnzoom = function(targetId)

   241 {

   242 	console.log('UNZOOM');

   243 	

   244 	if($('.notifications').length > 0 || !this.neighboursIds || this.neighboursIds.length == 0 || targetId == -1 || this.currentMode != 'VIDEO' && this.currentMode != 'SEARCH' && this.currentMode != 'TIMELINE')

   245 	{

   246 		return;

   247 	}

   248 	

   249 	console.log('NOT');

   250 		

   251 	var _this = this;

   252 	

   253 	//On spécifie les notifications en div.

   254 	var notification_move_unzoom = "<div id='notify_move' class='notifications'></div><div id='notify_unzoom' class='notifications'></div>";

   255 	

   256 	//On les ajoute à la mosaïque.

   257 	$('body').append(notification_move_unzoom);

   258 	

   259 	// console.log(this.player.config.gui.zoomTop + " " + this.player.config.gui.zoomLeft);

   260 	

   261 	//On calcule leurs coordonnées et dimensions.

   262 	var notify_width = $('.notifications').width(), notify_height = $('.notifications').height();

   263 	var notify_margin = parseInt($('.notifications').css('margin'));

   264 	var point_left = $(window).width() / 2 - (notify_width) / 2 - notify_margin;

   265 	

   266 	var side = $.inArray(parseInt(targetId), this.neighboursIds);

   267 	// console.log(this.neighboursIds, parseInt(targetId), side);

   268 	if(side == -1)

   269 	{

   270 		return;

   271 	}

   272 	

   273 	var sides = ['left', 'right', 'up', 'down'];

   274 	var unzooms = ['horizontal', 'vertical'];

   275 	

   276 	// var notifyTop = this.notifyTopVideo, notifyLeft = this.notifyLeftVideo;

   277 	var notifyTop = 0, notifyLeft = 0;

   278 	

   279 	//On les positionne.

   280 	$('#notify_move').css(

   281 	{

   282 		top: -notifyTop,

   283 		left: -notifyLeft + ($(window).width() - notify_width * 2 - notify_margin * 2) / 2,

   284 		'background-image': 'url(./pictos/notifications/move_' + sides[side] + '.png)'

   285 	});

   286 	

   287 	$('#notify_unzoom').css(

   288 	{

   289 		top: -notifyTop,

   290 		left: -notifyLeft + ($(window).width()) / 2,

   291 		'background-image': 'url(./pictos/notifications/unzoom_' + unzooms[Math.floor(side / 2)] + '.png)'

   292 	});

   293 	

   294 	// console.log('url(./pictos/notifications/move_' + sides[side] + '.png)');

   295 	// console.log($('#notify_move').css('background-image', 'url(./pictos/notifications/move_' + sides[side] + '.png)'));

   296 	// console.log($('#notify_move').css('background-image'));

   297 	

   298 	//On les fait apparaître.

   299 	$('.notifications').css(

   300 	{

   301 		opacity: "0.9"

   302 	});

   303 }

   304 

   305 /*

   306  * Supprime la notification de dezoom.

   307 */

   308 mosaic.prototype.removeNotifyUnzoom = function()

   309 {

   310 	$('#notify_unzoom').remove();

   311 }

   312 

   313 /*

   314  * Affiche la notification de dezoom.

   315  * Direction vaut left ou right.

   316 */

   317 mosaic.prototype.notifySwipe = function(direction)

   318 {

   319 	console.log('TRY SWIPE');

   320 	

   321 	if($('.notifications').length > 0 || this.currentMode != 'VIDEO' && this.currentMode != 'SEARCH' && this.currentMode != 'TIMELINE' && !this.isSwipe)

   322 	{

   323 		return;

   324 	}

   325 	

   326 	console.log('IN SWIPE');

   327 		

   328 	var _this = this;

   329 	

   330 	//On spécifie les notifications en div.

   331 	var notification_swipe = "<div id='notify_swipe' class='notifications'></div>";

   332 	

   333 	//On les ajoute à la mosaïque.

   334 	$('body').append(notification_swipe);

   335 	

   336 	//On calcule leurs coordonnées et dimensions.

   337 	var notify_width = $('.notifications').width(), notify_height = $('.notifications').height();

   338 	var notify_margin = parseInt($('.notifications').css('margin'));

   339 	var point_left = $(window).width() / 2 - (notify_width) / 2 - notify_margin;

   340 	

   341 	// var notifyTop = this.notifyTopVideo, notifyLeft = this.notifyLeftVideo;

   342 	var notifyTop = 0, notifyLeft = 0;

   343 	

   344 	//On les positionne.

   345 	$('#notify_swipe').css(

   346 	{

   347 		top: -notifyTop,

   348 		left: -notifyLeft + ($(window).width() - notify_width - notify_margin) / 2,

   349 		'background-image': 'url(./pictos/notifications/swipe_' + direction + '.png)'

   350 	});

   351 	

   352 	//On les fait apparaître.

   353 	$('.notifications').css(

   354 	{

   355 		opacity: "0.9"

   356 	});

   357 }

   358 

   359 /*

   360  * Supprime la notification de dezoom.

   361 */

   362 mosaic.prototype.removeNotifyUnzoom = function()

   363 {

   364 	$('#notify_unzoom').remove();

   365 }

   985 	var unzooms = ['horizontal', 'vertical'];