mirror of
https://github.com/woocommerce/woocommerce-paypal-payments.git
synced 2025-09-04 08:47:23 +08:00
42 lines
1.1 KiB
JavaScript
42 lines
1.1 KiB
JavaScript
/**
|
|
* Opens the provided URL, preferably in a popup window.
|
|
*
|
|
* Popups are usually only supported on desktop devices, when the browser is not in fullscreen mode.
|
|
*
|
|
* @param {string} url
|
|
* @param {Object} options
|
|
* @param {string} options.name
|
|
* @param {number} options.width
|
|
* @param {number} options.height
|
|
* @param {boolean} options.resizeable
|
|
* @return {null|Window} Popup window instance, or null.
|
|
*/
|
|
export const openPopup = (
|
|
url,
|
|
{ name = '_blank', width = 450, height = 720, resizeable = false } = {}
|
|
) => {
|
|
width = Math.max( 100, Math.min( window.screen.width - 40, width ) );
|
|
height = Math.max( 100, Math.min( window.screen.height - 40, height ) );
|
|
|
|
const left = ( window.screen.width - width ) / 2;
|
|
const top = ( window.screen.height - height ) / 2;
|
|
|
|
const features = [
|
|
`width=${ width }`,
|
|
`height=${ height }`,
|
|
`left=${ left }`,
|
|
`top=${ top }`,
|
|
`resizable=${ resizeable ? 'yes' : 'no' }`,
|
|
`scrollbars=yes`,
|
|
`status=no`,
|
|
];
|
|
|
|
const popup = window.open( url, name, features.join( ',' ) );
|
|
|
|
if ( popup && ! popup.closed ) {
|
|
popup.focus();
|
|
return popup;
|
|
}
|
|
|
|
return null;
|
|
};
|
