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

        elementArray = [];

        textArray = ['LNDZF', 'AEIOU', 'HSCJK', 'BYRVG', 'ßQ.,', 'XMTWP'];

        $(textArray).each(function(index, el) {

                elementArryElement = "<div data-gaze='true' data-gaze-type='text' data-gaze-model='piemenu' gaze-piemenu='submenu'>";

                var arrValues = el.split('');

                $.each(arrValues, function (intIndex, objValue) {

                    elementArryElement += "<div gaze-piemenu-submenu='option' gaze-piemenu-option-value=" + objValue + ">";

                    elementArryElement += objValue;

                    elementArryElement += "</div>";

                })

                elementArryElement += "</div>";

                elementArray.push(elementArryElement);

        });

        return elementArray;

}

function getInputSubMenu(element) {

        elementArray = [];

        var submenuElements = $(element).children('');

        $(submenuElements).each(function(index, el) {

                var elementValue = $(el).html();

                if($(el).attr('gaze-piemenu-option-value') != null) {

                        elementValue = $(el).attr('gaze-piemenu-option-value');

                }

                elementArryElement = "<div data-gaze='true' data-gaze-type='action' data-gaze-model='dwell'>";

                elementArryElement += elementValue;

                elementArryElement += "</div>";

                elementArray.push(elementArryElement);        

        });

        return elementArray;

}

function createKeyboard(element) {

        if($('body').children('.gaze-piemenuKeyboard').length <= 0) {

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

            $('.gaze-piemenuKeyboard').append('<div class="gaze-piemenuKeyboard-background"></div>');

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

            createKeyboardLayout();

            createKeyboardFunctions();

        }

        showKeyboard(element);

}

function createKeyboardLayout() {

        var vContent = '.gaze-piemenuKeyboard-content';

        // Top Line

        var vContentTopLine = '<div class="gTopline"></div>';

        $(vContent).append(vContentTopLine);

        $('.gTopline').append('<div class="gTopline-left"></div>');

        $('.gTopline').append('<div class="gTopline-middle"></div>');

        $('.gTopline').append('<div class="gTopline-right"></div>');

        $('.gTopline-left').append('<button class="keyboardSpace" data-gaze="true" data-gaze-type="action" data-gaze-model="piemenu" data-gaze-function-Close="closePieMenu()" data-gaze-function-After="closePieMenu()">Space</button>');

        $('.gTopline-middle').append('<div class="keyBoardInput"><div class="keyboardInner"></div></div>');

        createKeyboardInputs();

        $('.gTopline-right').append('<button class="saveClose" data-gaze="true" data-gaze-type="action" data-gaze-model="piemenu" data-gaze-function="closePieMenuKeyboard">Accept</button>');

        // Bottom Line

        var vContentBottomLine = '<div class="gBottomline"></div>';

        $(vContent).append(vContentBottomLine);

        $('.gBottomline').append('<div class="gBottomline-left"></div>');

        $('.gBottomline').append('<div class="gBottomline-middle"></div>');

        $('.gBottomline').append('<div class="gBottomline-right"></div>');

        $('.gBottomline-left').append('<button class="toggleFontSize small" data-gaze="true" data-gaze-type="action" data-gaze-model="piemenu" data-gaze-function-Close="closePieMenu()" data-gaze-function-After="closePieMenu()">abc</button>');

        $('.gBottomline-middle').append('<textarea class="inputPreview"></textarea>');

        $('.gBottomline-right').append('<button class="Bksp" data-gaze="true" data-gaze-type="action"' + 

                'data-gaze-model="piemenu" data-gaze-function-Close="closePieMenu()" data-gaze-function-After="closePieMenu()">Bksp</button>');

}

function createKeyboardInputs() {

        var kInput = '.gaze-piemenuKeyboard-content .keyBoardInput .keyboardInner';

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

        $(kInput).append('<div class="kInput-background"></div>');

        addPieMenuTextInput();

}

function addPieMenuTextInput() {

        var kInputContent = '.gaze-piemenuKeyboard-content .keyBoardInput .kInput-content';

        $(kInputContent).html('');

        elementArray = [];

        textArray = ['LNDZF', 'AEIOU', 'HSCJK', 'BYRVG', 'ßQ!.,', 'XMTWP'];

        $(textArray).each(function(index, el) {

                elementArryElement = "<div data-gaze='true' data-gaze-type='text' data-gaze-model='piemenu' gaze-piemenu='submenu'>";

                var arrValues = el.split('');

                $.each(arrValues, function (intIndex, objValue) {

                    elementArryElement += "<div gaze-piemenu-submenu='option' gaze-piemenu-option-value=" + objValue + ">";

                    elementArryElement += objValue;

                    elementArryElement += "</div>";

                })

                elementArryElement += "</div>";

                elementArray.push(elementArryElement);

                $(kInputContent).append(elementArryElement);

        });

}

function createKeyboardFunctions() {

        $('.inputPreview').focus(); 

        $('.gaze-piemenuKeyboard .saveClose').click(function(event) {

                savePreviewToInput();

                closePieMenuKeyboard();

        });

        $('.gaze-piemenuKeyboard .Bksp').click(function(event) {

                var inputs = $('.inputPreview').val();

                $('.inputPreview').val(inputs.slice(0, -1));

        });

        $('.gaze-piemenuKeyboard .keyboardSpace').click(function(event) {

                var inputs = $('.inputPreview').val();

                $('.inputPreview').val(inputs + " ");

        });

        $('.gaze-piemenuKeyboard .toggleFontSize').click(function(event) {

                var elementss = $('div[gaze-piemenu-submenu="option"]');

                closeSubmenu();

                $(elementss).each(function(index, el) {

                        var char = $(el).html();

                        if($('.gaze-piemenuKeyboard .toggleFontSize').hasClass('small')) {

                                var newchar = char.toLowerCase();

                        } else {

                                var newchar = char.toUpperCase();

                        }

                        $(el).html(newchar);

                        $(el).attr('gaze-piemenu-option-value', newchar);

                });

                if($('.gaze-piemenuKeyboard .toggleFontSize').hasClass('small')) {

                        $('.gaze-piemenuKeyboard .toggleFontSize').addClass('large');

                        $('.gaze-piemenuKeyboard .toggleFontSize').removeClass('small');

                        $('.gaze-piemenuKeyboard .toggleFontSize').html('ABC');

                } else {

                        $('.gaze-piemenuKeyboard .toggleFontSize').removeClass('large');

                        $('.gaze-piemenuKeyboard .toggleFontSize').addClass('small');

                        $('.gaze-piemenuKeyboard .toggleFontSize').html('abc');

                }

        });

}

function showKeyboard(element) {

        var myval = $('.inputGazeKeyboard').val() || '';

        $('.gaze-piemenuKeyboard .inputPreview').val(myval);

        $('.gaze-piemenuKeyboard').show();

}

function addKeyboardSubmenu(element) {

        if($('.gaze-piemenuKeyboard .gTopline').children('.gaze-piemenuKeyboard-submenu').length <= 0) {

            $('.gaze-piemenuKeyboard .gTopline').append('<div class="gaze-piemenuKeyboard-submenu"></div>');

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

        }

        $('.gaze-piemenuKeyboard-submenu-content').html('');

        elementArray = [];

        var submenuElements = $(element).children('');

        $(submenuElements).each(function(index, el) {

                var elementValue = $(el).html();

                if($(el).attr('gaze-piemenu-option-value') != null) {

                        elementValue = $(el).attr('gaze-piemenu-option-value');

                }

                elementArryElement = "<button data-gaze='true' data-gaze-type='action' data-gaze-model='piemenu' data-gaze-function-Close='closePieMenu()' data-gaze-function-After='closePieMenu()'>";

                elementArryElement += elementValue;

                elementArryElement += "</button>";

                $('.gaze-piemenuKeyboard-submenu-content').append(elementArryElement);        

        });

        // $('.gaze-piemenuKeyboard-submenu-content > button:last-child').after("<button data-gaze='true' data-gaze-type='action' data-gaze-model='piemenu' data-gaze-function='closeSubmenu()'" +

        // "data-gaze-function-Close='closeSubmenu()' data-gaze-function-After='closePieMenu()'>Close</div>");

        showKeyboardSubmenu();

}

function showKeyboardSubmenu() {

        closePieMenu();

        $( ".gaze-piemenuKeyboard-submenu" ).position({

          my: "left-400 bottom+200",

          at: "left top",

          of: ".keyboardInner"

        });

        addSubmenuClickFunction();

        $('.gaze-piemenuKeyboard-submenu').show();

}

function closeSubmenu() {

        $('.gaze-piemenuKeyboard-submenu').hide();

        $('.openedSubMenu').removeClass('openedSubMenu');

}

function addItemToPreview(item) {

        var inputs = $('.inputPreview').val();

        inputs += item;

        var inputs = $('.inputPreview').val(inputs);

        closeSubmenu();

}

function addSubmenuClickFunction() {

        $('.gaze-piemenuKeyboard-submenu button').click(function(event) {

                var elementValue = $(this).html();

                addItemToPreview(elementValue);

        });

}

function savePreviewToInput() {

        var inputs = $('.inputPreview').val();

        $('.inputGazeKeyboard').val(inputs);

}