126 lines
3.0 KiB
JavaScript
126 lines
3.0 KiB
JavaScript
export default function tourSteps(onCreateFn) {
|
|
return [
|
|
{
|
|
target: '#v-step-0',
|
|
content: 'You can adjust sidebar, or leave it closed ๐',
|
|
params: {
|
|
onCreate: (data) => {
|
|
onCreateFn(data.instance);
|
|
}
|
|
}
|
|
},
|
|
{
|
|
target: '#v-step-1',
|
|
content: 'Admin can check out his messages and tasks easily ๐'
|
|
},
|
|
{
|
|
target: '#v-step-2',
|
|
content: 'Clickable cog can provide you with link to important pages ๐'
|
|
},
|
|
{
|
|
target: '#v-step-3',
|
|
content: 'It\'s a theme customizer sidebar, go inside it! โค๏ธ',
|
|
params: {
|
|
placement: 'left',
|
|
onCreate: (data) => {
|
|
onCreateFn(data.instance);
|
|
}
|
|
}
|
|
},
|
|
{
|
|
target: '#v-step-4',
|
|
content: 'Easily adjust navbar ๐',
|
|
params: {
|
|
placement: 'left',
|
|
enableScrolling: false,
|
|
positionFixed: true,
|
|
modifiers: {
|
|
offset: {
|
|
enabled: true,
|
|
offset: '0,20'
|
|
},
|
|
preventOverflow: {enabled: false}
|
|
},
|
|
onCreate: (data) => {
|
|
onCreateFn(data.instance);
|
|
}
|
|
}
|
|
},
|
|
{
|
|
target: '#v-step-5',
|
|
content: "Choose a color for navbar, create unique layout ๐๏ธ",
|
|
params: {
|
|
placement: 'left',
|
|
enableScrolling: false,
|
|
positionFixed: true,
|
|
modifiers: {
|
|
offset: {
|
|
enabled: true,
|
|
offset: '0,20'
|
|
},
|
|
preventOverflow: {enabled: false}
|
|
},
|
|
onCreate: (data) => {
|
|
onCreateFn(data.instance);
|
|
}
|
|
}
|
|
},
|
|
{
|
|
target: '#v-step-6',
|
|
content: "Also customize sidebar type, it's cool ๐",
|
|
params: {
|
|
placement: 'left',
|
|
positionFixed: true,
|
|
modifiers: {
|
|
offset: {
|
|
enabled: true,
|
|
offset: '0,20'
|
|
},
|
|
preventOverflow: {enabled: false}
|
|
},
|
|
onCreate: (data) => {
|
|
onCreateFn(data.instance);
|
|
}
|
|
}
|
|
},
|
|
{
|
|
target: '#v-step-7',
|
|
content: 'We also have different colors for sidebar, pick one from palette ๐',
|
|
params: {
|
|
placement: 'left',
|
|
enableScrolling: false,
|
|
positionFixed: true,
|
|
modifiers: {
|
|
offset: {
|
|
enabled: true,
|
|
offset: '0,20'
|
|
},
|
|
preventOverflow: {enabled: false}
|
|
},
|
|
onCreate: (data) => {
|
|
onCreateFn(data.instance);
|
|
}
|
|
}
|
|
},
|
|
{
|
|
target: '#v-step-8',
|
|
content: 'Purchase out template if you like it, we appreciate it ๐!',
|
|
params: {
|
|
placement: 'left',
|
|
enableScrolling: false,
|
|
positionFixed: true,
|
|
modifiers: {
|
|
offset: {
|
|
enabled: true,
|
|
offset: '0,20'
|
|
},
|
|
preventOverflow: {enabled: false}
|
|
},
|
|
onCreate: (data) => {
|
|
onCreateFn(data.instance);
|
|
}
|
|
}
|
|
},
|
|
]
|
|
}
|