META-INF.resources.js.viewCommerceOrderDetailsCTAs.js Maven / Gradle / Ivy

Go to download

Show more of this group Show more artifacts with this name
Show all versions of com.liferay.commerce.order.content.web

Liferay Commerce Order Content Web

The newest version!

/**
 * SPDX-FileCopyrightText: (c) 2000 Liferay, Inc. https://liferay.com
 * SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06
 */

import {openModal} from 'frontend-js-web';

function toggleModalTitleTooltip(isShow) {
	const tooltipElement = document.querySelector(
		'#returnable-items-header-tooltip'
	);

	tooltipElement.classList[isShow ? 'add' : 'remove']('show');
}

export default function ({namespace, viewReturnableCommerceOrderItemsURL}) {
	const formElement = document[`${namespace}fm`];
	const cmdInputElement = formElement[`${namespace}cmd`];

	Liferay.provide(window, `${namespace}handleCTA`, (cmdValue) => {
		if (cmdValue === 'makeReturn') {
			openModal({
				containerProps: {
					center: true,
					className: 'commerce-modal',
				},
				headerHTML: `
					
						${Liferay.Language.get(
							'select-returnable-items'
						)}
						
							${Liferay.Util.getLexiconIconTpl('question-circle-full')}
						
						
							
							${Liferay.Language.get(
								'only-items-that-support-returns-are-displayed-here'
							)}
						
					
				`,
				height: '32rem',
				iframeBodyCssClass: 'w-100',
				onOpen: () => {
					const tooltipHeaderIcon = document.querySelector(
						'#returnable-items-header-tooltip-icon'
					);

					tooltipHeaderIcon.onmouseover = () =>
						toggleModalTitleTooltip(true);
					tooltipHeaderIcon.onmouseout = () =>
						toggleModalTitleTooltip(false);
				},
				size: 'lg',
				title: Liferay.Language.get('select-returnable-items'),
				url: viewReturnableCommerceOrderItemsURL,
			});
		}
		else {
			cmdInputElement.value = cmdValue;

			submitForm(formElement);
		}
	});
}

META-INF.resources.js.viewCommerceOrderDetailsCTAs.js Maven / Gradle / Ivy

${Liferay.Language.get( 'select-returnable-items' )}