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() {

  $('body').append('<div class="gaze-onscreen"><div class="gaze-onscreen-content"></div></div>');

});

function addItemsToOnscreen(elements) {

        var elementsLength = elements.length;

        $('.gaze-onscreen .gaze-onscreen-content').html('');

        elements.each(function(index, el) {

                var mydiv = '<div class="onscreen-option onscreen-option-' + elementsLength + '-' + (index + 1) + '">';

                mydiv += el;

                mydiv += '</div>';

                $('.gaze-onscreen-content').append(mydiv);        

        });

        if(jQuery('.gaze-onscreen-content .onscreen-option').length > 21) {

                showOnscreenPagination();

        }

        vidFullscreen();

}

function getItemForOnscreen(element, type) {

        if(type == 'text') { return getTextElements(element); }

        if(type == 'action') { return getActionElements(element); }

        return getChoiceElements(element);

}

function getItemsForOnscreenKeyboard(element, type) {

        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="keyboardOpenButton ' + gazeClass +'" data-gaze="true"';

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

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

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

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

        gazeOk += '>';

        gazeOk += '<p>';

        gazeOk += dataValue;

        gazeOk += '</p>';

        gazeOk += '</div>';

        var myarray = [];

        myarray.push(gazeCancel);

        myarray.push(gazeOk);

        return myarray;

}

function showOnscreenPagination() {

        addPaginationButtons();

        jQuery('.gaze-onscreen-content .onscreen-option:hidden').addClass('nextOnscreenElements');

} 

function showOnscreenNextPage() {

        var oldElements = jQuery('.gaze-onscreen-content .onscreen-option:visible');

        var newElements = jQuery('.gaze-onscreen-content .onscreen-option.nextOnscreenElements:hidden').slice(0, 21);

        oldElements.css('display', 'none').addClass('prevOnscreenElements');

        newElements.css('display', 'block').removeClass('nextOnscreenElements');

}

function showOnscreenPrevPage() {

        var oldElements = jQuery('.gaze-onscreen-content .onscreen-option:visible');

        var newElements = jQuery('.gaze-onscreen-content .onscreen-option.prevOnscreenElements:hidden').slice(-21);

        oldElements.css('display', 'none').removeClass('prevOnscreenElements');

        newElements.css('display', 'block').addClass('nextOnscreenElements');

}

function addPaginationButtons() {

        jQuery('.gaze-onscreen-content').prepend('<div class="onscreenPagination next" data-gaze="true" data-gaze-type="action" data-gaze-model="dwell">Next</div>');

        jQuery('.gaze-onscreen-content').prepend('<div class="onscreenPagination prev" data-gaze="true" data-gaze-type="action" data-gaze-model="dwell">Prev</div>');

        jQuery('.onscreenPagination.next').click(function(event) {

                showOnscreenNextPage();

                jQuery('.onscreenPagination.prev').show();

                if(jQuery('.gaze-onscreen-content .onscreen-option.nextOnscreenElements:hidden').length <= 0) {

                        jQuery('.onscreenPagination.next').hide();

                }

        });

        jQuery('.onscreenPagination.prev').click(function(event) {

                showOnscreenPrevPage();

                jQuery('.onscreenPagination.next').show();

                if(jQuery('.gaze-onscreen-content .onscreen-option.prevOnscreenElements:hidden').length <= 0) {

                        jQuery('.onscreenPagination.prev').hide();

                }

        });

}