/*

* This file is part of the TraKERS\Front IDILL package.

*

* (c) IRI <http://www.iri.centrepompidou.fr/>

*

* For the full copyright and license information, please view the LICENSE

* file that was distributed with this source code.

*/

/*

 * Projet : TraKERS

 * Module : Front IDILL

 * Fichier : client.js

 * 

 * Auteur : alexandre.bastien@iri.centrepompidou.fr

 * 

 * Fonctionnalités : Définit la "classe" client permettant de recevoir les instructions du Middleware, sous forme de sockets (via le serveur WebSocket du Middleware).

 */

/*

 * Un client est défini par une socket, qui permettra de recevoir les données du server websocket du Middleware.

 * On accède aussi à la mosaïque.

 * Est appelé dans le fichier :

 * mosaic > fonction loadParameters.

*/

function Client(host, port, _mosaic)

{

    this.socket = null;

    this.mosaic = _mosaic;

    this.pointerLeft = false;

    this.pointerRight = false;

    this.timePointers = 100;

    this.pointerLeftTimeout = null;

    this.pointerRightTimeout = null;

    this.isLeftHanded = false;

    this.createWebSocket('ws://' + host + ':' + port + '/');

}

/*

 * Création et Initialisation des sockets et listeners permettant d'écouter le server.

 * Est appelé dans le fichier :

 * client > fonction Client.

*/

Client.prototype.createWebSocket = function(host)

{

    var _this = this;

    //Initialise la fonctionnalité websocket du naviguateur.

    if(window.MozWebSocket)

    {

        window.WebSocket = window.MozWebSocket;

    }

    //Si le naviguateur ne supporte pas les websockets, on s'arrête là.

    if(!window.WebSocket)

    {

        alert('Votre navigateur ne supporte pas les webSocket!');

        return false;

    }

    //Sinon

    else

    {

        //On initialise la socket.

        this.socket = new WebSocket(host);

        //Si elle est ouverte, on notifie le Front.

        this.socket.onopen = function()

        {

            console.log('Socket ouverte.');

        }

        //Si elle est fermée, on notifie le Front.

        this.socket.onclose = function()

        {

            console.log('Socket fermée.');

        }

        //S'il y a un problème dans la connection, on notifie le Front.

        this.socket.onerror = function()

        {

            console.log('Une erreur est survenue dans le module de Communication.');

        }

        //Si on reçoit un message.

        this.socket.onmessage = function(msg)

        {

            _this.processMsg(msg);

        }

    }

}

/*

 * Traite un message reçu du Middleware.

 * Est appelé dans le fichier :

 * client > fonction createWebSocket.

*/

Client.prototype.processMsg = function(msg)

{

    if(typeof msg === 'undefined' || typeof msg.data === 'undefined')

    {

        return;

    }

    var _this = this;

    //S'il s'agit d'une string et non d'une instruction pour les pointeurs.

    if(msg.data[0] === '2')

    {

        var instruction = msg.data.substring(2, msg.data.length);

        // if(instruction.indexOf("INCOMING") == -1 && instruction.indexOf('NO-USER') == -1)

        // {

            this.mosaic.manageControlEvents(instruction);

        // }

    }

    //Sinon si ce sont les coordonnées de la main droite.

    // /!\/!\ //

    else if(msg.data[0] == '1')

    {

        var instruction = msg.data.substring(2, msg.data.length);

        pt = instruction.split(';');

        var x = Math.abs(parseFloat(pt[0])), y = Math.abs(parseFloat(pt[1]));

        // console.log(Math.abs(parseFloat(pt[0])), Math.abs(parseFloat(pt[1])));

        this.pointerRight = true;

        clearTimeout(this.pointerRightTimeout);

        if(!this.mosaic.mouseInteractions && this.mosaic.currentMode != 'NO-USER' && this.mosaic.currentMode.indexOf('INCOMING') == -1)

        {

            // console.log('pt');

            this.mosaic.refreshPointers(x, y, true);

        }

        // /!\ //

        if(!this.mosaic.isMainPointerDisplayed)

        {

            this.mosaic.mainPointerDisplay(true);

            this.mosaic.isMainPointerDisplayed = true;

        }

        this.pointerRightTimeout = setTimeout(function()

        {

            // console.log('RELEASE LEFT');

            //Timeout indiquant quand la main gauche part.

            _this.pointerRight = false;

            if(_this.mosaic.isMainPointerDisplayed)

            {

                _this.mosaic.isMainPointerDisplayed = false;

                _this.mosaic.mainPointerDisplay(false);

            }

            if(_this.mosaic.isSearchByCurvesOn)

            {

                _this.mosaic.isSearchByCurvesOn = false;

                if(_this.mosaic.searchCanvas)

                {

                    _this.mosaic.searchCanvas.onPointerOut();

                    $('#mainPointer').css('background-image', 'url(./img/cursors/pointerC.png)');

                    $('#secondPointer').css('background-image', 'url(./img/cursors/pointer2C.png)');

                }

            }

            //On peut effectuer de nouveau une recherche par courbes.

            if(!_this.pointerLeft)

            {

                _this.mosaic.mustTakeOutHands = false;

            }

        }, this.timePointers);

    }

    //Sinon si ce sont les coordonnées de la main gauche.

    else if(msg.data[0] == '0')

    {

        var instruction = msg.data.substring(2, msg.data.length);

        pt = instruction.split(';');

        var x = Math.abs(parseFloat(pt[0])), y = Math.abs(parseFloat(pt[1]));

        // console.log(Math.abs(parseFloat(pt[0])), Math.abs(parseFloat(pt[1])));

        this.pointerLeft = true;

        clearTimeout(this.pointerLeftTimeout);

        if(!this.mosaic.mouseInteractions && this.mosaic.currentMode != 'NO-USER' && this.mosaic.currentMode.indexOf('INCOMING') == -1)

        {

            this.mosaic.refreshPointers(x, y, false);

        }

        if(!this.mosaic.isSecondPointerDisplayed)

        {

            this.mosaic.secondPointerDisplay(true);

            this.mosaic.isSecondPointerDisplayed = true;

        }

        //Timeout indiquant quand la main droite part.

        this.pointerLeftTimeout = setTimeout(function()

        {

            // console.log('RELEASE RIGHT');

            _this.pointerLeft = false;

            if(_this.mosaic.isSecondPointerDisplayed)

            {

                _this.mosaic.isSecondPointerDisplayed = false;

                _this.mosaic.secondPointerDisplay(false);

            }

            if(_this.mosaic.isSearchByCurvesOn)

            {

                _this.mosaic.isSearchByCurvesOn = false;

                if(_this.mosaic.searchCanvas)

                {

                    _this.mosaic.searchCanvas.onPointerOut();

                    $('#mainPointer').css('background-image', 'url(./img/cursors/pointerC.png)');

                    $('#secondPointer').css('background-image', 'url(./img/cursors/pointer2C.png)');

                }

            }

            //On peut effectuer de nouveau une recherche par courbes.

            if(!_this.pointerRight)

            {

                _this.mosaic.mustTakeOutHands = false;

            }

        }, this.timePointers);

    }

    if(this.pointerLeft && !this.pointerRight || !this.pointerLeft && this.pointerRight)

    {

        //On interrompt l'idle des pointeurs.

        this.mosaic.pointersIdleAvailable = false;

        this.mosaic.removeIdlePointers();

        this.mosaic.areBothPointersHere = false;

    }

    if(!this.pointerLeft && !this.pointerRight)

    {

        //On interrompt l'idle des pointeurs.

        this.mosaic.pointersIdleAvailable = false;

        this.mosaic.removeIdlePointers();

        this.mosaic.areBothPointersHere = false;

        this.mosaic.deselectAllNeighbours();

        this.mosaic.preUnzoom();

    }

    if(this.pointerLeft && this.pointerRight)

    {

        this.mosaic.areBothPointersHere = true;

        this.mosaic.removeCheckForBothPointersHere();

        //On enlève les requêtes de zoom.

        this.mosaic.preUnzoom();

        if(this.mosaic.currentMode == 'MOSAIC' || this.mosaic.currentMode == 'FILTER' && !this.mosaic.isSearchByCurvesOn)

        {

            $('#mainPointer').css('background-image', 'url(./img/cursors/pointer.png)');

            $('#secondPointer').css('background-image', 'url(./img/cursors/pointer2.png)');

        }

        //Si on est dans un des modes de recherche et que les mains ont été retirées après la précédente recherche.

        if((this.mosaic.currentMode == 'FILTER' || this.mosaic.currentMode == 'SEARCH') && !this.mosaic.mustTakeOutHands)

        {

            // console.log('ON');

            if(this.mosaic.searchCanvas)

            {

                var mainPointerX = +$('#mainPointer').position().left + $('#mainPointer').width() / 2;

                var mainPointerY = +$('#mainPointer').position().top - this.mosaic.MPTop_margin + $('#mainPointer').height() / 2;

                var secondPointerX = +$('#secondPointer').position().left + $('#secondPointer').width() / 2;

                var secondPointerY = +$('#secondPointer').position().top - this.mosaic.MPTop_margin + $('#secondPointer').height() / 2;

                if(!this.mosaic.isSearchByCurvesOn)

                {

                    this.mosaic.isSearchByCurvesOn = true;

                    this.mosaic.searchCanvas.onPointerOut();

                    this.mosaic.searchCanvas.onPointerIn(mainPointerX, mainPointerY, secondPointerX, secondPointerY);

                    this.mosaic.canDrawNextCurve = true;

                    this.mosaic.pointersGreen();

                }

                else if(this.mosaic.isSearchByCurvesOn)

                {

                    if(this.mosaic.canDrawNextCurve)

                    {

                        this.mosaic.canDrawNextCurve = false;

                        if(Math.abs(mainPointerX - this.mosaic.mainPointerLastX) > 10 || Math.abs(mainPointerY - this.mosaic.mainPointerLastY) > 10 || Math.abs(secondPointerX - this.mosaic.secondPointerLastX) > 10 || Math.abs(secondPointerY - this.mosaic.secondPointerLastY) > 10)

                        {

                            this.mosaic.searchCanvas.onPointerMove(mainPointerX, mainPointerY, secondPointerX, secondPointerY);

                            this.mosaic.pointersGreen();

                        }

                    }

                    else

                    {

                        this.mosaic.nextDrawCurveTimeout = setTimeout(function()

                        {

                            _this.mosaic.canDrawNextCurve = true;

                        }, this.mosaic.config.timeoutNextDrawCurve);

                    }

                }

            }

            else

            {

                this.mosaic.startSearch();

            }

        }

    }

    //Quant on a reçu un message, on vérifie la présence des deux pointeurs.

    this.mosaic.checkForBothPointersHere();

    if(this.mosaic.pointersIdleAvailable)

    {

        //On effectue une vérification de la position des pointeurs pour l'idle.

        this.mosaic.detectIdlePointers();

    }

    //Si le timeout a besoin d'être relancé ou bien que l'affichage de l'aide est disponible.

    if(this.mosaic.pointersIdleNeedLaunch || this.mosaic.canNotifyHelp)

    {

        // console.log('launch idle');

        this.mosaic.launchIdlePointers();

        this.mosaic.pointersIdleNeedLaunch = false;

    }

    //Si la détection d'idle n'est pas activée et qu'on est dans un mode permettant l'interaction de l'utilisateur. 

    if(!this.mosaic.pointersIdleAvailable && this.mosaic.currentMode != "NO-USER" && this.mosaic.currentMode.indexOf("INCOMING") == -1 && this.mosaic.areBothPointersHere)

    {

        //On enclenche la détection d'idle.

        this.mosaic.pointersIdleAvailable = true;

        this.mosaic.pointersIdleNeedLaunch = true;

    }

    // /!\/!\ //

}