/*
 * (c) Copyright Ascensio System SIA 2010-2024
 *
 * 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-6 Ernesta Birznieka-Upish
 * 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
 *
 */

/**
 *  FormsTab.js
 *
 *  Created on 06.10.2020
 *
 */

define([
    'core',
    'documenteditor/main/app/view/FormsTab'
], function () {
    'use strict';

    DE.Controllers.FormsTab = Backbone.Controller.extend(_.extend({
        models : [],
        collections : [
        ],
        views : [
            'FormsTab'
        ],
        sdkViewName : '#id_main',

        initialize: function () {
            Common.Gateway.on('requestroles', _.bind(this.onRequestRoles, this));
        },
        onLaunch: function () {
            this._state = {
                lastViewRole: undefined, // last selected role in the preview mode
                lastRoleInList: undefined, // last role in the roles list,
                formCount: 0,
                formAdded: undefined,
                formRadioAdded: undefined,
                pageCount: 1,
                needToStartFilling: undefined
            };
        },

        setApi: function (api) {
            if (api) {
                this.api = api;
                this.api.asc_registerCallback('asc_onFocusObject', this.onApiFocusObject.bind(this));
                this.api.asc_registerCallback('asc_onCoAuthoringDisconnect',_.bind(this.onCoAuthoringDisconnect, this));
                Common.NotificationCenter.on('api:disconnect', _.bind(this.onCoAuthoringDisconnect, this));
                // this.api.asc_registerCallback('asc_onChangeSpecialFormsGlobalSettings', _.bind(this.onChangeSpecialFormsGlobalSettings, this));
                Common.NotificationCenter.on('app:ready', this.onAppReady.bind(this));
                this.api.asc_registerCallback('asc_onStartAction', _.bind(this.onLongActionBegin, this));
                this.api.asc_registerCallback('asc_onEndAction', _.bind(this.onLongActionEnd, this));
                this.api.asc_registerCallback('asc_onError', _.bind(this.onError, this));
                this.api.asc_registerCallback('asc_onDownloadUrl', _.bind(this.onDownloadUrl, this));
                this.api.asc_registerCallback('asc_onUpdateOFormRoles', _.bind(this.onRefreshRolesList, this));
                this.api.asc_registerCallback('sync_onAllRequiredFormsFilled', _.bind(this.onFillRequiredFields, this));
                // this.api.asc_registerCallback('asc_onShowContentControlsActions',_.bind(this.onShowContentControlsActions, this));
                // this.api.asc_registerCallback('asc_onHideContentControlsActions',_.bind(this.onHideContentControlsActions, this));
                this.api.asc_registerCallback('asc_onCountPages',   _.bind(this.onCountPages, this));
                this.api.asc_registerCallback('asc_onCurrentPage',  _.bind(this.onCurrentPage, this));
            }
            Common.NotificationCenter.on('protect:doclock', _.bind(this.onChangeProtectDocument, this));
            Common.NotificationCenter.on('forms:close-help', _.bind(this.closeHelpTip, this));
            Common.NotificationCenter.on('forms:show-help', _.bind(this.showHelpTip, this));
            Common.NotificationCenter.on('forms:request-fill', _.bind(this.requestStartFilling, this));
            Common.NotificationCenter.on('document:ready', _.bind(this.onDocumentReady, this));
            return this;
        },

        setConfig: function(config) {
            this.toolbar = config.toolbar;
            this.appConfig = config.config;
            this.view = this.createView('FormsTab', {
                toolbar: this.toolbar.toolbar,
                config: config.config,
                api: this.api
            });
            var dirRight = Common.UI.isRTL() ? 'left' : 'right',
                dirLeft = Common.UI.isRTL() ? 'right' : 'left',
                me = this;
            this._helpTips = {
                'create': {name: 'de-form-tip-create', placement: 'bottom-' + dirRight, text: this.view.tipCreateField, link: false, target: '#slot-btn-form-field', showButton: true},
                'key': {name: 'de-form-tip-settings-key', placement: dirLeft + '-bottom', text: this.view.tipFormKey, link: {text: this.view.tipFieldsLink, src: 'UsageInstructions\/CreateFillableForms.htm'}, target:  '#form-combo-key', showButton: true},
                'group-key': {name: 'de-form-tip-settings-group', placement: dirLeft + '-bottom', text: this.view.tipFormGroupKey, link: false, target:  '#form-combo-group-key', showButton: true},
                'settings': {name: 'de-form-tip-settings', placement: dirLeft + '-top', text: this.view.tipFieldSettings, link: {text: this.view.tipFieldsLink, src: 'UsageInstructions\/CreateFillableForms.htm'}, target:  '#id-right-menu-form', showButton: true},
                // 'roles': {name: 'de-form-tip-roles', placement: 'bottom-' + dirLeft, text: this.view.tipHelpRoles, link: {text: this.view.tipRolesLink, src: 'UsageInstructions\/CreateFillableForms.htm#managing_roles'}, target: '#slot-btn-manager'},
                'save': this.appConfig.canDownloadForms ? {name: 'de-form-tip-save', placement: 'bottom-' + dirLeft, text: this.view.tipSaveFile, link: false, target: '#slot-btn-form-save', showButton: true} : undefined,
                'submit': this.appConfig.isRestrictedEdit ? {name: 'de-form-tip-submit', placement: 'bottom-' + dirLeft, text: this.view.textRequired, link: false, target: '#slot-btn-header-form-submit',
                                                            callback: function() {
                                                                me.api.asc_MoveToFillingForm(true, true, true);
                                                                me.view.btnSubmit.updateHint(me.view.textRequired);
                                                            }, showButton: true} : undefined,
                'submit-required': this.appConfig.isRestrictedEdit ? {placement: 'bottom-' + dirLeft, text: this.view.textRequired, link: false, target: '#slot-btn-header-form-submit', closable: true} : undefined
            };
            !Common.localStorage.getItem(this._helpTips['key'].name) && this.addListeners({'RightMenu': {'rightmenuclick': this.onRightMenuClick}});
            this.addListeners({
                'FormsTab': {
                    'forms:insert': this.onControlsSelect,
                    'forms:clear': this.onClearClick,
                    // 'forms:no-color': this.onNoControlsColor,
                    // 'forms:select-color': this.onSelectControlsColor,
                    'forms:preview': this.onPreviewClick,
                    'forms:final': this.onFinalClick,
                    'forms:goto': this.onGoTo,
                    'forms:submit': this.onSubmitClick,
                    'forms:save': this.onSaveFormClick,
                    'forms:manager': this.onManagerClick,
                    'forms:gopage': this.onGotoPage,
                    'forms:currentrole': this.onCurrentRole
                },
                'Toolbar': {
                    'tab:active': this.onActiveTab,
                    'tab:collapse': this.onTabCollapse,
                    'view:compact'  : function (toolbar, state) {
                        state && me.onTabCollapse();
                    },
                },
                'FormSettings': {
                    'forms:currentrole': this.onCurrentRoleChanged
                }
            });
            this.appConfig.isRestrictedEdit && this.api && this.api.asc_registerCallback('asc_onDocumentModifiedChanged', _.bind(this.onDocumentModifiedChanged, this));
            this.appConfig.isPDFSignatureSupport && this.appConfig.isRestrictedEdit && this.api && this.api.asc_registerCallback('asc_onUpdateSignatures',    _.bind(this.onApiUpdateSignatures, this));
            this.appConfig.isEdit && this.appConfig.canFeatureContentControl && this.appConfig.isFormCreator && !this.appConfig.isOForm && this.api && this.api.asc_registerCallback('asc_onOFormChangeFinal', _.bind(this.onOFormChangeFinal, this))
        },

        SetDisabled: function(state) {
            this.view && this.view.SetDisabled(state);
        },

        createToolbarPanel: function() {
            return this.view.getPanel();
        },

        getView: function(name) {
            return !name && this.view ?
                this.view : Backbone.Controller.prototype.getView.call(this, name);
        },

        onCoAuthoringDisconnect: function() {
            this.SetDisabled(true);
        },

        onApiFocusObject: function(selectedObjects) {
            if (!this.toolbar.editMode || this.appConfig.isRestrictedEdit) return;

            var pr, i = -1, type,
                paragraph_locked = false,
                header_locked = false,
                shape_pr = undefined;

            while (++i < selectedObjects.length) {
                type = selectedObjects[i].get_ObjectType();
                pr   = selectedObjects[i].get_ObjectValue();

                if (type === Asc.c_oAscTypeSelectElement.Paragraph) {
                    paragraph_locked = pr.get_Locked();
                } else if (type === Asc.c_oAscTypeSelectElement.Header) {
                    header_locked = pr.get_Locked();
                } else if (type === Asc.c_oAscTypeSelectElement.Image) {
                    if (pr && pr.get_ShapeProperties())
                        shape_pr = pr.get_ShapeProperties();
                }
            }
            var in_control = this.api.asc_IsContentControl();
            var control_props = in_control ? this.api.asc_GetContentControlProperties() : null,
                lock_type = (in_control&&control_props) ? control_props.get_Lock() : Asc.c_oAscSdtLockType.Unlocked,
                control_plain = (in_control&&control_props) ? (control_props.get_ContentControlType()===Asc.c_oAscSdtLevelType.Inline && !control_props.get_ComplexFormPr()) : false;
            (lock_type===undefined) && (lock_type = Asc.c_oAscSdtLockType.Unlocked);
            var content_locked = lock_type==Asc.c_oAscSdtLockType.SdtContentLocked || lock_type==Asc.c_oAscSdtLockType.ContentLocked;
            var arr = [ this.view.btnTextField, this.view.btnComboBox, this.view.btnDropDown, this.view.btnCheckBox,
                        this.view.btnRadioBox, this.view.btnImageField, this.view.btnEmailField, this.view.btnPhoneField, this.view.btnComplexField,
                        this.view.btnCreditCard, this.view.btnZipCode, this.view.btnDateTime];
            Common.Utils.lockControls(Common.enumLock.paragraphLock, paragraph_locked,   {array: arr});
            Common.Utils.lockControls(Common.enumLock.headerLock,    header_locked,      {array: arr});
            // Common.Utils.lockControls(Common.enumLock.controlPlain,  control_plain,      {array: arr});
            // Common.Utils.lockControls(Common.enumLock.contentLock,   content_locked,     {array: arr});
            Common.Utils.lockControls(Common.enumLock.complexForm,   in_control && !!control_props && !!control_props.get_ComplexFormPr(),     {array: [this.view.btnComplexField, this.view.btnImageField]});

            var in_smart_art = shape_pr && shape_pr.asc_getFromSmartArt(),
                in_smart_art_internal = shape_pr && shape_pr.asc_getFromSmartArtInternal();
            Common.Utils.lockControls(Common.enumLock.inSmartart, in_smart_art, {array: arr});
            Common.Utils.lockControls(Common.enumLock.inSmartartInternal, in_smart_art_internal, {array: arr});

            if (control_props && control_props.get_FormPr()) {
                var isRadio = control_props.get_SpecificType() === Asc.c_oAscContentControlSpecificType.CheckBox &&
                              control_props.get_CheckBoxPr() && (typeof control_props.get_CheckBoxPr().get_GroupKey()==='string');
                isRadio ? this.closeHelpTip('key') : this.closeHelpTip('group-key');
                var me = this;
                setTimeout(function() {
                    if (me._state.formRadioAdded && isRadio) {
                        if (me.showHelpTip('group-key')) {
                            me._state.formRadioAdded = false;
                            me.closeHelpTip('settings', true);
                        } else
                            me.showHelpTip('settings');
                    } else if (me._state.formAdded && !isRadio) {
                        if (me.showHelpTip('key')) {
                            me._state.formAdded = false;
                            me.closeHelpTip('settings', true);
                        } else
                            me.showHelpTip('settings');
                    }
                }, 500);
            } else {
                this.closeHelpTip('key');
                this.closeHelpTip('group-key');
            }
        },

        // onChangeSpecialFormsGlobalSettings: function() {
        //     if (this.view && this.view.mnuFormsColorPicker) {
        //         var clr = this.api.asc_GetSpecialFormsHighlightColor(),
        //             show = !!clr;
        //         this.view.mnuNoFormsColor.setChecked(!show, true);
        //         this.view.mnuFormsColorPicker.clearSelection();
        //         if (clr) {
        //             clr = Common.Utils.ThemeColor.getHexColor(clr.get_r(), clr.get_g(), clr.get_b());
        //             this.view.mnuFormsColorPicker.selectByRGB(clr, true);
        //         }
        //         this.view.btnHighlight.currentColor = clr;
        //         this.view.btnHighlight.setColor(this.view.btnHighlight.currentColor || 'transparent');
        //     }
        // },

        onControlsSelect: function(type, options) {
            if (!(this.toolbar.mode && this.toolbar.mode.canFeatureContentControl && this.toolbar.mode.canFeatureForms)) return;

            var oPr,
                oFormPr = new AscCommon.CSdtFormPr();
            oFormPr.put_Role(Common.Utils.InternalSettings.get('de-last-form-role') || this._state.lastRoleInList);
            this.toolbar.toolbar.fireEvent('insertcontrol', this.toolbar.toolbar);
            (this._state.formAdded===undefined) && (type !== 'radiobox') && (this._state.formAdded = true);
            (this._state.formRadioAdded===undefined) && (type === 'radiobox') && (this._state.formRadioAdded = true);
            if (type == 'picture')
                this.api.asc_AddContentControlPicture(oFormPr);
            else if (type == 'checkbox' || type == 'radiobox') {
                oPr = new AscCommon.CSdtCheckBoxPr();
                (type == 'radiobox') && oPr.put_GroupKey(this.toolbar.textGroup + ' 1');
                this.api.asc_AddContentControlCheckBox(oPr, oFormPr);
            } else if (type == 'combobox' || type == 'dropdown')
                this.api.asc_AddContentControlList(type == 'combobox', oPr, oFormPr);
            else if (type == 'datetime'){
                var props = new AscCommon.CContentControlPr(),
                    datePr = new AscCommon.CSdtDatePickerPr();
                props.put_FormPr(oFormPr);
                props.put_DateTimePr(datePr);
                props.put_PlaceholderText(datePr.get_String());
                this.api.asc_AddContentControlDatePicker(props);
            } else if (type == 'text') {
                var props = new AscCommon.CContentControlPr();
                oPr = new AscCommon.CSdtTextFormPr();
                if (options) {
                    if (options.reg)
                        oPr.put_RegExpFormat(options.reg);
                    else if (options.mask)
                        oPr.put_MaskFormat(options.mask);
                    if (options.placeholder)
                        props.put_PlaceholderText(options.placeholder);
                    if (options.fixed!==undefined)
                        oFormPr.put_Fixed && oFormPr.put_Fixed(options.fixed);
                }
                props.put_TextFormPr(oPr);
                props.put_FormPr(oFormPr);
                this.api.asc_AddContentControlTextForm(props);
            } else if (type == 'complex') {
                this.api.asc_AddComplexForm();
            } else if (type === 'signature')
                this.api.asc_AddContentControlSignature(oFormPr);

            var me = this;
            if (!this._state.formCount) { // add first form
                this.closeHelpTip('create');
            } else if (this._state.formCount===1) {
                setTimeout(function() {
                    // me.showHelpTip('roles');
                }, 500);
            }
            this._state.formCount++;
            Common.NotificationCenter.trigger('edit:complete', this.toolbar);
        },

        onModeClick: function(state, lastViewRole) {
            if (this.api) {
                this.disableEditing(state);
                this.view && this.view.setPreviewMode(state);
                var role = new AscCommon.CRestrictionSettings();
                role.put_OFormRole(lastViewRole);
                this.api.asc_setRestriction(state ? Asc.c_oAscRestrictionType.OnlyForms : Asc.c_oAscRestrictionType.None, role);
                this.api.asc_SetPerformContentControlActionByClick(state);
                this.api.asc_SetHighlightRequiredFields(state);
                state && lastViewRole && (this._state.lastViewRole = lastViewRole);
                this.toolbar.toolbar.clearActiveData();
                this.toolbar.toolbar.processPanelVisible(null, true);
                !state && this.view && Common.Utils.lockControls(Common.enumLock.viewFormFinal, false, {array: [this.view.btnViewFormRoles]});
                !state && this.view && Common.Utils.lockControls(Common.enumLock.viewFormNotFinal, false, {array: [this.view.btnFinal]});
            }
            Common.NotificationCenter.trigger('doc:mode-changed', state ? 'view-form' : undefined);
            Common.NotificationCenter.trigger('edit:complete', this.toolbar);
        },

        changeViewFormMode: function(state, saveFlag) {
            if (this.view && (this.view.btnViewFormRoles && (state !== this.view.btnViewFormRoles.isActive()) ||
                              this.view.btnFinal && this.view.btnFinal.isActive() && !state)) {
                var btnview = this.view.btnViewFormRoles,
                    btnfinal = this.view.btnFinal;
                if (btnview && (state !== btnview.isActive())) {
                    btnview.toggle(state, true);
                    if (state && btnview.menu) {
                        var current = btnview.menu.getChecked();
                        if (current) {
                            current = current.caption;
                        } else if (this.view._state.roles && this.view._state.roles.length>0) {
                            current = this.view._state.roles[0].asc_getSettings().asc_getName();
                        }
                    }
                    this.onPreviewClick(state, current);
                } else if (btnfinal && btnfinal.isActive() && !state) {
                    btnfinal.toggle(state, true);
                    this.onFinalClick(state, saveFlag);
                }
            }
        },

        onPreviewClick: function(state, lastViewRole) {
            this.onModeClick(state, lastViewRole);
            state && this.view && Common.Utils.lockControls(Common.enumLock.viewFormNotFinal, true, {array: [this.view.btnFinal]});
        },

        onFinalClick: function(state, saveFlag) {
            saveFlag && this.api && this.api.asc_markAsFinal(state);
            this.onModeClick(state); // role = undefined, forms can be filled out by anyone
            state && this.view && Common.Utils.lockControls(Common.enumLock.viewFormFinal, true, {array: [this.view.btnViewFormRoles]});
        },

        onOFormChangeFinal: function(isFinal) {
            // off preview review changes
            var review = this.getApplication().getController('Common.Controllers.ReviewChanges');
            if (review && review.isPreviewChangesMode()) {
                var value = Common.Utils.InternalSettings.get("de-review-mode-editor") || 'markup';
                review.turnDisplayMode(value);
                review.view && review.view.turnDisplayMode(value);
            }

            if (this.view) {
                if (this.view.btnViewFormRoles && this.view.btnViewFormRoles.isActive()) // off view form mode
                    this.changeViewFormMode(false);

                if (this.view.btnFinal) {
                    this.view.btnFinal.toggle(isFinal, true);
                    this.onFinalClick(isFinal, false);
                }
            }
        },

        onClearClick: function() {
            if (this.api) {
                this.api.asc_ClearAllSpecialForms();
            }
            Common.NotificationCenter.trigger('edit:complete', this.toolbar);
        },

        // onNoControlsColor: function(item) {
        //     if (!item.isChecked())
        //         this.api.asc_SetSpecialFormsHighlightColor(201, 200, 255);
        //     else
        //         this.api.asc_SetSpecialFormsHighlightColor();
        //     Common.NotificationCenter.trigger('edit:complete', this.toolbar);
        // },

        // onSelectControlsColor: function(color) {
        //     var clr = Common.Utils.ThemeColor.getRgbColor(color);
        //     if (this.api) {
        //         this.api.asc_SetSpecialFormsHighlightColor(clr.get_r(), clr.get_g(), clr.get_b());
        //     }
        //     Common.NotificationCenter.trigger('edit:complete', this.toolbar);
        // },

        onGoTo: function(type) {
            if (this.api)
                this.api.asc_MoveToFillingForm(type=='next');
            Common.NotificationCenter.trigger('edit:complete', this.toolbar);
        },

        onSubmitClick: function() {
            if (!this.api.asc_IsAllRequiredFormsFilled()) {
                this.showHelpTip('submit-required');
                this.api.asc_MoveToFillingForm(true, true, true);
                Common.NotificationCenter.trigger('edit:complete', this.toolbar);
                // var me = this;
                // Common.UI.warning({
                //     msg: this.view.textRequired,
                //     callback: function() {
                //         me.api.asc_MoveToFillingForm(true, true, true);
                //         Common.NotificationCenter.trigger('edit:complete', me.toolbar);
                //     }
                // });
                return;
            }

            this.api.asc_SendForm();
            Common.NotificationCenter.trigger('edit:complete', this.toolbar);
        },

        onSaveFormClick: function() {
            this.closeHelpTip('save', true);
            var me = this,
                callback = function() {
                    if (me.appConfig.isOffline)
                        me.api.asc_DownloadAs(new Asc.asc_CDownloadOptions(Asc.c_oAscFileType.PDF));
                    else {
                        me.isFromFormSaveAs = me.appConfig.canRequestSaveAs || !!me.appConfig.saveAsUrl;
                        var options = new Asc.asc_CDownloadOptions(Asc.c_oAscFileType.PDF, me.isFromFormSaveAs);
                        options.asc_setIsSaveAs(me.isFromFormSaveAs);
                        me.api.asc_DownloadAs(options);
                    }
                };
            if (this.api && this.appConfig.canDownload) {
                this.appConfig.isRestrictedEdit && this.appConfig.canFillForms ? callback() : this.showRolesList(callback);
            }
        },

        onDownloadUrl: function(url, fileType) {
            if (this.isFromFormSaveAs) {
                var me = this,
                    defFileName = this.getApplication().getController('Viewport').getView('Common.Views.Header').getDocumentCaption();
                !defFileName && (defFileName = me.view.txtUntitled);

                var idx = defFileName.lastIndexOf('.');
                if (idx>0)
                    defFileName = defFileName.substring(0, idx) + '.pdf';

                if (me.appConfig.canRequestSaveAs) {
                    Common.Gateway.requestSaveAs(url, defFileName, fileType);
                } else {
                    me._saveCopyDlg = new Common.Views.SaveAsDlg({
                        saveFolderUrl: me.appConfig.saveAsUrl,
                        saveFileUrl: url,
                        defFileName: defFileName
                    });
                    me._saveCopyDlg.on('saveaserror', function(obj, err){
                        Common.UI.warning({
                            closable: false,
                            msg: err,
                            callback: function(btn){
                                Common.NotificationCenter.trigger('edit:complete', me);
                            }
                        });
                    }).on('close', function(obj){
                        me._saveCopyDlg = undefined;
                    });
                    me._saveCopyDlg.show();
                }
            }
            this.isFromFormSaveAs = false;
        },

        disableEditing: function(disable) {
            if (this._state.DisabledEditing != disable) {
                this._state.DisabledEditing = disable;

                Common.NotificationCenter.trigger('editing:disable', disable, {
                    viewMode: false,
                    reviewMode: false,
                    fillFormMode: true,
                    viewDocMode: false,
                    allowMerge: false,
                    allowSignature: false,
                    allowProtect: false,
                    rightMenu: {clear: false, disable: true},
                    statusBar: true,
                    leftMenu: {disable: false, previewMode: true},
                    fileMenu: {info: true},
                    navigation: {disable: false, previewMode: true},
                    comments: {disable: false, previewMode: true},
                    chat: false,
                    review: true,
                    viewport: false,
                    documentHolder: {clear: false, disable: true},
                    toolbar: true,
                    plugins: true,
                    protect: true,
                    header: {docmode: false, search: false, startfill: false},
                    shortcuts: false
                }, 'forms');
                // if (this.view)
                //     this.view.$el.find('.no-group-mask.form-view').css('opacity', 1);
            }
        },

        onLongActionBegin: function(type, id) {
            if (id==Asc.c_oAscAsyncAction['Submit'] && this.view.btnSubmit) {
                Common.NotificationCenter.trigger('doc:mode-apply', 'view', true, true);
                this._submitFail = false;
                this.submitedTooltip && this.submitedTooltip.hide();
                Common.Utils.lockControls(Common.enumLock.submit, true, {array: [this.view.btnSubmit]})
            }
        },

        onLongActionEnd: function(type, id) {
            if (id==Asc.c_oAscAsyncAction['Submit'] && this.view.btnSubmit) {
                Common.Utils.lockControls(Common.enumLock.submit, !this._submitFail, {array: [this.view.btnSubmit]});
                if (!this._submitFail) {
                    Common.Gateway.submitForm();
                    this.view.btnSubmit.setCaption(this.view.textFilled);
                    var text = (typeof this.appConfig.customization.submitForm==='object') ? this.appConfig.customization.submitForm.resultMessage : this.view.textSubmitOk;
                    if (text==='') return;
                    if (!this.submitedTooltip) {
                        this.submitedTooltip = new Common.UI.SynchronizeTip({
                            text: text || this.view.textSubmitOk,
                            extCls: 'no-arrow colored',
                            showLink: false,
                            target: $('.toolbar'),
                            placement: 'bottom'
                        });
                        this.submitedTooltip.on('closeclick', function () {
                            this.submitedTooltip.hide();
                        }, this);
                    }
                    this.submitedTooltip.show();
                } else
                    Common.NotificationCenter.trigger('doc:mode-apply', 'view-form', true, true);
            }
        },

        onError: function(id, level, errData) {
            if (id==Asc.c_oAscError.ID.Submit) {
                this._submitFail = true;
                this.submitedTooltip && this.submitedTooltip.hide();
            }
        },

        onAppReady: function (config) {
            var me = this;
            (new Promise(function (accept, reject) {
                accept();
            })).then(function(){
                // if (config.canEditContentControl && me.view.btnHighlight) {
                //     var clr = me.api.asc_GetSpecialFormsHighlightColor();
                //     clr && (clr = Common.Utils.ThemeColor.getHexColor(clr.get_r(), clr.get_g(), clr.get_b()));
                //     me.view.btnHighlight.currentColor = clr;
                // }

                config.isEdit && config.canFeatureContentControl && config.isFormCreator && !config.isOForm && me.showHelpTip('create'); // show tip only when create form in docxf
                if (config.isRestrictedEdit && config.canFillForms && config.isPDFForm && me.api) {
                    var oform = me.api.asc_GetOForm(),
                        role = new AscCommon.CRestrictionSettings();
                    if (oform && config.user.roles) {
                        if (config.user.roles.length>0 && oform.asc_canFillRole(config.user.roles[0])) {
                            role.put_OFormRole(config.user.roles[0]);
                            me.view && me.view.showFillingForms(true);
                        } else {
                            role.put_OFormNoRole(true);
                            me.view && config.canRequestFillingStatus && Common.UI.TooltipManager.showTip({
                                step: 'showFillStatus', name: 'de-help-tip-fill-status', text: me.view.helpTextFillStatus, target: '#slot-btn-fill-status', placement: 'bottom-left', showButton: false, automove: true, maxwidth: 300
                            });
                        }
                    } else // can fill all fields
                        me.view && me.view.showFillingForms(true);
                    me.api.asc_setRestriction(Asc.c_oAscRestrictionType.OnlyForms, role);
                }
                if (config.isRestrictedEdit && me.view && me.view.btnSubmit && me.api) {
                    if (me.api.asc_IsAllRequiredFormsFilled())
                        me.view.btnSubmit.cmpEl.removeClass('back-color').addClass('yellow');
                    // else {
                        // Common.Utils.lockControls(Common.enumLock.requiredNotFilled, true, {array: [me.view.btnSubmit]});
                        // me.showHelpTip('submit');
                    // }
                }
                if (me.view && me.view.cmbRoles && me.view.cmbRoles.cmpEl) {
                    let width = Math.max(me.view.lblRoles.$label.width(), 130);
                    me.view.cmbRoles.setWidth(width);
                    me.view.cmbRoles.cmpEl.find('.form-control').css('width', width + 'px');
                    me.view.cmbRoles.cmpEl.find('.dropdown-menu').css('min-width', width + 'px');
                }
                me.onRefreshRolesList();
                me.onChangeProtectDocument();
            });
        },

        closeHelpTip: function(step, force) {
            var props = this._helpTips[step];
            if (props) {
                props.tip && props.tip.close();
                props.tip = undefined;
                force && props.name && Common.localStorage.setItem(props.name, 1);
            }
        },

        showHelpTip: function(step) {
            if (!this._helpTips[step]) return;
            if (!(this._helpTips[step].name && Common.localStorage.getItem(this._helpTips[step].name))) {
                var props = this._helpTips[step],
                    target = props.target;

                if (props.tip && props.tip.isVisible())
                    return true;
                
                if (typeof target === 'string')
                    target = $(target);
                if (!(target && target.length && target.is(':visible')))
                    return false;

                props.tip = new Common.UI.SynchronizeTip({
                    extCls: 'colored',
                    placement: props.placement,
                    target: target,
                    text: props.text,
                    showLink: !!props.link,
                    textLink: props.link ? props.link.text : '',
                    closable: !!props.closable,
                    showButton: !!props.showButton,
                    textButton: this.view.textGotIt
                });
                props.tip.on({
                    'buttonclick': function() {
                        props.tip && props.tip.close();
                        props.tip = undefined;
                    },
                    'dontshowclick': function() {
                        Common.NotificationCenter.trigger('file:help', props.link.src);
                    },
                    'close': function() {
                        props.name && Common.localStorage.setItem(props.name, 1);
                        props.callback && props.callback();
                    },
                    'closeclick': function() {
                        props.tip && props.tip.close();
                        props.tip = undefined;
                    }
                });
                props.tip.show();
            }
            return true;
        },

        onRefreshRolesList: function(roles) {
            if (!Common.UI.FeaturesManager.isFeatureEnabled('roles', true)) return;

            if (!roles) {
                var oform = this.api.asc_GetOForm();
                oform && (roles = oform.asc_getAllRoles());
            }
            this._state.lastRoleInList = (roles && roles.length>0) ? roles[roles.length-1].asc_getSettings().asc_getName() : undefined;
            if (this.view) {
                this.view.fillRolesMenu(roles, this._state.lastViewRole);
                this.view.fillFillForCombo(roles, this._state.lastRoleInList);
            }
        },

        onManagerClick: function() {
            var me = this;
            this.closeHelpTip('roles', true);
            this.api.asc_GetOForm() && (new DE.Views.RolesManagerDlg({
                api: me.api,
                handler: function(result, settings) {
                    Common.NotificationCenter.trigger('edit:complete', me.toolbar);
                },
                props : undefined
            })).on('close', function(win){
                me.showHelpTip('save');
            }).show();
        },

        showRolesList: function(callback) {
            if (!Common.UI.FeaturesManager.isFeatureEnabled('roles', true)) {
                callback.call(this);
                return;
            }

            var me = this,
                oform = this.api.asc_GetOForm();
            oform && (new DE.Views.SaveFormDlg({
                handler: function(result, settings) {
                    if (result=='ok')
                        callback.call(me);
                    else
                        Common.NotificationCenter.trigger('edit:complete', me.toolbar);
                },
                roles: oform.asc_getAllRoles()
            })).show();
        },

        requestStartFilling: function() {
            var oform = this.api.asc_GetOForm(),
                roles = oform ? oform.asc_getAllRoles() : [],
                arr = [];
            for (var i=0; i<roles.length; i++) {
                var role = roles[i].asc_getSettings(),
                    color = role.asc_getColor();
                color && (color = Common.Utils.ThemeColor.getHexColor(color.get_r(), color.get_g(), color.get_b()));
                arr.push({
                    name: role.asc_getName() || this.view.textAnyone,
                    color: '#' + color
                });
            }
            Common.Gateway.requestStartFilling(arr);
        },

        onActiveTab: function(tab) {
            (tab !== 'forms') && this.onTabCollapse();
        },

        onTabCollapse: function(tab) {
            this.closeHelpTip('create');
            this.closeHelpTip('roles');
            this.closeHelpTip('save');
        },

        onChangeProtectDocument: function(props) {
            if (!props) {
                var docprotect = this.getApplication().getController('DocProtection');
                props = docprotect ? docprotect.getDocProps() : null;
            }
            if (props) {
                this._state.docProtection = props;
                if (this.view) {
                    var arr = this.view.getButtons();
                    Common.Utils.lockControls(Common.enumLock.docLockView, props.isReadOnly,   {array: arr});
                    Common.Utils.lockControls(Common.enumLock.docLockForms, props.isFormsOnly,   {array: arr});
                    Common.Utils.lockControls(Common.enumLock.docLockReview, props.isReviewOnly,   {array: arr});
                    Common.Utils.lockControls(Common.enumLock.docLockComments, props.isCommentsOnly,   {array: arr});
                }
            }
        },

        onRightMenuClick: function(menu, type, minimized, event) {
            if (!minimized && event && type === Common.Utils.documentSettingsType.Form) {
                this.closeHelpTip('settings', true);
                (this._state.formRadioAdded || this._state.formAdded) && this.onApiFocusObject(this.api.getSelectedElements());
            } else if (minimized || type !== Common.Utils.documentSettingsType.Form) {
                this.closeHelpTip('key');
                this.closeHelpTip('group-key');
                this.closeHelpTip('settings');
            }
        },

        onFillRequiredFields: function(isFilled) {
            // this.appConfig.isRestrictedEdit && this.appConfig.canFillForms && this.view.btnSubmit && Common.Utils.lockControls(Common.enumLock.requiredNotFilled, !isFilled, {array: [this.view.btnSubmit]});
            if (this.appConfig.isRestrictedEdit && this.appConfig.canFillForms && this.view.btnSubmit) {
                this.view.btnSubmit.cmpEl.removeClass(isFilled ? 'back-color' : 'yellow').addClass(isFilled ? 'yellow' : 'back-color');
                isFilled && this.closeHelpTip('submit-required');
            }
        },

        onDocumentModifiedChanged: function() {
            this.api.isDocumentModified() && this.closeHelpTip('submit-required');
        },

        onCountPages: function(count) {
            this._state.pageCount = count;
            this.view && this.view.fieldPages && this.view.fieldPages.setFixedValue('/ ' + count);
        },

        onCurrentPage: function(value) {
            if (this.view && this.view.fieldPages) {
                this.view.fieldPages.setValue(value + 1);
                Common.Utils.lockControls(Common.enumLock.firstPage, value<1, {array: [this.view.btnFirstPage, this.view.btnPrevPage]});
                Common.Utils.lockControls(Common.enumLock.lastPage, value>=this._state.pageCount-1, {array: [this.view.btnLastPage, this.view.btnNextPage]});
            }
        },

        onGotoPage: function (type, value) {
            if (!this.api) return;

            if (type==='first')
                this.api.goToPage(0);
            else if (type==='last')
                this.api.goToPage(this._state.pageCount-1);
            else if (type==='prev' || type==='next')
                this.api.goToPage(this.api.getCurrentPage() + (type==='next' ? 1 : -1));
            else {
                if (value>this._state.pageCount)
                    value = this._state.pageCount;
                this.api && this.api.goToPage(value-1);
            }
        },

        onCurrentRole: function (combo, record) {
            if (!this.api) return;
            if (record.value === 0) {
                combo.setValue(Common.Utils.InternalSettings.get('de-last-form-role') || this._state.lastRoleInList);

                const formManager = this.api.asc_GetOForm();

                new DE.Views.RoleEditDlg({
                    oformManager: formManager,
                    colors: [],
                    isEdit: false,
                    handler: function (result, settings) {
                        if (result === 'ok' && settings) {
                            const role = new AscCommon.CRoleSettings();
                            role.asc_putName(settings.name);
                            role.asc_putColor(settings.color);
                            this.oformManager.asc_addRole(role);
                            Common.Utils.InternalSettings.set('de-last-form-role', settings.name);
                            combo.setValue(Common.Utils.InternalSettings.get('de-last-form-role'));
                        }
                    }
                }).on('close', () => {
                    this.fireEvent('editcomplete', this);
                }).show();
            } else {
                Common.Utils.InternalSettings.set('de-last-form-role', record.value)
                this.fireEvent('editcomplete', this);
            }
        },

        onCurrentRoleChanged: function() {
            this.view && this.view.cmbRoles && this.view.cmbRoles.setValue(Common.Utils.InternalSettings.get('de-last-form-role'));
        },

        onRequestRoles: function(tab) {
            if (this._isDocReady)
                this.requestStartFilling();
            else
                this._state.needToStartFilling = true;
        },

        onDocumentReady: function(tab) {
            this._isDocReady = true;
            if (this._state.needToStartFilling) {
                this._state.needToStartFilling = false;
                this.requestStartFilling();
            }

            this.appConfig.isPDFSignatureSupport && this.appConfig.isRestrictedEdit && this.api && this.showSignatureTooltip(this.api.asc_getSignatures());
        },

        onApiUpdateSignatures: function(valid, requested){
            if (!this._isDocReady) return;

            this.showSignatureTooltip(valid);
        },

        showSignatureTooltip: function(valid) {
            if (!this.view) return;

            var hasForm = false;
            valid && _.each(valid, function(item, index){
                item.asc_getIsForm() && (hasForm = true);
            });

            if (!hasForm)
                Common.UI.TooltipManager.closeTip('formSigned');
            else
                Common.UI.TooltipManager.showTip({ step: 'formSigned', text: this.view.txtSignedForm, target: '#toolbar', showButton: false,
                                                         maxwidth: 'none', closable: true, automove: true, noHighlight: true, noArrow: true});
            Common.Utils.lockControls(Common.enumLock.formSigned, hasForm, {array: [this.view.btnSubmit, this.view.btnClear]});
        }

    }, DE.Controllers.FormsTab || {}));
});