/*
 *
 * (c) Copyright Ascensio System SIA 2010-2020
 *
 * 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 20A-12 Ernesta Birznieka-Upisha
 * street, Riga, Latvia, EU, LV-1050.
 *
 * 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
 *
 */

/**
 *  SpecialPasteDialog.js
 *
 *  Created by Julia Radzhabova on 27.02.2020
 *  Copyright (c) 2020 Ascensio System SIA. All rights reserved.
 *
 */

define([
    'common/main/lib/util/utils',
    'common/main/lib/component/RadioBox',
    'common/main/lib/component/CheckBox',
    'common/main/lib/view/AdvancedSettingsWindow'
], function () { 'use strict';

    SSE.Views.SpecialPasteDialog = Common.Views.AdvancedSettingsWindow.extend(_.extend({
        options: {
            contentWidth: 350,
            height: 385
        },

        initialize : function(options) {
            var me = this;

            _.extend(this.options, {
                title: this.textTitle,
                template: [
                    '<div class="box" style="height:' + (me.options.height - 85) + 'px;">',
                        '<div class="content-panel" style="padding: 0 5px;"><div class="inner-content">',
                        '<div class="settings-panel active">',
                            '<table cols="2" style="width: 100%;">',
                                '<tr>',
                                    '<td colspan=2 class="padding-small">',
                                        '<label class="header">', me.textPaste,'</label>',
                                    '</td>',
                                '</tr>',
                                '<tr>',
                                    '<td class="padding-small">',
                                        '<div id="paste-radio-all"></div>',
                                    '</td>',
                                    '<td class="padding-small">',
                                        '<div id="paste-radio-without-borders"></div>',
                                    '</td>',
                                '</tr>',
                                '<tr>',
                                    '<td class="padding-small">',
                                        '<div id="paste-radio-formulas"></div>',
                                    '</td>',
                                    '<td class="padding-small">',
                                        '<div id="paste-radio-formula-formats"></div>',
                                    '</td>',
                                '</tr>',
                                '<tr>',
                                    '<td class="padding-small">',
                                        '<div id="paste-radio-values"></div>',
                                    '</td>',
                                    '<td class="padding-small">',
                                        '<div id="paste-radio-formula-col-width"></div>',
                                    '</td>',
                                '</tr>',
                                '<tr>',
                                    '<td class="padding-small">',
                                        '<div id="paste-radio-formats"></div>',
                                    '</td>',
                                    '<td class="padding-small">',
                                        '<div id="paste-radio-formula-num-format"></div>',
                                    '</td>',
                                '</tr>',
                                '<tr>',
                                    '<td class="padding-small">',
                                        '<div id="paste-radio-comments"></div>',
                                    '</td>',
                                    '<td class="padding-small">',
                                        '<div id="paste-radio-value-num-format"></div>',
                                    '</td>',
                                '</tr>',
                                '<tr>',
                                    '<td class="padding-large">',
                                        '<div id="paste-radio-col-width"></div>',
                                    '</td>',
                                    '<td class="padding-large">',
                                        '<div id="paste-radio-value-formats"></div>',
                                    '</td>',
                                '</tr>',
                                '<tr>',
                                    '<td colspan=2 class="padding-small">',
                                        '<label class="header">', me.textOperation,'</label>',
                                    '</td>',
                                '</tr>',
                                '<tr>',
                                    '<td class="padding-small">',
                                        '<div id="paste-radio-none"></div>',
                                    '</td>',
                                    '<td class="padding-small">',
                                        '<div id="paste-radio-mult"></div>',
                                    '</td>',
                                '</tr>',
                                '<tr>',
                                    '<td class="padding-small">',
                                        '<div id="paste-radio-add"></div>',
                                    '</td>',
                                    '<td class="padding-small">',
                                        '<div id="paste-radio-div"></div>',
                                    '</td>',
                                '</tr>',
                                '<tr>',
                                    '<td class="padding-small">',
                                        '<div id="paste-radio-sub"></div>',
                                    '</td>',
                                    '<td class="padding-small">',
                                    '</td>',
                                '</tr>',
                            // '</table>',
                            // '<div class="separator horizontal padding-small"></div>',
                            // '<table cols="2" style="width: 100%;">',
                                '<tr>',
                                    '<td colspan=2 class="padding-small" style="border-top: 1px solid #cbcbcb;">',
                                    '</td>',
                                '</tr>',
                                '<tr>',
                                    '<td class="padding-small">',
                                        '<div id="paste-checkbox-transpose"></div>',
                                    '</td>',
                                    '<td class="padding-small">',
                                        '<div id="paste-checkbox-blanks"></div>',
                                    '</td>',
                                '</tr>',
                            '</table>',
                        '</div></div>',
                        '</div>',
                    '</div>'
                ].join('')
            }, options);

            this.handler    = options.handler;
            this.props      = options.props;
            this._changedProps = null;
            this.isTable = !!options.isTable;

            Common.Views.AdvancedSettingsWindow.prototype.initialize.call(this, this.options);
        },

        render: function() {
            Common.Views.AdvancedSettingsWindow.prototype.render.call(this);
            var me = this;

            this.propControls = [];
            this.radioAll = new Common.UI.RadioBox({
                el: $('#paste-radio-all'),
                name: 'asc-radio-paste',
                labelText: this.textAll,
                value: Asc.c_oSpecialPasteProps.paste,
                disabled: true
            });
            this.radioAll.on('change', _.bind(this.onRadioPasteChange, this));
            this.propControls[Asc.c_oSpecialPasteProps.paste] = this.radioAll;

            this.radioFormulas = new Common.UI.RadioBox({
                el: $('#paste-radio-formulas'),
                name: 'asc-radio-paste',
                labelText: this.textFormulas,
                value: Asc.c_oSpecialPasteProps.pasteOnlyFormula,
                disabled: true
            });
            this.radioFormulas.on('change', _.bind(this.onRadioPasteChange, this));
            this.propControls[Asc.c_oSpecialPasteProps.pasteOnlyFormula] = this.radioFormulas;

            this.radioValues = new Common.UI.RadioBox({
                el: $('#paste-radio-values'),
                name: 'asc-radio-paste',
                labelText: this.textValues,
                value: Asc.c_oSpecialPasteProps.pasteOnlyValues,
                disabled: true
            });
            this.radioValues.on('change', _.bind(this.onRadioPasteChange, this));
            this.propControls[Asc.c_oSpecialPasteProps.pasteOnlyValues] = this.radioValues;

            this.radioFormats = new Common.UI.RadioBox({
                el: $('#paste-radio-formats'),
                name: 'asc-radio-paste',
                labelText: this.textFormats,
                value: Asc.c_oSpecialPasteProps.pasteOnlyFormating,
                disabled: true
            });
            this.radioFormats.on('change', _.bind(this.onRadioPasteChange, this));
            this.propControls[Asc.c_oSpecialPasteProps.pasteOnlyFormating] = this.radioFormats;

            this.radioComments = new Common.UI.RadioBox({
                el: $('#paste-radio-comments'),
                name: 'asc-radio-paste',
                labelText: this.textComments,
                value: Asc.c_oSpecialPasteProps.comments,
                disabled: true
            });
            this.radioComments.on('change', _.bind(this.onRadioPasteChange, this));
            this.propControls[Asc.c_oSpecialPasteProps.comments] = this.radioComments;

            this.radioColWidth = new Common.UI.RadioBox({
                el: $('#paste-radio-col-width'),
                name: 'asc-radio-paste',
                labelText: this.textColWidth,
                value: Asc.c_oSpecialPasteProps.columnWidth,
                disabled: true
            });
            this.radioColWidth.on('change', _.bind(this.onRadioPasteChange, this));
            this.propControls[Asc.c_oSpecialPasteProps.columnWidth] = this.radioColWidth;

            this.radioWBorders = new Common.UI.RadioBox({
                el: $('#paste-radio-without-borders'),
                name: 'asc-radio-paste',
                labelText: this.textWBorders,
                value: Asc.c_oSpecialPasteProps.formulaWithoutBorders,
                disabled: true
            });
            this.radioWBorders.on('change', _.bind(this.onRadioPasteChange, this));
            this.propControls[Asc.c_oSpecialPasteProps.formulaWithoutBorders] = this.radioWBorders;

            this.radioFFormat = new Common.UI.RadioBox({
                el: $('#paste-radio-formula-formats'),
                name: 'asc-radio-paste',
                labelText: this.textFFormat,
                value: Asc.c_oSpecialPasteProps.formulaAllFormatting,
                disabled: true
            });
            this.radioFFormat.on('change', _.bind(this.onRadioPasteChange, this));
            this.propControls[Asc.c_oSpecialPasteProps.formulaAllFormatting] = this.radioFFormat;

            this.radioFWidth = new Common.UI.RadioBox({
                el: $('#paste-radio-formula-col-width'),
                name: 'asc-radio-paste',
                labelText: this.textFWidth,
                value: Asc.c_oSpecialPasteProps.formulaColumnWidth,
                disabled: true
            });
            this.radioFWidth.on('change', _.bind(this.onRadioPasteChange, this));
            this.propControls[Asc.c_oSpecialPasteProps.formulaColumnWidth] = this.radioFWidth;

            this.radioFNFormat = new Common.UI.RadioBox({
                el: $('#paste-radio-formula-num-format'),
                name: 'asc-radio-paste',
                labelText: this.textFNFormat,
                value: Asc.c_oSpecialPasteProps.formulaNumberFormat,
                disabled: true
            });
            this.radioFNFormat.on('change', _.bind(this.onRadioPasteChange, this));
            this.propControls[Asc.c_oSpecialPasteProps.formulaNumberFormat] = this.radioFNFormat;

            this.radioVNFormat = new Common.UI.RadioBox({
                el: $('#paste-radio-value-num-format'),
                name: 'asc-radio-paste',
                labelText: this.textVNFormat,
                value: Asc.c_oSpecialPasteProps.valueNumberFormat,
                disabled: true
            });
            this.radioVNFormat.on('change', _.bind(this.onRadioPasteChange, this));
            this.propControls[Asc.c_oSpecialPasteProps.valueNumberFormat] = this.radioVNFormat;

            this.radioVFormat = new Common.UI.RadioBox({
                el: $('#paste-radio-value-formats'),
                name: 'asc-radio-paste',
                labelText: this.textVFormat,
                value: Asc.c_oSpecialPasteProps.valueAllFormating,
                disabled: true
            });
            this.radioVFormat.on('change', _.bind(this.onRadioPasteChange, this));
            this.propControls[Asc.c_oSpecialPasteProps.valueAllFormating] = this.radioVFormat;

            this.radioNone = new Common.UI.RadioBox({
                el: $('#paste-radio-none'),
                name: 'asc-radio-paste-operation',
                labelText: this.textNone,
                value: Asc.c_oSpecialPasteOperation.none,
                checked: true
            });
            this.radioNone.on('change', _.bind(this.onRadioOperationChange, this));

            this.radioAdd = new Common.UI.RadioBox({
                el: $('#paste-radio-add'),
                name: 'asc-radio-paste-operation',
                labelText: this.textAdd,
                value: Asc.c_oSpecialPasteOperation.add
            });
            this.radioAdd.on('change', _.bind(this.onRadioOperationChange, this));

            this.radioMult = new Common.UI.RadioBox({
                el: $('#paste-radio-mult'),
                name: 'asc-radio-paste-operation',
                labelText: this.textMult,
                value: Asc.c_oSpecialPasteOperation.multiply
            });
            this.radioMult.on('change', _.bind(this.onRadioOperationChange, this));

            this.radioSub = new Common.UI.RadioBox({
                el: $('#paste-radio-sub'),
                name: 'asc-radio-paste-operation',
                labelText: this.textSub,
                value: Asc.c_oSpecialPasteOperation.subtract
            });
            this.radioSub.on('change', _.bind(this.onRadioOperationChange, this));

            this.radioDiv = new Common.UI.RadioBox({
                el: $('#paste-radio-div'),
                name: 'asc-radio-paste-operation',
                labelText: this.textDiv,
                value: Asc.c_oSpecialPasteOperation.divide
            });
            this.radioDiv.on('change', _.bind(this.onRadioOperationChange, this));

            this.chBlanks = new Common.UI.CheckBox({
                el: $('#paste-checkbox-blanks'),
                labelText: this.textBlanks
            });
            this.chTranspose = new Common.UI.CheckBox({
                el: $('#paste-checkbox-transpose'),
                labelText: this.textTranspose
            });

            this.afterRender();
        },

        afterRender: function() {
            this._setDefaults(this.props);
        },

        show: function() {
            Common.Views.AdvancedSettingsWindow.prototype.show.apply(this, arguments);
        },

        _setDefaults: function (props) {
            var me = this;
            props && _.each(props, function(menuItem, index) {
                me.propControls[menuItem] && me.propControls[menuItem].setDisabled(false);
            });
            this._changedProps = new Asc.SpecialPasteProps();
            this._changedProps.asc_setProps(Asc.c_oSpecialPasteProps.paste);
            this._changedProps.asc_setOperation(Asc.c_oSpecialPasteOperation.none);

            this.radioAll.setValue(true);
        },

        getSettings: function () {
            if (this._changedProps) {
                this._changedProps.asc_setTranspose(this.chTranspose.getValue()=='checked');
                this._changedProps.asc_setSkipBlanks(this.chBlanks.getValue()=='checked');
            }
            return this._changedProps;
        },

        onDlgBtnClick: function(event) {
            this._handleInput((typeof(event) == 'object') ? event.currentTarget.attributes['result'].value : event);
        },

        onPrimary: function() {
            this._handleInput('ok');
            return false;
        },

        _handleInput: function(state) {
            this.handler && this.handler.call(this, state,  (state == 'ok') ? this.getSettings() : undefined);
            this.close();
        },

        onRadioPasteChange: function(field, newValue, eOpts) {
            if (newValue && this._changedProps) {
                this._changedProps.asc_setProps(field.options.value);
                var disable = field.options.value == Asc.c_oSpecialPasteProps.pasteOnlyFormating || field.options.value == Asc.c_oSpecialPasteProps.comments ||
                              field.options.value == Asc.c_oSpecialPasteProps.columnWidth,
                    disableTable = this.isTable && !!this._changedProps.asc_getTableAllowed();
                this.radioNone.setDisabled(disable || disableTable);
                this.radioAdd.setDisabled(disable || disableTable);
                this.radioDiv.setDisabled(disable || disableTable);
                this.radioSub.setDisabled(disable || disableTable);
                this.radioMult.setDisabled(disable || disableTable);
                this.chBlanks.setDisabled(disableTable);
                this.chTranspose.setDisabled(disableTable);
            }
        },

        onRadioOperationChange: function(field, newValue, eOpts) {
            if (newValue && this._changedProps) {
                this._changedProps.asc_setOperation(field.options.value);
            }
        },

        textTitle:    'Paste Special',
        textAll: 'All',
        textFormulas: 'Formulas',
        textValues: 'Values',
        textFormats: 'Formats',
        textComments: 'Comments',
        textColWidth: 'Column widths',
        textWBorders: 'All except borders',
        textFFormat: 'Formulas & formatting',
        textFWidth: 'Formulas & column widths',
        textFNFormat: 'Formulas & number formats',
        textVNFormat: 'Values & number formats',
        textVFormat: 'Values & formatting',
        textNone: 'None',
        textAdd: 'Add',
        textMult: 'Multiply',
        textDiv: 'Divide',
        textSub: 'Subtract',
        textBlanks: 'Skip blanks',
        textTranspose: 'Transpose',
        textOperation: 'Operation',
        textPaste: 'Paste'

    }, SSE.Views.SpecialPasteDialog || {}))
});