Your IP : 216.73.216.86

Current Path : /var/www/homesaver/www/bitrix/js/landing/node/icon/src/
Upload File :
Current File : /var/www/homesaver/www/bitrix/js/landing/node/icon/src/icon.js

import { Dom } from 'main.core';
import { Img } from 'landing.node.img';

const encodeDataValue = BX.Landing.Utils.encodeDataValue;
const decodeDataValue = BX.Landing.Utils.decodeDataValue;
const data = BX.Landing.Utils.data;
const attr = BX.Landing.Utils.attr;

export class Icon extends Img
{
	constructor(options)
	{
		super(options);
		this.type = 'icon';
		this.node.addEventListener('click', this.onClick.bind(this));
	}

	/**
	 * Gets form field
	 * @return {BX.Landing.UI.Field.BaseField}
	 */
	getField(): BX.Landing.UI.Field.BaseField
	{
		if (this.field)
		{
			this.field.content = this.getValue();
		}
		else
		{
			const value = this.getValue();
			if (value.url)
			{
				value.url = decodeDataValue(value.url);
			}

			const disableLink = !!this.node.closest('a');

			this.field = new BX.Landing.UI.Field.Icon({
				selector: this.selector,
				title: this.manifest.name,
				disableLink: disableLink,
				content: value,
				dimensions: this.manifest.dimensions || {},
			});
		}

		return this.field;
	}

	/**
	 * Sets node value
	 * @param value - Path to image
	 * @param {?boolean} [preventSave = false]
	 * @param {?boolean} [preventHistory = false]
	 * @return {Promise<any>}
	 */
	setValue(value, preventSave = false, preventHistory = false): Promise
	{
		this.lastValue = this.lastValue || this.getValue();
		this.preventSave(preventSave);

		return setIconValue(this.node, value)
			.then(() => {
				if (value.url)
				{
					const url = this.preparePseudoUrl(value.url);
					if (url !== null)
					{
						attr(this.node, 'data-pseudo-url', url);
					}
				}
				this.onChange(preventHistory);

				if (!preventHistory)
				{
					BX.Landing.History.getInstance().push();
				}

				this.lastValue = this.getValue();
			});
	}

	/**
	 * Gets node value
	 * @return {{src: string}}
	 */
	getValue(): { type: string, src: string, id: number, alt: string, classList: string[], url: string }
	{
		return {
			type: 'icon',
			src: '',
			id: -1,
			alt: '',
			classList: getIconClassList(this.node.className),
			url: encodeDataValue(getPseudoUrl(this)),
		};
	}

	onClick(event)
	{
		BX.Event.EventEmitter.emit('BX.Landing.Node.Icon:onClick');
	}
}

BX.Landing.Node.Icon = Icon;

// eslint-disable-next-line flowtype/require-return-type
function getPseudoUrl(node)
{
	const url = data(node.node, 'data-pseudo-url');

	return url || '';
}

/**
 * Gets icon class list
 * @param {string} className
 * @return {string[]}
 */
function getIconClassList(className): string[]
{
	return className.split(' ');
}

/**
 * Sets icon value or converts to span and sets value
 * @param {BX.Landing.Node.Icon} node
 * @param {object} value
 * @return {Promise<any>}
 */
function setIconValue(node, value): Promise<any>
{
	return BX.Landing.UI.Panel.IconPanel
		.getLibraries()
		.then((libraries) => {
			libraries.forEach((library) => {
				library.categories.forEach((category) => {
					category.items.forEach((item) => {
						const className = BX.Type.isObject(item) ? item.options.join(' ') : item;

						const classList = className.split(' ');
						classList.forEach((classItem) => {
							if (classItem)
							{
								Dom.removeClass(node, classItem);
							}
						});
					});
				});
			});

			value.classList.forEach((className) => {
				Dom.addClass(node, className);
			});
		});
}