YetiForceCompany/YetiForceCRM

/* {[The file is published on the basis of YetiForce Public License 6.5 that can be found in the following directory: licenses/LicenseEN.txt or yetiforce.com]} */
'use strict';

Vtiger_Edit_Js(
    'SMSTemplates_Edit_Js',
    {},
    {
        /**
         * Load variables panel
         * @param {jQuery} form
         */
        loadVariablePanel: function (form) {
            let panel = form.find('#variablePanel');
            let targetModule = form.find('[name="target"]').val();
            if (!targetModule) {
                panel.html('');
                return false;
            }

            panel.progressIndicator();
            AppConnector.request({
                module: 'SMSTemplates',
                record: app.getRecordId(),
                view: 'VariablePanel',
                type: 'sms',
                selectedModule: targetModule
            })
                .done((response) => {
                    panel.html(response);
                    this.afterLoadVariablePanel(panel);
                    App.Tools.VariablesPanel.registerRefreshCompanyVariables(panel);
                })
                .fail(() => {
                    panel.progressIndicator({ mode: 'hide' });
                });
        },
        /**
         * Events after load variables panel
         * @param {jQuery} html
         */
        afterLoadVariablePanel: function (html) {
            App.Fields.Picklist.showSelect2ElementView(html.find('select.select2'));
            App.Fields.Text.registerCopyClipboard(html);
        },
        /**
         * Register variables panel events
         * @param {jQuery} form
         */
        registerVariablePanelEvent: function (form) {
            if (typeof form === 'undefined') {
                form = this.getForm();
            }
            form
                .find('[name="message"]')
                .closest('.js-block-content')
                .prepend('<div id="variablePanel" class="row px-0 borderBottom bc-gray-lighter mt-n1"></div>');
            this.loadVariablePanel(form);
            form.find('[name="target"]').on('change', () => {
                this.loadVariablePanel(form);
            });
        },
        /**
         * Register basic events
         * @param {jQuery} container
         */
        registerBasicEvents: function (container) {
            this._super(container);
            this.registerVariablePanelEvent(container);
            App.Tools.VariablesPanel.registerRefreshCompanyVariables(container);
            App.Tools.VariablesPanel.refreshCompanyVariables(container);
            new App.Fields.Text.Completions(container.find('[name="message"]'), {
                completionsCollection: { emojis: true },
                autolink: false
            });
        }
    }
);