let durationTime = 4000;
// Instance the tour
var tour = new Tour({
name: "darkel-tour",
framework: "bootstrap4",
keyboard: false,
backdrop: true,
backdropContainer: 'body',
smartPlacement: true,
steps: [{
element: "#transfer_tour",
placement: "right",
duration: durationTime,
template: `
Funds transfer can be done here
`,
},
{
element: "#beneficiaries_tour",
placement: "top",
duration: durationTime,
template: `
Click here to add/manage beneficiaries
`,
},
{
element: "#currency-update",
placement: "bottom",
duration: durationTime,
template: `
Live currency update
`,
},
{
element: "#transaction_tour",
placement: "top",
duration: durationTime,
template: `
A list of transaction history can be seen by clicking on this button
`,
},
{
element: "#stock-market",
placement: "bottom",
duration: durationTime,
template: `
Stock market review at your finger tip
`,
},
{
element: "#messages_tour",
placement: "bottom",
duration: durationTime,
template: `
Communications between you and the help desk will appear here
`,
},
{
element: "#cards_tour",
placement: "bottom",
duration: durationTime,
template: `
You can request for an ATM card here
`,
},
{
element: "#loan_tour",
placement: "left",
duration: durationTime,
template: `
Apply for easy loans here
`,
},
{
element: "#settings_tour",
placement: "bottom",
duration: durationTime,
template: `
Profile picture, passwords and account information can be updated by clicking here
`,
},
]
});
// $('.startTour').click(function () {
// tour.restart();
// })
window.addEventListener('DOMContentLoaded', (event) => {
tour.start();
});