--- a/front_idill/src/index.html Mon May 14 17:20:35 2012 +0200
+++ b/front_idill/src/index.html Thu May 24 10:30:05 2012 +0200
@@ -28,10 +28,14 @@
<link rel="stylesheet" type="text/css" href="./mosaic/css/reset.css" />
<link rel="stylesheet/less" type="text/css" href="./mosaic/css/mosaic.less" />
<script type="text/javascript" src="../lib/less-1.3.0.min.js"></script>
+ <script type="text/javascript" src="../lib/underscore-min.js"></script>
<script type="text/javascript" src="../lib/jquery.min.js"></script>
<script type="text/javascript" src="./mosaic/js/mosaic.js"></script>
<script type="text/javascript" src="./mosaic/js/localMosaic.js"></script>
<script type="text/javascript" src="./player/metadataplayer/LdtPlayer-core.js"></script>
+ <script type="text/javascript" src="../lib/paper.js"></script>
+ <link rel="stylesheet" type="text/css" href="./search/css/searchCanvas.css" />
+ <script type="text/javascript" src="./search/js/searchCanvas.js"></script>
</head>
<body>
@@ -46,14 +50,16 @@
<!-- Scripts principaux. -->
<script type="text/javascript">
//Longueur de la mosaïques et nombre d'images à afficher (seront importés des paramètres du Middleware).
- var length = 7, imagesToShow = 42;
+ var length = 5, imagesToShow = 20, totalImages = 23;
//Temps de chargement du prezoom en ms (seront importés des paramètres du Middleware).
var timePrezoom = 500, timePreUnzoom = 200, timeZoom = 500, timeUnzoom = 400;
var timeNeighbourGlowing = 1000, timeNeighbourUnglowing = 1000, timeMovingToNeighbour = 1000;
+ var timeSearchFade = 2000;
+ var timeNotifyFade = 2000;
var zoomPercentage = 0.80, prezoomPercentage = 0.25;
var zoomedMargin = 42;
//On instancie la mosaïque.
- var mos = new mosaic(length, imagesToShow, zoomPercentage, prezoomPercentage, zoomedMargin);
+ var mos = new mosaic(length, imagesToShow, totalImages, zoomPercentage, prezoomPercentage, zoomedMargin);
//On spécifie les attributs de temps.
mos.zoomTime = timeZoom;
mos.unzoomTime = timeUnzoom;
@@ -62,9 +68,11 @@
mos.timeNeighbourGlowing = timeNeighbourGlowing;
mos.timeNeighbourUnglowing = timeNeighbourUnglowing;
mos.timeMovingToNeighbour = timeMovingToNeighbour;
+ mos.timeSearchFade = timeSearchFade;
+ mos.timeNotifyFade = timeNotifyFade;
//On instancie une mosaïque locale pour le zoom total (pas encore implémenté).
- var lMos = new localMosaic(length, imagesToShow, zoomedMargin);
- mos.localMos = lMos;
+ //var lMos = new localMosaic(length, imagesToShow, zoomedMargin);
+ //mos.localMos = lMos;
//Tableau d'images de test pour peupler la mosaïque.
/*var imgs = [];
for(var i = 0 ; i < 42 ; i++)
@@ -82,6 +90,7 @@
$(document).ready(function ()
{
mos.loadMosaic();
+ //mos.newSearch();
$('.snapshotDivs').mouseenter(function ()
{
@@ -90,10 +99,55 @@
});
$('body').keypress(function (event)
{
- //Si on a appuié sur la touche 'q' ou 'Q';
- if(event.which == 113 || event.which == 81)
+ //Sinon si on a appuyé sur 's' ou 'S'.
+ if(event.which == 103 || event.which == 71)
{
- mos.unzoom();
+ //Si on est déjà en recherche par courbes.
+ if(mos.currentMode == "SEARCH" || mos.currentMode == "FILTER")
+ {
+ //On quitte cette recherche.
+ mos.leaveSearch();
+ //Si on était en mode recherche.
+ if(mos.currentMode == "SEARCH")
+ {
+ //On revient dans la vidéo.
+ mos.currentMode = "VIDEO";
+ }
+ else
+ {
+ //Sinon c'est qu'on était dans la mosaïque.
+ mos.currentMode = "MOSAIC";
+ }
+ }
+ else
+ {
+ //Si on est en plein écran.
+ if(mos.fullscreen)
+ {
+ //On entre en mode recherche.
+ mos.currentMode = "SEARCH";
+ }
+ //Sinon.
+ else
+ {
+ //On entre en mode filtrage.
+ mos.currentMode = "FILTER";
+ }
+
+ mos.startSearch();
+ }
+ }
+ //Si c'est a ou A.
+ else if(event.which == 65 || event.which == 97)
+ {
+ if(!mos.helpDisplayed)
+ {
+ mos.notifyHelp();
+ }
+ else
+ {
+ mos.removeHelp();
+ }
}
});
});