%-- The definition of Bootstrap Tour for main.jsp --%>
var tour = null;
var courseIsHidden = null;
function startTour() {
courseIsHidden = $("body").hasClass("offcanvas-hidden");
if ( tour == null ) {
tour = new Tour({
framework: "bootstrap3",
name: "LAMSTour",
steps: [
{
title: "",
content: "",
placement: "top",
orphan: true
},
{
element: ".tour-course-reveal",
title: "",
content: "",
placement: "bottom",
},
{
element: ".tour-organisations",
title: "",
content: "",
placement: "top",
onShow: revealCourses
},
{
element: ".tour-organisations-favorites",
title: "",
content: "",
placement: "bottom",
onHidden: hideCourses
},
{
element: ".tour-org-container",
title: "",
content: "",
placement: "top",
backdrop: true
},
{
element: ".tour-user-notifications",
title: "",
content: "",
placement: "left"
},
// The rest of the steps...
// (I've omitted them for brevity)
// ...
{
title: "",
content: "",
placement: "top",
orphan: true
}
],
onEnd: resetCourses,
debug: true,
backdrop: false,
template: '
'
});
tour.start(true);
} else {
tour.restart();
}
}
function revealCourses(tour) {
$("body").removeClass("offcanvas-hidden");
}
function hideCourses(tour) {
$("body").addClass("offcanvas-hidden");
}
function resetCourses(tour) {
if ( courseIsHidden )
hideCourses(tour);
else
revealCourses(tour);
}