130 lines
3.0 KiB
JavaScript
130 lines
3.0 KiB
JavaScript
/*
|
|
Template Name: Grenviro Monitoring
|
|
Author: Themesbrand
|
|
Website: https://Themesbrand.com/
|
|
Contact: Themesbrand@gmail.com
|
|
File: tour init js
|
|
*/
|
|
|
|
var tour = new Shepherd.Tour({
|
|
defaultStepOptions: {
|
|
cancelIcon: {
|
|
enabled: true
|
|
},
|
|
|
|
classes: 'shadow-md bg-purple-dark',
|
|
scrollTo: {
|
|
behavior: 'smooth',
|
|
block: 'center'
|
|
}
|
|
},
|
|
useModalOverlay: {
|
|
enabled: true
|
|
},
|
|
});
|
|
|
|
if (document.querySelector('#logo-tour'))
|
|
tour.addStep({
|
|
title: 'Welcome Back !',
|
|
text: 'This is Step 1',
|
|
attachTo: {
|
|
element: '#logo-tour',
|
|
on: 'bottom'
|
|
},
|
|
buttons: [{
|
|
text: 'Next',
|
|
classes: 'btn btn-success',
|
|
action: tour.next
|
|
}]
|
|
});
|
|
// end step 1
|
|
|
|
if (document.querySelector('#register-tour'))
|
|
tour.addStep({
|
|
title: 'Register your account',
|
|
text: 'Get your Free Velzon account now.',
|
|
attachTo: {
|
|
element: '#register-tour',
|
|
on: 'bottom'
|
|
},
|
|
buttons: [{
|
|
text: 'Back',
|
|
classes: 'btn btn-light',
|
|
action: tour.back
|
|
},
|
|
{
|
|
text: 'Next',
|
|
classes: 'btn btn-success',
|
|
action: tour.next
|
|
}
|
|
]
|
|
});
|
|
// end step 2
|
|
|
|
if (document.querySelector('#login-tour'))
|
|
tour.addStep({
|
|
title: 'Login your account',
|
|
text: 'Sign in to continue to Velzon.',
|
|
attachTo: {
|
|
element: '#login-tour',
|
|
on: 'bottom'
|
|
},
|
|
buttons: [{
|
|
text: 'Back',
|
|
classes: 'btn btn-light',
|
|
action: tour.back
|
|
},
|
|
{
|
|
text: 'Next',
|
|
classes: 'btn btn-success',
|
|
action: tour.next
|
|
}
|
|
]
|
|
});
|
|
|
|
// end step 3
|
|
if (document.querySelector('#getproduct-tour'))
|
|
tour.addStep({
|
|
title: 'Get yout Product',
|
|
text: 'Sign in to continue to Velzon.',
|
|
attachTo: {
|
|
element: '#getproduct-tour',
|
|
on: 'bottom'
|
|
},
|
|
buttons: [{
|
|
text: 'Back',
|
|
classes: 'btn btn-light',
|
|
action: tour.back
|
|
},
|
|
{
|
|
text: 'Next',
|
|
classes: 'btn btn-success',
|
|
action: tour.next
|
|
}
|
|
]
|
|
});
|
|
// end step 4
|
|
|
|
if (document.querySelector('#thankyou-tour'))
|
|
tour.addStep({
|
|
title: 'Thank you !',
|
|
text: 'Sign in to continue to Velzon.',
|
|
attachTo: {
|
|
element: '#thankyou-tour',
|
|
on: 'bottom'
|
|
},
|
|
buttons: [{
|
|
text: 'Back',
|
|
classes: 'btn btn-light',
|
|
action: tour.back
|
|
},
|
|
{
|
|
text: 'Thank you !',
|
|
classes: 'btn btn-primary',
|
|
action: tour.complete
|
|
}
|
|
]
|
|
});
|
|
// end step 5
|
|
|
|
tour.start(); |