GazeTK

/*

 * Copyright 2015 Thies Pfeiffer and Dimitri Heil and Kevin Taron

 * Blinker is distributed under the terms of the GNU General Public License

 * 

 * This file is part of Blinker.

 * 

 * Blinker is free software: you can redistribute it and/or modify

 * it under the terms of the GNU General Public License as published by

 * the Free Software Foundation, either version 3 of the License, or

 * (at your option) any later version.

 * 

 * Blinker is distributed in the hope that it will be useful,

 * but WITHOUT ANY WARRANTY; without even the implied warranty of

 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the

 * GNU General Public License for more details.

 * 

 * You should have received a copy of the GNU General Public License

 * along with Blinker. If not, see <http://www.gnu.org/licenses/>.

 */

function getActionElements(element) {

        var elementType = $(element).get(0).tagName;

        var elementAttr = $(element).attr('type');

        switch(elementType) {

                case "BUTTON":

                        return getItemsForButton(element);

                case "A":

                        return getItemsForLink(element);

                case "INPUT":

                        if(elementAttr == "submit" || elementAttr == "reset") {

                                return getItemsForButton(element);

                        } else {

                                console.log("ERROR MESSAGE: elementAttr for INPUT not found - " + elementAttr);

                                return null;

                        }

                case "AUDIO":

                        return getItemsForAudio(element);

                case "VIDEO":

                        return getItemsForVideo(element);

            default:

                console.log("ERROR MESSAGE: elementType not found - " + elementType);

                    return getItemsForButton(element);

        }

}

function getItemsForButton(element) {

        var dataValue = "Ok";

        var dataCancel = "Hide";

        var gazeCloseFunction = "closeAll()";

        var gazeFunction = "";

        var gazeFunctionAfter = "closeAll()";

        var gazeTarget = ".openedElement";

        var gazeType = "action";

        var gazeModel = "dwell";

        var isKeyboardButton = false;

        var gazeClass = 'gazeOk'; 

        if($(element).hasClass('ui-keyboard-button')) { isKeyboardButton = true; gazeClass = 'gazeOk gazeKeyBoardOk' }

        if($(element).attr('gaze-data-value')) { dataValue = $(element).attr('gaze-data-value'); }

        if($(element).attr('data-gaze-function-Close')) { gazeCloseFunction = $(element).attr('data-gaze-function-Close'); }

        if($(element).attr('data-gaze-function-After')) { gazeFunctionAfter = $(element).attr('data-gaze-function-After'); }

        var gazeCancel = '<div class="gazeCancel" data-gaze="true"';

        gazeCancel += ' data-gaze-type="' + gazeType +'"'; 

        gazeCancel += ' data-gaze-model="' + gazeModel +'"'; 

        gazeCancel += ' data-gaze-target="' + gazeTarget +'"'; 

        gazeCancel += ' data-gaze-function="' + gazeCloseFunction +'"'; 

        gazeCancel += '>';

        gazeCancel += '<p>';

        gazeCancel += dataCancel;

        gazeCancel += '</p>';

        gazeCancel += '</div>';

        var gazeOk = '<div class="' + gazeClass +'" data-gaze="true"';

        gazeOk += ' data-gaze-type="' + gazeType +'"'; 

        gazeOk += ' data-gaze-model="' + gazeModel +'"'; 

        gazeOk += ' data-gaze-target="' + gazeTarget +'"'; 

        gazeOk += ' data-gaze-function-after="' + gazeFunctionAfter +'"'; 

        gazeOk += '>';

        gazeOk += '<p>';

        gazeOk += dataValue;

        gazeOk += '</p>';

        gazeOk += '</div>';

        var myarray = [];

        if(isKeyboardButton) {

                myarray.push(gazeCancel);

                // Add the prev Keyboard Button

                if($(element).prev('.ui-keyboard-button').length > 0) {

                        $('.openedElementPrev').removeClass('openedElementPrev');

                        $(element).prev().addClass('openedElementPrev');

                        var prevButton = $(element).prev();

                        var prevValue = $(prevButton).attr('gaze-data-value');

                        var prevTarget = '.openedElementPrev';

                        var gazePrev = '<div class="' + gazeClass +'" data-gaze="true"';

                        gazePrev += ' data-gaze-type="' + gazeType +'"'; 

                        gazePrev += ' data-gaze-model="' + gazeModel +'"'; 

                        gazePrev += ' data-gaze-target="' + prevTarget +'"'; 

                        gazePrev += ' data-gaze-function-after="' + gazeFunctionAfter +'"'; 

                        gazePrev += '>';

                        gazePrev += '<p>';

                        gazePrev += prevValue;

                        gazePrev += '</p>';

                        gazePrev += '</div>';

                        myarray.push(gazePrev);

                }

                // Add the watch Keyboard Button 

                myarray.push(gazeOk);

                // Add the next Keyboard Button

                if($(element).next('.ui-keyboard-button').length > 0) {

                        $('.openedElementNext').removeClass('openedElementNext');

                        $(element).next().addClass('openedElementNext');

                        var nextButton = $(element).next();

                        var nextValue = $(nextButton).attr('gaze-data-value');

                        var nextTarget = '.openedElementNext';

                        var gazeNext = '<div class="' + gazeClass +'" data-gaze="true"';

                        gazeNext += ' data-gaze-type="' + gazeType +'"'; 

                        gazeNext += ' data-gaze-model="' + gazeModel +'"'; 

                        gazeNext += ' data-gaze-target="' + nextTarget +'"'; 

                        gazeNext += ' data-gaze-function-after="' + gazeFunctionAfter +'"'; 

                        gazeNext += '>';

                        gazeNext += '<p>';

                        gazeNext += nextValue;

                        gazeNext += '</p>';

                        gazeNext += '</div>';

                        myarray.push(gazeNext);

                }

        } else {

                myarray.push(gazeCancel);

                myarray.push(gazeOk);

        }

        return myarray;

}

function getItemsForLink(element) {

        var dataValue = "Follow Link";

        var dataCancel = "Hide";

        var gazeCloseFunction = "closeAll()";

        var gazeFunction = "";

        var gazeFunctionAfter = "closeAll()";

        var gazeTarget = ".openedElement";

        var gazeType = "action";

        var gazeModel = "dwell";

        var isKeyboardButton = false;

        var gazeClass = 'gazeOk'; 

        if($(element).hasClass('ui-keyboard-button')) { isKeyboardButton = true; gazeClass = 'gazeOk gazeKeyBoardOk' }

        if($(element).attr('gaze-data-value')) { dataValue = $(element).attr('gaze-data-value'); }

        if($(element).attr('data-gaze-function-Close')) { gazeCloseFunction = $(element).attr('data-gaze-function-Close'); }

        if($(element).attr('data-gaze-function-After')) { gazeFunctionAfter = $(element).attr('data-gaze-function-After'); }

        var gazeCancel = '<div class="gazeCancel" data-gaze="true"';

        gazeCancel += ' data-gaze-type="' + gazeType +'"'; 

        gazeCancel += ' data-gaze-model="' + gazeModel +'"'; 

        gazeCancel += ' data-gaze-target="' + gazeTarget +'"'; 

        gazeCancel += ' data-gaze-function="' + gazeCloseFunction +'"'; 

        gazeCancel += '>';

        gazeCancel += '<p>';

        gazeCancel += dataCancel;

        gazeCancel += '</p>';

        gazeCancel += '</div>';

        var gazeOk = '<div class="' + gazeClass +'" data-gaze="true"';

        gazeOk += ' data-gaze-type="' + gazeType +'"'; 

        gazeOk += ' data-gaze-model="' + gazeModel +'"'; 

        gazeOk += ' data-gaze-target="' + gazeTarget +'"'; 

        gazeOk += ' data-gaze-function-after="' + gazeFunctionAfter +'"'; 

        gazeOk += '>';

        gazeOk += '<p>';

        gazeOk += dataValue;

        gazeOk += '</p>';

        gazeOk += '</div>';

        var myarray = [];

        myarray.push(gazeCancel);

        myarray.push(gazeOk);

        return myarray;

}

function getItemsForVideo(element) {

        var myarray = [];

        var dataValue = "Ok";

        var dataCancel = "Hide";

        var gazeCloseFunction = "closeAll()";

        var gazeFunction = "";

        var gazeFunctionAfter = "closeAll()";

        var gazeTarget = ".openedElement";

        var gazeType = "action";

        var gazeModel = "dwell";

        var isKeyboardButton = false;

        var gazeClass = 'gazeOk gazeMultimedia'; 

        if($(element).attr('gaze-data-value')) { dataValue = $(element).attr('gaze-data-value'); }

        if($(element).attr('data-gaze-function-Close')) { gazeCloseFunction = $(element).attr('data-gaze-function-Close'); }

        if($(element).attr('data-gaze-function-After')) { gazeFunctionAfter = $(element).attr('data-gaze-function-After'); }

        var gazeCancel = '<div class="gazeCancel" data-gaze="true"';

        gazeCancel += ' data-gaze-type="' + gazeType +'"'; 

        gazeCancel += ' data-gaze-model="' + gazeModel +'"'; 

        gazeCancel += ' data-gaze-target="' + gazeTarget +'"'; 

        gazeCancel += ' data-gaze-function="' + gazeCloseFunction +'"'; 

        gazeCancel += '>';

        gazeCancel += '<p>';

        gazeCancel += dataCancel;

        gazeCancel += '</p>';

        gazeCancel += '</div>';

        var gazePause = '<div class="gazeMultiPause ' + gazeClass +'" data-gaze="true"';

        gazePause += ' data-gaze-type="' + gazeType +'"'; 

        gazePause += ' data-gaze-model="' + gazeModel +'"'; 

        gazePause += ' data-gaze-target="' + gazeTarget +'"'; 

        gazePause += ' data-gaze-function="vidpause()"'; 

        gazePause += ' data-gaze-function-after="' + gazeFunctionAfter +'"'; 

        gazePause += '>';

        gazePause += '<p>';

        gazePause += 'Pause';

        gazePause += '</p>';

        gazePause += '</div>';

        var gazeOk = '<div class="gazeMultiPlay ' + gazeClass +'" data-gaze="true"';

        gazeOk += ' data-gaze-type="' + gazeType +'"'; 

        gazeOk += ' data-gaze-model="' + gazeModel +'"'; 

        gazeOk += ' data-gaze-target="' + gazeTarget +'"'; 

        gazeOk += ' data-gaze-function="vidplay()"'; 

        gazeOk += ' data-gaze-function-after="' + gazeFunctionAfter +'"'; 

        gazeOk += '>';

        gazeOk += '<p>';

        gazeOk += dataValue;

        gazeOk += '</p>';

        gazeOk += '</div>';

        var gazeFullscreen = '<div class="gazeFullScreen ' + gazeClass +'" data-gaze="true"';

        gazeFullscreen += ' data-gaze-type="' + gazeType +'"'; 

        gazeFullscreen += ' data-gaze-model="' + gazeModel +'"'; 

        gazeFullscreen += ' data-gaze-function="gazeFullscreenclick()"'; 

        gazeFullscreen += ' data-gaze-function-after="' + gazeFunctionAfter +'"'; 

        gazeFullscreen += '>';

        gazeFullscreen += '<p>';

        gazeFullscreen += 'Fullscreen';

        gazeFullscreen += '</p>';

        gazeFullscreen += '</div>';

        var gazeTime = '<div class="gazeMultiSkipTime ' + gazeClass +'" data-gaze="true"';

        gazeTime += ' data-gaze-type="' + gazeType +'"'; 

        gazeTime += ' data-gaze-model="' + gazeModel +'"'; 

        gazeTime += ' data-gaze-target="' + gazeTarget +'"'; 

        gazeTime += ' data-gaze-function="skip(10)"'; 

        gazeTime += ' data-gaze-function-after="' + gazeFunctionAfter +'"'; 

        gazeTime += '>';

        gazeTime += '<p>';

        gazeTime += 'Skip';

        gazeTime += '</p>';

        gazeTime += '</div>';

        var gazeVolume = '<div class="gazeMultiVolume ' + gazeClass +'" data-gaze="true"';

        gazeVolume += ' data-gaze-type="' + gazeType +'"'; 

        gazeVolume += ' data-gaze-model="' + gazeModel +'"'; 

        gazeVolume += ' data-gaze-target="' + gazeTarget +'"'; 

        gazeVolume += ' data-gaze-function="vidvol(0.5)"'; 

        gazeVolume += ' data-gaze-function-after="' + gazeFunctionAfter +'"'; 

        gazeVolume += '>';

        gazeVolume += '<p>';

        gazeVolume += 'Volumen';

        gazeVolume += '</p>';

        gazeVolume += '</div>';

        //myarray.push(gazeCancel);

        myarray.push(gazeVolume);

        myarray.push(gazePause);

        myarray.push(gazeOk);

        myarray.push(gazeTime);

        myarray.push(gazeFullscreen);

        return myarray;

}

function getItemsForAudio(element) {

        var myarray = [];

        var dataValue = "Ok";

        var dataCancel = "Hide";

        var gazeCloseFunction = "closeAll()";

        var gazeFunction = "";

        var gazeFunctionAfter = "closeAll()";

        var gazeTarget = ".openedElement";

        var gazeType = "action";

        var gazeModel = "dwell";

        var isKeyboardButton = false;

        var gazeClass = 'gazeOk gazeMultimedia'; 

        if($(element).attr('gaze-data-value')) { dataValue = $(element).attr('gaze-data-value'); }

        if($(element).attr('data-gaze-function-Close')) { gazeCloseFunction = $(element).attr('data-gaze-function-Close'); }

        if($(element).attr('data-gaze-function-After')) { gazeFunctionAfter = $(element).attr('data-gaze-function-After'); }

        var gazeCancel = '<div class="gazeCancel" data-gaze="true"';

        gazeCancel += ' data-gaze-type="' + gazeType +'"'; 

        gazeCancel += ' data-gaze-model="' + gazeModel +'"'; 

        gazeCancel += ' data-gaze-target="' + gazeTarget +'"'; 

        gazeCancel += ' data-gaze-function="' + gazeCloseFunction +'"'; 

        gazeCancel += '>';

        gazeCancel += '<p>';

        gazeCancel += dataCancel;

        gazeCancel += '</p>';

        gazeCancel += '</div>';

        var gazePause = '<div class="gazeMultiPause ' + gazeClass +'" data-gaze="true"';

        gazePause += ' data-gaze-type="' + gazeType +'"'; 

        gazePause += ' data-gaze-model="' + gazeModel +'"'; 

        gazePause += ' data-gaze-target="' + gazeTarget +'"'; 

        gazePause += ' data-gaze-function="audpause()"'; 

        gazePause += ' data-gaze-function-after="' + gazeFunctionAfter +'"'; 

        gazePause += '>';

        gazePause += '<p>';

        gazePause += 'Pause';

        gazePause += '</p>';

        gazePause += '</div>';

        var gazeOk = '<div class="gazeMultiPlay ' + gazeClass +'" data-gaze="true"';

        gazeOk += ' data-gaze-type="' + gazeType +'"'; 

        gazeOk += ' data-gaze-model="' + gazeModel +'"'; 

        gazeOk += ' data-gaze-target="' + gazeTarget +'"'; 

        gazeOk += ' data-gaze-function="audplay()"'; 

        gazeOk += ' data-gaze-function-after="' + gazeFunctionAfter +'"'; 

        gazeOk += '>';

        gazeOk += '<p>';

        gazeOk += dataValue;

        gazeOk += '</p>';

        gazeOk += '</div>';

        var gazeTime = '<div class="gazeMultiSkipTime ' + gazeClass +'" data-gaze="true"';

        gazeTime += ' data-gaze-type="' + gazeType +'"'; 

        gazeTime += ' data-gaze-model="' + gazeModel +'"'; 

        gazeTime += ' data-gaze-target="' + gazeTarget +'"'; 

        gazeTime += ' data-gaze-function="audskip(10)"'; 

        gazeTime += ' data-gaze-function-after="' + gazeFunctionAfter +'"'; 

        gazeTime += '>';

        gazeTime += '<p>';

        gazeTime += 'Skip';

        gazeTime += '</p>';

        gazeTime += '</div>';

        var gazeVolume = '<div class="gazeMultiVolume ' + gazeClass +'" data-gaze="true"';

        gazeVolume += ' data-gaze-type="' + gazeType +'"'; 

        gazeVolume += ' data-gaze-model="' + gazeModel +'"'; 

        gazeVolume += ' data-gaze-target="' + gazeTarget +'"'; 

        gazeVolume += ' data-gaze-function="audplay()"'; 

        gazeVolume += ' data-gaze-function-after="' + gazeFunctionAfter +'"'; 

        gazeVolume += '>';

        gazeVolume += '<p>';

        gazeVolume += 'Volumen';

        gazeVolume += '</p>';

        gazeVolume += '</div>';

        myarray.push(gazeCancel);

        myarray.push(gazePause);

        myarray.push(gazeOk);

        myarray.push(gazeTime);

        myarray.push(gazeVolume);

        return myarray;

}