| Server IP : 37.220.80.31 / Your IP : 3.15.25.131 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/other/src/ |
Upload File : |
import {HeaderCard} from 'landing.ui.card.headercard';
import {Loc} from 'landing.loc';
import {FormSettingsForm} from 'landing.ui.form.formsettingsform';
import {TextField} from 'landing.ui.field.textfield';
import {ContentWrapper} from 'landing.ui.panel.basepresetpanel';
import {BaseEvent} from 'main.core.events';
import {Dom, Reflection, Type, Tag} from 'main.core';
import UserSelectorField from './internal/userselectorfield/userselectorfield';
import {BaseCard} from "landing.ui.card.basecard";
import './css/style.css';
export default class Other extends ContentWrapper
{
constructor(options)
{
super(options);
this.setEventNamespace('BX.Landing.UI.Panel.FormSettingsPanel.SpamProtection');
const header = new HeaderCard({
title: Loc.getMessage('LANDING_FORM_OTHER_TITLE'),
});
const otherForm = new FormSettingsForm({
id: 'other',
description: null,
fields: [
this.getNameField(),
this.getUserSelectorField(),
this.getCheckWorkTimeField(),
this.getLanguageField(),
this.getUseSignField(),
],
});
this.addItem(header);
this.addItem(otherForm);
const idCard = new BaseCard();
Dom.style(idCard.getLayout(), {
padding: 0,
margin: 0,
});
const id = this.options.formOptions.id;
Dom.append(
Tag.render`<div>${Loc.getMessage('LANDING_CRM_FORM_ID')}: ${id}</div>`,
idCard.getBody()
);
this.addItem(idCard);
}
canRemoveCopyrights(): boolean
{
return this.options.dictionary.sign.canRemove;
}
getNameField(): TextField
{
return this.cache.remember('nameField', () => {
return new TextField({
title: Loc.getMessage('LANDING_FORM_OTHER_TITLE_NAME_TITLE'),
selector: 'name',
textOnly: true,
content: this.options.formOptions.name,
});
});
}
getUseSignField(): BX.Landing.UI.Field.Checkbox
{
return this.cache.remember('useSignField', () => {
return new BX.Landing.UI.Field.Checkbox({
selector: 'useSign',
value: this.options.formOptions.data.useSign ? ['useSign'] : [],
items: [
{
value: 'useSign',
html: `${Loc.getMessage('LANDING_HEADER_AND_BUTTONS_SHOW_SIGN')}${this.createCopyRight()}`,
name: '',
},
],
compact: true,
});
});
}
getUserSelectorField()
{
return this.cache.remember('userSelectorField', () => {
return new UserSelectorField({
selector: 'users',
title: Loc.getMessage('LANDING_CRM_FORM_USER'),
value: this.options.formOptions.responsible.users.reduce((acc, item) => {
if (Type.isStringFilled(item) || Type.isNumber(item))
{
acc.push(['user', item]);
}
return acc;
}, []),
});
});
}
getCheckWorkTimeField(): BX.Landing.UI.Field.Checkbox
{
return this.cache.remember('checkWorkTimeField', () => {
return new BX.Landing.UI.Field.Checkbox({
selector: 'checkWorkTime',
compact: true,
value: [this.options.formOptions.responsible.checkWorkTime ? 'Y' : 'N'],
items: [
{name: Loc.getMessage('LANDING_FORM_OTHER_CHECK_WORK_TIME'), value: 'Y'},
],
});
});
}
getLanguageField(): BX.Landing.UI.Field.Dropdown
{
return this.cache.remember('language', () => {
return new BX.Landing.UI.Field.Dropdown({
selector: 'language',
title: Loc.getMessage('LANDING_CRM_FORM_LANGUAGE'),
items: this.options.dictionary.languages.map((item) => {
return {name: item.name, value: item.id};
}),
content: this.options.formOptions.data.language,
});
});
}
// eslint-disable-next-line class-methods-use-this
createCopyRight(): string
{
return `
<span class="landing-ui-signin">
<span class="landing-ui-sign">${Loc.getMessage('LANDING_HEADER_AND_BUTTONS_BUTTONS_SIGN')}</span>
<span class="landing-ui-sign-in">${Loc.getMessage('LANDING_HEADER_AND_BUTTONS_BUTTONS_SIGN_BY')}</span>
<span class="landing-ui-sign-24">24</span>
</span>
`;
}
valueReducer(value: {[key: string]: any}): {[key: string]: any}
{
return {
name: value.name,
data: {
language: this.getLanguageField().getValue(),
useSign: value.useSign.includes('useSign'),
},
responsible: {
users: value.users,
checkWorkTime: value.checkWorkTime[0] === 'Y',
},
};
}
onChange(event: BaseEvent)
{
if (!this.canRemoveCopyrights())
{
const checkbox = this.getUseSignField();
if (!checkbox.getValue().includes('useSign'))
{
checkbox.setValue(['useSign']);
if (Type.isStringFilled(this.options.dictionary.restriction.helper))
{
const evalGlobal = Reflection.getClass('BX.evalGlobal');
if (Type.isFunction(evalGlobal))
{
evalGlobal(this.options.dictionary.restriction.helper);
}
}
}
}
this.emit('onChange', {...event.getData(), skipPrepare: true});
}
}