602 lines
14 KiB
JavaScript
602 lines
14 KiB
JavaScript
(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);
|