--- a/front_idill/src/index.html Mon Jul 23 10:52:41 2012 +0200
+++ b/front_idill/src/index.html Mon Jul 23 16:59:35 2012 +0200
@@ -32,6 +32,7 @@
<script type="text/javascript" src="../lib/jquery.min.js"></script>
<script type="text/javascript" src="../lib/jquery-ui.min.js"></script>
<script type="text/javascript" src="../lib/jquery.mousewheel-2.0.0.min.js"></script>
+ <script type="text/javascript" src="./defaults.js"></script>
<script type="text/javascript" src="./mosaic/js/mosaic.js"></script>
<script type="text/javascript" src="./mosaic/js/notifications.js"></script>
<script type="text/javascript" src="./mosaic/js/pointers.js"></script>
@@ -40,112 +41,30 @@
<script type="text/javascript" src="./mosaic/js/search.js"></script>
<script type="text/javascript" src="./mosaic/js/playerControl.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>
- <script type="text/javascript" src="./search/js/curvesDetector.js"></script>
- <script type="text/javascript" src="./communication/js/client.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>
+ <script type="text/javascript" src="./search/js/curvesDetector.js"></script>
+ <script type="text/javascript" src="./communication/js/client.js"></script>
</head>
<body>
+ <!-- /!\ ATTENTION : Si vous souhaitez modifier la configuration, veuillez modifier les valeurs de config.json situé à la racine du dossier Front IDILL. /!\ -->
+
<!-- Ce div stocke la mosaïque. -->
<div id="mainPanel"></div>
- <div class="player" id="video"></div>
- <div class="LdtPlayer" id="LdtPlayer"></div>
<!-- SET AN EMPTY DIV TO BE POPULATED WITH CONTENT VIA JQUERY -->
<div class="test" style="color: #FFFFFF"></div>
<!-- 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 default_parameters = new Object();
- default_parameters['local'] = true;
- default_parameters['length'] = 5;
- default_parameters['imagesToShow'] = 20;
- default_parameters['totalImages'] = 23;
- default_parameters['timePrezoom'] = 500;
- default_parameters['timePreUnzoom'] = 200;
- default_parameters['timeZoom'] = 2000;
- default_parameters['zoomTime'] = 500;
- default_parameters['timeUnzoom'] = 400;
- default_parameters['timeNeighbourGlowing'] = 1000;
- default_parameters['timeNeighbourUnglowing'] = 1000;
- default_parameters['timeMovingToNeighbour'] = 1000;
- default_parameters['timeSearchFade'] = 2000;
- default_parameters['timeNotifyFade'] = 2000;
- default_parameters['timeFilterFade'] = 2000;
- default_parameters['timeANFade'] = 500;
- default_parameters['timeFilling'] = 500;
- default_parameters['timeoutZoom'] = 2000;
- default_parameters['timeoutUnzoom'] = 1000;
- default_parameters['timeoutMoveToNeighbour'] = 250;
- default_parameters['timeoutPointersIdle'] = 2000;
- default_parameters['timeoutAreBothPointersHere'] = 500;
- default_parameters['timeoutRemoveNotificationByGesture'] = 1500;
- default_parameters['timeoutRemoveFailedNotificationByGesture'] = 1500;
- default_parameters['timeoutNotifySwipe'] = 1000;
- default_parameters['timeoutSelectTL'] = 100;
- default_parameters['timeoutSlideTL'] = 1000;
- default_parameters['timeoutCanNotifyHelp'] = 1000;
- default_parameters['timeoutRemoveSpinner'] = 1000;
- default_parameters['timeoutNouser'] = 3000;
- default_parameters['timeoutNexrDrawCurve'] = 500;
- default_parameters['zoomPercentage'] = 0.80;
- default_parameters['prezoomPercentage'] = 0.25;
- default_parameters['zoomedMargin'] = 42;
- default_parameters['host'] = '127.0.0.1';
- default_parameters['port'] = '80';
- default_parameters['mouseUpDownDeltaTreshold'] = 15;
- default_parameters['dico'] = './dico.json';
- default_parameters['lang'] = 'en';
-
- /*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.
-
- //On spécifie les attributs de temps.
- /*mos.zoomTime = timeZoom;
- mos.unzoomTime = timeUnzoom;
- mos.preZoomTime = timePrezoom;
- mos.preUnzoomTime = timePreUnzoom;
- 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;
- //Tableau d'images de test pour peupler la mosaïque.
- /*var imgs = [];
- for(var i = 0 ; i < 42 ; i++)
- {
- imgs[i] = i + '.jpg';
- }*/
var mos;
//Si la page a chargé, on raffraichit la mosaïque.
$(document).ready(function ()
{
- mos = new mosaic('./config.json', default_parameters);
- //mos.loadMosaic();
-
- /*$('.snapshotDivs').mouseenter(function ()
- {
- //On effectue un prézoom dès qu'on va sur une image.
- mos.preZoom($(this));
- });*/
- /*$('body').keypress(function (event)
- {
- mos.manageControlEvents(event);
- });*/
+ mos = new Mosaic('./config.json', default_parameters);
});
</script>
</body>