%-- The definition of Bootstrap Tour for monitor.jsp. Use storage: false so that it always starts at the first step otherwise the multiple tabs confuses matters. --%>
var tour = null;
function startTour() {
var selectedTabID = getCurrentTabID();
var startStep;
if ( selectedTabID == 2 ) {
startStep = 15;
} else if ( selectedTabID == 3 ) {
startStep = 23;
} else if ( selectedTabID == 4 ) {
startStep = 29;
}
tourInProgress = true;
$('.tour-button').prop('disabled', true);
if ( tour == null ) {
tour = new Tour({
framework: "bootstrap3",
name: "LAMSMonitorTour",
steps: [
{ // 0
title: "",
content: "",
orphan: true
}, {
element: "#page-tabs",
title: "",
content: "
",
placement: "bottom",
},{
element: "#tour-refresh-button",
title: "",
content: "",
placement: "left",
},{
element: "#description",
title: "",
content: "",
placement: "bottom",
},{
element: "#lessonStateLabel:first-child",
title: "",
content: "
",
placement: "right",
},{ // 5
element: "#tour-learner-count",
title: "",
content: "
",
placement: "right",
},{
element: "#viewLearnersButton",
title: "",
content: "",
placement: "top",
},{
element: "#editClassButton",
title: "",
content: "",
placement: "top",
},{
element: "#notificationButton",
title: "",
content: "",
placement: "top",
},{
element: "#editIntroButton",
title: "",
content: "",
placement: "top",
},{ // 10
element: "#gradebookOnCompleteButton",
title: "",
content: "",
placement: "top",
},{
element: "#sendProgressEmail",
title: "",
content: "",
placement: "bottom"
},{
element: "#configureProgressEmail",
title: "",
content: "",
placement: "bottom"
},{
element: "#chartDiv",
title: "",
content: "",
placement: "left",
onNext: switchToSequence
},{ // 15
title: "",
content: "",
orphan: true,
delayOnElement: { delayElement: "#sequenceTopButtonsContainer", maxDelay: 2000 },
onPrev: switchToLesson
},{
element: "#sequenceCanvas",
title: "",
content: "",
placement: "top",
backdrop: true
},{
element: "#sequenceCanvas",
title: "",
content: "",
placement: "top",
backdrop: true
},{
element: "#sequenceCanvas",
title: "",
content: "",
placement: "top",
backdrop: true
},{
element: "#sequenceCanvas",
title: "",
content: "",
placement: "top",
backdrop: true
},{ // 20
element: "#completedLearnersContainer",
title: "",
content: "",
placement: "top",
backdrop: true
},{
element: "#liveEditButton",
title: "",
content: "",
placement: "left"
},{
element: "#sequenceSearchPhrase",
title: "",
content: "",
delayOnElement: { delayElement: "element", maxDelay: 2000 },
onNext: switchToLearners,
placement: "bottom"
},{
title: "",
content: "",
orphan: true,
delayOnElement: { delayElement: "#tabLearnerControlTable", maxDelay: 2000 },
onPrev: switchToSequence
},{
element: "#tabLearnersContainer",
title: "",
content: "
",
placement: "top",
backdrop: true,
},{ // 25
element: "#learnersSearchPhrase",
title: "",
content: "",
placement: "bottom",
},{
element: "#orderByCompletionCheckbox",
title: "",
content: "",
placement: "bottom",
},{
element: "#journalButton",
title: "",
content: "",
placement: "bottom",
},{
element: ".tour-email-button:first",
title: "",
content: "",
placement: "left",
delayOnElement: { delayElement: "element", maxDelay: 2000 },
onNext: switchToGradebook
},{
element: "#userView",
title: "",
content: "",
placement: "top",
delayOnElement: { delayElement: "#gradebookTopButtonsContainer", maxDelay: 2000 },
onPrev: switchToLearners
},{ // 30
element: "#activityView",
title: "",
content: "",
placement: "top"
},{
element: "#export-grades-button",
title: "",
content: "",
placement: "bottom"
},{
element: "#tour-release-marks",
title: "",
content: "",
placement: "bottom"
},{
element: "#tour-mark-chart-button",
title: "",
content: "",
placement: "bottom",
onNext: showMarkChart
},{
element: "#markChartDiv",
title: "",
content: "",
backdrop: true,
placement: "top",
onNext: hideMarkChart
},{ // 35
element: "#tour-weight-button",
title: "",
content: "",
placement: "bottom",
onPrev: showMarkChart
},{
element: "#tour-dates",
title: "",
content: "",
placement: "bottom",
onPrev: showMarkChart
},{ // 37
title: "",
content: "
",
placement: "top",
orphan: true
}
],
onEnd: tourEnd,
debug: true,
backdrop: false,
storage: false,
showProgressText: false,
showProgressBar: true,
sanitizeWhitelist: { "button" : ["data-morehelp"] },
template: '
'
});
tour.start(true);
} else {
tour.restart();
}
if ( startStep ) {
tour.goTo(startStep);
}
$("body").on("click","button.morehelp", openWikiHelp);
}
// These two functions call functions from gradebook page so do not risk breaking tour if they are missing or broken
function showMarkChart() {
try{
showMarkChart();
} catch(e){};
}
function hideMarkChart() {
try{
hideMarkChart();
} catch(e){};
}
function switchToLesson() {
actualDoSelectTab(1);
}
function switchToSequence() {
actualDoSelectTab(2);
}
function switchToLearners() {
actualDoSelectTab(3);
}
function switchToGradebook() {
actualDoSelectTab(4);
var check = 0;
}
function tourEnd() {
tourInProgress = false;
$('.tour-button').prop('disabled', false);
}
function openWikiHelp() {
var selectedTabID = getCurrentTabID();
var url = "http://wiki.lamsfoundation.org/display/lamsdocs/monitoringlesson";
if ( selectedTabID == 2 ) {
url = "http://wiki.lamsfoundation.org/display/lamsdocs/monitoringsequence";
} else if ( selectedTabID == 3 ) {
url = "http://wiki.lamsfoundation.org/display/lamsdocs/monitoringlearners";
} else if ( selectedTabID == 4 ) {
url = "http://wiki.lamsfoundation.org/display/lamsdocs/Gradebook+Lesson+Marking";
}
openPopUp(url,'
', 648, 1152, false);
}