haproxy-wi/app/templates/include/intro/ovw.html

77 lines
2.1 KiB
HTML

<script>
function Intro() {
var intro = introJs();
intro.setOptions({
steps: [
{
element: document.querySelector('#body'),
title: "Welcome to Roxy-WI!",
intro: "We're going to explain some basics...",
},
{
element: document.querySelector('.overview-link'),
intro: "You're here now",
position: 'right'
},
{
element: document.querySelector('#overview-roxy-wi'),
title: "Dashboard #1",
intro: "List of your servers and statuses of services which Roxy-WI manages",
},
{
element: document.querySelector('#overview-load'),
title: "Dashboard #2",
intro: "Roxy-WI server load",
},
{
element: document.querySelector('#overview-services'),
title: "Dashboard #3",
intro: "Roxy-WI services status",
},
{
element: document.querySelector('#overview-users'),
title: "Dashboard #4",
intro: "Users info - hold your cursor on a user's name to see more details",
},
{
element: document.querySelector('#overview-groups'),
title: "Dashboard #5",
intro: "Group list",
},
{
element: document.querySelector('#overview-logs'),
title: "Dashboard #6",
intro: "Last log entries",
},
{
element: document.querySelector('#overview-subs'),
intro: "Subscription info",
},
{
element: document.querySelector('#version'),
intro: "Your Roxy-WI version",
},
{
element: document.querySelector('#useful-links'),
intro: "Useful links",
},
{
element: document.querySelector('#show-user-settings-button'),
intro: "Profile settings",
},
{
element: document.querySelector('.guid_me'),
intro: "Guide mode button",
},
{
element: document.querySelector('.menu'),
intro: "7 more sections left to discover. Meet you there :)",
}
]
});
return intro;
}
setTimeout(() => { var intro_temp = Intro(); startIntro(intro_temp); }, 3000);
</script>