%-- 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 = 0;
if ( selectedTabID == 2 ) {
startStep = 10;
} else if ( selectedTabID == 3 ) {
startStep = 18;
} else if ( selectedTabID == 4 ) {
startStep = 24;
}
tourInProgress = true;
$('.tour-button').prop('disabled', true);
if ( tour == null ) {
tour = new Tour({
name: "LAMSMonitorTour",
steps: [
{
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",
},{
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",
},{
element: "#gradebookOnCompleteButton",
title: "",
content: "",
placement: "top",
},{
element: "#tour-lesson-im",
title: "",
content: "
",
placement: "bottom",
onShow: revealIM,
onHide: hideIM
},{
element: "#sendProgressEmail",
title: "",
content: "",
placement: "bottom"
},{
element: "#configureProgressEmail",
title: "",
content: "",
placement: "bottom"
},{
element: "#chartDiv",
title: "",
content: "",
placement: "left",
onNext: switchToSequence
},{
title: "",
content: "",
orphan: true,
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
},{
element: "#completedLearnersContainer",
title: "",
content: "",
placement: "top",
backdrop: true
},{
element: "#sequenceSearchPhrase",
title: "",
content: "",
placement: "bottom",
},{
element: "#liveEditButton",
title: "",
content: "",
placement: "left",
onNext: switchToLearners
},{
title: "",
content: "",
orphan: true,
onPrev: switchToSequence
},{
element: "#tabLearnersContainer",
title: "",
content: "
",
placement: "top",
backdrop: true,
},{
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",
onNext: switchToGradebook
},{
element: "#userView",
title: "",
content: "",
placement: "top",
onPrev: switchToLearners
},{
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
},{
element: "#tour-weight-button",
title: "",
content: "",
placement: "bottom",
onPrev: showMarkChart
},{
element: "#tour-dates",
title: "",
content: "",
placement: "bottom",
onPrev: showMarkChart
},{
title: "",
content: "
",
placement: "top",
orphan: true
}
],
onEnd: tourEnd,
debug: true,
backdrop: false,
storage: false,
template: ' '
});
tour.init();
tour.start(true);
} else {
tour.restart();
}
tour.goTo(startStep);
}
function revealIM(tour) {
var checked = $('#presenceButton').hasClass('btn-success');
if (!checked) {
$("#imButton").css('display', 'block');
$('#imButton').prop('disabled', true);
}
checked = $('#imButton').hasClass('btn-success');
if (!checked) {
$("#openImButton").css('display', 'block');
$('#openImButton').prop('disabled', true);
}
}
function hideIM(tour) {
$('#imButton').prop('disabled', false);
var checked = $('#presenceButton').hasClass('btn-success');
if (!checked) {
$("#imButton").css('display', 'none');
}
$('#openImButton').prop('disabled', false);
checked = $('#imButton').hasClass('btn-success');
if (!checked) {
$("#openImButton").css('display', 'none');
}
}
// 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;
"#gradebookLoading"
}
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);
}