| Server IP : 37.220.80.31 / Your IP : 3.147.64.68 Web Server : Apache/2.4.52 (Ubuntu) System : Linux 3051455-guretool.twc1.net 5.15.0-107-generic #117-Ubuntu SMP Fri Apr 26 12:26:49 UTC 2024 x86_64 User : www-root ( 1010) PHP Version : 7.4.33 Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority, MySQL : OFF | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /var/www/www-root/data/www/dev.artlot24.ru/bitrix/js/landing/ui/panel/formsettingspanel/content/crm/src/ |
Upload File : |
import {Loc} from 'landing.loc';
import {HeaderCard} from 'landing.ui.card.headercard';
import {ContentWrapper} from 'landing.ui.panel.basepresetpanel';
import {RadioButtonField} from 'landing.ui.field.radiobuttonfield';
import {BaseEvent} from 'main.core.events';
import {FormSettingsForm} from 'landing.ui.form.formsettingsform';
import {MessageCard} from 'landing.ui.card.messagecard';
import {Text, Type} from 'main.core';
import {MessageBox, MessageBoxButtons} from 'ui.dialogs.messagebox';
import StageField from './internal/stagefield/stagefield';
import messageIcon from './images/message-icon.svg';
import './css/style.css';
type CrmField = {
type: 'list' | 'string' | 'checkbox' | 'date' | 'text' | 'typed_string' | 'file',
entity_field_name: string,
entity_name: string,
name: string,
caption: string,
multiple: boolean,
required: boolean,
hidden: boolean,
items: Array<{ID: any, VALUE: any}>,
};
export default class CrmContent extends ContentWrapper
{
constructor(options)
{
super(options);
this.setEventNamespace('BX.Landing.UI.Panel.FormSettingsPanel.CrmContent');
this.addItem(this.getHeader());
this.addItem(this.getTypesField());
if (this.isDynamicAvailable())
{
this.addItem(this.getDynamicEntitySettingsForm());
}
this.addItem(this.getExpertSettingsForm());
this.addItem(this.getOrderSettingsForm());
this.setLastScheme(this.options.formOptions.document.scheme);
this.setLastDealCategory(this.options.formOptions.document.deal.category);
}
isDynamicAvailable(): boolean
{
return Type.isArrayFilled(this.options.dictionary.document.dynamic);
}
getHeader(): HeaderCard
{
return this.cache.remember('header', () => {
return new HeaderCard({
title: Loc.getMessage('LANDING_FORM_SETTINGS_CRM_TITLE'),
});
});
}
getDuplicatesField(): BX.Landing.UI.Field.Radio
{
return this.cache.remember('duplicatesField', () => {
return new BX.Landing.UI.Field.Radio({
title: Loc.getMessage('LANDING_FORM_SETTINGS_DUPLICATES_FIELD_TITLE'),
selector: 'duplicateMode',
value: [this.options.formOptions.document.duplicateMode ? this.options.formOptions.document.duplicateMode : 'ALLOW'],
items: [
{
name: Loc.getMessage('LANDING_FORM_SETTINGS_DUPLICATES_ALLOW'),
value: 'ALLOW',
},
{
name: Loc.getMessage('LANDING_FORM_SETTINGS_DUPLICATES_REPLACE'),
value: 'REPLACE',
},
{
name: Loc.getMessage('LANDING_FORM_SETTINGS_DUPLICATES_MERGE'),
value: 'MERGE',
},
],
});
});
}
getPaymentField(): BX.Landing.UI.Field.Checkbox
{
return this.cache.remember('paymentField', () => {
return new BX.Landing.UI.Field.Checkbox({
selector: 'payment',
value: [this.options.formOptions.payment.use],
items: [
{name: Loc.getMessage('LANDING_FORM_SETTINGS_ORDER_SHOW_PAYMENT'), value: true},
],
});
});
}
getOrderSettingsForm(): FormSettingsForm
{
return this.cache.remember('formSettingsForm', () => {
const scheme = this.getSchemeById(this.options.formOptions.document.scheme);
const isOpened = (() => {
if (scheme && scheme.dynamic === true)
{
return String(scheme.id).endsWith('1');
}
return Text.toNumber(this.options.formOptions.document.scheme) > 4;
})();
return new FormSettingsForm({
title: Loc.getMessage('LANDING_FORM_SETTINGS_ORDER_HEADER'),
toggleable: true,
opened: isOpened,
fields: [
this.getPaymentField(),
new MessageCard({
id: 'orderMessage',
header: Loc.getMessage('LANDING_FORM_SETTINGS_ORDER_MESSAGE_HEADER'),
description: Loc.getMessage('LANDING_FORM_SETTINGS_ORDER_MESSAGE_DESCRIPTION'),
angle: false,
icon: messageIcon,
restoreState: true,
}),
],
});
});
}
getType1Header(): HeaderCard
{
return this.cache.remember('type1header', () => {
return new HeaderCard({
title: Loc.getMessage('LANDING_FORM_SETTINGS_CRM_TYPE_1').replace(' ', ' '),
level: 2,
});
});
}
getType2Header(): HeaderCard
{
return this.cache.remember('type2header', () => {
return new HeaderCard({
title: Loc.getMessage('LANDING_FORM_SETTINGS_CRM_TYPE_2').replace(' ', ' '),
level: 2,
});
});
}
getType3Header(): HeaderCard
{
return this.cache.remember('type3header', () => {
return new HeaderCard({
title: Loc.getMessage('LANDING_FORM_SETTINGS_CRM_TYPE_3').replace(' ', ' '),
level: 2,
});
});
}
getType4Header(): HeaderCard
{
return this.cache.remember('type4header', () => {
return new HeaderCard({
title: Loc.getMessage('LANDING_FORM_SETTINGS_CRM_TYPE_4').replace(' ', ' '),
level: 2,
});
});
}
getDynamicHeader(headerText: string): HeaderCard
{
const header = this.cache.remember('dynamicHeader', () => {
return new HeaderCard({
title: '',
level: 2,
});
});
if (Type.isString(headerText))
{
header.setTitle(headerText);
}
return header;
}
getDynamicEntitiesField(): BX.Landing.UI.Field.Dropdown
{
return this.cache.remember('dynamicEntitiesField', () => {
const currentScheme = this.getSchemeById(this.options.formOptions.document.scheme);
return new BX.Landing.UI.Field.Dropdown({
selector: 'dynamicScheme',
title: Loc.getMessage('LANDING_FORM_SETTINGS_CRM_SMART_ENTITY_LIST'),
items: this.options.dictionary.document.dynamic.map((scheme) => {
return {name: scheme.name, value: scheme.id};
}),
content: currentScheme.mainEntity,
onChange: () => {
this.onTypeChange(
new BaseEvent({
data: {
item: {
id: this.getSelectedSchemeId(),
},
},
}),
);
},
});
});
}
getDynamicEntitySettingsForm(): FormSettingsForm
{
return this.cache.remember('dynamicEntitySettingsForm', () => {
return new FormSettingsForm({
opened: true,
hidden: true,
fields: [
this.getDynamicEntitiesField(),
],
});
});
}
getExpertSettingsForm(): FormSettingsForm
{
return this.cache.remember('expertSettingsForm', () => {
return new FormSettingsForm({
title: Loc.getMessage('LANDING_FORM_SETTINGS_EXPERT_MODE'),
toggleable: true,
toggleableType: FormSettingsForm.ToggleableType.Link,
opened: false,
fields: [
new HeaderCard({
title: Loc.getMessage('LANDING_FORM_SETTINGS_CRM_TYPE_1').replace(' ', ' '),
level: 2,
}),
this.getDuplicatesField(),
],
});
});
}
getTypesField(): RadioButtonField
{
return this.cache.remember('typesField', () => {
setTimeout(() => {
this.onTypeChange(
new BaseEvent({
data: {
item: {
id: this.options.formOptions.document.scheme,
},
},
}),
);
});
const items = [
{
id: '2',
title: Loc.getMessage('LANDING_FORM_SETTINGS_CRM_TYPE_2'),
icon: 'landing-ui-crm-entity-type2',
},
{
id: '3',
title: Loc.getMessage('LANDING_FORM_SETTINGS_CRM_TYPE_3'),
icon: 'landing-ui-crm-entity-type3',
},
{
id: '4',
title: Loc.getMessage('LANDING_FORM_SETTINGS_CRM_TYPE_4'),
icon: 'landing-ui-crm-entity-type4',
},
];
if (this.isDynamicAvailable())
{
items.push({
id: 'smart',
title: Loc.getMessage('LANDING_FORM_SETTINGS_CRM_TYPE_5'),
icon: 'landing-ui-crm-entity-type5',
});
}
if (this.options.isLeadEnabled)
{
items.unshift({
id: '1',
title: Loc.getMessage('LANDING_FORM_SETTINGS_CRM_TYPE_1'),
icon: 'landing-ui-crm-entity-type1',
});
}
return new RadioButtonField({
selector: 'scheme',
value: (() => {
if (String(this.options.formOptions.document.scheme) === '8')
{
return 1;
}
if (String(this.options.formOptions.document.scheme) === '5')
{
return 2;
}
if (String(this.options.formOptions.document.scheme) === '6')
{
return 3;
}
if (String(this.options.formOptions.document.scheme) === '7')
{
return 4;
}
const scheme = this.getSchemeById(this.options.formOptions.document.scheme);
if (Type.isPlainObject(scheme) && scheme.dynamic === true)
{
return 'smart';
}
return this.options.formOptions.document.scheme;
})(),
items,
onChange: this.onTypeChange.bind(this),
});
});
}
getDealCategoryField()
{
return this.cache.remember('dealCategoryField', () => {
return new StageField({
categories: this.options.categories,
value: {
category: this.options.formOptions.document.deal.category,
},
});
});
}
getDynamicCategoriesField(schemeId: string | number)
{
return this.cache.remember(`dynamicCategories#${schemeId}`, () => {
const scheme = this.getDynamicSchemeById(schemeId);
return new StageField({
listTitle: Loc.getMessage('LANDING_FORM_SETTINGS_SMART_STAGES_FIELD_TITLE'),
categories: scheme.categories,
value: {
category: this.options.formOptions.document.dynamic.category,
},
});
});
}
getDuplicatesEnabledField()
{
return this.cache.remember('duplicatesEnabledField', () => {
return new BX.Landing.UI.Field.Checkbox({
selector: 'duplicatesEnabled',
compact: true,
value: [this.options.formOptions.document.deal.duplicatesEnabled || 'Y'],
items: [
{
name: Loc.getMessage('LANDING_FORM_SETTINGS_CRM_DUPLICATES_ENABLED'),
value: true,
},
],
});
});
}
getSchemeById(id: number)
{
return this.options.dictionary.document.schemes.find((scheme) => {
return (
(String(scheme.id) === String(id))
|| (
id === 'smart'
&& scheme.dynamic
&& String(scheme.id) === String(this.getSelectedSchemeId())
)
);
});
}
getDynamicSchemeById(id: number)
{
const {mainEntity} = this.getSchemeById(id);
return this.options.dictionary.document.dynamic.find((scheme) => {
return String(scheme.id) === String(mainEntity);
});
}
setLastScheme(schemeId: number)
{
this.cache.set('lastScheme', schemeId);
}
getLastScheme(): number
{
return this.cache.get('lastScheme');
}
setLastDealCategory(categoryId: number)
{
this.cache.set('lastDealCategory', categoryId);
}
getLastDealCategory(): ?number
{
return this.cache.get('lastDealCategory', null);
}
onTypeChange(event: BaseEvent)
{
const {item} = event.getData();
const scheme = this.getSchemeById(item.id);
this.clear();
this.addItem(this.getHeader());
this.addItem(this.getTypesField());
if (this.isDynamicAvailable())
{
this.addItem(this.getDynamicEntitySettingsForm());
this.getDynamicEntitySettingsForm().hide();
}
const expertSettingsForm = this.getExpertSettingsForm();
expertSettingsForm.clear();
if (String(item.id) === '1' || String(item.id) === '8')
{
expertSettingsForm.addField(this.getType1Header());
expertSettingsForm.addField(this.getDuplicatesField());
}
if (String(item.id) === '2' || String(item.id) === '5')
{
expertSettingsForm.addField(this.getType2Header());
expertSettingsForm.addField(this.getDuplicatesField());
}
if (String(item.id) === '3' || String(item.id) === '6')
{
expertSettingsForm.addField(this.getType3Header());
expertSettingsForm.addField(this.getDealCategoryField());
expertSettingsForm.addField(this.getDuplicatesEnabledField());
expertSettingsForm.addField(this.getDuplicatesField());
}
if (String(item.id) === '4' || String(item.id) === '7')
{
expertSettingsForm.addField(this.getType4Header());
expertSettingsForm.addField(this.getDuplicatesField());
}
if (
(
Text.toNumber(item.id) > 4
&& Type.isPlainObject(scheme)
&& scheme.dynamic !== true
)
|| this.getOrderSettingsForm().isOpened()
)
{
this.getOrderSettingsForm().onSwitchChange(true);
}
if (
Type.isPlainObject(scheme)
&& (String(item.id) === 'smart' || scheme.dynamic === true)
&& this.isDynamicAvailable()
)
{
expertSettingsForm.addField(this.getDynamicHeader(scheme.name));
expertSettingsForm.addField(this.getDynamicCategoriesField(scheme.id));
expertSettingsForm.addField(this.getDuplicatesField());
if (String(scheme.id).endsWith('1'))
{
this.getOrderSettingsForm().onSwitchChange(true);
}
this.getDynamicEntitySettingsForm().show();
}
this.addItem(expertSettingsForm);
this.addItem(this.getOrderSettingsForm());
}
setAdditionalValue(value: {[key: string]: any})
{
this.cache.set('additionalValue', value);
}
getAdditionalValue(): {[key: string]: any}
{
return this.cache.get('additionalValue', {});
}
getEntityChangeConfirm(): MessageBox
{
return this.cache.remember('entityChangeConfirm', () => {
return new MessageBox({
title: Loc.getMessage('LANDING_FORM_SETTINGS_PANEL_CRM_SCHEME_CHANGE_CONFIRM_TITLE'),
buttons: MessageBoxButtons.OK_CANCEL,
});
});
}
getDealCategoryChangeConfirm(): MessageBox
{
return this.cache.remember('dealCategoryChangeConfirm', () => {
return new MessageBox({
title: Loc.getMessage('LANDING_FORM_SETTINGS_PANEL_CRM_SCHEME_CHANGE_CONFIRM_TITLE'),
buttons: MessageBoxButtons.OK_CANCEL,
});
});
}
onChange(event: BaseEvent)
{
const value = this.getValue();
const scheme = this.getSchemeById(value.document.scheme);
if (Type.isPlainObject(scheme))
{
const allowedEntities = scheme.entities;
const removedFields = this.options.formOptions.presetFields
.filter((presetField) => {
return !allowedEntities.includes(presetField.entityName);
})
.map((presetField) => {
return this.getCrmFieldById(
`${presetField.entityName}_${presetField.fieldName}`,
);
});
if (Type.isArrayFilled(removedFields))
{
const itemTemplate = Loc.getMessage('LANDING_FORM_SETTINGS_PANEL_CRM_ITEM_TEMPLATE');
const entityName = Text.encode(itemTemplate.replace('{text}', scheme.name));
const messageText = (() => {
const fields = removedFields.map((field) => {
return itemTemplate.replace('{text}', Text.encode(field.caption));
});
if (removedFields.length > 1)
{
const lastField = fields.pop();
return Loc
.getMessage('LANDING_FORM_SETTINGS_PANEL_CRM_SCHEME_CHANGE_CONFIRM_TEXT')
.replace('{fieldsList}', fields.join(', '))
.replace('{lastField}', Text.encode(lastField))
.replaceAll('{entityName}', entityName);
}
return Loc
.getMessage('LANDING_FORM_SETTINGS_PANEL_CRM_SCHEME_CHANGE_CONFIRM_TEXT_1')
.replace('{fieldName}', fields.join(', '))
.replaceAll('{entityName}', entityName);
})();
const entityChangeConfirm = this.getEntityChangeConfirm();
entityChangeConfirm.setOkCallback(
() => {
entityChangeConfirm.close();
entityChangeConfirm.getOkButton().setDisabled(false);
entityChangeConfirm.getCancelButton().setDisabled(false);
const filteredFields = this.options.formOptions.presetFields.filter((presetField) => {
return allowedEntities.includes(presetField.entityName);
});
this.setLastScheme(scheme.id);
this.setAdditionalValue({
presetFields: filteredFields,
});
this.options.formOptions.presetFields = filteredFields;
this.emit('onChange', {...event.getData(), skipPrepare: true});
this.setAdditionalValue({});
},
);
entityChangeConfirm.setCancelCallback(
() => {
entityChangeConfirm.close();
entityChangeConfirm.getOkButton().setDisabled(false);
entityChangeConfirm.getCancelButton().setDisabled(false);
const lastScheme = this.getSchemeById(this.getLastScheme());
if (lastScheme.dynamic)
{
this.getTypesField().setValue('smart', true);
this.getDynamicEntitiesField().setValue(lastScheme.mainEntity, true);
}
else
{
this.getTypesField().setValue(lastScheme.id);
}
this.onTypeChange(
new BaseEvent({
data: {
item: {
id: lastScheme.id,
},
},
}),
);
},
);
entityChangeConfirm.setMessage(messageText);
entityChangeConfirm.show();
return;
}
if (
String(scheme.id) === '3'
|| String(scheme.id) === '6'
)
{
const lastDealCategory = this.getLastDealCategory();
if (Text.toNumber(value.document.deal.category) !== Text.toNumber(lastDealCategory))
{
const dealStageField = this.options.formOptions.presetFields.find((presetField) => {
return (
presetField.entityName === 'DEAL'
&& presetField.fieldName === 'STAGE_ID'
);
});
if (dealStageField)
{
const crmField = this.getCrmFieldById('DEAL_STAGE_ID');
const dealCategoryChangeConfirm = this.getDealCategoryChangeConfirm();
const fieldName = Loc
.getMessage('LANDING_FORM_SETTINGS_PANEL_CRM_ITEM_TEMPLATE')
.replace('{text}', Text.encode(crmField.caption));
const messageText = Loc
.getMessage('LANDING_FORM_SETTINGS_PANEL_CRM_CATEGORY_CHANGE_CONFIRM_TEXT')
.replace('{fieldName}', fieldName);
dealCategoryChangeConfirm.setMessage(messageText);
dealCategoryChangeConfirm.setOkCallback(
() => {
dealCategoryChangeConfirm.close();
dealCategoryChangeConfirm.getOkButton().setDisabled(false);
dealCategoryChangeConfirm.getCancelButton().setDisabled(false);
const filteredFields = (
this.options.formOptions.presetFields.filter((presetField) => {
return presetField !== dealStageField;
})
);
this.options.formOptions.presetFields = filteredFields;
this.setLastDealCategory(value.document.deal.category);
this.setAdditionalValue({
presetFields: filteredFields,
});
this.emit('onChange', {...event.getData(), skipPrepare: true});
this.setAdditionalValue({});
},
);
dealCategoryChangeConfirm.setCancelCallback(
() => {
dealCategoryChangeConfirm.close();
dealCategoryChangeConfirm.getOkButton().setDisabled(false);
dealCategoryChangeConfirm.getCancelButton().setDisabled(false);
this.getDealCategoryField().setValue({
category: this.getLastDealCategory(),
});
this.setAdditionalValue({});
},
);
dealCategoryChangeConfirm.show();
return;
}
}
}
}
this.emit('onChange', {...event.getData(), skipPrepare: true});
}
getCrmFieldById(id: string): ?CrmField
{
return Object.values(this.options.crmFields)
.reduce((acc, category) => {
return [...acc, ...category.FIELDS];
}, [])
.find((currentField) => {
return currentField.name === id;
});
}
getSelectedSchemeId(): number
{
const typeId = this.getTypesField().getValue();
if (String(typeId) === 'smart')
{
const entityId = this.getDynamicEntitiesField().getValue();
if (this.getOrderSettingsForm().isOpened())
{
return `${entityId}1`;
}
return `${entityId}0`;
}
return typeId;
}
valueReducer(value: {[p: string]: any}): {[p: string]: any}
{
const duplicateMode = this.getDuplicatesField().getValue()[0];
const reducedValue = {
duplicateMode: duplicateMode === 'ALLOW' ? '' : duplicateMode,
scheme: this.getSelectedSchemeId(),
deal: {
duplicatesEnabled: Text.toBoolean(this.getDuplicatesEnabledField().getValue()[0]),
},
payment: {
use: this.getPaymentField().getValue().length > 0,
},
dynamic: {
category: null,
},
};
if (this.getOrderSettingsForm().isOpened())
{
if (String(reducedValue.scheme) === '1')
{
reducedValue.scheme = '8';
}
if (String(reducedValue.scheme) === '2')
{
reducedValue.scheme = '5';
}
if (String(reducedValue.scheme) === '3')
{
reducedValue.scheme = '6';
}
if (String(reducedValue.scheme) === '4')
{
reducedValue.scheme = '7';
}
}
if (
String(reducedValue.scheme) === '3'
|| String(reducedValue.scheme) === '6'
)
{
reducedValue.deal.category = this.getDealCategoryField().getValue().category;
}
const scheme = this.getSchemeById(reducedValue.scheme);
if (Type.isPlainObject(scheme) && scheme.dynamic)
{
reducedValue.dynamic.category = this.getDynamicCategoriesField(scheme.id).getValue().category;
}
return {
document: reducedValue,
...this.getAdditionalValue(),
};
}
}