/*
 * Copyright (c) 2013, Ford Motor Company All rights reserved.
 * 
 * Redistribution and use in source and binary forms, with or without
 * modification, are permitted provided that the following conditions are met: ·
 * Redistributions of source code must retain the above copyright notice, this
 * list of conditions and the following disclaimer. · Redistributions in binary
 * form must reproduce the above copyright notice, this list of conditions and
 * the following disclaimer in the documentation and/or other materials provided
 * with the distribution. · Neither the name of the Ford Motor Company nor the
 * names of its contributors may be used to endorse or promote products derived
 * from this software without specific prior written permission.
 * 
 * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
 * AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
 * IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
 * ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE
 * LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
 * CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
 * SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
 * INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
 * CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
 * ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
 * POSSIBILITY OF SUCH DAMAGE.
 */
/**
 * @name SDL.InteractionChoicesView
 * @desc Interaction Choices visual representation
 * @category View
 * @filesource app/view/sdl/shared/interactionChoicesView.js
 * @version 1.0
 */

SDL.InteractionChoicesView = SDL.SDLAbstractView.create({

    elementId: 'perform_interaction_view',

    childViews: [
        'backButton',
        'captionText',
        'listOfChoices',
        'input',
        'listWrapper'
    ],

    didInsertElement: function(){

        SDL.SDLModel.interactionListWrapper = new iScroll('listWrapper', { hideScrollbar:false, hScrollbar: true, vScrollbar: true, hScroll: true, vScroll: true });
    },

    backButton: SDL.Button.extend({
        classNames: [
            'back-button'
        ],
        target: 'SDL.SDLController',
        action: 'InteractionChoicesDeactivate',
        icon: 'images/media/ico_back.png',
        onDown: false
    }),

    input: Ember.TextArea.extend({
        classNameBindings: ['this.parentView.search::hide'],
        tagName: 'input',
        attribute: ['type:text'],
        attributeBindings: ['disabled'],
        disabled: false,
        click: function(){
            SDL.SDLModel.uiShowKeyboard(this);
        },
        search: function(){
            FFW.UI.OnKeyboardInput(SDL.SDLModel.keyboardInputValue, "ENTRY_SUBMITTED");
            this.get('parentView').deactivate("SUCCESS");
        }
    }),

    listWrapper: Em.ContainerView.extend({

        classNameBindings: ['this.parentView.icon::hide'],

        elementId: 'listWrapper',

        classNames: 'listWrapper',

        childViews: [
            'naviChoises'
        ],

        click: function() {
            SDL.InteractionChoicesView.timerUpdate();
            SDL.SDLController.onResetTimeout(SDL.SDLAppController.model.appID, "UI.PerformInteraction");
        },

        naviChoises: Em.ContainerView.extend({
            classNames: 'naviChoises',
            childViews: [
                'captionText'
            ],

            captionText: SDL.Label.extend({

                classNameBindings: ['this.parentView.search:hide'],
                classNames: ['caption-text'],
                contentBinding: 'this.parentView.caption'
            })

        })
    }),

    captionText: SDL.Label.extend({

        classNameBindings: ['this.parentView.search:hide'],
        classNames: ['caption-text'],
        contentBinding: 'this.parentView.caption'
    }),

    listOfChoices: SDL.List.extend({
        classNameBindings: ['this.parentView.list::hide'],
        elementId: 'perform_interaction_view_list',
        itemsOnPage: 5,
        items: [],
        click: function() {
            SDL.InteractionChoicesView.timerUpdate();
            SDL.SDLController.onResetTimeout(SDL.SDLAppController.model.appID, "UI.PerformInteraction");
        }
    }),

    timer: null,

    timeout: null,

    search: false,

    list: false,

    icon: false,

    /**
     * Id of app initiated performInteraction request
     */
    appID: null,

    /**
     * Method updates popup timer when data changes through keyboard
     */
    timerUpdate: function (){
        if (this.timeout && this.input.value !== null) {
            clearTimeout(this.timer);
            var self = this;
            this.timer = setTimeout(function () {

                self.deactivate("TIMED_OUT");
            }, this.timeout);
        }
    }.observes('this.input.value'),

    /**
     * Activate window and set caption text
     *
     * @param text: String
     */
    activate: function (message) {

        this.clean();

        if (message.params && message.params.initialText) {
            this.set('caption', message.params.initialText.fieldText);
        }

        this.appID = message.params.appID;

        if (message.params.interactionLayout) {

            switch (message.params.interactionLayout) {
                case "ICON_ONLY" : {

                    this.preformChoicesNavigation(message.params.choiceSet, message.params.timeout);


                    this.set('search', false);
                    this.set('list', false);
                    this.set('icon', true);
                    this.set('active', true);
                    break;
                }
                case "ICON_WITH_SEARCH" : {

                    this.preformChoicesNavigation(message.params.choiceSet, message.params.timeout);

                    this.set('icon', true);
                    this.set('search', true);
                    this.set('list', false);
                    this.set('active', true);
                    break;
                }
                case "LIST_ONLY" : {

                    this.preformChoices(message.params.choiceSet, message.params.timeout);

                    this.set('list', true);
                    this.set('icon', false);
                    this.set('search', false);
                    this.set('active', true);
                    break;
                }
                case "LIST_WITH_SEARCH" : {

                    this.preformChoices(message.params.choiceSet, message.params.timeout);

                    this.set('list', true);
                    this.set('search', true);
                    this.set('icon', false);
                    this.set('active', true);
                    break;
                }
                case "KEYBOARD" : {
                    this.preformChoices(null, message.params.timeout);
                    SDL.SDLModel.uiShowKeyboard(this.input);


                    this.set('list', false);
                    this.set('search', false);
                    this.set('icon', false);
                   // this.set('active', true);

                    break;
                }
                default:
                {
                    // default action
                }
            }
        } else {

            if (message.params.choiceSet) {
                this.preformChoices(message.params.choiceSet, message.params.timeout);

                this.set('list', true);
                this.set('icon', false);
                this.set('search', false);
                this.set('active', true);
            } else {

                this.timer = setTimeout(function () {
                    SDL.InteractionChoicesView.deactivate("TIMED_OUT");
                }, message.params.timeout);
            }
        }

    },

    /**
     * Deactivate window
     */
    deactivate: function (result, choiceID) {

        if (SDL.SDLModel.performInteractionSession.length > 0 && result != "ABORTED") {
            this.timerUpdate();
        } else {

            clearTimeout(this.timer);
            this.timer = null;
            this.set('active', false);
            SDL.SDLController.VRMove();
            SDL.Keyboard.deactivate();

            switch (result) {
                case "ABORTED":
                {
                    SDL.SDLController.interactionChoiseCloseResponse(this.appID, SDL.SDLModel.resultCode["ABORTED"]);
                    break;
                }
                case "TIMED_OUT":
                {
                    SDL.SDLController.interactionChoiseCloseResponse(this.appID, SDL.SDLModel.resultCode["TIMED_OUT"]);
                    break;
                }
                case "SUCCESS":
                {
                    SDL.SDLController.interactionChoiseCloseResponse(this.appID, SDL.SDLModel.resultCode["SUCCESS"], choiceID, this.input.value);
                    break;
                }
                default:
                {
                    // default action
                }
            }

            this.appID = null;

            SDL.SDLController.onSystemContextChange();
        }
    },

    /**
     * Clean choices caption and list before new proform
     */
    clean: function () {

        this.input.set('value', null);
        this.set('captionText.content', 'Interaction Choices');
        this.set('timeout', null);
        this.listOfChoices.items = [];
        this.listOfChoices.list.refresh();
        var length = this.get('listWrapper.naviChoises.childViews').length;
        for (var i=0; i < length; i++) {
            SDL.InteractionChoicesView.get('listWrapper.naviChoises.childViews').shiftObject();
        }
    },

    /**
     * Update choises list with actual set id
     *
     * @param data:
     *            Array
     */
    preformChoices: function (data, timeout) {

        this.set('timeout', timeout);

        if (data) {

            // temp for testing
            for (var i = 0; i < data.length; i++) {
                this.listOfChoices.items
                    .push({
                        type: SDL.Button,
                        params: {
                            text: data[i].menuName,
                            choiceID: data[i].choiceID,
                            action: 'onChoiceInteraction',
                            onDown: false,
                            target: 'SDL.SDLAppController',
                            templateName: data[i].image ? 'rightIcon' : 'text',
                            icon: data[i].image ? data[i].image.value : null
                        }
                    });
            }

            this.listOfChoices.list.refresh();
        }

        var self = this;

        clearTimeout(this.timer);
        this.timer = setTimeout(function () {

            self.deactivate("TIMED_OUT");
        }, timeout);
    },

    /**
     * Update choises list with actual set id
     *
     * @param data:
     *            Array
     */
    preformChoicesNavigation: function (data, timeout) {

        this.set('timeout', timeout);

        if (data) {

             // temp for testing
             for (var i = 0; i < data.length; i++) {
                 this.get('listWrapper.naviChoises.childViews').pushObject(SDL.Button.create({
                         text: data[i].menuName,
                         choiceID: data[i].choiceID,
                         action: 'onChoiceInteraction',
                         onDown: false,
                         target: 'SDL.SDLAppController',
                         templateName: data[i].image ? 'rightIcon' : 'text',
                         icon: data[i].image ? data[i].image.value : null
                     })
                 );
             }

        }

        var self = this;

        setTimeout(function(){

            SDL.SDLModel.interactionListWrapper.refresh();
        }, 0);

        clearTimeout(this.timer);
        this.timer = setTimeout(function () {
            self.deactivate("TIMED_OUT");
        }, timeout);
    }
});