Add upstream
This commit is contained in:
root
601
wp-content/plugins/updraftplus/js/tour.js
Normal file
601
wp-content/plugins/updraftplus/js/tour.js
Normal file
@@ -0,0 +1,601 @@
|
||||
(function ($) {
|
||||
|
||||
$('document').ready(function() {
|
||||
/*
|
||||
Plugins page
|
||||
splash screen on activation
|
||||
*/
|
||||
|
||||
$('.updraftplus-welcome .close').click(function(e) {
|
||||
e.preventDefault();
|
||||
$(this).closest('.updraftplus-welcome').remove();
|
||||
});
|
||||
|
||||
/*
|
||||
Updraftplus page tour
|
||||
*/
|
||||
|
||||
// if Shepherd is undefined, exit.
|
||||
if (!window.Shepherd) return;
|
||||
|
||||
var button_classes = 'button button-primary';
|
||||
var plugins_page_tour = window.updraft_plugins_page_tour = new Shepherd.Tour();
|
||||
var main_tour = window.updraft_main_tour = new Shepherd.Tour();
|
||||
|
||||
// Set up the defaults for each step
|
||||
main_tour.options.defaults = plugins_page_tour.options.defaults = {
|
||||
classes: 'shepherd-theme-arrows-plain-buttons shepherd-main-tour',
|
||||
showCancelLink: true,
|
||||
scrollTo: false,
|
||||
tetherOptions: {
|
||||
constraints: [
|
||||
{
|
||||
to: 'scrollParent',
|
||||
attachment: 'together',
|
||||
pin: false
|
||||
}
|
||||
]
|
||||
}
|
||||
};
|
||||
|
||||
/*
|
||||
Plugins page
|
||||
*/
|
||||
|
||||
plugins_page_tour.addStep('intro', {
|
||||
title: updraftplus_tour_i18n.plugins_page.title,
|
||||
text: updraftplus_tour_i18n.plugins_page.text,
|
||||
attachTo: '.js-updraftplus-settings top',
|
||||
buttons: [
|
||||
{
|
||||
classes: button_classes,
|
||||
text: updraftplus_tour_i18n.plugins_page.button.text,
|
||||
action: function() {
|
||||
window.location = updraftplus_tour_i18n.plugins_page.button.url;
|
||||
}
|
||||
}
|
||||
],
|
||||
tetherOptions: {
|
||||
constraints: [
|
||||
{
|
||||
to: 'scrollParent',
|
||||
attachment: 'together',
|
||||
pin: false
|
||||
}
|
||||
],
|
||||
offset: '20px 0'
|
||||
},
|
||||
when: {
|
||||
show: function() {
|
||||
$('body').addClass('highlight-udp');
|
||||
var popup = $(this.el);
|
||||
// var target = $(this.tether.target);
|
||||
$('body, html').animate({
|
||||
scrollTop: popup.offset().top - 50
|
||||
}, 500, function() {
|
||||
window.scrollTo(0, popup.offset().top - 50);
|
||||
});
|
||||
},
|
||||
hide: function() {
|
||||
$('body').removeClass('highlight-udp');
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
/*
|
||||
Main Tour steps
|
||||
*/
|
||||
|
||||
// 1. Your first backup
|
||||
main_tour.addStep('backup_now', {
|
||||
title: updraftplus_tour_i18n.backup_now.title,
|
||||
text: updraftplus_tour_i18n.backup_now.text,
|
||||
attachTo: '#updraft-backupnow-button bottom',
|
||||
buttons: [
|
||||
{
|
||||
classes: 'udp-tour-end',
|
||||
text: updraftplus_tour_i18n.end_tour,
|
||||
action: main_tour.cancel
|
||||
},
|
||||
{
|
||||
classes: button_classes,
|
||||
text: updraftplus_tour_i18n.next,
|
||||
action: function() {
|
||||
$('#updraft-navtab-settings').trigger('click');
|
||||
}
|
||||
}
|
||||
]
|
||||
});
|
||||
|
||||
// Manual backup options
|
||||
main_tour.addStep('backup_options', {
|
||||
title: updraftplus_tour_i18n.backup_options.title,
|
||||
text: updraftplus_tour_i18n.backup_options.text,
|
||||
classes: 'shepherd-theme-arrows-plain-buttons shepherd-main-tour super-index',
|
||||
attachTo: '#backupnow_includedb left',
|
||||
tetherOptions: {
|
||||
offset: '-15px 25px'
|
||||
},
|
||||
buttons: [
|
||||
{
|
||||
classes: 'udp-tour-back',
|
||||
text: updraftplus_tour_i18n.back,
|
||||
action: function() {
|
||||
$('#updraft-backupnow-modal').dialog('close');
|
||||
}
|
||||
},
|
||||
{
|
||||
classes: button_classes,
|
||||
text: updraftplus_tour_i18n.next,
|
||||
action: main_tour.next
|
||||
}
|
||||
]
|
||||
});
|
||||
|
||||
// Backup Now button
|
||||
main_tour.addStep('backup_now_btn', {
|
||||
title: updraftplus_tour_i18n.backup_now_btn.title,
|
||||
text: updraftplus_tour_i18n.backup_now_btn.text,
|
||||
classes: 'shepherd-theme-arrows-plain-buttons shepherd-main-tour super-index',
|
||||
attachTo: '.js-tour-backup-now-button top',
|
||||
buttons: [
|
||||
{
|
||||
classes: 'udp-tour-back',
|
||||
text: updraftplus_tour_i18n.back,
|
||||
action: function() {
|
||||
main_tour.back();
|
||||
}
|
||||
},
|
||||
{
|
||||
classes: button_classes,
|
||||
text: updraftplus_tour_i18n.backup_now_btn.btn_text,
|
||||
action: function() {
|
||||
$('#updraft-backupnow-modal').dialog('close');
|
||||
$('#updraft-navtab-settings').trigger('click');
|
||||
}
|
||||
}
|
||||
]
|
||||
});
|
||||
|
||||
// Congratulations - Shows when a user clicks "backup now" in the modal
|
||||
main_tour.addStep('backup_now_btn_success', {
|
||||
title: updraftplus_tour_i18n.backup_now_btn_success.title,
|
||||
text: updraftplus_tour_i18n.backup_now_btn_success.text,
|
||||
attachTo: '#updraft_activejobs_table top',
|
||||
buttons: [
|
||||
{
|
||||
classes: 'udp-tour-back',
|
||||
text: updraftplus_tour_i18n.back,
|
||||
action: function() {
|
||||
$('#updraft-backupnow-button').trigger('click');
|
||||
main_tour.show('backup_now_btn');
|
||||
}
|
||||
},
|
||||
{
|
||||
classes: button_classes,
|
||||
text: updraftplus_tour_i18n.backup_now_btn_success.btn_text,
|
||||
action: function() {
|
||||
$('#updraft-navtab-settings').trigger('click');
|
||||
}
|
||||
}
|
||||
],
|
||||
when: {
|
||||
show: function() {
|
||||
setTimeout(function() {
|
||||
$(window).trigger('scroll');
|
||||
})
|
||||
|
||||
}
|
||||
}
|
||||
})
|
||||
|
||||
// Settings - timing
|
||||
main_tour.addStep('settings_timing', {
|
||||
title: updraftplus_tour_i18n.settings_timing.title,
|
||||
text: updraftplus_tour_i18n.settings_timing.text,
|
||||
attachTo: '.retain-files right',
|
||||
buttons: [
|
||||
{
|
||||
classes: 'udp-tour-back',
|
||||
text: updraftplus_tour_i18n.back,
|
||||
action: function() {
|
||||
$('#updraft-navtab-backups').trigger('click');
|
||||
}
|
||||
},
|
||||
{
|
||||
classes: button_classes,
|
||||
text: updraftplus_tour_i18n.next,
|
||||
action: main_tour.next
|
||||
}
|
||||
],
|
||||
tetherOptions: $.extend({}, main_tour.options.defaults.tetherOptions, {
|
||||
offset: '-33px -15px'
|
||||
}),
|
||||
when: {
|
||||
show: function() {
|
||||
scroll_to_popup();
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
// Settings - Remote storage + vault
|
||||
main_tour.addStep('settings_remote_storage', {
|
||||
title: updraftplus_tour_i18n.settings_remote_storage.title,
|
||||
text: updraftplus_tour_i18n.settings_remote_storage.text,
|
||||
attachTo: {
|
||||
element: 'label[for=updraft_servicecheckbox_updraftvault]',
|
||||
on: 'top'
|
||||
},
|
||||
buttons: [
|
||||
{
|
||||
classes: 'udp-tour-back',
|
||||
text: updraftplus_tour_i18n.back,
|
||||
action: function() {
|
||||
main_tour.back();
|
||||
}
|
||||
},
|
||||
{
|
||||
classes: button_classes,
|
||||
text: updraftplus_tour_i18n.next,
|
||||
action: function() {
|
||||
if ($('#updraft_servicecheckbox_updraftvault').is(':checked')) {
|
||||
main_tour.show('vault_selected')
|
||||
} else {
|
||||
main_tour.next();
|
||||
}
|
||||
}
|
||||
}
|
||||
],
|
||||
when: {
|
||||
show: function(p) {
|
||||
$('label[for=updraft_servicecheckbox_updraftvault]').addClass('emphasize');
|
||||
scroll_to_popup();
|
||||
},
|
||||
hide: function(p) {
|
||||
$('label[for=updraft_servicecheckbox_updraftvault]').removeClass('emphasize');
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
// Settings - more + updraftcentral
|
||||
main_tour.addStep('settings_more', {
|
||||
title: updraftplus_tour_i18n.settings_more.title,
|
||||
text: updraftplus_tour_i18n.settings_more.text,
|
||||
attachTo: '.js-tour-settings-more top',
|
||||
scrollTo: false,
|
||||
tetherOptions: {},
|
||||
buttons: [
|
||||
{
|
||||
classes: 'udp-tour-back',
|
||||
text: updraftplus_tour_i18n.back,
|
||||
action: function() {
|
||||
main_tour.back();
|
||||
}
|
||||
},
|
||||
{
|
||||
classes: button_classes,
|
||||
text: updraftplus_tour_i18n.next,
|
||||
action: main_tour.next
|
||||
}
|
||||
],
|
||||
when: {
|
||||
show: function() {
|
||||
scroll_to_popup();
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
// Save settings
|
||||
main_tour.addStep('settings_save', {
|
||||
title: updraftplus_tour_i18n.settings_save.title,
|
||||
text: updraftplus_tour_i18n.settings_save.text,
|
||||
attachTo: '#updraftplus-settings-save top',
|
||||
scrollTo: false,
|
||||
buttons: [
|
||||
{
|
||||
classes: 'udp-tour-back',
|
||||
text: updraftplus_tour_i18n.back,
|
||||
action: function() {
|
||||
main_tour.back();
|
||||
}
|
||||
},
|
||||
{
|
||||
classes: button_classes,
|
||||
text: updraftplus_tour_i18n.next,
|
||||
action: function() {
|
||||
if ($('#updraftcentral_cloud_connect_container').length) {
|
||||
main_tour.show('updraft_central');
|
||||
} else {
|
||||
$('#updraft-navtab-addons').trigger('click');
|
||||
}
|
||||
}
|
||||
}
|
||||
],
|
||||
when: {
|
||||
show: function() {
|
||||
scroll_to_popup();
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
// UDCentral
|
||||
main_tour.addStep('updraft_central', {
|
||||
title: updraftplus_tour_i18n.updraft_central.title,
|
||||
text: updraftplus_tour_i18n.updraft_central.text,
|
||||
attachTo: '#updraftcentral_cloud_connect_container top',
|
||||
scrollTo: false,
|
||||
buttons: [
|
||||
{
|
||||
classes: 'udp-tour-back',
|
||||
text: updraftplus_tour_i18n.back,
|
||||
action: function() {
|
||||
main_tour.back();
|
||||
}
|
||||
},
|
||||
{
|
||||
classes: button_classes,
|
||||
text: updraftplus_tour_i18n.next,
|
||||
action: function() {
|
||||
$('#updraft-navtab-addons').trigger('click');
|
||||
}
|
||||
}
|
||||
],
|
||||
when: {
|
||||
show: function() {
|
||||
scroll_to_popup();
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
// Premium + addons
|
||||
main_tour.addStep('premium', {
|
||||
title: updraftplus_tour_i18n.premium.title,
|
||||
text: updraftplus_tour_i18n.premium.text,
|
||||
attachTo: updraftplus_tour_i18n.premium.attach_to,
|
||||
scrollTo: false,
|
||||
buttons: [
|
||||
{
|
||||
classes: 'udp-tour-back',
|
||||
text: updraftplus_tour_i18n.back,
|
||||
action: function() {
|
||||
main_tour.going_somewhere = true;
|
||||
$('#updraft-navtab-settings').trigger('click');
|
||||
if ($('#updraftcentral_cloud_connect_container').length) {
|
||||
main_tour.show('updraft_central');
|
||||
} else {
|
||||
main_tour.show('settings_save');
|
||||
}
|
||||
scroll_to_popup();
|
||||
|
||||
}
|
||||
},
|
||||
{
|
||||
classes: button_classes,
|
||||
text: updraftplus_tour_i18n.premium.button,
|
||||
action: main_tour.cancel
|
||||
}
|
||||
],
|
||||
when: {
|
||||
show: function() {
|
||||
window.scroll(0, 0)
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
// EXTRA STEPS
|
||||
|
||||
// Premium + addons
|
||||
main_tour.addStep('vault_selected', {
|
||||
title: updraftplus_tour_i18n.vault_selected.title,
|
||||
text: updraftplus_tour_i18n.vault_selected.text,
|
||||
attachTo: '#updraftvault_settings_cell top',
|
||||
scrollTo: false,
|
||||
buttons: [
|
||||
{
|
||||
classes: 'udp-tour-back',
|
||||
text: updraftplus_tour_i18n.back,
|
||||
action: function() {
|
||||
main_tour.show('settings_remote_storage');
|
||||
}
|
||||
},
|
||||
{
|
||||
classes: button_classes,
|
||||
text: updraftplus_tour_i18n.next,
|
||||
action: function() {
|
||||
main_tour.show('settings_more');
|
||||
}
|
||||
}
|
||||
],
|
||||
when: {
|
||||
show: function(p) {
|
||||
scroll_to_popup();
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
// Saved settings
|
||||
main_tour.addStep('settings_saved', {
|
||||
title: updraftplus_tour_i18n.settings_saved.title,
|
||||
text: updraftplus_tour_i18n.settings_saved.text,
|
||||
attachTo: '#updraftplus-settings-save top',
|
||||
scrollTo: false,
|
||||
buttons: [
|
||||
{
|
||||
classes: 'udp-tour-back',
|
||||
text: updraftplus_tour_i18n.back,
|
||||
action: function() {
|
||||
main_tour.show('settings_more');
|
||||
}
|
||||
},
|
||||
{
|
||||
classes: button_classes,
|
||||
text: updraftplus_tour_i18n.next,
|
||||
action: function() {
|
||||
if ($('#updraftcentral_cloud_connect_container').length) {
|
||||
main_tour.show('updraft_central');
|
||||
} else {
|
||||
$('#updraft-navtab-addons').trigger('click');
|
||||
}
|
||||
}
|
||||
}
|
||||
],
|
||||
when: {
|
||||
show: function() {
|
||||
scroll_to_popup();
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
main_tour.steps.forEach(function(step) {
|
||||
step.once('show', function() {
|
||||
// Adds a Close label near the (x)
|
||||
var close_btn = $(this.el).find('header .shepherd-cancel-link');
|
||||
close_btn.attr('data-btntext', updraftplus_tour_i18n.close);
|
||||
|
||||
// opens the settings tab
|
||||
$(this.el).find('.js--go-to-settings').on('click', function(e) {
|
||||
e.preventDefault();
|
||||
$('#updraft-navtab-settings').trigger('click');
|
||||
});
|
||||
})
|
||||
});
|
||||
|
||||
// on Cancel
|
||||
main_tour.on('cancel', cancel_tour);
|
||||
plugins_page_tour.on('cancel', cancel_tour);
|
||||
|
||||
/**
|
||||
* Cancel tour
|
||||
*/
|
||||
function cancel_tour() {
|
||||
// The tour is either finished or [x] was clicked
|
||||
main_tour.canceled = true;
|
||||
var data = {
|
||||
current_step: this.getCurrentStep().id
|
||||
};
|
||||
|
||||
if ('function' === typeof updraft_send_command) {
|
||||
updraft_send_command(
|
||||
'set_tour_status',
|
||||
data,
|
||||
function(response) {
|
||||
console.log('Successfully deactivated tour');
|
||||
},
|
||||
{ alert_on_error: false }
|
||||
);
|
||||
} else {
|
||||
jQuery.ajax({
|
||||
url: ajaxurl,
|
||||
type: 'POST',
|
||||
data: {
|
||||
action: 'updraft_ajax',
|
||||
subaction: 'set_tour_status',
|
||||
nonce: updraftplus_tour_i18n.nonce,
|
||||
current_step: this.getCurrentStep().id
|
||||
}
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
/**
|
||||
* Scroll to Popup
|
||||
*
|
||||
* @param {Object} step
|
||||
*/
|
||||
var scroll_to_popup = function(step) {
|
||||
main_tour.going_somewhere = false;
|
||||
if (!step) {
|
||||
step = main_tour.getCurrentStep();
|
||||
}
|
||||
var popup = $(step.el);
|
||||
var target = $(step.tether.target);
|
||||
$('body, html').animate({
|
||||
scrollTop: popup.offset().top - 50
|
||||
}, 500, function() {
|
||||
window.scrollTo(0, popup.offset().top - 50);
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
// If $('#updraft-backupnow-button'), start tour
|
||||
if ($('#updraft-backupnow-button').length) {
|
||||
/*
|
||||
Setup other events
|
||||
*/
|
||||
|
||||
// Backup now
|
||||
$('#updraft-backupnow-button').on('click', function(e) {
|
||||
if (!main_tour.canceled) {
|
||||
main_tour.show('backup_options');
|
||||
}
|
||||
});
|
||||
|
||||
// Click on status tab
|
||||
$('#updraft-navtab-backups').on('click', function(e) {
|
||||
if (!main_tour.canceled) {
|
||||
main_tour.show('backup_now');
|
||||
}
|
||||
});
|
||||
|
||||
$(document).on('click', 'label[for=updraft_servicecheckbox_updraftvault]', function(e) {
|
||||
if (!main_tour.canceled && !$('#updraft_servicecheckbox_updraftvault').is(':checked')) {
|
||||
setTimeout(function() {
|
||||
main_tour.show('vault_selected');
|
||||
}, 200);
|
||||
}
|
||||
});
|
||||
|
||||
// close backup backupnow modal
|
||||
$('#updraft-backupnow-modal').on("dialogclose", function(event, ui) {
|
||||
if (!main_tour.canceled) {
|
||||
main_tour.show('backup_now');
|
||||
}
|
||||
});
|
||||
|
||||
// Backup now - manual backup is starting
|
||||
$('.js-tour-backup-now-button').on('click', function(e) {
|
||||
if (!main_tour.canceled) {
|
||||
main_tour.show('backup_now_btn_success');
|
||||
}
|
||||
})
|
||||
|
||||
// settings tab
|
||||
$('#updraft-navtab-settings').on('click', function(e) {
|
||||
if (!main_tour.canceled && !main_tour.going_somewhere) {
|
||||
main_tour.show('settings_timing');
|
||||
}
|
||||
});
|
||||
|
||||
// addons tab
|
||||
$('#updraft-navtab-addons').on('click', function(e) {
|
||||
if (!main_tour.canceled) {
|
||||
main_tour.show('premium');
|
||||
}
|
||||
});
|
||||
|
||||
// Tabs without guide
|
||||
$('#updraft-navtab-migrate, #updraft-navtab-expert').on('click', function(e) {
|
||||
if (!main_tour.canceled) {
|
||||
main_tour.hide();
|
||||
}
|
||||
});
|
||||
// start tour
|
||||
main_tour.start();
|
||||
|
||||
// go back to fisrt tab
|
||||
if (updraftplus_tour_i18n.show_tab_on_load) {
|
||||
$(updraftplus_tour_i18n.show_tab_on_load).trigger('click');
|
||||
} else {
|
||||
$('#updraft-navtab-backups').trigger('click');
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
// start plugins page tour
|
||||
if ($('.js-updraftplus-settings').length) {
|
||||
plugins_page_tour.start();
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
})(jQuery);
|
||||
Reference in New Issue
Block a user