/*
 * (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(["text!spreadsheeteditor/main/app/template/Viewport.template", "jquery", "underscore", "backbone", "common/main/lib/component/BaseView", "common/main/lib/component/Layout"], function (viewportTemplate, $, _, Backbone) {
    SSE.Views.Viewport = Backbone.View.extend({
        el: "#viewport",
        template: _.template(viewportTemplate),
        events: {},
        initialize: function () {},
        render: function () {
            var el = $(this.el);
            el.html(this.template({}));
            if (Common.Utils.isSafari) {
                $("body").addClass("safari");
                $("body").mousewheel(function (e) {
                    e.preventDefault();
                    e.stopPropagation();
                });
            } else {
                if (Common.Utils.isChrome) {
                    $("body").addClass("chrome");
                }
            }
            var $container = $("#viewport-vbox-layout", el);
            var items = $container.find(" > .layout-item");
            this.vlayout = new Common.UI.VBoxLayout({
                box: $container,
                items: [{
                    el: items[0],
                    rely: true
                },
                {
                    el: items[1],
                    rely: true
                },
                {
                    el: items[2],
                    stretch: true
                },
                {
                    el: items[3],
                    height: 25
                }]
            });
            $container = $("#viewport-hbox-layout", el);
            items = $container.find(" > .layout-item");
            this.hlayout = new Common.UI.HBoxLayout({
                box: $container,
                items: [{
                    el: items[0],
                    rely: true,
                    resize: {
                        hidden: true,
                        autohide: false,
                        min: 300,
                        max: 600
                    }
                },
                {
                    el: items[1],
                    stretch: true
                },
                {
                    el: $(items[2]).hide(),
                    rely: true
                }]
            });
            $container = $container.find(".layout-ct.vbox");
            items = $container.find(" > .layout-item");
            this.celayout = new Common.UI.VBoxLayout({
                box: $container,
                items: [{
                    el: items[0],
                    rely: true,
                    resize: {
                        min: 19,
                        max: -100
                    }
                },
                {
                    el: items[1],
                    stretch: true
                }]
            });
            return this;
        },
        applyEditorMode: function () {
            var me = this,
            toolbarView = SSE.getController("Toolbar").getView("Toolbar"),
            rightMenuView = SSE.getController("RightMenu").getView("RightMenu");
            me._toolbar = toolbarView.render(this.mode.isEditDiagram);
            me._rightMenu = rightMenuView.render();
        },
        setMode: function (mode, delay) {
            if (mode.isDisconnected) {
                if (_.isUndefined(this.mode)) {
                    this.mode = {};
                }
                this.mode.canCoAuthoring = false;
            } else {
                this.mode = mode;
            }
        }
    });
});