Your IP : 216.73.216.86
import { Event, Loc, Tag } from 'main.core';
import { EventEmitter } from 'main.core.events';
import { Popup } from 'main.popup';
import { Button } from 'ui.buttons';
import { BaseSettingsPage, SettingsSection, SettingsRow, SettingsField } from 'ui.form-elements.field';
import { Checker, Selector } from 'ui.form-elements.view';
export default class Products
{
#parentPage: BaseSettingsPage;
#values: Object;
constructor(params: Object)
{
this.#parentPage = params.parentPage;
this.#values = params.values;
}
buildSection(): SettingsSection
{
const productsSection = new SettingsSection({
parent: this.#parentPage,
section: {
title: Loc.getMessage('CAT_CONFIG_SETTINGS_PRODUCTS_SECTION_TITLE'),
titleIconClasses: 'ui-icon-set --cubes-3',
isOpen: true,
},
});
new SettingsRow({
parent: productsSection,
child: new SettingsField({
fieldView: (new Checker({
inputName: 'defaultSubscribe',
title: Loc.getMessage('CAT_CONFIG_SETTINGS_DEFAULT_SUBSCRIBE'),
checked: this.#values.defaultSubscribe === 'Y',
})),
}),
});
const isInventoryManagementEnabled = this.#values.isEnabledInventoryManagement;
const isEmptyCostPriceCalculationMethod = this.#values.costPriceCalculationMethod.current === '';
const isCanBuyZeroInDocsVisible = isInventoryManagementEnabled && isEmptyCostPriceCalculationMethod;
if (isCanBuyZeroInDocsVisible)
{
new SettingsRow({
parent: productsSection,
child: new SettingsField({
fieldView: (new Checker({
inputName: 'checkRightsOnDecreaseStoreAmount',
title: Loc.getMessage('CAT_CONFIG_SETTINGS_DEFAULT_CAN_BUY_ZERO_IN_DOCS'),
checked: this.#values.checkRightsOnDecreaseStoreAmount === 'Y',
hintOn:
Loc
.getMessage('CAT_CONFIG_SETTINGS_DEFAULT_CAN_BUY_ZERO_IN_DOCS_HINT')
.replace('[link]', '<a class="ui-section__link" onclick="top.BX.Helper.show(\'redirect=detail&code=15706692&anchor=products\')">')
.replace('[/link]', '</a>')
,
})),
}),
});
}
new SettingsRow({
parent: productsSection,
child: new SettingsField({
fieldView: (new Checker({
inputName: 'defaultProductVatIncluded',
title: Loc.getMessage('CAT_CONFIG_SETTINGS_SET_VAT_IN_PRICE_FOR_NEW_PRODUCTS'),
checked: this.#values.defaultProductVatIncluded === 'Y',
})),
}),
});
const isDefaultCanBuyZeroVisible = this.#values.isReservationUsed && this.#values.hasAccessToChangeCanBuyZero;
if (isDefaultCanBuyZeroVisible)
{
new SettingsRow({
parent: productsSection,
child: new SettingsField({
fieldView: (new Checker({
inputName: 'defaultCanBuyZero',
title: Loc.getMessage('CAT_CONFIG_SETTINGS_DEFAULT_CAN_BUY_ZERO'),
checked: this.#values.defaultCanBuyZero === 'Y',
hintOn: Loc.getMessage('CAT_CONFIG_SETTINGS_DEFAULT_CAN_BUY_ZERO_HINT'),
})),
}),
});
}
const initDefaultQuantityTrace = this.#values.defaultQuantityTrace;
const isDefaultQuantityTraceVisible = initDefaultQuantityTrace === 'Y' && !isInventoryManagementEnabled;
if (isDefaultQuantityTraceVisible)
{
const defaultQuantityTraceChecker = (new Checker({
inputName: 'defaultQuantityTrace',
title: Loc.getMessage('CAT_CONFIG_SETTINGS_DEFAULT_QUANTITY_TRACE'),
checked: this.#values.defaultQuantityTrace === 'Y',
}));
new SettingsRow({
parent: productsSection,
child: new SettingsField({
fieldView: defaultQuantityTraceChecker,
}),
});
EventEmitter.subscribe(
defaultQuantityTraceChecker.switcher,
'toggled',
() => {
if (defaultQuantityTraceChecker.isChecked())
{
return;
}
this.#showQuantityTracePopup();
},
);
}
if (this.#values.canEnableProductCardSlider)
{
const canEnableProductCardSliderChecker = (new Checker({
inputName: 'productCardSliderEnabled',
title: Loc.getMessage('CAT_CONFIG_SETTINGS_PRODUCT_CARD_ENABLE_NEW_CARD'),
checked: this.#values.productCardSliderEnabled === 'Y',
}));
new SettingsRow({
parent: productsSection,
child: new SettingsField({
fieldView: canEnableProductCardSliderChecker,
}),
});
EventEmitter.subscribe(
canEnableProductCardSliderChecker.switcher,
'toggled',
() => {
if (!canEnableProductCardSliderChecker.isChecked())
{
return;
}
this.#showNewCardPopup(canEnableProductCardSliderChecker);
},
);
}
Object.keys(this.#values.vats.hints).forEach((hint) => {
this.#values.vats.hints[hint] = this.#values.vats.hints[hint].replace('#MORE_DETAILS#', `
<a class="ui-section__link"
onclick="top.BX.Helper.show('redirect=detail&code=15706692&anchor=products')">${Loc.getMessage('CAT_CONFIG_SETTINGS_MODE_HELP')}</a>
`);
});
const vatSelector = new Selector({
label: Loc.getMessage('CAT_CONFIG_SETTINGS_DEFAULT_VAT'),
name: 'defaultProductVatId',
items: this.#values.vats.items,
hints: this.#values.vats.hints,
});
new SettingsRow({
parent: productsSection,
child: new SettingsField({
fieldView: vatSelector,
}),
});
return productsSection;
}
#showQuantityTracePopup()
{
const warnPopup = new Popup(null, null, {
events: {
onPopupClose: () => warnPopup.destroy(),
},
content: Tag.render`
<div class="catalog-settings-popup-content">
<h3>
${Loc.getMessage('CAT_CONFIG_SETTINGS_TURN_OFF_QUANTITY_TRACE_TITLE')}
</h3>
<div class="catalog-settings-popup-text">
${Loc.getMessage('CAT_CONFIG_SETTINGS_TURN_OFF_QUANTITY_TRACE_TEXT')}
</div>
</div>
`,
maxWidth: 500,
overlay: true,
buttons: [
new Button({
text: Loc.getMessage('CAT_CONFIG_SETTINGS_CLOSE'),
color: Button.Color.PRIMARY,
onclick: () => warnPopup.close(),
}),
],
});
warnPopup.show();
}
#showNewCardPopup(checker: Checker)
{
const askPopup = this.#values.isBitrix24 === 'Y'
? this.#createWarningProductCardPopupForBitrix24(checker)
: this.#createWarningProductCardPopupForBUS(checker);
askPopup.show();
}
#createWarningProductCardPopupForBitrix24(checker: Checker): Popup
{
const askPopup = this.#createWarningProductCardPopup(
Loc.getMessage('CAT_CONFIG_SETTINGS_PRODUCT_CARD_ENABLE_NEW_CARD_ASK_TEXT'),
[
new Button({
text: Loc.getMessage('CAT_CONFIG_SETTINGS_PRODUCT_CARD_ENABLE_NEW_CARD_ASK_DISAGREE'),
color: Button.Color.PRIMARY,
onclick: () => {
checker.switcher.toggle();
askPopup.close();
},
}),
new Button({
text: Loc.getMessage('CAT_CONFIG_SETTINGS_PRODUCT_CARD_ENABLE_NEW_CARD_ASK_AGREE'),
onclick: () => askPopup.close(),
}),
],
{
onPopupShow: () => {
const helpdeskLink = document.getElementById('catalog-settings-new-productcard-popup-helpdesk');
if (helpdeskLink)
{
Event.bind(helpdeskLink, 'click', () => top.BX.Helper.show('redirect=detail&code=11657084'));
}
},
},
);
return askPopup;
}
#createWarningProductCardPopupForBUS(checker: Checker): Popup
{
const askPopup = this.#createWarningProductCardPopup(
Loc.getMessage('CAT_CONFIG_SETTINGS_PRODUCT_CARD_ENABLE_NEW_CARD_ASK_BUS_TEXT').replace('#HELP_LINK#', this.#values.busProductCardHelpLink),
[
new Button({
text: Loc.getMessage('CAT_CONFIG_SETTINGS_PRODUCT_CARD_ENABLE_NEW_CARD_ASK_AGREE'),
color: Button.Color.SUCCESS,
onclick: () => askPopup.close(),
}),
new Button({
text: Loc.getMessage('CAT_CONFIG_SETTINGS_PRODUCT_CARD_ENABLE_NEW_CARD_ASK_BUS_DISAGREE'),
color: Button.Color.LINK,
onclick: () => {
checker.switcher.toggle();
askPopup.close();
},
}),
],
);
return askPopup;
}
#createWarningProductCardPopup(contentText: string, buttons: Array, events = {}): Popup
{
const popupParams = {
events: {
onPopupClose: () => askPopup.destroy(),
...events,
},
content: Tag.render`
<div class="catalog-settings-new-productcard-popup-content">
${contentText}
</div>
`,
className: 'catalog-settings-new-productcard-popup',
titleBar: Loc.getMessage('CAT_CONFIG_SETTINGS_PRODUCT_CARD_ENABLE_NEW_CARD_ASK_TITLE'),
maxWidth: 800,
overlay: true,
buttons,
};
const askPopup = new Popup(null, null, popupParams);
return askPopup;
}
updateValues(newValues: Object): void
{
Object.assign(this.#values, newValues);
}
}