import { __, isRTL } from '@wordpress/i18n';
export default {
id: 'plugin-install-tour',
title: __('Installing a plugin', 'extendify-local'),
settings: {
allowOverflow: false,
startFrom: [`${window.extSharedData.adminUrl}plugin-install.php`],
},
onStart: () => {
if (document.body.classList.contains('folded')) {
document.querySelector('#menu-plugins').classList.add('opensub');
}
},
steps: [
{
title: __('Add New plugin menu', 'extendify-local'),
text: __('Click here to access the Add Plugins page.', 'extendify-local'),
attachTo: {
element: '#menu-plugins .wp-submenu a[href="plugin-install.php"]',
offset: {
marginTop: 0,
marginLeft: isRTL() ? -15 : 15,
},
position: {
x: isRTL() ? 'left' : 'right',
y: 'top',
},
hook: isRTL() ? 'top right' : 'top left',
},
events: {
onDetach: () => {
if (document.body.classList.contains('folded')) {
document.querySelector('#menu-plugins').classList.remove('opensub');
}
},
},
},
{
title: __('Search', 'extendify-local'),
text: __(
'Search for a plugin by name or functionality.',
'extendify-local',
),
attachTo: {
element: '.search-form.search-plugins',
offset: {
marginTop: 5,
marginLeft: isRTL() ? 350 : -350,
},
boxPadding: {
top: -5,
bottom: 3,
left: 5,
right: 5,
},
position: {
x: isRTL() ? 'right' : 'left',
y: 'top',
},
hook: isRTL() ? 'top right' : 'top left',
},
events: {},
},
{
title: __('Plugin details', 'extendify-local'),
text: __(
'See important information about each plugin.',
'extendify-local',
),
attachTo: {
element: '#the-list .plugin-card:first-child .plugin-card-bottom',
offset: {
marginTop: 0,
marginLeft: isRTL() ? -15 : 15,
},
position: {
x: isRTL() ? 'left' : 'right',
y: 'bottom',
},
hook: isRTL() ? 'bottom right' : 'bottom left',
},
events: {},
},
{
title: __('Install now', 'extendify-local'),
text: __(
'Install the plugin. Then, press this button again to activate the plugin.',
'extendify-local',
),
attachTo: {
element: '#the-list .plugin-card:first-child .install-now',
offset: {
marginTop: -5,
marginLeft: isRTL() ? -15 : 15,
},
boxPadding: {
top: 5,
bottom: 5,
left: 5,
right: 5,
},
position: {
x: isRTL() ? 'left' : 'right',
y: 'top',
},
hook: isRTL() ? 'top right' : 'top left',
},
events: {},
},
{
title: __('Upload Plugin', 'extendify-local'),
text: __(
'If you have a plugin from an external source, you can upload it directly here.',
'extendify-local',
),
attachTo: {
element: '.upload-view-toggle',
offset: {
marginTop: -5,
marginLeft: isRTL() ? -15 : 15,
},
boxPadding: {
top: 5,
bottom: 5,
left: 5,
right: 5,
},
position: {
x: isRTL() ? 'left' : 'right',
y: 'top',
},
hook: isRTL() ? 'top right' : 'top left',
},
events: {},
},
],
};