%PDF- %PDF-
Server IP : 37.220.80.31 / Your IP : 3.135.197.33 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/field/productfield/src/ |
Upload File : |
import {BaseField} from 'landing.ui.field.basefield'; import {ProductForm} from 'catalog.product-form'; import {DiscountType} from "catalog.product-calculator"; import {PageObject} from 'landing.pageobject'; import {Dom, Runtime, Type} from 'main.core'; import {BaseEvent} from 'main.core.events'; import {fetchEventsFromOptions} from 'landing.ui.component.internal'; import './css/style.css'; export class ProductField extends BaseField { constructor(options) { super(options); this.setEventNamespace('BX.Landing.UI.Field.ProductField'); this.subscribeFromOptions(fetchEventsFromOptions(options)); this.setLayoutClass('landing-ui-field-product'); this.onBasketChange = this.onBasketChange.bind(this); Dom.append(this.getProductSelector().wrapper, this.input); this.setProducts(this.options.items); const root = PageObject.getRootWindow(); root.BX.Event.EventEmitter .subscribe(this.getProductSelector(), 'ProductForm:onBasketChange', this.onBasketChange); } setProducts(products) { this.cache.set('products', Runtime.clone(products)); } getProducts(): Array<any> { return this.cache.get('products') || []; } onBasketChange(event: BaseEvent) { const data = event.getData(); this.setProducts(data.basket); this.emit('onChange', {skipPrepare: true}); } getValue() { return this.getProducts().reduce((acc, item) => { if (!Type.isNil(item.offerId) || !Type.isNil(item.fields.productId)) { const pics = []; if (item.image && item.image.path) { pics.push(item.image.path); } else if (item.image && item.image.preview) { let ic = document.createElement('div'); ic.innerHTML = item.image.preview; ic = ic.querySelector('img'); if (ic && ic.src) { pics.push(ic.src); } } const value = item.offerId || item.fields.productId; if (acc.some(item => item.value === value)) { return acc; } acc.push({ label: item.fields.name, changeablePrice: false, discount: item.fields.discount, pics, price: item.fields.price, quantity: [], selected: false, value, }); } return acc; }, []); } getProductSelector(): ProductForm { return this.cache.remember('productSelector', () => { const root = PageObject.getRootWindow(); return new root.BX.Catalog.ProductForm({ iblockId: this.options.iblockId, showResults: false, allowedDiscountTypes: [DiscountType.MONETARY], buttonsPosition: 'BOTTOM', newItemPosition: 'BOTTOM', basket: this.options.items, }); }); } }