/*
 * (c) Copyright Ascensio System SIA 2010-2015
 *
 * This program is a free software product. You can redistribute it and/or 
 * modify it under the terms of the GNU Affero General Public License (AGPL) 
 * version 3 as published by the Free Software Foundation. In accordance with 
 * Section 7(a) of the GNU AGPL its Section 15 shall be amended to the effect 
 * that Ascensio System SIA expressly excludes the warranty of non-infringement
 * of any third-party rights.
 *
 * This program is distributed WITHOUT ANY WARRANTY; without even the implied 
 * warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR  PURPOSE. For 
 * details, see the GNU AGPL at: http://www.gnu.org/licenses/agpl-3.0.html
 *
 * You can contact Ascensio System SIA at Lubanas st. 125a-25, Riga, Latvia,
 * EU, LV-1021.
 *
 * The  interactive user interfaces in modified source and object code versions
 * of the Program must display Appropriate Legal Notices, as required under 
 * Section 5 of the GNU AGPL version 3.
 *
 * Pursuant to Section 7(b) of the License you must retain the original Product
 * logo when distributing the program. Pursuant to Section 7(e) we decline to
 * grant you any rights under trademark law for use of our trademarks.
 *
 * All the Product's GUI elements, including illustrations and icon sets, as
 * well as technical writing content are licensed under the terms of the
 * Creative Commons Attribution-ShareAlike 4.0 International. See the License
 * terms at http://creativecommons.org/licenses/by-sa/4.0/legalcode
 *
 */
 define(["common/main/lib/component/Window", "spreadsheeteditor/main/app/collection/FormulaGroups"], function () {
    SSE.Views = SSE.Views || {};
    SSE.Views.FormulaDialog = Common.UI.Window.extend(_.extend({
        applyFunction: undefined,
        initialize: function (options) {
            var t = this,
            _options = {};
            _.extend(_options, {
                width: 300,
                height: 490,
                contentWidth: 390,
                header: true,
                cls: "formula-dlg",
                contentTemplate: "",
                title: t.txtTitle,
                items: []
            },
            options);
            this.template = options.template || ['<div class="box" style="height:' + (_options.height - 85) + 'px;">', '<div class="content-panel" >', '<label class="header">' + t.textGroupDescription + "</label>", '<div id="formula-dlg-combo-group" class="input-group-nr" style="margin-top: 10px"/>', '<label class="header" style="margin-top:10px">' + t.textListDescription + "</label>", '<div id="formula-dlg-combo-functions" class="combo-functions"/>', '<label id="formula-dlg-args" style="margin-top: 10px">' + "</label>", "</div>", "</div>", '<div class="separator horizontal"/>', '<div class="footer center">', '<button class="btn normal dlg-btn primary" result="ok" style="margin-right: 10px;">' + t.okButtonText + "</button>", '<button class="btn normal dlg-btn" result="cancel">' + t.cancelButtonText + "</button>", "</div>"].join("");
            this.api = options.api;
            this.formulasGroups = options.formulasGroups;
            this.handler = options.handler;
            _options.tpl = _.template(this.template, _options);
            Common.UI.Window.prototype.initialize.call(this, _options);
        },
        render: function () {
            Common.UI.Window.prototype.render.call(this);
            this.$window.find(".dlg-btn").on("click", _.bind(this.onBtnClick, this));
            this.syntaxLabel = $("#formula-dlg-args");
            this.fillFormulasGroups();
            this.fillFunctions("All");
        },
        show: function () {
            if (this.$window) {
                var main_width, main_height, top, left, win_height = this.initConfig.height;
                if (window.innerHeight === undefined) {
                    main_width = document.documentElement.offsetWidth;
                    main_height = document.documentElement.offsetHeight;
                } else {
                    main_width = window.innerWidth;
                    main_height = window.innerHeight;
                }
                top = ((parseInt(main_height, 10) - parseInt(win_height, 10)) / 2) * 0.9;
                left = (parseInt(main_width, 10) - parseInt(this.initConfig.width, 10)) / 2;
                this.$window.css("left", Math.floor(left));
                this.$window.css("top", Math.floor(top));
            }
            Common.UI.Window.prototype.show.call(this);
            this.mask = $(".modals-mask");
            this.mask.on("mousedown", _.bind(this.onUpdateFocus, this));
            this.$window.on("mousedown", _.bind(this.onUpdateFocus, this));
            if (this.cmbListFunctions) {
                _.delay(function (me) {
                    me.cmbListFunctions.$el.find(".listview").focus();
                },
                100, this);
            }
        },
        hide: function () {
            this.mask.off("mousedown", _.bind(this.onUpdateFocus, this));
            this.$window.off("mousedown", _.bind(this.onUpdateFocus, this));
            Common.UI.Window.prototype.hide.call(this);
        },
        onBtnClick: function (event) {
            if ("ok" === event.currentTarget.attributes["result"].value) {
                if (this.handler) {
                    this.handler.call(this, this.applyFunction);
                }
            }
            this.hide();
        },
        onDblClickFunction: function () {
            if (this.handler) {
                this.handler.call(this, this.applyFunction);
            }
            this.hide();
        },
        onSelectGroup: function (combo, record) {
            if (!_.isUndefined(record) && !_.isUndefined(record.value)) {
                if (record.value < this.formulasGroups.length) {
                    this.fillFunctions(this.formulasGroups.at(record.value).get("name"));
                }
            }
            this.onUpdateFocus();
        },
        onSelectFunction: function (listView, itemView, record) {
            var funcId, functions, func;
            if (this.formulasGroups) {
                funcId = record.get("id");
                if (!_.isUndefined(funcId)) {
                    functions = this.formulasGroups.at(0).get("functions");
                    if (functions) {
                        func = _.find(functions, function (f) {
                            if (f.get("index") === funcId) {
                                return f;
                            }
                            return null;
                        });
                        if (func) {
                            this.applyFunction = func.get("name");
                            this.syntaxLabel.text(this.syntaxText + ": " + this.applyFunction + func.get("args"));
                        }
                    }
                }
            }
        },
        onPrimary: function (list, record, event) {
            if (this.handler) {
                this.handler.call(this, this.applyFunction);
            }
            this.hide();
        },
        onUpdateFocus: function () {
            _.delay(function (me) {
                me.cmbListFunctions.$el.find(".listview").focus();
            },
            100, this);
        },
        fillFormulasGroups: function () {
            if (this.formulasGroups) {
                var descriptions = {
                    "All": this.sCategoryAll,
                    "Cube": this.sCategoryCube,
                    "Database": this.sCategoryDatabase,
                    "DateAndTime": this.sCategoryDateTime,
                    "Engineering": this.sCategoryEngineering,
                    "Financial": this.sCategoryFinancial,
                    "Information": this.sCategoryInformation,
                    "Logical": this.sCategoryLogical,
                    "LookupAndReference": this.sCategoryLookupAndReference,
                    "Mathematic": this.sCategoryMathematics,
                    "Statistical": this.sCategoryStatistical,
                    "TextAndData": this.sCategoryTextData
                };
                var i, groupsListItems = [],
                length = this.formulasGroups.length;
                for (i = 0; i < length; ++i) {
                    if (this.formulasGroups.at(i).get("functions").length) {
                        groupsListItems.push({
                            value: this.formulasGroups.at(i).get("index"),
                            displayValue: descriptions[this.formulasGroups.at(i).get("name")]
                        });
                    }
                }
                if (!this.cmbFuncGroup) {
                    this.cmbFuncGroup = new Common.UI.ComboBox({
                        el: $("#formula-dlg-combo-group"),
                        menuStyle: "min-width: 268px;",
                        cls: "input-group-nr",
                        data: groupsListItems,
                        editable: false
                    });
                    this.cmbFuncGroup.setValue(0);
                    this.cmbFuncGroup.on("selected", _.bind(this.onSelectGroup, this));
                } else {
                    this.cmbFuncGroup.setData(groupsListItems);
                }
            }
        },
        fillFunctions: function (name) {
            if (this.formulasGroups) {
                if (!this.cmbListFunctions && !this.functions) {
                    this.functions = new Common.UI.DataViewStore();
                    this.cmbListFunctions = new Common.UI.ListView({
                        el: $("#formula-dlg-combo-functions"),
                        store: this.functions,
                        itemTemplate: _.template('<div id="<%= id %>" class="list-item" style="pointer-events:none;"><%= value %></div>')
                    });
                    this.cmbListFunctions.on("item:select", _.bind(this.onSelectFunction, this));
                    this.cmbListFunctions.on("item:dblclick", _.bind(this.onDblClickFunction, this));
                    this.cmbListFunctions.on("entervalue", _.bind(this.onPrimary, this));
                    this.cmbListFunctions.onKeyDown = _.bind(this.onKeyDown, this.cmbListFunctions);
                    this.cmbListFunctions.$el.find(".listview").focus();
                    this.cmbListFunctions.scrollToRecord = _.bind(this.onScrollToRecordCustom, this.cmbListFunctions);
                }
                if (this.functions) {
                    this.functions.reset();
                    var i = 0,
                    length = 0,
                    functions = null,
                    group = this.formulasGroups.findWhere({
                        name: name
                    });
                    if (group) {
                        functions = group.get("functions");
                        if (functions && functions.length) {
                            length = functions.length;
                            for (i = 0; i < length; ++i) {
                                this.functions.push(new Common.UI.DataViewModel({
                                    id: functions[i].get("index"),
                                    selected: i < 1,
                                    allowSelected: true,
                                    value: functions[i].get("name")
                                }));
                            }
                            this.applyFunction = functions[0].get("name");
                            this.syntaxLabel.text(this.syntaxText + ": " + this.applyFunction + functions[0].get("args"));
                            this.cmbListFunctions.scroller.update({
                                minScrollbarLength: 40,
                                alwaysVisibleY: true
                            });
                        }
                    }
                }
            }
        },
        onKeyDown: function (e, event) {
            var i = 0,
            record = null,
            me = this,
            charVal = "",
            value = "",
            firstRecord = null,
            recSelect = false,
            innerEl = null,
            isEqualSelectRecord = false,
            selectRecord = null,
            needNextRecord = false;
            if (this.disabled) {
                return;
            }
            if (_.isUndefined(undefined)) {
                event = e;
            }
            function selectItem(item) {
                me.selectRecord(item);
                me.scrollToRecord(item);
                innerEl = $(me.el).find(".inner");
                me.scroller.scrollTop(innerEl.scrollTop(), 0);
                event.preventDefault();
                event.stopPropagation();
            }
            charVal = String.fromCharCode(e.keyCode);
            if (e.keyCode > 64 && e.keyCode < 91 && charVal && charVal.length) {
                selectRecord = this.store.findWhere({
                    selected: true
                });
                if (selectRecord) {
                    value = selectRecord.get("value");
                    isEqualSelectRecord = (value && value.length && value[0] === charVal);
                }
                for (i = 0; i < this.store.length; ++i) {
                    record = this.store.at(i);
                    value = record.get("value");
                    if (value[0] === charVal) {
                        if (null === firstRecord) {
                            firstRecord = record;
                        }
                        if (isEqualSelectRecord) {
                            if (selectRecord === record) {
                                isEqualSelectRecord = false;
                            }
                            continue;
                        }
                        if (record.get("selected")) {
                            continue;
                        }
                        selectItem(record);
                        return;
                    }
                }
                if (firstRecord) {
                    selectItem(firstRecord);
                    return;
                }
            }
            Common.UI.DataView.prototype.onKeyDown.call(this, e, event);
        },
        onScrollToRecordCustom: function (record) {
            var innerEl = $(this.el).find(".inner");
            var inner_top = innerEl.offset().top;
            var div = innerEl.find("#" + record.get("id")).parent();
            var div_top = div.offset().top;
            if (div_top < inner_top || div_top + div.height() > inner_top + innerEl.height()) {
                if (this.scroller) {
                    this.scroller.scrollTop(innerEl.scrollTop() + div_top - inner_top, 0);
                } else {
                    innerEl.scrollTop(innerEl.scrollTop() + div_top - inner_top);
                }
            }
        },
        cancelButtonText: "Cancel",
        okButtonText: "Ok",
        sCategoryAll: "All",
        sCategoryLogical: "Logical",
        sCategoryCube: "Cube",
        sCategoryDatabase: "Database",
        sCategoryDateTime: "Date and time",
        sCategoryEngineering: "Engineering",
        sCategoryFinancial: "Financial",
        sCategoryInformation: "Information",
        sCategoryLookupAndReference: "LookupAndReference",
        sCategoryMathematics: "Math and trigonometry",
        sCategoryStatistical: "Statistical",
        sCategoryTextData: "Text and data",
        textGroupDescription: "Select Function Group",
        textListDescription: "Select Function",
        sDescription: "Description",
        txtTitle: "Insert Function",
        syntaxText: "Syntax"
    },
    SSE.Views.FormulaDialog || {}));
});