Index: lams_tool_assessment/web/WEB-INF/tags/Page.tag
===================================================================
RCS file: /usr/local/cvsroot/lams_tool_assessment/web/WEB-INF/tags/Attic/Page.tag,v
diff -u -r1.1.2.3 -r1.1.2.4
--- lams_tool_assessment/web/WEB-INF/tags/Page.tag	29 Jun 2016 05:35:43 -0000	1.1.2.3
+++ lams_tool_assessment/web/WEB-INF/tags/Page.tag	28 Jul 2016 04:12:36 -0000	1.1.2.4
@@ -1,49 +1,291 @@
 <%@ tag body-content="scriptless"%>
-<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
+<%@ taglib uri="tags-core" prefix="c"%>
+<%@ taglib uri="tags-fmt" prefix="fmt"%>
+<%@ taglib uri="tags-lams" prefix="lams"%>
 
 <%@ attribute name="type" required="true" rtexprvalue="true"%>
 <%@ attribute name="style" required="false" rtexprvalue="true"%>
 <%@ attribute name="title" required="false" rtexprvalue="true"%>
 <%@ attribute name="titleHelpURL" required="false" rtexprvalue="true"%>
 <%@ attribute name="headingContent" required="false" rtexprvalue="true"%>
+<%@ attribute name="hideProgressBar" required="false" rtexprvalue="true"%>
 
+			
+<c:choose>
 
-
-<div class="row no-gutter">
-	<div class="col-xs-12">
+	<c:when test='${type == "navbar"}'>
+	<%-- Combined tab and navigation bar used in authoring and monitoring --%>
+		<div class="row no-gutter">
+		<div class="col-xs-12">
 		<div class="container" id="content">
+		<jsp:doBody />
+		</div>
+		</div>
+		</div>
+	</c:when> 
+
+	<c:when test='${type == "learner"}'>
+	<%-- Learner --%>
+
+	<%-- Try to get authoring preview/learning/monitoring from the tool activity so we don't show the progress bar in monitoring --%>
+	<c:if test="${empty mode}">
+		<c:set var="mode" value="${param.mode}" />
+	</c:if>
+	<c:if test="${empty mode}">
+		<c:if test="${empty sessionMapID}">
+			<c:set var="sessionMapID" value="${param.sessionMapID}"/>
+		</c:if>
+		<c:set var="mode" value="${sessionScope[sessionMapID].mode}" />
+	</c:if>
+
+	<%--  only have sidebar and presence in learner --%>
+	<c:choose>
+	<c:when test="${ not hideProgressBar && ( empty mode || mode == 'author' || mode == 'learner') }">
+	
+		<%-- Links placed in body instead of head. Ugly, but it works. --%>
+		<link rel="stylesheet" href="<lams:LAMSURL/>css/progressBar.css" type="text/css" />
+		<script type="text/javascript" src="<lams:LAMSURL/>includes/javascript/snap.svg.js"></script>
+		<script type="text/javascript" src="<lams:LAMSURL/>includes/javascript/progressBar.js"></script>
 		
-		<c:choose>
-		<c:when test='${type == "navbar"}'>
-			<jsp:doBody />
-		</c:when> 
-		<c:otherwise>
-			<div class="panel panel-default panel-${type}-page">
-				<c:if test="${not empty title}">
-					<div class="panel-heading">
-						<div class="panel-title panel-${type}-title">
-							<c:out value="${title}" escapeXml="true" />
-							<c:if test="${not empty titleHelpURL}">
-								<span class="pull-right">${titleHelpURL}</span>
-							</c:if>
-						</div>
-						<c:if test="${not empty headingContent}">
-							<c:out value="${headingContent}" escapeXml="true" />
+		<c:if test="${empty lessonID}">
+			<c:set var="lessonID" value="${param.lessonID}" />
+		</c:if>
+
+		<c:if test="${empty lessonID}">
+			<%-- Desperately try to get tool session ID from the tool activity --%>
+			<c:if test="${empty toolSessionId}">
+				<c:set var="toolSessionId" value="${toolSessionID}" />
+			</c:if>
+			<c:if test="${empty toolSessionId}">
+				<c:set var="toolSessionId" value="${param.toolSessionId}" />
+			</c:if>
+			<c:if test="${empty toolSessionID}">
+				<c:set var="toolSessionId" value="${param.toolSessionID}" />
+			</c:if>
+			<c:if test="${empty toolSessionId}">
+				<c:set var="toolForm" value="<%=request.getAttribute(org.apache.struts.taglib.html.Constants.BEAN_KEY)%>" />
+				<c:set var="toolSessionId" value="${toolForm.toolSessionID}" />
+			</c:if>
+			<c:if test="${empty toolSessionId}">
+				<c:if test="${empty sessionMapID}">
+					<c:set var="sessionMapID" value="${param.sessionMapID}"/>
+				</c:if>
+				<c:set var="toolSessionId" value="${sessionScope[sessionMapID].toolSessionID}" />
+			</c:if>
+		</c:if>
+		
+		<script type="text/javascript">
+			var allowRestart = false,
+				restartLessonConfirmation = "Are you sure you want to start the lesson from the beginning?",
+				toolSessionId = '${toolSessionId}',
+				lessonId = '${lessonID}',
+				mode = '${mode}',
+				
+				LAMS_URL = '<lams:LAMSURL/>',
+				APP_URL = LAMS_URL + 'learning/',
+						
+				bars = {
+					'learnerMainBar' : {
+						'containerId' : 'progressBarDiv'
+					}
+				};
+
+			function restartLesson(){
+				if (confirm(restartLessonConfirmation)) {
+					window.location.href = APP_URL + 'learner.do?method=restartLesson&lessonID=' + lessonId;
+				}
+			}
+
+			function viewNotebookEntries(){
+				openPopUp(APP_URL + "notebook.do?method=viewAll&lessonID=" + lessonId,
+						"Notebook",
+						570,796,
+						"no");
+				hideSlideMenu(); /* For touch screen */
+			}
+		
+			function closeWindow() {
+	 			top.window.close();
+			}
+
+			function toggleSlideMenu() {	
+				if ( $("nav.sidebar").hasClass("expandmenu") ) {
+					hideSlideMenu();
+				}
+				else 
+					$("nav.sidebar").addClass("expandmenu");
+			}
+
+			function hideSlideMenu() {	
+				$("nav.sidebar").removeClass("expandmenu");
+			}
+			
+			function onProgressBarLoaded() {
+				$('#exitlabel').html(LABELS.EXIT);
+				$('#notebooklabel').html(LABELS.NOTEBOOK);
+				if ( allowRestart ) {
+					$('#restartlabel').html(LABELS.RESTART);
+					restartLessonConfirmation = LABELS.CONFIRM_RESTART;
+					$('#restartitem').show();
+				}
+			}
+			
+			$(document).ready(function() {
+				var showControlBar = true;
+				var showIM = true;
+				if ( window.frameElement ) {
+					var myId = window.frameElement.id;
+					if ( myId ) {
+						if ( myId == 'lamsDynamicFrame0' ) {
+							showIM = false;
+						} else if ( myId == 'lamsDynamicFrame1' ) {
+							showControlBar = false;
+						}
+					}
+				}
+
+				if ( lessonId != "" || toolSessionId != "" ) {
+					$.ajax({
+						url : APP_URL + 'learner.do',
+						data : {
+							'method'   : 'getLessonDetails',
+							'lessonID' : lessonId,
+							'toolSessionID' : toolSessionId,
+						},
+						cache : false,
+						dataType : 'json',
+						success : function(result) {
+							
+							lessonId = result.lessonID;
+							
+							if ( showControlBar ) {
+								allowRestart = result.allowRestart;
+								$('.lessonName').html(result.title);
+								fillProgressBar('learnerMainBar');
+								$('#sidebar').show();
+							}
+							
+							var presenceEnabledPatch = result.presenceEnabledPatch;
+							var presenceImEnabled = result.presenceImEnabled;
+							if ( showIM && (presenceEnabledPatch || presenceImEnabled) ) {
+								presenceURL = APP_URL+"presenceChat.jsp?presenceEnabledPatch="+presenceEnabledPatch
+										+"&presenceImEnabled="+presenceImEnabled+"&lessonID="+lessonId;
+								$('#presenceEnabledPatchDiv').load(presenceURL, function( response, status, xhr ) {
+									if ( status == "error" ) {
+										alert("Unable to load IM: " + xhr.status);
+									} 
+								});
+							}
+						}
+					});
+				}
+			});
+			
+		</script>
+	
+		<nav class="navbar navbar-default sidebar" id="sidebar" role="navigation" onMouseEnter="javascript:toggleSlideMenu()" onMouseLeave="javascript:hideSlideMenu()" style="display:none" >
+		    <div class="container-fluid">
+				<!-- Brand and toggle get grouped for better mobile display -->
+				<div class="navbar-header">
+					<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-sidebar-navbar-collapse-1">
+						<span class="sr-only">Toggle navigation</span>
+						<span class="icon-bar"></span>
+						<span class="icon-bar"></span>
+						<span class="icon-bar"></span>
+					</button>
+					<a class="navbar-brand visible-xs hidden-sm hidden-md hidden-lg" href="#"><span class="lessonName"></span></a>
+				</div>
+				<!-- Collect the nav links, forms, and other content for toggling -->
+				<div class="collapse navbar-collapse" id="bs-sidebar-navbar-collapse-1">
+					<ul class="nav navbar-nav">
+						<li><a href="#" class="hidden-xs visible-sm visible-md visible-lg slidesidemenu" onClick="javascript:toggleSlideMenu()">
+							<i class="pull-right fa fa-bars" style="color:#337ab7"></i>
+							<p class="lessonName"><%=request.getAttribute(org.apache.struts.taglib.html.Constants.BEAN_KEY)%></p></a></li>
+						<li><a href="#" onClick="javascript:closeWindow()" ><span id="exitlabel">ExitX</span><i class="pull-right fa fa-times"></i></a></li>
+						<li><a href="#" onClick="javascript:viewNotebookEntries()" ><span id="notebooklabel">NotebookX</span><i class="pull-right fa fa-book"></i></a></li>
+						<li id="restartitem" style="display:none"><a href="#" onClick="javascript:restartLesson()"><span id="restartlabel">RestartX</span><i class="pull-right fa fa-recycle"></i></a></li>
+						<li><a href="#" class="slidesidemenu" onClick="javascript:toggleSlideMenu()">
+							<i class="pull-right fa fa-map"></i></a>
+							<div id="progressBarDiv" class="progressBarContainer"></div></li>
+					</ul>
+				</div>
+			</div>
+		</nav>
+
+		<div class="content navcontent">
+	
+	</c:when> <%--  end of sidebar stuff - only used if in learner screen --%>
+	<c:otherwise>
+		<div class="content">
+	</c:otherwise>
+	</c:choose>
+	
+			<div class="row no-gutter">
+			<div class="col-xs-12">
+			<div class="container">
+					<div class="panel panel-default panel-${type}-page">
+						<c:if test="${not empty title}">
+							<div class="panel-heading">
+								<div class="panel-title panel-${type}-title">
+									<c:out value="${title}" escapeXml="true" />
+									<c:if test="${not empty titleHelpURL}">
+										<span class="pull-right">${titleHelpURL}</span>
+									</c:if>
+								</div>
+								<c:if test="${not empty headingContent}">
+									<c:out value="${headingContent}" escapeXml="true" />
+								</c:if>
+							</div>
 						</c:if>
+						
+						<div class="panel-body panel-${type}-body">
+							<jsp:doBody />
+						</div>
 					</div>
-				</c:if>
-				<div class="panel-body panel-${type}-body">
-					<jsp:doBody />
+					
+					<%--  only have sidebar and presence in learner --%>
+					<c:if test="${ not hideProgressBar && ( empty mode || mode == 'author' || mode == 'learner') }">
+					<div id="presenceEnabledPatchDiv"></div>
+					</c:if>
+						
+			</div>
 				</div>
 			</div>
-		</c:otherwise>
-		</c:choose>
-			
 		</div>
-		<!-- End content container -->
-	</div>
-</div>
 
+	</c:when>
 
+	<c:otherwise>
+	<!-- Standard Screens  --> 
+		<div class="row no-gutter">
+		<div class="col-xs-12">
+		<div class="container" id="content">
 		
+		<div class="panel panel-default panel-${type}-page">
+			<c:if test="${not empty title}">
+				<div class="panel-heading">
+					<div class="panel-title panel-${type}-title">
+						<c:out value="${title}" escapeXml="true" />
+						<c:if test="${not empty titleHelpURL}">
+							<span class="pull-right">${titleHelpURL}</span>
+						</c:if>
+					</div>
+					<c:if test="${not empty headingContent}">
+						<c:out value="${headingContent}" escapeXml="true" />
+					</c:if>
+				</div>
+			</c:if>
 			
+			<div class="panel-body panel-${type}-body">
+				<jsp:doBody />
+			</div>
+		</div>
+		</div>
+		</div>
+		</div>
+	</c:otherwise>
+</c:choose>
+
+
+		
+			
\ No newline at end of file
Index: lams_tool_bbb/web/WEB-INF/tags/Page.tag
===================================================================
RCS file: /usr/local/cvsroot/lams_tool_bbb/web/WEB-INF/tags/Attic/Page.tag,v
diff -u -r1.1.2.4 -r1.1.2.5
--- lams_tool_bbb/web/WEB-INF/tags/Page.tag	1 Jul 2016 06:47:00 -0000	1.1.2.4
+++ lams_tool_bbb/web/WEB-INF/tags/Page.tag	28 Jul 2016 04:04:32 -0000	1.1.2.5
@@ -1,49 +1,291 @@
 <%@ tag body-content="scriptless"%>
-<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
+<%@ taglib uri="tags-core" prefix="c"%>
+<%@ taglib uri="tags-fmt" prefix="fmt"%>
+<%@ taglib uri="tags-lams" prefix="lams"%>
 
 <%@ attribute name="type" required="true" rtexprvalue="true"%>
 <%@ attribute name="style" required="false" rtexprvalue="true"%>
 <%@ attribute name="title" required="false" rtexprvalue="true"%>
 <%@ attribute name="titleHelpURL" required="false" rtexprvalue="true"%>
 <%@ attribute name="headingContent" required="false" rtexprvalue="true"%>
+<%@ attribute name="hideProgressBar" required="false" rtexprvalue="true"%>
 
+			
+<c:choose>
 
-
-<div class="row no-gutter">
-	<div class="col-xs-12">
+	<c:when test='${type == "navbar"}'>
+	<%-- Combined tab and navigation bar used in authoring and monitoring --%>
+		<div class="row no-gutter">
+		<div class="col-xs-12">
 		<div class="container" id="content">
+		<jsp:doBody />
+		</div>
+		</div>
+		</div>
+	</c:when> 
+
+	<c:when test='${type == "learner"}'>
+	<%-- Learner --%>
+
+	<%-- Try to get authoring preview/learning/monitoring from the tool activity so we don't show the progress bar in monitoring --%>
+	<c:if test="${empty mode}">
+		<c:set var="mode" value="${param.mode}" />
+	</c:if>
+	<c:if test="${empty mode}">
+		<c:if test="${empty sessionMapID}">
+			<c:set var="sessionMapID" value="${param.sessionMapID}"/>
+		</c:if>
+		<c:set var="mode" value="${sessionScope[sessionMapID].mode}" />
+	</c:if>
+
+	<%--  only have sidebar and presence in learner --%>
+	<c:choose>
+	<c:when test="${ not hideProgressBar && ( empty mode || mode == 'author' || mode == 'learner') }">
+	
+		<%-- Links placed in body instead of head. Ugly, but it works. --%>
+		<link rel="stylesheet" href="<lams:LAMSURL/>css/progressBar.css" type="text/css" />
+		<script type="text/javascript" src="<lams:LAMSURL/>includes/javascript/snap.svg.js"></script>
+		<script type="text/javascript" src="<lams:LAMSURL/>includes/javascript/progressBar.js"></script>
 		
-		<c:choose>
-		<c:when test='${type == "navbar"}'>
-			<jsp:doBody />
-		</c:when> 
-		<c:otherwise>
-			<div class="panel panel-default panel-${type}-page">
-				<c:if test="${not empty title}">
-					<div class="panel-heading">
-						<div class="panel-title panel-${type}-title">
-							<c:out value="${title}" escapeXml="true" />
-							<c:if test="${not empty titleHelpURL}">
-								<span class="pull-right">${titleHelpURL}</span>
-							</c:if>
-						</div>
-						<c:if test="${not empty headingContent}">
-							<c:out value="${headingContent}" escapeXml="true" />
+		<c:if test="${empty lessonID}">
+			<c:set var="lessonID" value="${param.lessonID}" />
+		</c:if>
+
+		<c:if test="${empty lessonID}">
+			<%-- Desperately try to get tool session ID from the tool activity --%>
+			<c:if test="${empty toolSessionId}">
+				<c:set var="toolSessionId" value="${toolSessionID}" />
+			</c:if>
+			<c:if test="${empty toolSessionId}">
+				<c:set var="toolSessionId" value="${param.toolSessionId}" />
+			</c:if>
+			<c:if test="${empty toolSessionID}">
+				<c:set var="toolSessionId" value="${param.toolSessionID}" />
+			</c:if>
+			<c:if test="${empty toolSessionId}">
+				<c:set var="toolForm" value="<%=request.getAttribute(org.apache.struts.taglib.html.Constants.BEAN_KEY)%>" />
+				<c:set var="toolSessionId" value="${toolForm.toolSessionID}" />
+			</c:if>
+			<c:if test="${empty toolSessionId}">
+				<c:if test="${empty sessionMapID}">
+					<c:set var="sessionMapID" value="${param.sessionMapID}"/>
+				</c:if>
+				<c:set var="toolSessionId" value="${sessionScope[sessionMapID].toolSessionID}" />
+			</c:if>
+		</c:if>
+		
+		<script type="text/javascript">
+			var allowRestart = false,
+				restartLessonConfirmation = "Are you sure you want to start the lesson from the beginning?",
+				toolSessionId = '${toolSessionId}',
+				lessonId = '${lessonID}',
+				mode = '${mode}',
+				
+				LAMS_URL = '<lams:LAMSURL/>',
+				APP_URL = LAMS_URL + 'learning/',
+						
+				bars = {
+					'learnerMainBar' : {
+						'containerId' : 'progressBarDiv'
+					}
+				};
+
+			function restartLesson(){
+				if (confirm(restartLessonConfirmation)) {
+					window.location.href = APP_URL + 'learner.do?method=restartLesson&lessonID=' + lessonId;
+				}
+			}
+
+			function viewNotebookEntries(){
+				openPopUp(APP_URL + "notebook.do?method=viewAll&lessonID=" + lessonId,
+						"Notebook",
+						570,796,
+						"no");
+				hideSlideMenu(); /* For touch screen */
+			}
+		
+			function closeWindow() {
+	 			top.window.close();
+			}
+
+			function toggleSlideMenu() {	
+				if ( $("nav.sidebar").hasClass("expandmenu") ) {
+					hideSlideMenu();
+				}
+				else 
+					$("nav.sidebar").addClass("expandmenu");
+			}
+
+			function hideSlideMenu() {	
+				$("nav.sidebar").removeClass("expandmenu");
+			}
+			
+			function onProgressBarLoaded() {
+				$('#exitlabel').html(LABELS.EXIT);
+				$('#notebooklabel').html(LABELS.NOTEBOOK);
+				if ( allowRestart ) {
+					$('#restartlabel').html(LABELS.RESTART);
+					restartLessonConfirmation = LABELS.CONFIRM_RESTART;
+					$('#restartitem').show();
+				}
+			}
+			
+			$(document).ready(function() {
+				var showControlBar = true;
+				var showIM = true;
+				if ( window.frameElement ) {
+					var myId = window.frameElement.id;
+					if ( myId ) {
+						if ( myId == 'lamsDynamicFrame0' ) {
+							showIM = false;
+						} else if ( myId == 'lamsDynamicFrame1' ) {
+							showControlBar = false;
+						}
+					}
+				}
+
+				if ( lessonId != "" || toolSessionId != "" ) {
+					$.ajax({
+						url : APP_URL + 'learner.do',
+						data : {
+							'method'   : 'getLessonDetails',
+							'lessonID' : lessonId,
+							'toolSessionID' : toolSessionId,
+						},
+						cache : false,
+						dataType : 'json',
+						success : function(result) {
+							
+							lessonId = result.lessonID;
+							
+							if ( showControlBar ) {
+								allowRestart = result.allowRestart;
+								$('.lessonName').html(result.title);
+								fillProgressBar('learnerMainBar');
+								$('#sidebar').show();
+							}
+							
+							var presenceEnabledPatch = result.presenceEnabledPatch;
+							var presenceImEnabled = result.presenceImEnabled;
+							if ( showIM && (presenceEnabledPatch || presenceImEnabled) ) {
+								presenceURL = APP_URL+"presenceChat.jsp?presenceEnabledPatch="+presenceEnabledPatch
+										+"&presenceImEnabled="+presenceImEnabled+"&lessonID="+lessonId;
+								$('#presenceEnabledPatchDiv').load(presenceURL, function( response, status, xhr ) {
+									if ( status == "error" ) {
+										alert("Unable to load IM: " + xhr.status);
+									} 
+								});
+							}
+						}
+					});
+				}
+			});
+			
+		</script>
+	
+		<nav class="navbar navbar-default sidebar" id="sidebar" role="navigation" onMouseEnter="javascript:toggleSlideMenu()" onMouseLeave="javascript:hideSlideMenu()" style="display:none" >
+		    <div class="container-fluid">
+				<!-- Brand and toggle get grouped for better mobile display -->
+				<div class="navbar-header">
+					<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-sidebar-navbar-collapse-1">
+						<span class="sr-only">Toggle navigation</span>
+						<span class="icon-bar"></span>
+						<span class="icon-bar"></span>
+						<span class="icon-bar"></span>
+					</button>
+					<a class="navbar-brand visible-xs hidden-sm hidden-md hidden-lg" href="#"><span class="lessonName"></span></a>
+				</div>
+				<!-- Collect the nav links, forms, and other content for toggling -->
+				<div class="collapse navbar-collapse" id="bs-sidebar-navbar-collapse-1">
+					<ul class="nav navbar-nav">
+						<li><a href="#" class="hidden-xs visible-sm visible-md visible-lg slidesidemenu" onClick="javascript:toggleSlideMenu()">
+							<i class="pull-right fa fa-bars" style="color:#337ab7"></i>
+							<p class="lessonName"><%=request.getAttribute(org.apache.struts.taglib.html.Constants.BEAN_KEY)%></p></a></li>
+						<li><a href="#" onClick="javascript:closeWindow()" ><span id="exitlabel">ExitX</span><i class="pull-right fa fa-times"></i></a></li>
+						<li><a href="#" onClick="javascript:viewNotebookEntries()" ><span id="notebooklabel">NotebookX</span><i class="pull-right fa fa-book"></i></a></li>
+						<li id="restartitem" style="display:none"><a href="#" onClick="javascript:restartLesson()"><span id="restartlabel">RestartX</span><i class="pull-right fa fa-recycle"></i></a></li>
+						<li><a href="#" class="slidesidemenu" onClick="javascript:toggleSlideMenu()">
+							<i class="pull-right fa fa-map"></i></a>
+							<div id="progressBarDiv" class="progressBarContainer"></div></li>
+					</ul>
+				</div>
+			</div>
+		</nav>
+
+		<div class="content navcontent">
+	
+	</c:when> <%--  end of sidebar stuff - only used if in learner screen --%>
+	<c:otherwise>
+		<div class="content">
+	</c:otherwise>
+	</c:choose>
+	
+			<div class="row no-gutter">
+			<div class="col-xs-12">
+			<div class="container">
+					<div class="panel panel-default panel-${type}-page">
+						<c:if test="${not empty title}">
+							<div class="panel-heading">
+								<div class="panel-title panel-${type}-title">
+									<c:out value="${title}" escapeXml="true" />
+									<c:if test="${not empty titleHelpURL}">
+										<span class="pull-right">${titleHelpURL}</span>
+									</c:if>
+								</div>
+								<c:if test="${not empty headingContent}">
+									<c:out value="${headingContent}" escapeXml="true" />
+								</c:if>
+							</div>
 						</c:if>
+						
+						<div class="panel-body panel-${type}-body">
+							<jsp:doBody />
+						</div>
 					</div>
-				</c:if>
-				<div class="panel-body panel-${type}-body">
-					<jsp:doBody />
+					
+					<%--  only have sidebar and presence in learner --%>
+					<c:if test="${ not hideProgressBar && ( empty mode || mode == 'author' || mode == 'learner') }">
+					<div id="presenceEnabledPatchDiv"></div>
+					</c:if>
+						
+			</div>
 				</div>
 			</div>
-		</c:otherwise>
-		</c:choose>
-			
 		</div>
-		<!-- End content container -->
-	</div>
-</div>
 
+	</c:when>
 
+	<c:otherwise>
+	<!-- Standard Screens  --> 
+		<div class="row no-gutter">
+		<div class="col-xs-12">
+		<div class="container" id="content">
 		
+		<div class="panel panel-default panel-${type}-page">
+			<c:if test="${not empty title}">
+				<div class="panel-heading">
+					<div class="panel-title panel-${type}-title">
+						<c:out value="${title}" escapeXml="true" />
+						<c:if test="${not empty titleHelpURL}">
+							<span class="pull-right">${titleHelpURL}</span>
+						</c:if>
+					</div>
+					<c:if test="${not empty headingContent}">
+						<c:out value="${headingContent}" escapeXml="true" />
+					</c:if>
+				</div>
+			</c:if>
 			
+			<div class="panel-body panel-${type}-body">
+				<jsp:doBody />
+			</div>
+		</div>
+		</div>
+		</div>
+		</div>
+	</c:otherwise>
+</c:choose>
+
+
+		
+			
\ No newline at end of file
Index: lams_tool_chat/web/WEB-INF/tags/Page.tag
===================================================================
RCS file: /usr/local/cvsroot/lams_tool_chat/web/WEB-INF/tags/Attic/Page.tag,v
diff -u -r1.1.2.4 -r1.1.2.5
--- lams_tool_chat/web/WEB-INF/tags/Page.tag	29 Jun 2016 06:18:10 -0000	1.1.2.4
+++ lams_tool_chat/web/WEB-INF/tags/Page.tag	28 Jul 2016 04:04:34 -0000	1.1.2.5
@@ -1,49 +1,291 @@
 <%@ tag body-content="scriptless"%>
-<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
+<%@ taglib uri="tags-core" prefix="c"%>
+<%@ taglib uri="tags-fmt" prefix="fmt"%>
+<%@ taglib uri="tags-lams" prefix="lams"%>
 
 <%@ attribute name="type" required="true" rtexprvalue="true"%>
 <%@ attribute name="style" required="false" rtexprvalue="true"%>
 <%@ attribute name="title" required="false" rtexprvalue="true"%>
 <%@ attribute name="titleHelpURL" required="false" rtexprvalue="true"%>
 <%@ attribute name="headingContent" required="false" rtexprvalue="true"%>
+<%@ attribute name="hideProgressBar" required="false" rtexprvalue="true"%>
 
+			
+<c:choose>
 
-
-<div class="row no-gutter">
-	<div class="col-xs-12">
+	<c:when test='${type == "navbar"}'>
+	<%-- Combined tab and navigation bar used in authoring and monitoring --%>
+		<div class="row no-gutter">
+		<div class="col-xs-12">
 		<div class="container" id="content">
+		<jsp:doBody />
+		</div>
+		</div>
+		</div>
+	</c:when> 
+
+	<c:when test='${type == "learner"}'>
+	<%-- Learner --%>
+
+	<%-- Try to get authoring preview/learning/monitoring from the tool activity so we don't show the progress bar in monitoring --%>
+	<c:if test="${empty mode}">
+		<c:set var="mode" value="${param.mode}" />
+	</c:if>
+	<c:if test="${empty mode}">
+		<c:if test="${empty sessionMapID}">
+			<c:set var="sessionMapID" value="${param.sessionMapID}"/>
+		</c:if>
+		<c:set var="mode" value="${sessionScope[sessionMapID].mode}" />
+	</c:if>
+
+	<%--  only have sidebar and presence in learner --%>
+	<c:choose>
+	<c:when test="${ not hideProgressBar && ( empty mode || mode == 'author' || mode == 'learner') }">
+	
+		<%-- Links placed in body instead of head. Ugly, but it works. --%>
+		<link rel="stylesheet" href="<lams:LAMSURL/>css/progressBar.css" type="text/css" />
+		<script type="text/javascript" src="<lams:LAMSURL/>includes/javascript/snap.svg.js"></script>
+		<script type="text/javascript" src="<lams:LAMSURL/>includes/javascript/progressBar.js"></script>
 		
-		<c:choose>
-		<c:when test='${type == "navbar"}'>
-			<jsp:doBody />
-		</c:when> 
-		<c:otherwise>
-			<div class="panel panel-default panel-${type}-page">
-				<c:if test="${not empty title}">
-					<div class="panel-heading">
-						<div class="panel-title panel-${type}-title">
-							<c:out value="${title}" escapeXml="true" />
-							<c:if test="${not empty titleHelpURL}">
-								<span class="pull-right">${titleHelpURL}</span>
-							</c:if>
-						</div>
-						<c:if test="${not empty headingContent}">
-							<c:out value="${headingContent}" escapeXml="true" />
+		<c:if test="${empty lessonID}">
+			<c:set var="lessonID" value="${param.lessonID}" />
+		</c:if>
+
+		<c:if test="${empty lessonID}">
+			<%-- Desperately try to get tool session ID from the tool activity --%>
+			<c:if test="${empty toolSessionId}">
+				<c:set var="toolSessionId" value="${toolSessionID}" />
+			</c:if>
+			<c:if test="${empty toolSessionId}">
+				<c:set var="toolSessionId" value="${param.toolSessionId}" />
+			</c:if>
+			<c:if test="${empty toolSessionID}">
+				<c:set var="toolSessionId" value="${param.toolSessionID}" />
+			</c:if>
+			<c:if test="${empty toolSessionId}">
+				<c:set var="toolForm" value="<%=request.getAttribute(org.apache.struts.taglib.html.Constants.BEAN_KEY)%>" />
+				<c:set var="toolSessionId" value="${toolForm.toolSessionID}" />
+			</c:if>
+			<c:if test="${empty toolSessionId}">
+				<c:if test="${empty sessionMapID}">
+					<c:set var="sessionMapID" value="${param.sessionMapID}"/>
+				</c:if>
+				<c:set var="toolSessionId" value="${sessionScope[sessionMapID].toolSessionID}" />
+			</c:if>
+		</c:if>
+		
+		<script type="text/javascript">
+			var allowRestart = false,
+				restartLessonConfirmation = "Are you sure you want to start the lesson from the beginning?",
+				toolSessionId = '${toolSessionId}',
+				lessonId = '${lessonID}',
+				mode = '${mode}',
+				
+				LAMS_URL = '<lams:LAMSURL/>',
+				APP_URL = LAMS_URL + 'learning/',
+						
+				bars = {
+					'learnerMainBar' : {
+						'containerId' : 'progressBarDiv'
+					}
+				};
+
+			function restartLesson(){
+				if (confirm(restartLessonConfirmation)) {
+					window.location.href = APP_URL + 'learner.do?method=restartLesson&lessonID=' + lessonId;
+				}
+			}
+
+			function viewNotebookEntries(){
+				openPopUp(APP_URL + "notebook.do?method=viewAll&lessonID=" + lessonId,
+						"Notebook",
+						570,796,
+						"no");
+				hideSlideMenu(); /* For touch screen */
+			}
+		
+			function closeWindow() {
+	 			top.window.close();
+			}
+
+			function toggleSlideMenu() {	
+				if ( $("nav.sidebar").hasClass("expandmenu") ) {
+					hideSlideMenu();
+				}
+				else 
+					$("nav.sidebar").addClass("expandmenu");
+			}
+
+			function hideSlideMenu() {	
+				$("nav.sidebar").removeClass("expandmenu");
+			}
+			
+			function onProgressBarLoaded() {
+				$('#exitlabel').html(LABELS.EXIT);
+				$('#notebooklabel').html(LABELS.NOTEBOOK);
+				if ( allowRestart ) {
+					$('#restartlabel').html(LABELS.RESTART);
+					restartLessonConfirmation = LABELS.CONFIRM_RESTART;
+					$('#restartitem').show();
+				}
+			}
+			
+			$(document).ready(function() {
+				var showControlBar = true;
+				var showIM = true;
+				if ( window.frameElement ) {
+					var myId = window.frameElement.id;
+					if ( myId ) {
+						if ( myId == 'lamsDynamicFrame0' ) {
+							showIM = false;
+						} else if ( myId == 'lamsDynamicFrame1' ) {
+							showControlBar = false;
+						}
+					}
+				}
+
+				if ( lessonId != "" || toolSessionId != "" ) {
+					$.ajax({
+						url : APP_URL + 'learner.do',
+						data : {
+							'method'   : 'getLessonDetails',
+							'lessonID' : lessonId,
+							'toolSessionID' : toolSessionId,
+						},
+						cache : false,
+						dataType : 'json',
+						success : function(result) {
+							
+							lessonId = result.lessonID;
+							
+							if ( showControlBar ) {
+								allowRestart = result.allowRestart;
+								$('.lessonName').html(result.title);
+								fillProgressBar('learnerMainBar');
+								$('#sidebar').show();
+							}
+							
+							var presenceEnabledPatch = result.presenceEnabledPatch;
+							var presenceImEnabled = result.presenceImEnabled;
+							if ( showIM && (presenceEnabledPatch || presenceImEnabled) ) {
+								presenceURL = APP_URL+"presenceChat.jsp?presenceEnabledPatch="+presenceEnabledPatch
+										+"&presenceImEnabled="+presenceImEnabled+"&lessonID="+lessonId;
+								$('#presenceEnabledPatchDiv').load(presenceURL, function( response, status, xhr ) {
+									if ( status == "error" ) {
+										alert("Unable to load IM: " + xhr.status);
+									} 
+								});
+							}
+						}
+					});
+				}
+			});
+			
+		</script>
+	
+		<nav class="navbar navbar-default sidebar" id="sidebar" role="navigation" onMouseEnter="javascript:toggleSlideMenu()" onMouseLeave="javascript:hideSlideMenu()" style="display:none" >
+		    <div class="container-fluid">
+				<!-- Brand and toggle get grouped for better mobile display -->
+				<div class="navbar-header">
+					<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-sidebar-navbar-collapse-1">
+						<span class="sr-only">Toggle navigation</span>
+						<span class="icon-bar"></span>
+						<span class="icon-bar"></span>
+						<span class="icon-bar"></span>
+					</button>
+					<a class="navbar-brand visible-xs hidden-sm hidden-md hidden-lg" href="#"><span class="lessonName"></span></a>
+				</div>
+				<!-- Collect the nav links, forms, and other content for toggling -->
+				<div class="collapse navbar-collapse" id="bs-sidebar-navbar-collapse-1">
+					<ul class="nav navbar-nav">
+						<li><a href="#" class="hidden-xs visible-sm visible-md visible-lg slidesidemenu" onClick="javascript:toggleSlideMenu()">
+							<i class="pull-right fa fa-bars" style="color:#337ab7"></i>
+							<p class="lessonName"><%=request.getAttribute(org.apache.struts.taglib.html.Constants.BEAN_KEY)%></p></a></li>
+						<li><a href="#" onClick="javascript:closeWindow()" ><span id="exitlabel">ExitX</span><i class="pull-right fa fa-times"></i></a></li>
+						<li><a href="#" onClick="javascript:viewNotebookEntries()" ><span id="notebooklabel">NotebookX</span><i class="pull-right fa fa-book"></i></a></li>
+						<li id="restartitem" style="display:none"><a href="#" onClick="javascript:restartLesson()"><span id="restartlabel">RestartX</span><i class="pull-right fa fa-recycle"></i></a></li>
+						<li><a href="#" class="slidesidemenu" onClick="javascript:toggleSlideMenu()">
+							<i class="pull-right fa fa-map"></i></a>
+							<div id="progressBarDiv" class="progressBarContainer"></div></li>
+					</ul>
+				</div>
+			</div>
+		</nav>
+
+		<div class="content navcontent">
+	
+	</c:when> <%--  end of sidebar stuff - only used if in learner screen --%>
+	<c:otherwise>
+		<div class="content">
+	</c:otherwise>
+	</c:choose>
+	
+			<div class="row no-gutter">
+			<div class="col-xs-12">
+			<div class="container">
+					<div class="panel panel-default panel-${type}-page">
+						<c:if test="${not empty title}">
+							<div class="panel-heading">
+								<div class="panel-title panel-${type}-title">
+									<c:out value="${title}" escapeXml="true" />
+									<c:if test="${not empty titleHelpURL}">
+										<span class="pull-right">${titleHelpURL}</span>
+									</c:if>
+								</div>
+								<c:if test="${not empty headingContent}">
+									<c:out value="${headingContent}" escapeXml="true" />
+								</c:if>
+							</div>
 						</c:if>
+						
+						<div class="panel-body panel-${type}-body">
+							<jsp:doBody />
+						</div>
 					</div>
-				</c:if>
-				<div class="panel-body panel-${type}-body">
-					<jsp:doBody />
+					
+					<%--  only have sidebar and presence in learner --%>
+					<c:if test="${ not hideProgressBar && ( empty mode || mode == 'author' || mode == 'learner') }">
+					<div id="presenceEnabledPatchDiv"></div>
+					</c:if>
+						
+			</div>
 				</div>
 			</div>
-		</c:otherwise>
-		</c:choose>
-			
 		</div>
-		<!-- End content container -->
-	</div>
-</div>
 
+	</c:when>
 
+	<c:otherwise>
+	<!-- Standard Screens  --> 
+		<div class="row no-gutter">
+		<div class="col-xs-12">
+		<div class="container" id="content">
 		
+		<div class="panel panel-default panel-${type}-page">
+			<c:if test="${not empty title}">
+				<div class="panel-heading">
+					<div class="panel-title panel-${type}-title">
+						<c:out value="${title}" escapeXml="true" />
+						<c:if test="${not empty titleHelpURL}">
+							<span class="pull-right">${titleHelpURL}</span>
+						</c:if>
+					</div>
+					<c:if test="${not empty headingContent}">
+						<c:out value="${headingContent}" escapeXml="true" />
+					</c:if>
+				</div>
+			</c:if>
 			
+			<div class="panel-body panel-${type}-body">
+				<jsp:doBody />
+			</div>
+		</div>
+		</div>
+		</div>
+		</div>
+	</c:otherwise>
+</c:choose>
+
+
+		
+			
\ No newline at end of file
Index: lams_tool_daco/web/WEB-INF/tags/Page.tag
===================================================================
RCS file: /usr/local/cvsroot/lams_tool_daco/web/WEB-INF/tags/Attic/Page.tag,v
diff -u -r1.1.2.3 -r1.1.2.4
--- lams_tool_daco/web/WEB-INF/tags/Page.tag	29 Jun 2016 05:54:07 -0000	1.1.2.3
+++ lams_tool_daco/web/WEB-INF/tags/Page.tag	28 Jul 2016 04:04:31 -0000	1.1.2.4
@@ -1,49 +1,291 @@
 <%@ tag body-content="scriptless"%>
-<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
+<%@ taglib uri="tags-core" prefix="c"%>
+<%@ taglib uri="tags-fmt" prefix="fmt"%>
+<%@ taglib uri="tags-lams" prefix="lams"%>
 
 <%@ attribute name="type" required="true" rtexprvalue="true"%>
 <%@ attribute name="style" required="false" rtexprvalue="true"%>
 <%@ attribute name="title" required="false" rtexprvalue="true"%>
 <%@ attribute name="titleHelpURL" required="false" rtexprvalue="true"%>
 <%@ attribute name="headingContent" required="false" rtexprvalue="true"%>
+<%@ attribute name="hideProgressBar" required="false" rtexprvalue="true"%>
 
+			
+<c:choose>
 
-
-<div class="row no-gutter">
-	<div class="col-xs-12">
+	<c:when test='${type == "navbar"}'>
+	<%-- Combined tab and navigation bar used in authoring and monitoring --%>
+		<div class="row no-gutter">
+		<div class="col-xs-12">
 		<div class="container" id="content">
+		<jsp:doBody />
+		</div>
+		</div>
+		</div>
+	</c:when> 
+
+	<c:when test='${type == "learner"}'>
+	<%-- Learner --%>
+
+	<%-- Try to get authoring preview/learning/monitoring from the tool activity so we don't show the progress bar in monitoring --%>
+	<c:if test="${empty mode}">
+		<c:set var="mode" value="${param.mode}" />
+	</c:if>
+	<c:if test="${empty mode}">
+		<c:if test="${empty sessionMapID}">
+			<c:set var="sessionMapID" value="${param.sessionMapID}"/>
+		</c:if>
+		<c:set var="mode" value="${sessionScope[sessionMapID].mode}" />
+	</c:if>
+
+	<%--  only have sidebar and presence in learner --%>
+	<c:choose>
+	<c:when test="${ not hideProgressBar && ( empty mode || mode == 'author' || mode == 'learner') }">
+	
+		<%-- Links placed in body instead of head. Ugly, but it works. --%>
+		<link rel="stylesheet" href="<lams:LAMSURL/>css/progressBar.css" type="text/css" />
+		<script type="text/javascript" src="<lams:LAMSURL/>includes/javascript/snap.svg.js"></script>
+		<script type="text/javascript" src="<lams:LAMSURL/>includes/javascript/progressBar.js"></script>
 		
-		<c:choose>
-		<c:when test='${type == "navbar"}'>
-			<jsp:doBody />
-		</c:when> 
-		<c:otherwise>
-			<div class="panel panel-default panel-${type}-page">
-				<c:if test="${not empty title}">
-					<div class="panel-heading">
-						<div class="panel-title panel-${type}-title">
-							<c:out value="${title}" escapeXml="true" />
-							<c:if test="${not empty titleHelpURL}">
-								<span class="pull-right">${titleHelpURL}</span>
-							</c:if>
-						</div>
-						<c:if test="${not empty headingContent}">
-							<c:out value="${headingContent}" escapeXml="true" />
+		<c:if test="${empty lessonID}">
+			<c:set var="lessonID" value="${param.lessonID}" />
+		</c:if>
+
+		<c:if test="${empty lessonID}">
+			<%-- Desperately try to get tool session ID from the tool activity --%>
+			<c:if test="${empty toolSessionId}">
+				<c:set var="toolSessionId" value="${toolSessionID}" />
+			</c:if>
+			<c:if test="${empty toolSessionId}">
+				<c:set var="toolSessionId" value="${param.toolSessionId}" />
+			</c:if>
+			<c:if test="${empty toolSessionID}">
+				<c:set var="toolSessionId" value="${param.toolSessionID}" />
+			</c:if>
+			<c:if test="${empty toolSessionId}">
+				<c:set var="toolForm" value="<%=request.getAttribute(org.apache.struts.taglib.html.Constants.BEAN_KEY)%>" />
+				<c:set var="toolSessionId" value="${toolForm.toolSessionID}" />
+			</c:if>
+			<c:if test="${empty toolSessionId}">
+				<c:if test="${empty sessionMapID}">
+					<c:set var="sessionMapID" value="${param.sessionMapID}"/>
+				</c:if>
+				<c:set var="toolSessionId" value="${sessionScope[sessionMapID].toolSessionID}" />
+			</c:if>
+		</c:if>
+		
+		<script type="text/javascript">
+			var allowRestart = false,
+				restartLessonConfirmation = "Are you sure you want to start the lesson from the beginning?",
+				toolSessionId = '${toolSessionId}',
+				lessonId = '${lessonID}',
+				mode = '${mode}',
+				
+				LAMS_URL = '<lams:LAMSURL/>',
+				APP_URL = LAMS_URL + 'learning/',
+						
+				bars = {
+					'learnerMainBar' : {
+						'containerId' : 'progressBarDiv'
+					}
+				};
+
+			function restartLesson(){
+				if (confirm(restartLessonConfirmation)) {
+					window.location.href = APP_URL + 'learner.do?method=restartLesson&lessonID=' + lessonId;
+				}
+			}
+
+			function viewNotebookEntries(){
+				openPopUp(APP_URL + "notebook.do?method=viewAll&lessonID=" + lessonId,
+						"Notebook",
+						570,796,
+						"no");
+				hideSlideMenu(); /* For touch screen */
+			}
+		
+			function closeWindow() {
+	 			top.window.close();
+			}
+
+			function toggleSlideMenu() {	
+				if ( $("nav.sidebar").hasClass("expandmenu") ) {
+					hideSlideMenu();
+				}
+				else 
+					$("nav.sidebar").addClass("expandmenu");
+			}
+
+			function hideSlideMenu() {	
+				$("nav.sidebar").removeClass("expandmenu");
+			}
+			
+			function onProgressBarLoaded() {
+				$('#exitlabel').html(LABELS.EXIT);
+				$('#notebooklabel').html(LABELS.NOTEBOOK);
+				if ( allowRestart ) {
+					$('#restartlabel').html(LABELS.RESTART);
+					restartLessonConfirmation = LABELS.CONFIRM_RESTART;
+					$('#restartitem').show();
+				}
+			}
+			
+			$(document).ready(function() {
+				var showControlBar = true;
+				var showIM = true;
+				if ( window.frameElement ) {
+					var myId = window.frameElement.id;
+					if ( myId ) {
+						if ( myId == 'lamsDynamicFrame0' ) {
+							showIM = false;
+						} else if ( myId == 'lamsDynamicFrame1' ) {
+							showControlBar = false;
+						}
+					}
+				}
+
+				if ( lessonId != "" || toolSessionId != "" ) {
+					$.ajax({
+						url : APP_URL + 'learner.do',
+						data : {
+							'method'   : 'getLessonDetails',
+							'lessonID' : lessonId,
+							'toolSessionID' : toolSessionId,
+						},
+						cache : false,
+						dataType : 'json',
+						success : function(result) {
+							
+							lessonId = result.lessonID;
+							
+							if ( showControlBar ) {
+								allowRestart = result.allowRestart;
+								$('.lessonName').html(result.title);
+								fillProgressBar('learnerMainBar');
+								$('#sidebar').show();
+							}
+							
+							var presenceEnabledPatch = result.presenceEnabledPatch;
+							var presenceImEnabled = result.presenceImEnabled;
+							if ( showIM && (presenceEnabledPatch || presenceImEnabled) ) {
+								presenceURL = APP_URL+"presenceChat.jsp?presenceEnabledPatch="+presenceEnabledPatch
+										+"&presenceImEnabled="+presenceImEnabled+"&lessonID="+lessonId;
+								$('#presenceEnabledPatchDiv').load(presenceURL, function( response, status, xhr ) {
+									if ( status == "error" ) {
+										alert("Unable to load IM: " + xhr.status);
+									} 
+								});
+							}
+						}
+					});
+				}
+			});
+			
+		</script>
+	
+		<nav class="navbar navbar-default sidebar" id="sidebar" role="navigation" onMouseEnter="javascript:toggleSlideMenu()" onMouseLeave="javascript:hideSlideMenu()" style="display:none" >
+		    <div class="container-fluid">
+				<!-- Brand and toggle get grouped for better mobile display -->
+				<div class="navbar-header">
+					<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-sidebar-navbar-collapse-1">
+						<span class="sr-only">Toggle navigation</span>
+						<span class="icon-bar"></span>
+						<span class="icon-bar"></span>
+						<span class="icon-bar"></span>
+					</button>
+					<a class="navbar-brand visible-xs hidden-sm hidden-md hidden-lg" href="#"><span class="lessonName"></span></a>
+				</div>
+				<!-- Collect the nav links, forms, and other content for toggling -->
+				<div class="collapse navbar-collapse" id="bs-sidebar-navbar-collapse-1">
+					<ul class="nav navbar-nav">
+						<li><a href="#" class="hidden-xs visible-sm visible-md visible-lg slidesidemenu" onClick="javascript:toggleSlideMenu()">
+							<i class="pull-right fa fa-bars" style="color:#337ab7"></i>
+							<p class="lessonName"><%=request.getAttribute(org.apache.struts.taglib.html.Constants.BEAN_KEY)%></p></a></li>
+						<li><a href="#" onClick="javascript:closeWindow()" ><span id="exitlabel">ExitX</span><i class="pull-right fa fa-times"></i></a></li>
+						<li><a href="#" onClick="javascript:viewNotebookEntries()" ><span id="notebooklabel">NotebookX</span><i class="pull-right fa fa-book"></i></a></li>
+						<li id="restartitem" style="display:none"><a href="#" onClick="javascript:restartLesson()"><span id="restartlabel">RestartX</span><i class="pull-right fa fa-recycle"></i></a></li>
+						<li><a href="#" class="slidesidemenu" onClick="javascript:toggleSlideMenu()">
+							<i class="pull-right fa fa-map"></i></a>
+							<div id="progressBarDiv" class="progressBarContainer"></div></li>
+					</ul>
+				</div>
+			</div>
+		</nav>
+
+		<div class="content navcontent">
+	
+	</c:when> <%--  end of sidebar stuff - only used if in learner screen --%>
+	<c:otherwise>
+		<div class="content">
+	</c:otherwise>
+	</c:choose>
+	
+			<div class="row no-gutter">
+			<div class="col-xs-12">
+			<div class="container">
+					<div class="panel panel-default panel-${type}-page">
+						<c:if test="${not empty title}">
+							<div class="panel-heading">
+								<div class="panel-title panel-${type}-title">
+									<c:out value="${title}" escapeXml="true" />
+									<c:if test="${not empty titleHelpURL}">
+										<span class="pull-right">${titleHelpURL}</span>
+									</c:if>
+								</div>
+								<c:if test="${not empty headingContent}">
+									<c:out value="${headingContent}" escapeXml="true" />
+								</c:if>
+							</div>
 						</c:if>
+						
+						<div class="panel-body panel-${type}-body">
+							<jsp:doBody />
+						</div>
 					</div>
-				</c:if>
-				<div class="panel-body panel-${type}-body">
-					<jsp:doBody />
+					
+					<%--  only have sidebar and presence in learner --%>
+					<c:if test="${ not hideProgressBar && ( empty mode || mode == 'author' || mode == 'learner') }">
+					<div id="presenceEnabledPatchDiv"></div>
+					</c:if>
+						
+			</div>
 				</div>
 			</div>
-		</c:otherwise>
-		</c:choose>
-			
 		</div>
-		<!-- End content container -->
-	</div>
-</div>
 
+	</c:when>
 
+	<c:otherwise>
+	<!-- Standard Screens  --> 
+		<div class="row no-gutter">
+		<div class="col-xs-12">
+		<div class="container" id="content">
 		
+		<div class="panel panel-default panel-${type}-page">
+			<c:if test="${not empty title}">
+				<div class="panel-heading">
+					<div class="panel-title panel-${type}-title">
+						<c:out value="${title}" escapeXml="true" />
+						<c:if test="${not empty titleHelpURL}">
+							<span class="pull-right">${titleHelpURL}</span>
+						</c:if>
+					</div>
+					<c:if test="${not empty headingContent}">
+						<c:out value="${headingContent}" escapeXml="true" />
+					</c:if>
+				</div>
+			</c:if>
 			
+			<div class="panel-body panel-${type}-body">
+				<jsp:doBody />
+			</div>
+		</div>
+		</div>
+		</div>
+		</div>
+	</c:otherwise>
+</c:choose>
+
+
+		
+			
\ No newline at end of file
Index: lams_tool_forum/web/WEB-INF/tags/Page.tag
===================================================================
RCS file: /usr/local/cvsroot/lams_tool_forum/web/WEB-INF/tags/Attic/Page.tag,v
diff -u -r1.1.2.4 -r1.1.2.5
--- lams_tool_forum/web/WEB-INF/tags/Page.tag	23 Jun 2016 04:01:08 -0000	1.1.2.4
+++ lams_tool_forum/web/WEB-INF/tags/Page.tag	28 Jul 2016 04:04:33 -0000	1.1.2.5
@@ -1,49 +1,291 @@
 <%@ tag body-content="scriptless"%>
-<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
+<%@ taglib uri="tags-core" prefix="c"%>
+<%@ taglib uri="tags-fmt" prefix="fmt"%>
+<%@ taglib uri="tags-lams" prefix="lams"%>
 
 <%@ attribute name="type" required="true" rtexprvalue="true"%>
 <%@ attribute name="style" required="false" rtexprvalue="true"%>
 <%@ attribute name="title" required="false" rtexprvalue="true"%>
 <%@ attribute name="titleHelpURL" required="false" rtexprvalue="true"%>
 <%@ attribute name="headingContent" required="false" rtexprvalue="true"%>
+<%@ attribute name="hideProgressBar" required="false" rtexprvalue="true"%>
 
+			
+<c:choose>
 
-
-<div class="row no-gutter">
-	<div class="col-xs-12">
+	<c:when test='${type == "navbar"}'>
+	<%-- Combined tab and navigation bar used in authoring and monitoring --%>
+		<div class="row no-gutter">
+		<div class="col-xs-12">
 		<div class="container" id="content">
+		<jsp:doBody />
+		</div>
+		</div>
+		</div>
+	</c:when> 
+
+	<c:when test='${type == "learner"}'>
+	<%-- Learner --%>
+
+	<%-- Try to get authoring preview/learning/monitoring from the tool activity so we don't show the progress bar in monitoring --%>
+	<c:if test="${empty mode}">
+		<c:set var="mode" value="${param.mode}" />
+	</c:if>
+	<c:if test="${empty mode}">
+		<c:if test="${empty sessionMapID}">
+			<c:set var="sessionMapID" value="${param.sessionMapID}"/>
+		</c:if>
+		<c:set var="mode" value="${sessionScope[sessionMapID].mode}" />
+	</c:if>
+
+	<%--  only have sidebar and presence in learner --%>
+	<c:choose>
+	<c:when test="${ not hideProgressBar && ( empty mode || mode == 'author' || mode == 'learner') }">
+	
+		<%-- Links placed in body instead of head. Ugly, but it works. --%>
+		<link rel="stylesheet" href="<lams:LAMSURL/>css/progressBar.css" type="text/css" />
+		<script type="text/javascript" src="<lams:LAMSURL/>includes/javascript/snap.svg.js"></script>
+		<script type="text/javascript" src="<lams:LAMSURL/>includes/javascript/progressBar.js"></script>
 		
-		<c:choose>
-		<c:when test='${type == "navbar"}'>
-			<jsp:doBody />
-		</c:when> 
-		<c:otherwise>
-			<div class="panel panel-default panel-${type}-page">
-				<c:if test="${not empty title}">
-					<div class="panel-heading">
-						<div class="panel-title panel-${type}-title">
-							<c:out value="${title}" escapeXml="true" />
-							<c:if test="${not empty titleHelpURL}">
-								<span class="pull-right">${titleHelpURL}</span>
-							</c:if>
-						</div>
-						<c:if test="${not empty headingContent}">
-							<c:out value="${headingContent}" escapeXml="true" />
+		<c:if test="${empty lessonID}">
+			<c:set var="lessonID" value="${param.lessonID}" />
+		</c:if>
+
+		<c:if test="${empty lessonID}">
+			<%-- Desperately try to get tool session ID from the tool activity --%>
+			<c:if test="${empty toolSessionId}">
+				<c:set var="toolSessionId" value="${toolSessionID}" />
+			</c:if>
+			<c:if test="${empty toolSessionId}">
+				<c:set var="toolSessionId" value="${param.toolSessionId}" />
+			</c:if>
+			<c:if test="${empty toolSessionID}">
+				<c:set var="toolSessionId" value="${param.toolSessionID}" />
+			</c:if>
+			<c:if test="${empty toolSessionId}">
+				<c:set var="toolForm" value="<%=request.getAttribute(org.apache.struts.taglib.html.Constants.BEAN_KEY)%>" />
+				<c:set var="toolSessionId" value="${toolForm.toolSessionID}" />
+			</c:if>
+			<c:if test="${empty toolSessionId}">
+				<c:if test="${empty sessionMapID}">
+					<c:set var="sessionMapID" value="${param.sessionMapID}"/>
+				</c:if>
+				<c:set var="toolSessionId" value="${sessionScope[sessionMapID].toolSessionID}" />
+			</c:if>
+		</c:if>
+		
+		<script type="text/javascript">
+			var allowRestart = false,
+				restartLessonConfirmation = "Are you sure you want to start the lesson from the beginning?",
+				toolSessionId = '${toolSessionId}',
+				lessonId = '${lessonID}',
+				mode = '${mode}',
+				
+				LAMS_URL = '<lams:LAMSURL/>',
+				APP_URL = LAMS_URL + 'learning/',
+						
+				bars = {
+					'learnerMainBar' : {
+						'containerId' : 'progressBarDiv'
+					}
+				};
+
+			function restartLesson(){
+				if (confirm(restartLessonConfirmation)) {
+					window.location.href = APP_URL + 'learner.do?method=restartLesson&lessonID=' + lessonId;
+				}
+			}
+
+			function viewNotebookEntries(){
+				openPopUp(APP_URL + "notebook.do?method=viewAll&lessonID=" + lessonId,
+						"Notebook",
+						570,796,
+						"no");
+				hideSlideMenu(); /* For touch screen */
+			}
+		
+			function closeWindow() {
+	 			top.window.close();
+			}
+
+			function toggleSlideMenu() {	
+				if ( $("nav.sidebar").hasClass("expandmenu") ) {
+					hideSlideMenu();
+				}
+				else 
+					$("nav.sidebar").addClass("expandmenu");
+			}
+
+			function hideSlideMenu() {	
+				$("nav.sidebar").removeClass("expandmenu");
+			}
+			
+			function onProgressBarLoaded() {
+				$('#exitlabel').html(LABELS.EXIT);
+				$('#notebooklabel').html(LABELS.NOTEBOOK);
+				if ( allowRestart ) {
+					$('#restartlabel').html(LABELS.RESTART);
+					restartLessonConfirmation = LABELS.CONFIRM_RESTART;
+					$('#restartitem').show();
+				}
+			}
+			
+			$(document).ready(function() {
+				var showControlBar = true;
+				var showIM = true;
+				if ( window.frameElement ) {
+					var myId = window.frameElement.id;
+					if ( myId ) {
+						if ( myId == 'lamsDynamicFrame0' ) {
+							showIM = false;
+						} else if ( myId == 'lamsDynamicFrame1' ) {
+							showControlBar = false;
+						}
+					}
+				}
+
+				if ( lessonId != "" || toolSessionId != "" ) {
+					$.ajax({
+						url : APP_URL + 'learner.do',
+						data : {
+							'method'   : 'getLessonDetails',
+							'lessonID' : lessonId,
+							'toolSessionID' : toolSessionId,
+						},
+						cache : false,
+						dataType : 'json',
+						success : function(result) {
+							
+							lessonId = result.lessonID;
+							
+							if ( showControlBar ) {
+								allowRestart = result.allowRestart;
+								$('.lessonName').html(result.title);
+								fillProgressBar('learnerMainBar');
+								$('#sidebar').show();
+							}
+							
+							var presenceEnabledPatch = result.presenceEnabledPatch;
+							var presenceImEnabled = result.presenceImEnabled;
+							if ( showIM && (presenceEnabledPatch || presenceImEnabled) ) {
+								presenceURL = APP_URL+"presenceChat.jsp?presenceEnabledPatch="+presenceEnabledPatch
+										+"&presenceImEnabled="+presenceImEnabled+"&lessonID="+lessonId;
+								$('#presenceEnabledPatchDiv').load(presenceURL, function( response, status, xhr ) {
+									if ( status == "error" ) {
+										alert("Unable to load IM: " + xhr.status);
+									} 
+								});
+							}
+						}
+					});
+				}
+			});
+			
+		</script>
+	
+		<nav class="navbar navbar-default sidebar" id="sidebar" role="navigation" onMouseEnter="javascript:toggleSlideMenu()" onMouseLeave="javascript:hideSlideMenu()" style="display:none" >
+		    <div class="container-fluid">
+				<!-- Brand and toggle get grouped for better mobile display -->
+				<div class="navbar-header">
+					<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-sidebar-navbar-collapse-1">
+						<span class="sr-only">Toggle navigation</span>
+						<span class="icon-bar"></span>
+						<span class="icon-bar"></span>
+						<span class="icon-bar"></span>
+					</button>
+					<a class="navbar-brand visible-xs hidden-sm hidden-md hidden-lg" href="#"><span class="lessonName"></span></a>
+				</div>
+				<!-- Collect the nav links, forms, and other content for toggling -->
+				<div class="collapse navbar-collapse" id="bs-sidebar-navbar-collapse-1">
+					<ul class="nav navbar-nav">
+						<li><a href="#" class="hidden-xs visible-sm visible-md visible-lg slidesidemenu" onClick="javascript:toggleSlideMenu()">
+							<i class="pull-right fa fa-bars" style="color:#337ab7"></i>
+							<p class="lessonName"><%=request.getAttribute(org.apache.struts.taglib.html.Constants.BEAN_KEY)%></p></a></li>
+						<li><a href="#" onClick="javascript:closeWindow()" ><span id="exitlabel">ExitX</span><i class="pull-right fa fa-times"></i></a></li>
+						<li><a href="#" onClick="javascript:viewNotebookEntries()" ><span id="notebooklabel">NotebookX</span><i class="pull-right fa fa-book"></i></a></li>
+						<li id="restartitem" style="display:none"><a href="#" onClick="javascript:restartLesson()"><span id="restartlabel">RestartX</span><i class="pull-right fa fa-recycle"></i></a></li>
+						<li><a href="#" class="slidesidemenu" onClick="javascript:toggleSlideMenu()">
+							<i class="pull-right fa fa-map"></i></a>
+							<div id="progressBarDiv" class="progressBarContainer"></div></li>
+					</ul>
+				</div>
+			</div>
+		</nav>
+
+		<div class="content navcontent">
+	
+	</c:when> <%--  end of sidebar stuff - only used if in learner screen --%>
+	<c:otherwise>
+		<div class="content">
+	</c:otherwise>
+	</c:choose>
+	
+			<div class="row no-gutter">
+			<div class="col-xs-12">
+			<div class="container">
+					<div class="panel panel-default panel-${type}-page">
+						<c:if test="${not empty title}">
+							<div class="panel-heading">
+								<div class="panel-title panel-${type}-title">
+									<c:out value="${title}" escapeXml="true" />
+									<c:if test="${not empty titleHelpURL}">
+										<span class="pull-right">${titleHelpURL}</span>
+									</c:if>
+								</div>
+								<c:if test="${not empty headingContent}">
+									<c:out value="${headingContent}" escapeXml="true" />
+								</c:if>
+							</div>
 						</c:if>
+						
+						<div class="panel-body panel-${type}-body">
+							<jsp:doBody />
+						</div>
 					</div>
-				</c:if>
-				<div class="panel-body panel-${type}-body">
-					<jsp:doBody />
+					
+					<%--  only have sidebar and presence in learner --%>
+					<c:if test="${ not hideProgressBar && ( empty mode || mode == 'author' || mode == 'learner') }">
+					<div id="presenceEnabledPatchDiv"></div>
+					</c:if>
+						
+			</div>
 				</div>
 			</div>
-		</c:otherwise>
-		</c:choose>
-			
 		</div>
-		<!-- End content container -->
-	</div>
-</div>
 
+	</c:when>
 
+	<c:otherwise>
+	<!-- Standard Screens  --> 
+		<div class="row no-gutter">
+		<div class="col-xs-12">
+		<div class="container" id="content">
 		
+		<div class="panel panel-default panel-${type}-page">
+			<c:if test="${not empty title}">
+				<div class="panel-heading">
+					<div class="panel-title panel-${type}-title">
+						<c:out value="${title}" escapeXml="true" />
+						<c:if test="${not empty titleHelpURL}">
+							<span class="pull-right">${titleHelpURL}</span>
+						</c:if>
+					</div>
+					<c:if test="${not empty headingContent}">
+						<c:out value="${headingContent}" escapeXml="true" />
+					</c:if>
+				</div>
+			</c:if>
 			
+			<div class="panel-body panel-${type}-body">
+				<jsp:doBody />
+			</div>
+		</div>
+		</div>
+		</div>
+		</div>
+	</c:otherwise>
+</c:choose>
+
+
+		
+			
\ No newline at end of file
Index: lams_tool_gmap/web/WEB-INF/tags/Page.tag
===================================================================
RCS file: /usr/local/cvsroot/lams_tool_gmap/web/WEB-INF/tags/Attic/Page.tag,v
diff -u -r1.1.2.4 -r1.1.2.5
--- lams_tool_gmap/web/WEB-INF/tags/Page.tag	29 Jun 2016 12:21:02 -0000	1.1.2.4
+++ lams_tool_gmap/web/WEB-INF/tags/Page.tag	28 Jul 2016 04:04:35 -0000	1.1.2.5
@@ -1,49 +1,291 @@
 <%@ tag body-content="scriptless"%>
-<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
+<%@ taglib uri="tags-core" prefix="c"%>
+<%@ taglib uri="tags-fmt" prefix="fmt"%>
+<%@ taglib uri="tags-lams" prefix="lams"%>
 
 <%@ attribute name="type" required="true" rtexprvalue="true"%>
 <%@ attribute name="style" required="false" rtexprvalue="true"%>
 <%@ attribute name="title" required="false" rtexprvalue="true"%>
 <%@ attribute name="titleHelpURL" required="false" rtexprvalue="true"%>
 <%@ attribute name="headingContent" required="false" rtexprvalue="true"%>
+<%@ attribute name="hideProgressBar" required="false" rtexprvalue="true"%>
 
+			
+<c:choose>
 
-
-<div class="row no-gutter">
-	<div class="col-xs-12">
+	<c:when test='${type == "navbar"}'>
+	<%-- Combined tab and navigation bar used in authoring and monitoring --%>
+		<div class="row no-gutter">
+		<div class="col-xs-12">
 		<div class="container" id="content">
+		<jsp:doBody />
+		</div>
+		</div>
+		</div>
+	</c:when> 
+
+	<c:when test='${type == "learner"}'>
+	<%-- Learner --%>
+
+	<%-- Try to get authoring preview/learning/monitoring from the tool activity so we don't show the progress bar in monitoring --%>
+	<c:if test="${empty mode}">
+		<c:set var="mode" value="${param.mode}" />
+	</c:if>
+	<c:if test="${empty mode}">
+		<c:if test="${empty sessionMapID}">
+			<c:set var="sessionMapID" value="${param.sessionMapID}"/>
+		</c:if>
+		<c:set var="mode" value="${sessionScope[sessionMapID].mode}" />
+	</c:if>
+
+	<%--  only have sidebar and presence in learner --%>
+	<c:choose>
+	<c:when test="${ not hideProgressBar && ( empty mode || mode == 'author' || mode == 'learner') }">
+	
+		<%-- Links placed in body instead of head. Ugly, but it works. --%>
+		<link rel="stylesheet" href="<lams:LAMSURL/>css/progressBar.css" type="text/css" />
+		<script type="text/javascript" src="<lams:LAMSURL/>includes/javascript/snap.svg.js"></script>
+		<script type="text/javascript" src="<lams:LAMSURL/>includes/javascript/progressBar.js"></script>
 		
-		<c:choose>
-		<c:when test='${type == "navbar"}'>
-			<jsp:doBody />
-		</c:when> 
-		<c:otherwise>
-			<div class="panel panel-default panel-${type}-page">
-				<c:if test="${not empty title}">
-					<div class="panel-heading">
-						<div class="panel-title panel-${type}-title">
-							<c:out value="${title}" escapeXml="true" />
-							<c:if test="${not empty titleHelpURL}">
-								<span class="pull-right">${titleHelpURL}</span>
-							</c:if>
-						</div>
-						<c:if test="${not empty headingContent}">
-							<c:out value="${headingContent}" escapeXml="true" />
+		<c:if test="${empty lessonID}">
+			<c:set var="lessonID" value="${param.lessonID}" />
+		</c:if>
+
+		<c:if test="${empty lessonID}">
+			<%-- Desperately try to get tool session ID from the tool activity --%>
+			<c:if test="${empty toolSessionId}">
+				<c:set var="toolSessionId" value="${toolSessionID}" />
+			</c:if>
+			<c:if test="${empty toolSessionId}">
+				<c:set var="toolSessionId" value="${param.toolSessionId}" />
+			</c:if>
+			<c:if test="${empty toolSessionID}">
+				<c:set var="toolSessionId" value="${param.toolSessionID}" />
+			</c:if>
+			<c:if test="${empty toolSessionId}">
+				<c:set var="toolForm" value="<%=request.getAttribute(org.apache.struts.taglib.html.Constants.BEAN_KEY)%>" />
+				<c:set var="toolSessionId" value="${toolForm.toolSessionID}" />
+			</c:if>
+			<c:if test="${empty toolSessionId}">
+				<c:if test="${empty sessionMapID}">
+					<c:set var="sessionMapID" value="${param.sessionMapID}"/>
+				</c:if>
+				<c:set var="toolSessionId" value="${sessionScope[sessionMapID].toolSessionID}" />
+			</c:if>
+		</c:if>
+		
+		<script type="text/javascript">
+			var allowRestart = false,
+				restartLessonConfirmation = "Are you sure you want to start the lesson from the beginning?",
+				toolSessionId = '${toolSessionId}',
+				lessonId = '${lessonID}',
+				mode = '${mode}',
+				
+				LAMS_URL = '<lams:LAMSURL/>',
+				APP_URL = LAMS_URL + 'learning/',
+						
+				bars = {
+					'learnerMainBar' : {
+						'containerId' : 'progressBarDiv'
+					}
+				};
+
+			function restartLesson(){
+				if (confirm(restartLessonConfirmation)) {
+					window.location.href = APP_URL + 'learner.do?method=restartLesson&lessonID=' + lessonId;
+				}
+			}
+
+			function viewNotebookEntries(){
+				openPopUp(APP_URL + "notebook.do?method=viewAll&lessonID=" + lessonId,
+						"Notebook",
+						570,796,
+						"no");
+				hideSlideMenu(); /* For touch screen */
+			}
+		
+			function closeWindow() {
+	 			top.window.close();
+			}
+
+			function toggleSlideMenu() {	
+				if ( $("nav.sidebar").hasClass("expandmenu") ) {
+					hideSlideMenu();
+				}
+				else 
+					$("nav.sidebar").addClass("expandmenu");
+			}
+
+			function hideSlideMenu() {	
+				$("nav.sidebar").removeClass("expandmenu");
+			}
+			
+			function onProgressBarLoaded() {
+				$('#exitlabel').html(LABELS.EXIT);
+				$('#notebooklabel').html(LABELS.NOTEBOOK);
+				if ( allowRestart ) {
+					$('#restartlabel').html(LABELS.RESTART);
+					restartLessonConfirmation = LABELS.CONFIRM_RESTART;
+					$('#restartitem').show();
+				}
+			}
+			
+			$(document).ready(function() {
+				var showControlBar = true;
+				var showIM = true;
+				if ( window.frameElement ) {
+					var myId = window.frameElement.id;
+					if ( myId ) {
+						if ( myId == 'lamsDynamicFrame0' ) {
+							showIM = false;
+						} else if ( myId == 'lamsDynamicFrame1' ) {
+							showControlBar = false;
+						}
+					}
+				}
+
+				if ( lessonId != "" || toolSessionId != "" ) {
+					$.ajax({
+						url : APP_URL + 'learner.do',
+						data : {
+							'method'   : 'getLessonDetails',
+							'lessonID' : lessonId,
+							'toolSessionID' : toolSessionId,
+						},
+						cache : false,
+						dataType : 'json',
+						success : function(result) {
+							
+							lessonId = result.lessonID;
+							
+							if ( showControlBar ) {
+								allowRestart = result.allowRestart;
+								$('.lessonName').html(result.title);
+								fillProgressBar('learnerMainBar');
+								$('#sidebar').show();
+							}
+							
+							var presenceEnabledPatch = result.presenceEnabledPatch;
+							var presenceImEnabled = result.presenceImEnabled;
+							if ( showIM && (presenceEnabledPatch || presenceImEnabled) ) {
+								presenceURL = APP_URL+"presenceChat.jsp?presenceEnabledPatch="+presenceEnabledPatch
+										+"&presenceImEnabled="+presenceImEnabled+"&lessonID="+lessonId;
+								$('#presenceEnabledPatchDiv').load(presenceURL, function( response, status, xhr ) {
+									if ( status == "error" ) {
+										alert("Unable to load IM: " + xhr.status);
+									} 
+								});
+							}
+						}
+					});
+				}
+			});
+			
+		</script>
+	
+		<nav class="navbar navbar-default sidebar" id="sidebar" role="navigation" onMouseEnter="javascript:toggleSlideMenu()" onMouseLeave="javascript:hideSlideMenu()" style="display:none" >
+		    <div class="container-fluid">
+				<!-- Brand and toggle get grouped for better mobile display -->
+				<div class="navbar-header">
+					<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-sidebar-navbar-collapse-1">
+						<span class="sr-only">Toggle navigation</span>
+						<span class="icon-bar"></span>
+						<span class="icon-bar"></span>
+						<span class="icon-bar"></span>
+					</button>
+					<a class="navbar-brand visible-xs hidden-sm hidden-md hidden-lg" href="#"><span class="lessonName"></span></a>
+				</div>
+				<!-- Collect the nav links, forms, and other content for toggling -->
+				<div class="collapse navbar-collapse" id="bs-sidebar-navbar-collapse-1">
+					<ul class="nav navbar-nav">
+						<li><a href="#" class="hidden-xs visible-sm visible-md visible-lg slidesidemenu" onClick="javascript:toggleSlideMenu()">
+							<i class="pull-right fa fa-bars" style="color:#337ab7"></i>
+							<p class="lessonName"><%=request.getAttribute(org.apache.struts.taglib.html.Constants.BEAN_KEY)%></p></a></li>
+						<li><a href="#" onClick="javascript:closeWindow()" ><span id="exitlabel">ExitX</span><i class="pull-right fa fa-times"></i></a></li>
+						<li><a href="#" onClick="javascript:viewNotebookEntries()" ><span id="notebooklabel">NotebookX</span><i class="pull-right fa fa-book"></i></a></li>
+						<li id="restartitem" style="display:none"><a href="#" onClick="javascript:restartLesson()"><span id="restartlabel">RestartX</span><i class="pull-right fa fa-recycle"></i></a></li>
+						<li><a href="#" class="slidesidemenu" onClick="javascript:toggleSlideMenu()">
+							<i class="pull-right fa fa-map"></i></a>
+							<div id="progressBarDiv" class="progressBarContainer"></div></li>
+					</ul>
+				</div>
+			</div>
+		</nav>
+
+		<div class="content navcontent">
+	
+	</c:when> <%--  end of sidebar stuff - only used if in learner screen --%>
+	<c:otherwise>
+		<div class="content">
+	</c:otherwise>
+	</c:choose>
+	
+			<div class="row no-gutter">
+			<div class="col-xs-12">
+			<div class="container">
+					<div class="panel panel-default panel-${type}-page">
+						<c:if test="${not empty title}">
+							<div class="panel-heading">
+								<div class="panel-title panel-${type}-title">
+									<c:out value="${title}" escapeXml="true" />
+									<c:if test="${not empty titleHelpURL}">
+										<span class="pull-right">${titleHelpURL}</span>
+									</c:if>
+								</div>
+								<c:if test="${not empty headingContent}">
+									<c:out value="${headingContent}" escapeXml="true" />
+								</c:if>
+							</div>
 						</c:if>
+						
+						<div class="panel-body panel-${type}-body">
+							<jsp:doBody />
+						</div>
 					</div>
-				</c:if>
-				<div class="panel-body panel-${type}-body">
-					<jsp:doBody />
+					
+					<%--  only have sidebar and presence in learner --%>
+					<c:if test="${ not hideProgressBar && ( empty mode || mode == 'author' || mode == 'learner') }">
+					<div id="presenceEnabledPatchDiv"></div>
+					</c:if>
+						
+			</div>
 				</div>
 			</div>
-		</c:otherwise>
-		</c:choose>
-			
 		</div>
-		<!-- End content container -->
-	</div>
-</div>
 
+	</c:when>
 
+	<c:otherwise>
+	<!-- Standard Screens  --> 
+		<div class="row no-gutter">
+		<div class="col-xs-12">
+		<div class="container" id="content">
 		
+		<div class="panel panel-default panel-${type}-page">
+			<c:if test="${not empty title}">
+				<div class="panel-heading">
+					<div class="panel-title panel-${type}-title">
+						<c:out value="${title}" escapeXml="true" />
+						<c:if test="${not empty titleHelpURL}">
+							<span class="pull-right">${titleHelpURL}</span>
+						</c:if>
+					</div>
+					<c:if test="${not empty headingContent}">
+						<c:out value="${headingContent}" escapeXml="true" />
+					</c:if>
+				</div>
+			</c:if>
 			
+			<div class="panel-body panel-${type}-body">
+				<jsp:doBody />
+			</div>
+		</div>
+		</div>
+		</div>
+		</div>
+	</c:otherwise>
+</c:choose>
+
+
+		
+			
\ No newline at end of file
Index: lams_tool_images/web/WEB-INF/tags/Page.tag
===================================================================
RCS file: /usr/local/cvsroot/lams_tool_images/web/WEB-INF/tags/Attic/Page.tag,v
diff -u -r1.1.2.3 -r1.1.2.4
--- lams_tool_images/web/WEB-INF/tags/Page.tag	29 Jun 2016 12:55:50 -0000	1.1.2.3
+++ lams_tool_images/web/WEB-INF/tags/Page.tag	28 Jul 2016 04:05:37 -0000	1.1.2.4
@@ -1,49 +1,291 @@
 <%@ tag body-content="scriptless"%>
-<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
+<%@ taglib uri="tags-core" prefix="c"%>
+<%@ taglib uri="tags-fmt" prefix="fmt"%>
+<%@ taglib uri="tags-lams" prefix="lams"%>
 
 <%@ attribute name="type" required="true" rtexprvalue="true"%>
 <%@ attribute name="style" required="false" rtexprvalue="true"%>
 <%@ attribute name="title" required="false" rtexprvalue="true"%>
 <%@ attribute name="titleHelpURL" required="false" rtexprvalue="true"%>
 <%@ attribute name="headingContent" required="false" rtexprvalue="true"%>
+<%@ attribute name="hideProgressBar" required="false" rtexprvalue="true"%>
 
+			
+<c:choose>
 
-
-<div class="row no-gutter">
-	<div class="col-xs-12">
+	<c:when test='${type == "navbar"}'>
+	<%-- Combined tab and navigation bar used in authoring and monitoring --%>
+		<div class="row no-gutter">
+		<div class="col-xs-12">
 		<div class="container" id="content">
+		<jsp:doBody />
+		</div>
+		</div>
+		</div>
+	</c:when> 
+
+	<c:when test='${type == "learner"}'>
+	<%-- Learner --%>
+
+	<%-- Try to get authoring preview/learning/monitoring from the tool activity so we don't show the progress bar in monitoring --%>
+	<c:if test="${empty mode}">
+		<c:set var="mode" value="${param.mode}" />
+	</c:if>
+	<c:if test="${empty mode}">
+		<c:if test="${empty sessionMapID}">
+			<c:set var="sessionMapID" value="${param.sessionMapID}"/>
+		</c:if>
+		<c:set var="mode" value="${sessionScope[sessionMapID].mode}" />
+	</c:if>
+
+	<%--  only have sidebar and presence in learner --%>
+	<c:choose>
+	<c:when test="${ not hideProgressBar && ( empty mode || mode == 'author' || mode == 'learner') }">
+	
+		<%-- Links placed in body instead of head. Ugly, but it works. --%>
+		<link rel="stylesheet" href="<lams:LAMSURL/>css/progressBar.css" type="text/css" />
+		<script type="text/javascript" src="<lams:LAMSURL/>includes/javascript/snap.svg.js"></script>
+		<script type="text/javascript" src="<lams:LAMSURL/>includes/javascript/progressBar.js"></script>
 		
-		<c:choose>
-		<c:when test='${type == "navbar"}'>
-			<jsp:doBody />
-		</c:when> 
-		<c:otherwise>
-			<div class="panel panel-default panel-${type}-page">
-				<c:if test="${not empty title}">
-					<div class="panel-heading">
-						<div class="panel-title panel-${type}-title">
-							<c:out value="${title}" escapeXml="true" />
-							<c:if test="${not empty titleHelpURL}">
-								<span class="pull-right">${titleHelpURL}</span>
-							</c:if>
-						</div>
-						<c:if test="${not empty headingContent}">
-							<c:out value="${headingContent}" escapeXml="true" />
+		<c:if test="${empty lessonID}">
+			<c:set var="lessonID" value="${param.lessonID}" />
+		</c:if>
+
+		<c:if test="${empty lessonID}">
+			<%-- Desperately try to get tool session ID from the tool activity --%>
+			<c:if test="${empty toolSessionId}">
+				<c:set var="toolSessionId" value="${toolSessionID}" />
+			</c:if>
+			<c:if test="${empty toolSessionId}">
+				<c:set var="toolSessionId" value="${param.toolSessionId}" />
+			</c:if>
+			<c:if test="${empty toolSessionID}">
+				<c:set var="toolSessionId" value="${param.toolSessionID}" />
+			</c:if>
+			<c:if test="${empty toolSessionId}">
+				<c:set var="toolForm" value="<%=request.getAttribute(org.apache.struts.taglib.html.Constants.BEAN_KEY)%>" />
+				<c:set var="toolSessionId" value="${toolForm.toolSessionID}" />
+			</c:if>
+			<c:if test="${empty toolSessionId}">
+				<c:if test="${empty sessionMapID}">
+					<c:set var="sessionMapID" value="${param.sessionMapID}"/>
+				</c:if>
+				<c:set var="toolSessionId" value="${sessionScope[sessionMapID].toolSessionID}" />
+			</c:if>
+		</c:if>
+		
+		<script type="text/javascript">
+			var allowRestart = false,
+				restartLessonConfirmation = "Are you sure you want to start the lesson from the beginning?",
+				toolSessionId = '${toolSessionId}',
+				lessonId = '${lessonID}',
+				mode = '${mode}',
+				
+				LAMS_URL = '<lams:LAMSURL/>',
+				APP_URL = LAMS_URL + 'learning/',
+						
+				bars = {
+					'learnerMainBar' : {
+						'containerId' : 'progressBarDiv'
+					}
+				};
+
+			function restartLesson(){
+				if (confirm(restartLessonConfirmation)) {
+					window.location.href = APP_URL + 'learner.do?method=restartLesson&lessonID=' + lessonId;
+				}
+			}
+
+			function viewNotebookEntries(){
+				openPopUp(APP_URL + "notebook.do?method=viewAll&lessonID=" + lessonId,
+						"Notebook",
+						570,796,
+						"no");
+				hideSlideMenu(); /* For touch screen */
+			}
+		
+			function closeWindow() {
+	 			top.window.close();
+			}
+
+			function toggleSlideMenu() {	
+				if ( $("nav.sidebar").hasClass("expandmenu") ) {
+					hideSlideMenu();
+				}
+				else 
+					$("nav.sidebar").addClass("expandmenu");
+			}
+
+			function hideSlideMenu() {	
+				$("nav.sidebar").removeClass("expandmenu");
+			}
+			
+			function onProgressBarLoaded() {
+				$('#exitlabel').html(LABELS.EXIT);
+				$('#notebooklabel').html(LABELS.NOTEBOOK);
+				if ( allowRestart ) {
+					$('#restartlabel').html(LABELS.RESTART);
+					restartLessonConfirmation = LABELS.CONFIRM_RESTART;
+					$('#restartitem').show();
+				}
+			}
+			
+			$(document).ready(function() {
+				var showControlBar = true;
+				var showIM = true;
+				if ( window.frameElement ) {
+					var myId = window.frameElement.id;
+					if ( myId ) {
+						if ( myId == 'lamsDynamicFrame0' ) {
+							showIM = false;
+						} else if ( myId == 'lamsDynamicFrame1' ) {
+							showControlBar = false;
+						}
+					}
+				}
+
+				if ( lessonId != "" || toolSessionId != "" ) {
+					$.ajax({
+						url : APP_URL + 'learner.do',
+						data : {
+							'method'   : 'getLessonDetails',
+							'lessonID' : lessonId,
+							'toolSessionID' : toolSessionId,
+						},
+						cache : false,
+						dataType : 'json',
+						success : function(result) {
+							
+							lessonId = result.lessonID;
+							
+							if ( showControlBar ) {
+								allowRestart = result.allowRestart;
+								$('.lessonName').html(result.title);
+								fillProgressBar('learnerMainBar');
+								$('#sidebar').show();
+							}
+							
+							var presenceEnabledPatch = result.presenceEnabledPatch;
+							var presenceImEnabled = result.presenceImEnabled;
+							if ( showIM && (presenceEnabledPatch || presenceImEnabled) ) {
+								presenceURL = APP_URL+"presenceChat.jsp?presenceEnabledPatch="+presenceEnabledPatch
+										+"&presenceImEnabled="+presenceImEnabled+"&lessonID="+lessonId;
+								$('#presenceEnabledPatchDiv').load(presenceURL, function( response, status, xhr ) {
+									if ( status == "error" ) {
+										alert("Unable to load IM: " + xhr.status);
+									} 
+								});
+							}
+						}
+					});
+				}
+			});
+			
+		</script>
+	
+		<nav class="navbar navbar-default sidebar" id="sidebar" role="navigation" onMouseEnter="javascript:toggleSlideMenu()" onMouseLeave="javascript:hideSlideMenu()" style="display:none" >
+		    <div class="container-fluid">
+				<!-- Brand and toggle get grouped for better mobile display -->
+				<div class="navbar-header">
+					<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-sidebar-navbar-collapse-1">
+						<span class="sr-only">Toggle navigation</span>
+						<span class="icon-bar"></span>
+						<span class="icon-bar"></span>
+						<span class="icon-bar"></span>
+					</button>
+					<a class="navbar-brand visible-xs hidden-sm hidden-md hidden-lg" href="#"><span class="lessonName"></span></a>
+				</div>
+				<!-- Collect the nav links, forms, and other content for toggling -->
+				<div class="collapse navbar-collapse" id="bs-sidebar-navbar-collapse-1">
+					<ul class="nav navbar-nav">
+						<li><a href="#" class="hidden-xs visible-sm visible-md visible-lg slidesidemenu" onClick="javascript:toggleSlideMenu()">
+							<i class="pull-right fa fa-bars" style="color:#337ab7"></i>
+							<p class="lessonName"><%=request.getAttribute(org.apache.struts.taglib.html.Constants.BEAN_KEY)%></p></a></li>
+						<li><a href="#" onClick="javascript:closeWindow()" ><span id="exitlabel">ExitX</span><i class="pull-right fa fa-times"></i></a></li>
+						<li><a href="#" onClick="javascript:viewNotebookEntries()" ><span id="notebooklabel">NotebookX</span><i class="pull-right fa fa-book"></i></a></li>
+						<li id="restartitem" style="display:none"><a href="#" onClick="javascript:restartLesson()"><span id="restartlabel">RestartX</span><i class="pull-right fa fa-recycle"></i></a></li>
+						<li><a href="#" class="slidesidemenu" onClick="javascript:toggleSlideMenu()">
+							<i class="pull-right fa fa-map"></i></a>
+							<div id="progressBarDiv" class="progressBarContainer"></div></li>
+					</ul>
+				</div>
+			</div>
+		</nav>
+
+		<div class="content navcontent">
+	
+	</c:when> <%--  end of sidebar stuff - only used if in learner screen --%>
+	<c:otherwise>
+		<div class="content">
+	</c:otherwise>
+	</c:choose>
+	
+			<div class="row no-gutter">
+			<div class="col-xs-12">
+			<div class="container">
+					<div class="panel panel-default panel-${type}-page">
+						<c:if test="${not empty title}">
+							<div class="panel-heading">
+								<div class="panel-title panel-${type}-title">
+									<c:out value="${title}" escapeXml="true" />
+									<c:if test="${not empty titleHelpURL}">
+										<span class="pull-right">${titleHelpURL}</span>
+									</c:if>
+								</div>
+								<c:if test="${not empty headingContent}">
+									<c:out value="${headingContent}" escapeXml="true" />
+								</c:if>
+							</div>
 						</c:if>
+						
+						<div class="panel-body panel-${type}-body">
+							<jsp:doBody />
+						</div>
 					</div>
-				</c:if>
-				<div class="panel-body panel-${type}-body">
-					<jsp:doBody />
+					
+					<%--  only have sidebar and presence in learner --%>
+					<c:if test="${ not hideProgressBar && ( empty mode || mode == 'author' || mode == 'learner') }">
+					<div id="presenceEnabledPatchDiv"></div>
+					</c:if>
+						
+			</div>
 				</div>
 			</div>
-		</c:otherwise>
-		</c:choose>
-			
 		</div>
-		<!-- End content container -->
-	</div>
-</div>
 
+	</c:when>
 
+	<c:otherwise>
+	<!-- Standard Screens  --> 
+		<div class="row no-gutter">
+		<div class="col-xs-12">
+		<div class="container" id="content">
 		
+		<div class="panel panel-default panel-${type}-page">
+			<c:if test="${not empty title}">
+				<div class="panel-heading">
+					<div class="panel-title panel-${type}-title">
+						<c:out value="${title}" escapeXml="true" />
+						<c:if test="${not empty titleHelpURL}">
+							<span class="pull-right">${titleHelpURL}</span>
+						</c:if>
+					</div>
+					<c:if test="${not empty headingContent}">
+						<c:out value="${headingContent}" escapeXml="true" />
+					</c:if>
+				</div>
+			</c:if>
 			
+			<div class="panel-body panel-${type}-body">
+				<jsp:doBody />
+			</div>
+		</div>
+		</div>
+		</div>
+		</div>
+	</c:otherwise>
+</c:choose>
+
+
+		
+			
\ No newline at end of file
Index: lams_tool_imscc/web/WEB-INF/tags/Page.tag
===================================================================
RCS file: /usr/local/cvsroot/lams_tool_imscc/web/WEB-INF/tags/Attic/Page.tag,v
diff -u -r1.1.2.3 -r1.1.2.4
--- lams_tool_imscc/web/WEB-INF/tags/Page.tag	29 Jun 2016 12:56:53 -0000	1.1.2.3
+++ lams_tool_imscc/web/WEB-INF/tags/Page.tag	28 Jul 2016 04:05:36 -0000	1.1.2.4
@@ -1,49 +1,291 @@
 <%@ tag body-content="scriptless"%>
-<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
+<%@ taglib uri="tags-core" prefix="c"%>
+<%@ taglib uri="tags-fmt" prefix="fmt"%>
+<%@ taglib uri="tags-lams" prefix="lams"%>
 
 <%@ attribute name="type" required="true" rtexprvalue="true"%>
 <%@ attribute name="style" required="false" rtexprvalue="true"%>
 <%@ attribute name="title" required="false" rtexprvalue="true"%>
 <%@ attribute name="titleHelpURL" required="false" rtexprvalue="true"%>
 <%@ attribute name="headingContent" required="false" rtexprvalue="true"%>
+<%@ attribute name="hideProgressBar" required="false" rtexprvalue="true"%>
 
+			
+<c:choose>
 
-
-<div class="row no-gutter">
-	<div class="col-xs-12">
+	<c:when test='${type == "navbar"}'>
+	<%-- Combined tab and navigation bar used in authoring and monitoring --%>
+		<div class="row no-gutter">
+		<div class="col-xs-12">
 		<div class="container" id="content">
+		<jsp:doBody />
+		</div>
+		</div>
+		</div>
+	</c:when> 
+
+	<c:when test='${type == "learner"}'>
+	<%-- Learner --%>
+
+	<%-- Try to get authoring preview/learning/monitoring from the tool activity so we don't show the progress bar in monitoring --%>
+	<c:if test="${empty mode}">
+		<c:set var="mode" value="${param.mode}" />
+	</c:if>
+	<c:if test="${empty mode}">
+		<c:if test="${empty sessionMapID}">
+			<c:set var="sessionMapID" value="${param.sessionMapID}"/>
+		</c:if>
+		<c:set var="mode" value="${sessionScope[sessionMapID].mode}" />
+	</c:if>
+
+	<%--  only have sidebar and presence in learner --%>
+	<c:choose>
+	<c:when test="${ not hideProgressBar && ( empty mode || mode == 'author' || mode == 'learner') }">
+	
+		<%-- Links placed in body instead of head. Ugly, but it works. --%>
+		<link rel="stylesheet" href="<lams:LAMSURL/>css/progressBar.css" type="text/css" />
+		<script type="text/javascript" src="<lams:LAMSURL/>includes/javascript/snap.svg.js"></script>
+		<script type="text/javascript" src="<lams:LAMSURL/>includes/javascript/progressBar.js"></script>
 		
-		<c:choose>
-		<c:when test='${type == "navbar"}'>
-			<jsp:doBody />
-		</c:when> 
-		<c:otherwise>
-			<div class="panel panel-default panel-${type}-page">
-				<c:if test="${not empty title}">
-					<div class="panel-heading">
-						<div class="panel-title panel-${type}-title">
-							<c:out value="${title}" escapeXml="true" />
-							<c:if test="${not empty titleHelpURL}">
-								<span class="pull-right">${titleHelpURL}</span>
-							</c:if>
-						</div>
-						<c:if test="${not empty headingContent}">
-							<c:out value="${headingContent}" escapeXml="true" />
+		<c:if test="${empty lessonID}">
+			<c:set var="lessonID" value="${param.lessonID}" />
+		</c:if>
+
+		<c:if test="${empty lessonID}">
+			<%-- Desperately try to get tool session ID from the tool activity --%>
+			<c:if test="${empty toolSessionId}">
+				<c:set var="toolSessionId" value="${toolSessionID}" />
+			</c:if>
+			<c:if test="${empty toolSessionId}">
+				<c:set var="toolSessionId" value="${param.toolSessionId}" />
+			</c:if>
+			<c:if test="${empty toolSessionID}">
+				<c:set var="toolSessionId" value="${param.toolSessionID}" />
+			</c:if>
+			<c:if test="${empty toolSessionId}">
+				<c:set var="toolForm" value="<%=request.getAttribute(org.apache.struts.taglib.html.Constants.BEAN_KEY)%>" />
+				<c:set var="toolSessionId" value="${toolForm.toolSessionID}" />
+			</c:if>
+			<c:if test="${empty toolSessionId}">
+				<c:if test="${empty sessionMapID}">
+					<c:set var="sessionMapID" value="${param.sessionMapID}"/>
+				</c:if>
+				<c:set var="toolSessionId" value="${sessionScope[sessionMapID].toolSessionID}" />
+			</c:if>
+		</c:if>
+		
+		<script type="text/javascript">
+			var allowRestart = false,
+				restartLessonConfirmation = "Are you sure you want to start the lesson from the beginning?",
+				toolSessionId = '${toolSessionId}',
+				lessonId = '${lessonID}',
+				mode = '${mode}',
+				
+				LAMS_URL = '<lams:LAMSURL/>',
+				APP_URL = LAMS_URL + 'learning/',
+						
+				bars = {
+					'learnerMainBar' : {
+						'containerId' : 'progressBarDiv'
+					}
+				};
+
+			function restartLesson(){
+				if (confirm(restartLessonConfirmation)) {
+					window.location.href = APP_URL + 'learner.do?method=restartLesson&lessonID=' + lessonId;
+				}
+			}
+
+			function viewNotebookEntries(){
+				openPopUp(APP_URL + "notebook.do?method=viewAll&lessonID=" + lessonId,
+						"Notebook",
+						570,796,
+						"no");
+				hideSlideMenu(); /* For touch screen */
+			}
+		
+			function closeWindow() {
+	 			top.window.close();
+			}
+
+			function toggleSlideMenu() {	
+				if ( $("nav.sidebar").hasClass("expandmenu") ) {
+					hideSlideMenu();
+				}
+				else 
+					$("nav.sidebar").addClass("expandmenu");
+			}
+
+			function hideSlideMenu() {	
+				$("nav.sidebar").removeClass("expandmenu");
+			}
+			
+			function onProgressBarLoaded() {
+				$('#exitlabel').html(LABELS.EXIT);
+				$('#notebooklabel').html(LABELS.NOTEBOOK);
+				if ( allowRestart ) {
+					$('#restartlabel').html(LABELS.RESTART);
+					restartLessonConfirmation = LABELS.CONFIRM_RESTART;
+					$('#restartitem').show();
+				}
+			}
+			
+			$(document).ready(function() {
+				var showControlBar = true;
+				var showIM = true;
+				if ( window.frameElement ) {
+					var myId = window.frameElement.id;
+					if ( myId ) {
+						if ( myId == 'lamsDynamicFrame0' ) {
+							showIM = false;
+						} else if ( myId == 'lamsDynamicFrame1' ) {
+							showControlBar = false;
+						}
+					}
+				}
+
+				if ( lessonId != "" || toolSessionId != "" ) {
+					$.ajax({
+						url : APP_URL + 'learner.do',
+						data : {
+							'method'   : 'getLessonDetails',
+							'lessonID' : lessonId,
+							'toolSessionID' : toolSessionId,
+						},
+						cache : false,
+						dataType : 'json',
+						success : function(result) {
+							
+							lessonId = result.lessonID;
+							
+							if ( showControlBar ) {
+								allowRestart = result.allowRestart;
+								$('.lessonName').html(result.title);
+								fillProgressBar('learnerMainBar');
+								$('#sidebar').show();
+							}
+							
+							var presenceEnabledPatch = result.presenceEnabledPatch;
+							var presenceImEnabled = result.presenceImEnabled;
+							if ( showIM && (presenceEnabledPatch || presenceImEnabled) ) {
+								presenceURL = APP_URL+"presenceChat.jsp?presenceEnabledPatch="+presenceEnabledPatch
+										+"&presenceImEnabled="+presenceImEnabled+"&lessonID="+lessonId;
+								$('#presenceEnabledPatchDiv').load(presenceURL, function( response, status, xhr ) {
+									if ( status == "error" ) {
+										alert("Unable to load IM: " + xhr.status);
+									} 
+								});
+							}
+						}
+					});
+				}
+			});
+			
+		</script>
+	
+		<nav class="navbar navbar-default sidebar" id="sidebar" role="navigation" onMouseEnter="javascript:toggleSlideMenu()" onMouseLeave="javascript:hideSlideMenu()" style="display:none" >
+		    <div class="container-fluid">
+				<!-- Brand and toggle get grouped for better mobile display -->
+				<div class="navbar-header">
+					<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-sidebar-navbar-collapse-1">
+						<span class="sr-only">Toggle navigation</span>
+						<span class="icon-bar"></span>
+						<span class="icon-bar"></span>
+						<span class="icon-bar"></span>
+					</button>
+					<a class="navbar-brand visible-xs hidden-sm hidden-md hidden-lg" href="#"><span class="lessonName"></span></a>
+				</div>
+				<!-- Collect the nav links, forms, and other content for toggling -->
+				<div class="collapse navbar-collapse" id="bs-sidebar-navbar-collapse-1">
+					<ul class="nav navbar-nav">
+						<li><a href="#" class="hidden-xs visible-sm visible-md visible-lg slidesidemenu" onClick="javascript:toggleSlideMenu()">
+							<i class="pull-right fa fa-bars" style="color:#337ab7"></i>
+							<p class="lessonName"><%=request.getAttribute(org.apache.struts.taglib.html.Constants.BEAN_KEY)%></p></a></li>
+						<li><a href="#" onClick="javascript:closeWindow()" ><span id="exitlabel">ExitX</span><i class="pull-right fa fa-times"></i></a></li>
+						<li><a href="#" onClick="javascript:viewNotebookEntries()" ><span id="notebooklabel">NotebookX</span><i class="pull-right fa fa-book"></i></a></li>
+						<li id="restartitem" style="display:none"><a href="#" onClick="javascript:restartLesson()"><span id="restartlabel">RestartX</span><i class="pull-right fa fa-recycle"></i></a></li>
+						<li><a href="#" class="slidesidemenu" onClick="javascript:toggleSlideMenu()">
+							<i class="pull-right fa fa-map"></i></a>
+							<div id="progressBarDiv" class="progressBarContainer"></div></li>
+					</ul>
+				</div>
+			</div>
+		</nav>
+
+		<div class="content navcontent">
+	
+	</c:when> <%--  end of sidebar stuff - only used if in learner screen --%>
+	<c:otherwise>
+		<div class="content">
+	</c:otherwise>
+	</c:choose>
+	
+			<div class="row no-gutter">
+			<div class="col-xs-12">
+			<div class="container">
+					<div class="panel panel-default panel-${type}-page">
+						<c:if test="${not empty title}">
+							<div class="panel-heading">
+								<div class="panel-title panel-${type}-title">
+									<c:out value="${title}" escapeXml="true" />
+									<c:if test="${not empty titleHelpURL}">
+										<span class="pull-right">${titleHelpURL}</span>
+									</c:if>
+								</div>
+								<c:if test="${not empty headingContent}">
+									<c:out value="${headingContent}" escapeXml="true" />
+								</c:if>
+							</div>
 						</c:if>
+						
+						<div class="panel-body panel-${type}-body">
+							<jsp:doBody />
+						</div>
 					</div>
-				</c:if>
-				<div class="panel-body panel-${type}-body">
-					<jsp:doBody />
+					
+					<%--  only have sidebar and presence in learner --%>
+					<c:if test="${ not hideProgressBar && ( empty mode || mode == 'author' || mode == 'learner') }">
+					<div id="presenceEnabledPatchDiv"></div>
+					</c:if>
+						
+			</div>
 				</div>
 			</div>
-		</c:otherwise>
-		</c:choose>
-			
 		</div>
-		<!-- End content container -->
-	</div>
-</div>
 
+	</c:when>
 
+	<c:otherwise>
+	<!-- Standard Screens  --> 
+		<div class="row no-gutter">
+		<div class="col-xs-12">
+		<div class="container" id="content">
 		
+		<div class="panel panel-default panel-${type}-page">
+			<c:if test="${not empty title}">
+				<div class="panel-heading">
+					<div class="panel-title panel-${type}-title">
+						<c:out value="${title}" escapeXml="true" />
+						<c:if test="${not empty titleHelpURL}">
+							<span class="pull-right">${titleHelpURL}</span>
+						</c:if>
+					</div>
+					<c:if test="${not empty headingContent}">
+						<c:out value="${headingContent}" escapeXml="true" />
+					</c:if>
+				</div>
+			</c:if>
 			
+			<div class="panel-body panel-${type}-body">
+				<jsp:doBody />
+			</div>
+		</div>
+		</div>
+		</div>
+		</div>
+	</c:otherwise>
+</c:choose>
+
+
+		
+			
\ No newline at end of file
Index: lams_tool_kaltura/web/WEB-INF/tags/Page.tag
===================================================================
RCS file: /usr/local/cvsroot/lams_tool_kaltura/web/WEB-INF/tags/Attic/Page.tag,v
diff -u -r1.1.2.3 -r1.1.2.4
--- lams_tool_kaltura/web/WEB-INF/tags/Page.tag	30 Jun 2016 01:26:41 -0000	1.1.2.3
+++ lams_tool_kaltura/web/WEB-INF/tags/Page.tag	28 Jul 2016 04:05:38 -0000	1.1.2.4
@@ -1,49 +1,291 @@
 <%@ tag body-content="scriptless"%>
-<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
+<%@ taglib uri="tags-core" prefix="c"%>
+<%@ taglib uri="tags-fmt" prefix="fmt"%>
+<%@ taglib uri="tags-lams" prefix="lams"%>
 
 <%@ attribute name="type" required="true" rtexprvalue="true"%>
 <%@ attribute name="style" required="false" rtexprvalue="true"%>
 <%@ attribute name="title" required="false" rtexprvalue="true"%>
 <%@ attribute name="titleHelpURL" required="false" rtexprvalue="true"%>
 <%@ attribute name="headingContent" required="false" rtexprvalue="true"%>
+<%@ attribute name="hideProgressBar" required="false" rtexprvalue="true"%>
 
+			
+<c:choose>
 
-
-<div class="row no-gutter">
-	<div class="col-xs-12">
+	<c:when test='${type == "navbar"}'>
+	<%-- Combined tab and navigation bar used in authoring and monitoring --%>
+		<div class="row no-gutter">
+		<div class="col-xs-12">
 		<div class="container" id="content">
+		<jsp:doBody />
+		</div>
+		</div>
+		</div>
+	</c:when> 
+
+	<c:when test='${type == "learner"}'>
+	<%-- Learner --%>
+
+	<%-- Try to get authoring preview/learning/monitoring from the tool activity so we don't show the progress bar in monitoring --%>
+	<c:if test="${empty mode}">
+		<c:set var="mode" value="${param.mode}" />
+	</c:if>
+	<c:if test="${empty mode}">
+		<c:if test="${empty sessionMapID}">
+			<c:set var="sessionMapID" value="${param.sessionMapID}"/>
+		</c:if>
+		<c:set var="mode" value="${sessionScope[sessionMapID].mode}" />
+	</c:if>
+
+	<%--  only have sidebar and presence in learner --%>
+	<c:choose>
+	<c:when test="${ not hideProgressBar && ( empty mode || mode == 'author' || mode == 'learner') }">
+	
+		<%-- Links placed in body instead of head. Ugly, but it works. --%>
+		<link rel="stylesheet" href="<lams:LAMSURL/>css/progressBar.css" type="text/css" />
+		<script type="text/javascript" src="<lams:LAMSURL/>includes/javascript/snap.svg.js"></script>
+		<script type="text/javascript" src="<lams:LAMSURL/>includes/javascript/progressBar.js"></script>
 		
-		<c:choose>
-		<c:when test='${type == "navbar"}'>
-			<jsp:doBody />
-		</c:when> 
-		<c:otherwise>
-			<div class="panel panel-default panel-${type}-page">
-				<c:if test="${not empty title}">
-					<div class="panel-heading">
-						<div class="panel-title panel-${type}-title">
-							<c:out value="${title}" escapeXml="true" />
-							<c:if test="${not empty titleHelpURL}">
-								<span class="pull-right">${titleHelpURL}</span>
-							</c:if>
-						</div>
-						<c:if test="${not empty headingContent}">
-							<c:out value="${headingContent}" escapeXml="true" />
+		<c:if test="${empty lessonID}">
+			<c:set var="lessonID" value="${param.lessonID}" />
+		</c:if>
+
+		<c:if test="${empty lessonID}">
+			<%-- Desperately try to get tool session ID from the tool activity --%>
+			<c:if test="${empty toolSessionId}">
+				<c:set var="toolSessionId" value="${toolSessionID}" />
+			</c:if>
+			<c:if test="${empty toolSessionId}">
+				<c:set var="toolSessionId" value="${param.toolSessionId}" />
+			</c:if>
+			<c:if test="${empty toolSessionID}">
+				<c:set var="toolSessionId" value="${param.toolSessionID}" />
+			</c:if>
+			<c:if test="${empty toolSessionId}">
+				<c:set var="toolForm" value="<%=request.getAttribute(org.apache.struts.taglib.html.Constants.BEAN_KEY)%>" />
+				<c:set var="toolSessionId" value="${toolForm.toolSessionID}" />
+			</c:if>
+			<c:if test="${empty toolSessionId}">
+				<c:if test="${empty sessionMapID}">
+					<c:set var="sessionMapID" value="${param.sessionMapID}"/>
+				</c:if>
+				<c:set var="toolSessionId" value="${sessionScope[sessionMapID].toolSessionID}" />
+			</c:if>
+		</c:if>
+		
+		<script type="text/javascript">
+			var allowRestart = false,
+				restartLessonConfirmation = "Are you sure you want to start the lesson from the beginning?",
+				toolSessionId = '${toolSessionId}',
+				lessonId = '${lessonID}',
+				mode = '${mode}',
+				
+				LAMS_URL = '<lams:LAMSURL/>',
+				APP_URL = LAMS_URL + 'learning/',
+						
+				bars = {
+					'learnerMainBar' : {
+						'containerId' : 'progressBarDiv'
+					}
+				};
+
+			function restartLesson(){
+				if (confirm(restartLessonConfirmation)) {
+					window.location.href = APP_URL + 'learner.do?method=restartLesson&lessonID=' + lessonId;
+				}
+			}
+
+			function viewNotebookEntries(){
+				openPopUp(APP_URL + "notebook.do?method=viewAll&lessonID=" + lessonId,
+						"Notebook",
+						570,796,
+						"no");
+				hideSlideMenu(); /* For touch screen */
+			}
+		
+			function closeWindow() {
+	 			top.window.close();
+			}
+
+			function toggleSlideMenu() {	
+				if ( $("nav.sidebar").hasClass("expandmenu") ) {
+					hideSlideMenu();
+				}
+				else 
+					$("nav.sidebar").addClass("expandmenu");
+			}
+
+			function hideSlideMenu() {	
+				$("nav.sidebar").removeClass("expandmenu");
+			}
+			
+			function onProgressBarLoaded() {
+				$('#exitlabel').html(LABELS.EXIT);
+				$('#notebooklabel').html(LABELS.NOTEBOOK);
+				if ( allowRestart ) {
+					$('#restartlabel').html(LABELS.RESTART);
+					restartLessonConfirmation = LABELS.CONFIRM_RESTART;
+					$('#restartitem').show();
+				}
+			}
+			
+			$(document).ready(function() {
+				var showControlBar = true;
+				var showIM = true;
+				if ( window.frameElement ) {
+					var myId = window.frameElement.id;
+					if ( myId ) {
+						if ( myId == 'lamsDynamicFrame0' ) {
+							showIM = false;
+						} else if ( myId == 'lamsDynamicFrame1' ) {
+							showControlBar = false;
+						}
+					}
+				}
+
+				if ( lessonId != "" || toolSessionId != "" ) {
+					$.ajax({
+						url : APP_URL + 'learner.do',
+						data : {
+							'method'   : 'getLessonDetails',
+							'lessonID' : lessonId,
+							'toolSessionID' : toolSessionId,
+						},
+						cache : false,
+						dataType : 'json',
+						success : function(result) {
+							
+							lessonId = result.lessonID;
+							
+							if ( showControlBar ) {
+								allowRestart = result.allowRestart;
+								$('.lessonName').html(result.title);
+								fillProgressBar('learnerMainBar');
+								$('#sidebar').show();
+							}
+							
+							var presenceEnabledPatch = result.presenceEnabledPatch;
+							var presenceImEnabled = result.presenceImEnabled;
+							if ( showIM && (presenceEnabledPatch || presenceImEnabled) ) {
+								presenceURL = APP_URL+"presenceChat.jsp?presenceEnabledPatch="+presenceEnabledPatch
+										+"&presenceImEnabled="+presenceImEnabled+"&lessonID="+lessonId;
+								$('#presenceEnabledPatchDiv').load(presenceURL, function( response, status, xhr ) {
+									if ( status == "error" ) {
+										alert("Unable to load IM: " + xhr.status);
+									} 
+								});
+							}
+						}
+					});
+				}
+			});
+			
+		</script>
+	
+		<nav class="navbar navbar-default sidebar" id="sidebar" role="navigation" onMouseEnter="javascript:toggleSlideMenu()" onMouseLeave="javascript:hideSlideMenu()" style="display:none" >
+		    <div class="container-fluid">
+				<!-- Brand and toggle get grouped for better mobile display -->
+				<div class="navbar-header">
+					<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-sidebar-navbar-collapse-1">
+						<span class="sr-only">Toggle navigation</span>
+						<span class="icon-bar"></span>
+						<span class="icon-bar"></span>
+						<span class="icon-bar"></span>
+					</button>
+					<a class="navbar-brand visible-xs hidden-sm hidden-md hidden-lg" href="#"><span class="lessonName"></span></a>
+				</div>
+				<!-- Collect the nav links, forms, and other content for toggling -->
+				<div class="collapse navbar-collapse" id="bs-sidebar-navbar-collapse-1">
+					<ul class="nav navbar-nav">
+						<li><a href="#" class="hidden-xs visible-sm visible-md visible-lg slidesidemenu" onClick="javascript:toggleSlideMenu()">
+							<i class="pull-right fa fa-bars" style="color:#337ab7"></i>
+							<p class="lessonName"><%=request.getAttribute(org.apache.struts.taglib.html.Constants.BEAN_KEY)%></p></a></li>
+						<li><a href="#" onClick="javascript:closeWindow()" ><span id="exitlabel">ExitX</span><i class="pull-right fa fa-times"></i></a></li>
+						<li><a href="#" onClick="javascript:viewNotebookEntries()" ><span id="notebooklabel">NotebookX</span><i class="pull-right fa fa-book"></i></a></li>
+						<li id="restartitem" style="display:none"><a href="#" onClick="javascript:restartLesson()"><span id="restartlabel">RestartX</span><i class="pull-right fa fa-recycle"></i></a></li>
+						<li><a href="#" class="slidesidemenu" onClick="javascript:toggleSlideMenu()">
+							<i class="pull-right fa fa-map"></i></a>
+							<div id="progressBarDiv" class="progressBarContainer"></div></li>
+					</ul>
+				</div>
+			</div>
+		</nav>
+
+		<div class="content navcontent">
+	
+	</c:when> <%--  end of sidebar stuff - only used if in learner screen --%>
+	<c:otherwise>
+		<div class="content">
+	</c:otherwise>
+	</c:choose>
+	
+			<div class="row no-gutter">
+			<div class="col-xs-12">
+			<div class="container">
+					<div class="panel panel-default panel-${type}-page">
+						<c:if test="${not empty title}">
+							<div class="panel-heading">
+								<div class="panel-title panel-${type}-title">
+									<c:out value="${title}" escapeXml="true" />
+									<c:if test="${not empty titleHelpURL}">
+										<span class="pull-right">${titleHelpURL}</span>
+									</c:if>
+								</div>
+								<c:if test="${not empty headingContent}">
+									<c:out value="${headingContent}" escapeXml="true" />
+								</c:if>
+							</div>
 						</c:if>
+						
+						<div class="panel-body panel-${type}-body">
+							<jsp:doBody />
+						</div>
 					</div>
-				</c:if>
-				<div class="panel-body panel-${type}-body">
-					<jsp:doBody />
+					
+					<%--  only have sidebar and presence in learner --%>
+					<c:if test="${ not hideProgressBar && ( empty mode || mode == 'author' || mode == 'learner') }">
+					<div id="presenceEnabledPatchDiv"></div>
+					</c:if>
+						
+			</div>
 				</div>
 			</div>
-		</c:otherwise>
-		</c:choose>
-			
 		</div>
-		<!-- End content container -->
-	</div>
-</div>
 
+	</c:when>
 
+	<c:otherwise>
+	<!-- Standard Screens  --> 
+		<div class="row no-gutter">
+		<div class="col-xs-12">
+		<div class="container" id="content">
 		
+		<div class="panel panel-default panel-${type}-page">
+			<c:if test="${not empty title}">
+				<div class="panel-heading">
+					<div class="panel-title panel-${type}-title">
+						<c:out value="${title}" escapeXml="true" />
+						<c:if test="${not empty titleHelpURL}">
+							<span class="pull-right">${titleHelpURL}</span>
+						</c:if>
+					</div>
+					<c:if test="${not empty headingContent}">
+						<c:out value="${headingContent}" escapeXml="true" />
+					</c:if>
+				</div>
+			</c:if>
 			
+			<div class="panel-body panel-${type}-body">
+				<jsp:doBody />
+			</div>
+		</div>
+		</div>
+		</div>
+		</div>
+	</c:otherwise>
+</c:choose>
+
+
+		
+			
\ No newline at end of file
Index: lams_tool_lamc/web/WEB-INF/tags/Page.tag
===================================================================
RCS file: /usr/local/cvsroot/lams_tool_lamc/web/WEB-INF/tags/Attic/Page.tag,v
diff -u -r1.1.2.4 -r1.1.2.5
--- lams_tool_lamc/web/WEB-INF/tags/Page.tag	30 Jun 2016 07:48:53 -0000	1.1.2.4
+++ lams_tool_lamc/web/WEB-INF/tags/Page.tag	28 Jul 2016 04:05:35 -0000	1.1.2.5
@@ -1,49 +1,291 @@
 <%@ tag body-content="scriptless"%>
-<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
+<%@ taglib uri="tags-core" prefix="c"%>
+<%@ taglib uri="tags-fmt" prefix="fmt"%>
+<%@ taglib uri="tags-lams" prefix="lams"%>
 
 <%@ attribute name="type" required="true" rtexprvalue="true"%>
 <%@ attribute name="style" required="false" rtexprvalue="true"%>
 <%@ attribute name="title" required="false" rtexprvalue="true"%>
 <%@ attribute name="titleHelpURL" required="false" rtexprvalue="true"%>
 <%@ attribute name="headingContent" required="false" rtexprvalue="true"%>
+<%@ attribute name="hideProgressBar" required="false" rtexprvalue="true"%>
 
+			
+<c:choose>
 
-
-<div class="row no-gutter">
-	<div class="col-xs-12">
+	<c:when test='${type == "navbar"}'>
+	<%-- Combined tab and navigation bar used in authoring and monitoring --%>
+		<div class="row no-gutter">
+		<div class="col-xs-12">
 		<div class="container" id="content">
+		<jsp:doBody />
+		</div>
+		</div>
+		</div>
+	</c:when> 
+
+	<c:when test='${type == "learner"}'>
+	<%-- Learner --%>
+
+	<%-- Try to get authoring preview/learning/monitoring from the tool activity so we don't show the progress bar in monitoring --%>
+	<c:if test="${empty mode}">
+		<c:set var="mode" value="${param.mode}" />
+	</c:if>
+	<c:if test="${empty mode}">
+		<c:if test="${empty sessionMapID}">
+			<c:set var="sessionMapID" value="${param.sessionMapID}"/>
+		</c:if>
+		<c:set var="mode" value="${sessionScope[sessionMapID].mode}" />
+	</c:if>
+
+	<%--  only have sidebar and presence in learner --%>
+	<c:choose>
+	<c:when test="${ not hideProgressBar && ( empty mode || mode == 'author' || mode == 'learner') }">
+	
+		<%-- Links placed in body instead of head. Ugly, but it works. --%>
+		<link rel="stylesheet" href="<lams:LAMSURL/>css/progressBar.css" type="text/css" />
+		<script type="text/javascript" src="<lams:LAMSURL/>includes/javascript/snap.svg.js"></script>
+		<script type="text/javascript" src="<lams:LAMSURL/>includes/javascript/progressBar.js"></script>
 		
-		<c:choose>
-		<c:when test='${type == "navbar"}'>
-			<jsp:doBody />
-		</c:when> 
-		<c:otherwise>
-			<div class="panel panel-default panel-${type}-page">
-				<c:if test="${not empty title}">
-					<div class="panel-heading">
-						<div class="panel-title panel-${type}-title">
-							<c:out value="${title}" escapeXml="true" />
-							<c:if test="${not empty titleHelpURL}">
-								<span class="pull-right">${titleHelpURL}</span>
-							</c:if>
-						</div>
-						<c:if test="${not empty headingContent}">
-							<c:out value="${headingContent}" escapeXml="true" />
+		<c:if test="${empty lessonID}">
+			<c:set var="lessonID" value="${param.lessonID}" />
+		</c:if>
+
+		<c:if test="${empty lessonID}">
+			<%-- Desperately try to get tool session ID from the tool activity --%>
+			<c:if test="${empty toolSessionId}">
+				<c:set var="toolSessionId" value="${toolSessionID}" />
+			</c:if>
+			<c:if test="${empty toolSessionId}">
+				<c:set var="toolSessionId" value="${param.toolSessionId}" />
+			</c:if>
+			<c:if test="${empty toolSessionID}">
+				<c:set var="toolSessionId" value="${param.toolSessionID}" />
+			</c:if>
+			<c:if test="${empty toolSessionId}">
+				<c:set var="toolForm" value="<%=request.getAttribute(org.apache.struts.taglib.html.Constants.BEAN_KEY)%>" />
+				<c:set var="toolSessionId" value="${toolForm.toolSessionID}" />
+			</c:if>
+			<c:if test="${empty toolSessionId}">
+				<c:if test="${empty sessionMapID}">
+					<c:set var="sessionMapID" value="${param.sessionMapID}"/>
+				</c:if>
+				<c:set var="toolSessionId" value="${sessionScope[sessionMapID].toolSessionID}" />
+			</c:if>
+		</c:if>
+		
+		<script type="text/javascript">
+			var allowRestart = false,
+				restartLessonConfirmation = "Are you sure you want to start the lesson from the beginning?",
+				toolSessionId = '${toolSessionId}',
+				lessonId = '${lessonID}',
+				mode = '${mode}',
+				
+				LAMS_URL = '<lams:LAMSURL/>',
+				APP_URL = LAMS_URL + 'learning/',
+						
+				bars = {
+					'learnerMainBar' : {
+						'containerId' : 'progressBarDiv'
+					}
+				};
+
+			function restartLesson(){
+				if (confirm(restartLessonConfirmation)) {
+					window.location.href = APP_URL + 'learner.do?method=restartLesson&lessonID=' + lessonId;
+				}
+			}
+
+			function viewNotebookEntries(){
+				openPopUp(APP_URL + "notebook.do?method=viewAll&lessonID=" + lessonId,
+						"Notebook",
+						570,796,
+						"no");
+				hideSlideMenu(); /* For touch screen */
+			}
+		
+			function closeWindow() {
+	 			top.window.close();
+			}
+
+			function toggleSlideMenu() {	
+				if ( $("nav.sidebar").hasClass("expandmenu") ) {
+					hideSlideMenu();
+				}
+				else 
+					$("nav.sidebar").addClass("expandmenu");
+			}
+
+			function hideSlideMenu() {	
+				$("nav.sidebar").removeClass("expandmenu");
+			}
+			
+			function onProgressBarLoaded() {
+				$('#exitlabel').html(LABELS.EXIT);
+				$('#notebooklabel').html(LABELS.NOTEBOOK);
+				if ( allowRestart ) {
+					$('#restartlabel').html(LABELS.RESTART);
+					restartLessonConfirmation = LABELS.CONFIRM_RESTART;
+					$('#restartitem').show();
+				}
+			}
+			
+			$(document).ready(function() {
+				var showControlBar = true;
+				var showIM = true;
+				if ( window.frameElement ) {
+					var myId = window.frameElement.id;
+					if ( myId ) {
+						if ( myId == 'lamsDynamicFrame0' ) {
+							showIM = false;
+						} else if ( myId == 'lamsDynamicFrame1' ) {
+							showControlBar = false;
+						}
+					}
+				}
+
+				if ( lessonId != "" || toolSessionId != "" ) {
+					$.ajax({
+						url : APP_URL + 'learner.do',
+						data : {
+							'method'   : 'getLessonDetails',
+							'lessonID' : lessonId,
+							'toolSessionID' : toolSessionId,
+						},
+						cache : false,
+						dataType : 'json',
+						success : function(result) {
+							
+							lessonId = result.lessonID;
+							
+							if ( showControlBar ) {
+								allowRestart = result.allowRestart;
+								$('.lessonName').html(result.title);
+								fillProgressBar('learnerMainBar');
+								$('#sidebar').show();
+							}
+							
+							var presenceEnabledPatch = result.presenceEnabledPatch;
+							var presenceImEnabled = result.presenceImEnabled;
+							if ( showIM && (presenceEnabledPatch || presenceImEnabled) ) {
+								presenceURL = APP_URL+"presenceChat.jsp?presenceEnabledPatch="+presenceEnabledPatch
+										+"&presenceImEnabled="+presenceImEnabled+"&lessonID="+lessonId;
+								$('#presenceEnabledPatchDiv').load(presenceURL, function( response, status, xhr ) {
+									if ( status == "error" ) {
+										alert("Unable to load IM: " + xhr.status);
+									} 
+								});
+							}
+						}
+					});
+				}
+			});
+			
+		</script>
+	
+		<nav class="navbar navbar-default sidebar" id="sidebar" role="navigation" onMouseEnter="javascript:toggleSlideMenu()" onMouseLeave="javascript:hideSlideMenu()" style="display:none" >
+		    <div class="container-fluid">
+				<!-- Brand and toggle get grouped for better mobile display -->
+				<div class="navbar-header">
+					<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-sidebar-navbar-collapse-1">
+						<span class="sr-only">Toggle navigation</span>
+						<span class="icon-bar"></span>
+						<span class="icon-bar"></span>
+						<span class="icon-bar"></span>
+					</button>
+					<a class="navbar-brand visible-xs hidden-sm hidden-md hidden-lg" href="#"><span class="lessonName"></span></a>
+				</div>
+				<!-- Collect the nav links, forms, and other content for toggling -->
+				<div class="collapse navbar-collapse" id="bs-sidebar-navbar-collapse-1">
+					<ul class="nav navbar-nav">
+						<li><a href="#" class="hidden-xs visible-sm visible-md visible-lg slidesidemenu" onClick="javascript:toggleSlideMenu()">
+							<i class="pull-right fa fa-bars" style="color:#337ab7"></i>
+							<p class="lessonName"><%=request.getAttribute(org.apache.struts.taglib.html.Constants.BEAN_KEY)%></p></a></li>
+						<li><a href="#" onClick="javascript:closeWindow()" ><span id="exitlabel">ExitX</span><i class="pull-right fa fa-times"></i></a></li>
+						<li><a href="#" onClick="javascript:viewNotebookEntries()" ><span id="notebooklabel">NotebookX</span><i class="pull-right fa fa-book"></i></a></li>
+						<li id="restartitem" style="display:none"><a href="#" onClick="javascript:restartLesson()"><span id="restartlabel">RestartX</span><i class="pull-right fa fa-recycle"></i></a></li>
+						<li><a href="#" class="slidesidemenu" onClick="javascript:toggleSlideMenu()">
+							<i class="pull-right fa fa-map"></i></a>
+							<div id="progressBarDiv" class="progressBarContainer"></div></li>
+					</ul>
+				</div>
+			</div>
+		</nav>
+
+		<div class="content navcontent">
+	
+	</c:when> <%--  end of sidebar stuff - only used if in learner screen --%>
+	<c:otherwise>
+		<div class="content">
+	</c:otherwise>
+	</c:choose>
+	
+			<div class="row no-gutter">
+			<div class="col-xs-12">
+			<div class="container">
+					<div class="panel panel-default panel-${type}-page">
+						<c:if test="${not empty title}">
+							<div class="panel-heading">
+								<div class="panel-title panel-${type}-title">
+									<c:out value="${title}" escapeXml="true" />
+									<c:if test="${not empty titleHelpURL}">
+										<span class="pull-right">${titleHelpURL}</span>
+									</c:if>
+								</div>
+								<c:if test="${not empty headingContent}">
+									<c:out value="${headingContent}" escapeXml="true" />
+								</c:if>
+							</div>
 						</c:if>
+						
+						<div class="panel-body panel-${type}-body">
+							<jsp:doBody />
+						</div>
 					</div>
-				</c:if>
-				<div class="panel-body panel-${type}-body">
-					<jsp:doBody />
+					
+					<%--  only have sidebar and presence in learner --%>
+					<c:if test="${ not hideProgressBar && ( empty mode || mode == 'author' || mode == 'learner') }">
+					<div id="presenceEnabledPatchDiv"></div>
+					</c:if>
+						
+			</div>
 				</div>
 			</div>
-		</c:otherwise>
-		</c:choose>
-			
 		</div>
-		<!-- End content container -->
-	</div>
-</div>
 
+	</c:when>
 
+	<c:otherwise>
+	<!-- Standard Screens  --> 
+		<div class="row no-gutter">
+		<div class="col-xs-12">
+		<div class="container" id="content">
 		
+		<div class="panel panel-default panel-${type}-page">
+			<c:if test="${not empty title}">
+				<div class="panel-heading">
+					<div class="panel-title panel-${type}-title">
+						<c:out value="${title}" escapeXml="true" />
+						<c:if test="${not empty titleHelpURL}">
+							<span class="pull-right">${titleHelpURL}</span>
+						</c:if>
+					</div>
+					<c:if test="${not empty headingContent}">
+						<c:out value="${headingContent}" escapeXml="true" />
+					</c:if>
+				</div>
+			</c:if>
 			
+			<div class="panel-body panel-${type}-body">
+				<jsp:doBody />
+			</div>
+		</div>
+		</div>
+		</div>
+		</div>
+	</c:otherwise>
+</c:choose>
+
+
+		
+			
\ No newline at end of file
Index: lams_tool_laqa/web/WEB-INF/tags/Page.tag
===================================================================
RCS file: /usr/local/cvsroot/lams_tool_laqa/web/WEB-INF/tags/Attic/Page.tag,v
diff -u -r1.1.2.4 -r1.1.2.5
--- lams_tool_laqa/web/WEB-INF/tags/Page.tag	1 Jul 2016 04:04:38 -0000	1.1.2.4
+++ lams_tool_laqa/web/WEB-INF/tags/Page.tag	28 Jul 2016 04:05:45 -0000	1.1.2.5
@@ -1,49 +1,291 @@
 <%@ tag body-content="scriptless"%>
-<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
+<%@ taglib uri="tags-core" prefix="c"%>
+<%@ taglib uri="tags-fmt" prefix="fmt"%>
+<%@ taglib uri="tags-lams" prefix="lams"%>
 
 <%@ attribute name="type" required="true" rtexprvalue="true"%>
 <%@ attribute name="style" required="false" rtexprvalue="true"%>
 <%@ attribute name="title" required="false" rtexprvalue="true"%>
 <%@ attribute name="titleHelpURL" required="false" rtexprvalue="true"%>
 <%@ attribute name="headingContent" required="false" rtexprvalue="true"%>
+<%@ attribute name="hideProgressBar" required="false" rtexprvalue="true"%>
 
+			
+<c:choose>
 
-
-<div class="row no-gutter">
-	<div class="col-xs-12">
+	<c:when test='${type == "navbar"}'>
+	<%-- Combined tab and navigation bar used in authoring and monitoring --%>
+		<div class="row no-gutter">
+		<div class="col-xs-12">
 		<div class="container" id="content">
+		<jsp:doBody />
+		</div>
+		</div>
+		</div>
+	</c:when> 
+
+	<c:when test='${type == "learner"}'>
+	<%-- Learner --%>
+
+	<%-- Try to get authoring preview/learning/monitoring from the tool activity so we don't show the progress bar in monitoring --%>
+	<c:if test="${empty mode}">
+		<c:set var="mode" value="${param.mode}" />
+	</c:if>
+	<c:if test="${empty mode}">
+		<c:if test="${empty sessionMapID}">
+			<c:set var="sessionMapID" value="${param.sessionMapID}"/>
+		</c:if>
+		<c:set var="mode" value="${sessionScope[sessionMapID].mode}" />
+	</c:if>
+
+	<%--  only have sidebar and presence in learner --%>
+	<c:choose>
+	<c:when test="${ not hideProgressBar && ( empty mode || mode == 'author' || mode == 'learner') }">
+	
+		<%-- Links placed in body instead of head. Ugly, but it works. --%>
+		<link rel="stylesheet" href="<lams:LAMSURL/>css/progressBar.css" type="text/css" />
+		<script type="text/javascript" src="<lams:LAMSURL/>includes/javascript/snap.svg.js"></script>
+		<script type="text/javascript" src="<lams:LAMSURL/>includes/javascript/progressBar.js"></script>
 		
-		<c:choose>
-		<c:when test='${type == "navbar"}'>
-			<jsp:doBody />
-		</c:when> 
-		<c:otherwise>
-			<div class="panel panel-default panel-${type}-page">
-				<c:if test="${not empty title}">
-					<div class="panel-heading">
-						<div class="panel-title panel-${type}-title">
-							<c:out value="${title}" escapeXml="true" />
-							<c:if test="${not empty titleHelpURL}">
-								<span class="pull-right">${titleHelpURL}</span>
-							</c:if>
-						</div>
-						<c:if test="${not empty headingContent}">
-							<c:out value="${headingContent}" escapeXml="true" />
+		<c:if test="${empty lessonID}">
+			<c:set var="lessonID" value="${param.lessonID}" />
+		</c:if>
+
+		<c:if test="${empty lessonID}">
+			<%-- Desperately try to get tool session ID from the tool activity --%>
+			<c:if test="${empty toolSessionId}">
+				<c:set var="toolSessionId" value="${toolSessionID}" />
+			</c:if>
+			<c:if test="${empty toolSessionId}">
+				<c:set var="toolSessionId" value="${param.toolSessionId}" />
+			</c:if>
+			<c:if test="${empty toolSessionID}">
+				<c:set var="toolSessionId" value="${param.toolSessionID}" />
+			</c:if>
+			<c:if test="${empty toolSessionId}">
+				<c:set var="toolForm" value="<%=request.getAttribute(org.apache.struts.taglib.html.Constants.BEAN_KEY)%>" />
+				<c:set var="toolSessionId" value="${toolForm.toolSessionID}" />
+			</c:if>
+			<c:if test="${empty toolSessionId}">
+				<c:if test="${empty sessionMapID}">
+					<c:set var="sessionMapID" value="${param.sessionMapID}"/>
+				</c:if>
+				<c:set var="toolSessionId" value="${sessionScope[sessionMapID].toolSessionID}" />
+			</c:if>
+		</c:if>
+		
+		<script type="text/javascript">
+			var allowRestart = false,
+				restartLessonConfirmation = "Are you sure you want to start the lesson from the beginning?",
+				toolSessionId = '${toolSessionId}',
+				lessonId = '${lessonID}',
+				mode = '${mode}',
+				
+				LAMS_URL = '<lams:LAMSURL/>',
+				APP_URL = LAMS_URL + 'learning/',
+						
+				bars = {
+					'learnerMainBar' : {
+						'containerId' : 'progressBarDiv'
+					}
+				};
+
+			function restartLesson(){
+				if (confirm(restartLessonConfirmation)) {
+					window.location.href = APP_URL + 'learner.do?method=restartLesson&lessonID=' + lessonId;
+				}
+			}
+
+			function viewNotebookEntries(){
+				openPopUp(APP_URL + "notebook.do?method=viewAll&lessonID=" + lessonId,
+						"Notebook",
+						570,796,
+						"no");
+				hideSlideMenu(); /* For touch screen */
+			}
+		
+			function closeWindow() {
+	 			top.window.close();
+			}
+
+			function toggleSlideMenu() {	
+				if ( $("nav.sidebar").hasClass("expandmenu") ) {
+					hideSlideMenu();
+				}
+				else 
+					$("nav.sidebar").addClass("expandmenu");
+			}
+
+			function hideSlideMenu() {	
+				$("nav.sidebar").removeClass("expandmenu");
+			}
+			
+			function onProgressBarLoaded() {
+				$('#exitlabel').html(LABELS.EXIT);
+				$('#notebooklabel').html(LABELS.NOTEBOOK);
+				if ( allowRestart ) {
+					$('#restartlabel').html(LABELS.RESTART);
+					restartLessonConfirmation = LABELS.CONFIRM_RESTART;
+					$('#restartitem').show();
+				}
+			}
+			
+			$(document).ready(function() {
+				var showControlBar = true;
+				var showIM = true;
+				if ( window.frameElement ) {
+					var myId = window.frameElement.id;
+					if ( myId ) {
+						if ( myId == 'lamsDynamicFrame0' ) {
+							showIM = false;
+						} else if ( myId == 'lamsDynamicFrame1' ) {
+							showControlBar = false;
+						}
+					}
+				}
+
+				if ( lessonId != "" || toolSessionId != "" ) {
+					$.ajax({
+						url : APP_URL + 'learner.do',
+						data : {
+							'method'   : 'getLessonDetails',
+							'lessonID' : lessonId,
+							'toolSessionID' : toolSessionId,
+						},
+						cache : false,
+						dataType : 'json',
+						success : function(result) {
+							
+							lessonId = result.lessonID;
+							
+							if ( showControlBar ) {
+								allowRestart = result.allowRestart;
+								$('.lessonName').html(result.title);
+								fillProgressBar('learnerMainBar');
+								$('#sidebar').show();
+							}
+							
+							var presenceEnabledPatch = result.presenceEnabledPatch;
+							var presenceImEnabled = result.presenceImEnabled;
+							if ( showIM && (presenceEnabledPatch || presenceImEnabled) ) {
+								presenceURL = APP_URL+"presenceChat.jsp?presenceEnabledPatch="+presenceEnabledPatch
+										+"&presenceImEnabled="+presenceImEnabled+"&lessonID="+lessonId;
+								$('#presenceEnabledPatchDiv').load(presenceURL, function( response, status, xhr ) {
+									if ( status == "error" ) {
+										alert("Unable to load IM: " + xhr.status);
+									} 
+								});
+							}
+						}
+					});
+				}
+			});
+			
+		</script>
+	
+		<nav class="navbar navbar-default sidebar" id="sidebar" role="navigation" onMouseEnter="javascript:toggleSlideMenu()" onMouseLeave="javascript:hideSlideMenu()" style="display:none" >
+		    <div class="container-fluid">
+				<!-- Brand and toggle get grouped for better mobile display -->
+				<div class="navbar-header">
+					<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-sidebar-navbar-collapse-1">
+						<span class="sr-only">Toggle navigation</span>
+						<span class="icon-bar"></span>
+						<span class="icon-bar"></span>
+						<span class="icon-bar"></span>
+					</button>
+					<a class="navbar-brand visible-xs hidden-sm hidden-md hidden-lg" href="#"><span class="lessonName"></span></a>
+				</div>
+				<!-- Collect the nav links, forms, and other content for toggling -->
+				<div class="collapse navbar-collapse" id="bs-sidebar-navbar-collapse-1">
+					<ul class="nav navbar-nav">
+						<li><a href="#" class="hidden-xs visible-sm visible-md visible-lg slidesidemenu" onClick="javascript:toggleSlideMenu()">
+							<i class="pull-right fa fa-bars" style="color:#337ab7"></i>
+							<p class="lessonName"><%=request.getAttribute(org.apache.struts.taglib.html.Constants.BEAN_KEY)%></p></a></li>
+						<li><a href="#" onClick="javascript:closeWindow()" ><span id="exitlabel">ExitX</span><i class="pull-right fa fa-times"></i></a></li>
+						<li><a href="#" onClick="javascript:viewNotebookEntries()" ><span id="notebooklabel">NotebookX</span><i class="pull-right fa fa-book"></i></a></li>
+						<li id="restartitem" style="display:none"><a href="#" onClick="javascript:restartLesson()"><span id="restartlabel">RestartX</span><i class="pull-right fa fa-recycle"></i></a></li>
+						<li><a href="#" class="slidesidemenu" onClick="javascript:toggleSlideMenu()">
+							<i class="pull-right fa fa-map"></i></a>
+							<div id="progressBarDiv" class="progressBarContainer"></div></li>
+					</ul>
+				</div>
+			</div>
+		</nav>
+
+		<div class="content navcontent">
+	
+	</c:when> <%--  end of sidebar stuff - only used if in learner screen --%>
+	<c:otherwise>
+		<div class="content">
+	</c:otherwise>
+	</c:choose>
+	
+			<div class="row no-gutter">
+			<div class="col-xs-12">
+			<div class="container">
+					<div class="panel panel-default panel-${type}-page">
+						<c:if test="${not empty title}">
+							<div class="panel-heading">
+								<div class="panel-title panel-${type}-title">
+									<c:out value="${title}" escapeXml="true" />
+									<c:if test="${not empty titleHelpURL}">
+										<span class="pull-right">${titleHelpURL}</span>
+									</c:if>
+								</div>
+								<c:if test="${not empty headingContent}">
+									<c:out value="${headingContent}" escapeXml="true" />
+								</c:if>
+							</div>
 						</c:if>
+						
+						<div class="panel-body panel-${type}-body">
+							<jsp:doBody />
+						</div>
 					</div>
-				</c:if>
-				<div class="panel-body panel-${type}-body">
-					<jsp:doBody />
+					
+					<%--  only have sidebar and presence in learner --%>
+					<c:if test="${ not hideProgressBar && ( empty mode || mode == 'author' || mode == 'learner') }">
+					<div id="presenceEnabledPatchDiv"></div>
+					</c:if>
+						
+			</div>
 				</div>
 			</div>
-		</c:otherwise>
-		</c:choose>
-			
 		</div>
-		<!-- End content container -->
-	</div>
-</div>
 
+	</c:when>
 
+	<c:otherwise>
+	<!-- Standard Screens  --> 
+		<div class="row no-gutter">
+		<div class="col-xs-12">
+		<div class="container" id="content">
 		
+		<div class="panel panel-default panel-${type}-page">
+			<c:if test="${not empty title}">
+				<div class="panel-heading">
+					<div class="panel-title panel-${type}-title">
+						<c:out value="${title}" escapeXml="true" />
+						<c:if test="${not empty titleHelpURL}">
+							<span class="pull-right">${titleHelpURL}</span>
+						</c:if>
+					</div>
+					<c:if test="${not empty headingContent}">
+						<c:out value="${headingContent}" escapeXml="true" />
+					</c:if>
+				</div>
+			</c:if>
 			
+			<div class="panel-body panel-${type}-body">
+				<jsp:doBody />
+			</div>
+		</div>
+		</div>
+		</div>
+		</div>
+	</c:otherwise>
+</c:choose>
+
+
+		
+			
\ No newline at end of file
Index: lams_tool_larsrc/web/WEB-INF/tags/Page.tag
===================================================================
RCS file: /usr/local/cvsroot/lams_tool_larsrc/web/WEB-INF/tags/Attic/Page.tag,v
diff -u -r1.1.2.3 -r1.1.2.4
--- lams_tool_larsrc/web/WEB-INF/tags/Page.tag	1 Jul 2016 05:04:18 -0000	1.1.2.3
+++ lams_tool_larsrc/web/WEB-INF/tags/Page.tag	28 Jul 2016 04:06:39 -0000	1.1.2.4
@@ -1,49 +1,291 @@
 <%@ tag body-content="scriptless"%>
-<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
+<%@ taglib uri="tags-core" prefix="c"%>
+<%@ taglib uri="tags-fmt" prefix="fmt"%>
+<%@ taglib uri="tags-lams" prefix="lams"%>
 
 <%@ attribute name="type" required="true" rtexprvalue="true"%>
 <%@ attribute name="style" required="false" rtexprvalue="true"%>
 <%@ attribute name="title" required="false" rtexprvalue="true"%>
 <%@ attribute name="titleHelpURL" required="false" rtexprvalue="true"%>
 <%@ attribute name="headingContent" required="false" rtexprvalue="true"%>
+<%@ attribute name="hideProgressBar" required="false" rtexprvalue="true"%>
 
+			
+<c:choose>
 
-
-<div class="row no-gutter">
-	<div class="col-xs-12">
+	<c:when test='${type == "navbar"}'>
+	<%-- Combined tab and navigation bar used in authoring and monitoring --%>
+		<div class="row no-gutter">
+		<div class="col-xs-12">
 		<div class="container" id="content">
+		<jsp:doBody />
+		</div>
+		</div>
+		</div>
+	</c:when> 
+
+	<c:when test='${type == "learner"}'>
+	<%-- Learner --%>
+
+	<%-- Try to get authoring preview/learning/monitoring from the tool activity so we don't show the progress bar in monitoring --%>
+	<c:if test="${empty mode}">
+		<c:set var="mode" value="${param.mode}" />
+	</c:if>
+	<c:if test="${empty mode}">
+		<c:if test="${empty sessionMapID}">
+			<c:set var="sessionMapID" value="${param.sessionMapID}"/>
+		</c:if>
+		<c:set var="mode" value="${sessionScope[sessionMapID].mode}" />
+	</c:if>
+
+	<%--  only have sidebar and presence in learner --%>
+	<c:choose>
+	<c:when test="${ not hideProgressBar && ( empty mode || mode == 'author' || mode == 'learner') }">
+	
+		<%-- Links placed in body instead of head. Ugly, but it works. --%>
+		<link rel="stylesheet" href="<lams:LAMSURL/>css/progressBar.css" type="text/css" />
+		<script type="text/javascript" src="<lams:LAMSURL/>includes/javascript/snap.svg.js"></script>
+		<script type="text/javascript" src="<lams:LAMSURL/>includes/javascript/progressBar.js"></script>
 		
-		<c:choose>
-		<c:when test='${type == "navbar"}'>
-			<jsp:doBody />
-		</c:when> 
-		<c:otherwise>
-			<div class="panel panel-default panel-${type}-page">
-				<c:if test="${not empty title}">
-					<div class="panel-heading">
-						<div class="panel-title panel-${type}-title">
-							<c:out value="${title}" escapeXml="true" />
-							<c:if test="${not empty titleHelpURL}">
-								<span class="pull-right">${titleHelpURL}</span>
-							</c:if>
-						</div>
-						<c:if test="${not empty headingContent}">
-							<c:out value="${headingContent}" escapeXml="true" />
+		<c:if test="${empty lessonID}">
+			<c:set var="lessonID" value="${param.lessonID}" />
+		</c:if>
+
+		<c:if test="${empty lessonID}">
+			<%-- Desperately try to get tool session ID from the tool activity --%>
+			<c:if test="${empty toolSessionId}">
+				<c:set var="toolSessionId" value="${toolSessionID}" />
+			</c:if>
+			<c:if test="${empty toolSessionId}">
+				<c:set var="toolSessionId" value="${param.toolSessionId}" />
+			</c:if>
+			<c:if test="${empty toolSessionID}">
+				<c:set var="toolSessionId" value="${param.toolSessionID}" />
+			</c:if>
+			<c:if test="${empty toolSessionId}">
+				<c:set var="toolForm" value="<%=request.getAttribute(org.apache.struts.taglib.html.Constants.BEAN_KEY)%>" />
+				<c:set var="toolSessionId" value="${toolForm.toolSessionID}" />
+			</c:if>
+			<c:if test="${empty toolSessionId}">
+				<c:if test="${empty sessionMapID}">
+					<c:set var="sessionMapID" value="${param.sessionMapID}"/>
+				</c:if>
+				<c:set var="toolSessionId" value="${sessionScope[sessionMapID].toolSessionID}" />
+			</c:if>
+		</c:if>
+		
+		<script type="text/javascript">
+			var allowRestart = false,
+				restartLessonConfirmation = "Are you sure you want to start the lesson from the beginning?",
+				toolSessionId = '${toolSessionId}',
+				lessonId = '${lessonID}',
+				mode = '${mode}',
+				
+				LAMS_URL = '<lams:LAMSURL/>',
+				APP_URL = LAMS_URL + 'learning/',
+						
+				bars = {
+					'learnerMainBar' : {
+						'containerId' : 'progressBarDiv'
+					}
+				};
+
+			function restartLesson(){
+				if (confirm(restartLessonConfirmation)) {
+					window.location.href = APP_URL + 'learner.do?method=restartLesson&lessonID=' + lessonId;
+				}
+			}
+
+			function viewNotebookEntries(){
+				openPopUp(APP_URL + "notebook.do?method=viewAll&lessonID=" + lessonId,
+						"Notebook",
+						570,796,
+						"no");
+				hideSlideMenu(); /* For touch screen */
+			}
+		
+			function closeWindow() {
+	 			top.window.close();
+			}
+
+			function toggleSlideMenu() {	
+				if ( $("nav.sidebar").hasClass("expandmenu") ) {
+					hideSlideMenu();
+				}
+				else 
+					$("nav.sidebar").addClass("expandmenu");
+			}
+
+			function hideSlideMenu() {	
+				$("nav.sidebar").removeClass("expandmenu");
+			}
+			
+			function onProgressBarLoaded() {
+				$('#exitlabel').html(LABELS.EXIT);
+				$('#notebooklabel').html(LABELS.NOTEBOOK);
+				if ( allowRestart ) {
+					$('#restartlabel').html(LABELS.RESTART);
+					restartLessonConfirmation = LABELS.CONFIRM_RESTART;
+					$('#restartitem').show();
+				}
+			}
+			
+			$(document).ready(function() {
+				var showControlBar = true;
+				var showIM = true;
+				if ( window.frameElement ) {
+					var myId = window.frameElement.id;
+					if ( myId ) {
+						if ( myId == 'lamsDynamicFrame0' ) {
+							showIM = false;
+						} else if ( myId == 'lamsDynamicFrame1' ) {
+							showControlBar = false;
+						}
+					}
+				}
+
+				if ( lessonId != "" || toolSessionId != "" ) {
+					$.ajax({
+						url : APP_URL + 'learner.do',
+						data : {
+							'method'   : 'getLessonDetails',
+							'lessonID' : lessonId,
+							'toolSessionID' : toolSessionId,
+						},
+						cache : false,
+						dataType : 'json',
+						success : function(result) {
+							
+							lessonId = result.lessonID;
+							
+							if ( showControlBar ) {
+								allowRestart = result.allowRestart;
+								$('.lessonName').html(result.title);
+								fillProgressBar('learnerMainBar');
+								$('#sidebar').show();
+							}
+							
+							var presenceEnabledPatch = result.presenceEnabledPatch;
+							var presenceImEnabled = result.presenceImEnabled;
+							if ( showIM && (presenceEnabledPatch || presenceImEnabled) ) {
+								presenceURL = APP_URL+"presenceChat.jsp?presenceEnabledPatch="+presenceEnabledPatch
+										+"&presenceImEnabled="+presenceImEnabled+"&lessonID="+lessonId;
+								$('#presenceEnabledPatchDiv').load(presenceURL, function( response, status, xhr ) {
+									if ( status == "error" ) {
+										alert("Unable to load IM: " + xhr.status);
+									} 
+								});
+							}
+						}
+					});
+				}
+			});
+			
+		</script>
+	
+		<nav class="navbar navbar-default sidebar" id="sidebar" role="navigation" onMouseEnter="javascript:toggleSlideMenu()" onMouseLeave="javascript:hideSlideMenu()" style="display:none" >
+		    <div class="container-fluid">
+				<!-- Brand and toggle get grouped for better mobile display -->
+				<div class="navbar-header">
+					<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-sidebar-navbar-collapse-1">
+						<span class="sr-only">Toggle navigation</span>
+						<span class="icon-bar"></span>
+						<span class="icon-bar"></span>
+						<span class="icon-bar"></span>
+					</button>
+					<a class="navbar-brand visible-xs hidden-sm hidden-md hidden-lg" href="#"><span class="lessonName"></span></a>
+				</div>
+				<!-- Collect the nav links, forms, and other content for toggling -->
+				<div class="collapse navbar-collapse" id="bs-sidebar-navbar-collapse-1">
+					<ul class="nav navbar-nav">
+						<li><a href="#" class="hidden-xs visible-sm visible-md visible-lg slidesidemenu" onClick="javascript:toggleSlideMenu()">
+							<i class="pull-right fa fa-bars" style="color:#337ab7"></i>
+							<p class="lessonName"><%=request.getAttribute(org.apache.struts.taglib.html.Constants.BEAN_KEY)%></p></a></li>
+						<li><a href="#" onClick="javascript:closeWindow()" ><span id="exitlabel">ExitX</span><i class="pull-right fa fa-times"></i></a></li>
+						<li><a href="#" onClick="javascript:viewNotebookEntries()" ><span id="notebooklabel">NotebookX</span><i class="pull-right fa fa-book"></i></a></li>
+						<li id="restartitem" style="display:none"><a href="#" onClick="javascript:restartLesson()"><span id="restartlabel">RestartX</span><i class="pull-right fa fa-recycle"></i></a></li>
+						<li><a href="#" class="slidesidemenu" onClick="javascript:toggleSlideMenu()">
+							<i class="pull-right fa fa-map"></i></a>
+							<div id="progressBarDiv" class="progressBarContainer"></div></li>
+					</ul>
+				</div>
+			</div>
+		</nav>
+
+		<div class="content navcontent">
+	
+	</c:when> <%--  end of sidebar stuff - only used if in learner screen --%>
+	<c:otherwise>
+		<div class="content">
+	</c:otherwise>
+	</c:choose>
+	
+			<div class="row no-gutter">
+			<div class="col-xs-12">
+			<div class="container">
+					<div class="panel panel-default panel-${type}-page">
+						<c:if test="${not empty title}">
+							<div class="panel-heading">
+								<div class="panel-title panel-${type}-title">
+									<c:out value="${title}" escapeXml="true" />
+									<c:if test="${not empty titleHelpURL}">
+										<span class="pull-right">${titleHelpURL}</span>
+									</c:if>
+								</div>
+								<c:if test="${not empty headingContent}">
+									<c:out value="${headingContent}" escapeXml="true" />
+								</c:if>
+							</div>
 						</c:if>
+						
+						<div class="panel-body panel-${type}-body">
+							<jsp:doBody />
+						</div>
 					</div>
-				</c:if>
-				<div class="panel-body panel-${type}-body">
-					<jsp:doBody />
+					
+					<%--  only have sidebar and presence in learner --%>
+					<c:if test="${ not hideProgressBar && ( empty mode || mode == 'author' || mode == 'learner') }">
+					<div id="presenceEnabledPatchDiv"></div>
+					</c:if>
+						
+			</div>
 				</div>
 			</div>
-		</c:otherwise>
-		</c:choose>
-			
 		</div>
-		<!-- End content container -->
-	</div>
-</div>
 
+	</c:when>
 
+	<c:otherwise>
+	<!-- Standard Screens  --> 
+		<div class="row no-gutter">
+		<div class="col-xs-12">
+		<div class="container" id="content">
 		
+		<div class="panel panel-default panel-${type}-page">
+			<c:if test="${not empty title}">
+				<div class="panel-heading">
+					<div class="panel-title panel-${type}-title">
+						<c:out value="${title}" escapeXml="true" />
+						<c:if test="${not empty titleHelpURL}">
+							<span class="pull-right">${titleHelpURL}</span>
+						</c:if>
+					</div>
+					<c:if test="${not empty headingContent}">
+						<c:out value="${headingContent}" escapeXml="true" />
+					</c:if>
+				</div>
+			</c:if>
 			
+			<div class="panel-body panel-${type}-body">
+				<jsp:doBody />
+			</div>
+		</div>
+		</div>
+		</div>
+		</div>
+	</c:otherwise>
+</c:choose>
+
+
+		
+			
\ No newline at end of file
Index: lams_tool_leader/web/WEB-INF/tags/Page.tag
===================================================================
RCS file: /usr/local/cvsroot/lams_tool_leader/web/WEB-INF/tags/Attic/Page.tag,v
diff -u -r1.1.2.3 -r1.1.2.4
--- lams_tool_leader/web/WEB-INF/tags/Page.tag	30 May 2016 11:26:41 -0000	1.1.2.3
+++ lams_tool_leader/web/WEB-INF/tags/Page.tag	28 Jul 2016 04:06:38 -0000	1.1.2.4
@@ -1,49 +1,291 @@
 <%@ tag body-content="scriptless"%>
-<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
+<%@ taglib uri="tags-core" prefix="c"%>
+<%@ taglib uri="tags-fmt" prefix="fmt"%>
+<%@ taglib uri="tags-lams" prefix="lams"%>
 
 <%@ attribute name="type" required="true" rtexprvalue="true"%>
 <%@ attribute name="style" required="false" rtexprvalue="true"%>
 <%@ attribute name="title" required="false" rtexprvalue="true"%>
 <%@ attribute name="titleHelpURL" required="false" rtexprvalue="true"%>
 <%@ attribute name="headingContent" required="false" rtexprvalue="true"%>
+<%@ attribute name="hideProgressBar" required="false" rtexprvalue="true"%>
 
+			
+<c:choose>
 
-
-<div class="row no-gutter">
-	<div class="col-xs-12">
+	<c:when test='${type == "navbar"}'>
+	<%-- Combined tab and navigation bar used in authoring and monitoring --%>
+		<div class="row no-gutter">
+		<div class="col-xs-12">
 		<div class="container" id="content">
+		<jsp:doBody />
+		</div>
+		</div>
+		</div>
+	</c:when> 
+
+	<c:when test='${type == "learner"}'>
+	<%-- Learner --%>
+
+	<%-- Try to get authoring preview/learning/monitoring from the tool activity so we don't show the progress bar in monitoring --%>
+	<c:if test="${empty mode}">
+		<c:set var="mode" value="${param.mode}" />
+	</c:if>
+	<c:if test="${empty mode}">
+		<c:if test="${empty sessionMapID}">
+			<c:set var="sessionMapID" value="${param.sessionMapID}"/>
+		</c:if>
+		<c:set var="mode" value="${sessionScope[sessionMapID].mode}" />
+	</c:if>
+
+	<%--  only have sidebar and presence in learner --%>
+	<c:choose>
+	<c:when test="${ not hideProgressBar && ( empty mode || mode == 'author' || mode == 'learner') }">
+	
+		<%-- Links placed in body instead of head. Ugly, but it works. --%>
+		<link rel="stylesheet" href="<lams:LAMSURL/>css/progressBar.css" type="text/css" />
+		<script type="text/javascript" src="<lams:LAMSURL/>includes/javascript/snap.svg.js"></script>
+		<script type="text/javascript" src="<lams:LAMSURL/>includes/javascript/progressBar.js"></script>
 		
-		<c:choose>
-		<c:when test='${type == "navbar"}'>
-			<jsp:doBody />
-		</c:when> 
-		<c:otherwise>
-			<div class="panel panel-default panel-${type}-page">
-				<c:if test="${not empty title}">
-					<div class="panel-heading">
-						<div class="panel-title panel-${type}-title">
-							<c:out value="${title}" escapeXml="true" />
-							<c:if test="${not empty titleHelpURL}">
-								<a style="float: right" href="${titleHelpURL}" target="_new"><span class="help" style="margin: 0px"></span></a>
-							</c:if>
-						</div>
-						<c:if test="${not empty headingContent}">
-							<c:out value="${headingContent}" escapeXml="true" />
+		<c:if test="${empty lessonID}">
+			<c:set var="lessonID" value="${param.lessonID}" />
+		</c:if>
+
+		<c:if test="${empty lessonID}">
+			<%-- Desperately try to get tool session ID from the tool activity --%>
+			<c:if test="${empty toolSessionId}">
+				<c:set var="toolSessionId" value="${toolSessionID}" />
+			</c:if>
+			<c:if test="${empty toolSessionId}">
+				<c:set var="toolSessionId" value="${param.toolSessionId}" />
+			</c:if>
+			<c:if test="${empty toolSessionID}">
+				<c:set var="toolSessionId" value="${param.toolSessionID}" />
+			</c:if>
+			<c:if test="${empty toolSessionId}">
+				<c:set var="toolForm" value="<%=request.getAttribute(org.apache.struts.taglib.html.Constants.BEAN_KEY)%>" />
+				<c:set var="toolSessionId" value="${toolForm.toolSessionID}" />
+			</c:if>
+			<c:if test="${empty toolSessionId}">
+				<c:if test="${empty sessionMapID}">
+					<c:set var="sessionMapID" value="${param.sessionMapID}"/>
+				</c:if>
+				<c:set var="toolSessionId" value="${sessionScope[sessionMapID].toolSessionID}" />
+			</c:if>
+		</c:if>
+		
+		<script type="text/javascript">
+			var allowRestart = false,
+				restartLessonConfirmation = "Are you sure you want to start the lesson from the beginning?",
+				toolSessionId = '${toolSessionId}',
+				lessonId = '${lessonID}',
+				mode = '${mode}',
+				
+				LAMS_URL = '<lams:LAMSURL/>',
+				APP_URL = LAMS_URL + 'learning/',
+						
+				bars = {
+					'learnerMainBar' : {
+						'containerId' : 'progressBarDiv'
+					}
+				};
+
+			function restartLesson(){
+				if (confirm(restartLessonConfirmation)) {
+					window.location.href = APP_URL + 'learner.do?method=restartLesson&lessonID=' + lessonId;
+				}
+			}
+
+			function viewNotebookEntries(){
+				openPopUp(APP_URL + "notebook.do?method=viewAll&lessonID=" + lessonId,
+						"Notebook",
+						570,796,
+						"no");
+				hideSlideMenu(); /* For touch screen */
+			}
+		
+			function closeWindow() {
+	 			top.window.close();
+			}
+
+			function toggleSlideMenu() {	
+				if ( $("nav.sidebar").hasClass("expandmenu") ) {
+					hideSlideMenu();
+				}
+				else 
+					$("nav.sidebar").addClass("expandmenu");
+			}
+
+			function hideSlideMenu() {	
+				$("nav.sidebar").removeClass("expandmenu");
+			}
+			
+			function onProgressBarLoaded() {
+				$('#exitlabel').html(LABELS.EXIT);
+				$('#notebooklabel').html(LABELS.NOTEBOOK);
+				if ( allowRestart ) {
+					$('#restartlabel').html(LABELS.RESTART);
+					restartLessonConfirmation = LABELS.CONFIRM_RESTART;
+					$('#restartitem').show();
+				}
+			}
+			
+			$(document).ready(function() {
+				var showControlBar = true;
+				var showIM = true;
+				if ( window.frameElement ) {
+					var myId = window.frameElement.id;
+					if ( myId ) {
+						if ( myId == 'lamsDynamicFrame0' ) {
+							showIM = false;
+						} else if ( myId == 'lamsDynamicFrame1' ) {
+							showControlBar = false;
+						}
+					}
+				}
+
+				if ( lessonId != "" || toolSessionId != "" ) {
+					$.ajax({
+						url : APP_URL + 'learner.do',
+						data : {
+							'method'   : 'getLessonDetails',
+							'lessonID' : lessonId,
+							'toolSessionID' : toolSessionId,
+						},
+						cache : false,
+						dataType : 'json',
+						success : function(result) {
+							
+							lessonId = result.lessonID;
+							
+							if ( showControlBar ) {
+								allowRestart = result.allowRestart;
+								$('.lessonName').html(result.title);
+								fillProgressBar('learnerMainBar');
+								$('#sidebar').show();
+							}
+							
+							var presenceEnabledPatch = result.presenceEnabledPatch;
+							var presenceImEnabled = result.presenceImEnabled;
+							if ( showIM && (presenceEnabledPatch || presenceImEnabled) ) {
+								presenceURL = APP_URL+"presenceChat.jsp?presenceEnabledPatch="+presenceEnabledPatch
+										+"&presenceImEnabled="+presenceImEnabled+"&lessonID="+lessonId;
+								$('#presenceEnabledPatchDiv').load(presenceURL, function( response, status, xhr ) {
+									if ( status == "error" ) {
+										alert("Unable to load IM: " + xhr.status);
+									} 
+								});
+							}
+						}
+					});
+				}
+			});
+			
+		</script>
+	
+		<nav class="navbar navbar-default sidebar" id="sidebar" role="navigation" onMouseEnter="javascript:toggleSlideMenu()" onMouseLeave="javascript:hideSlideMenu()" style="display:none" >
+		    <div class="container-fluid">
+				<!-- Brand and toggle get grouped for better mobile display -->
+				<div class="navbar-header">
+					<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-sidebar-navbar-collapse-1">
+						<span class="sr-only">Toggle navigation</span>
+						<span class="icon-bar"></span>
+						<span class="icon-bar"></span>
+						<span class="icon-bar"></span>
+					</button>
+					<a class="navbar-brand visible-xs hidden-sm hidden-md hidden-lg" href="#"><span class="lessonName"></span></a>
+				</div>
+				<!-- Collect the nav links, forms, and other content for toggling -->
+				<div class="collapse navbar-collapse" id="bs-sidebar-navbar-collapse-1">
+					<ul class="nav navbar-nav">
+						<li><a href="#" class="hidden-xs visible-sm visible-md visible-lg slidesidemenu" onClick="javascript:toggleSlideMenu()">
+							<i class="pull-right fa fa-bars" style="color:#337ab7"></i>
+							<p class="lessonName"><%=request.getAttribute(org.apache.struts.taglib.html.Constants.BEAN_KEY)%></p></a></li>
+						<li><a href="#" onClick="javascript:closeWindow()" ><span id="exitlabel">ExitX</span><i class="pull-right fa fa-times"></i></a></li>
+						<li><a href="#" onClick="javascript:viewNotebookEntries()" ><span id="notebooklabel">NotebookX</span><i class="pull-right fa fa-book"></i></a></li>
+						<li id="restartitem" style="display:none"><a href="#" onClick="javascript:restartLesson()"><span id="restartlabel">RestartX</span><i class="pull-right fa fa-recycle"></i></a></li>
+						<li><a href="#" class="slidesidemenu" onClick="javascript:toggleSlideMenu()">
+							<i class="pull-right fa fa-map"></i></a>
+							<div id="progressBarDiv" class="progressBarContainer"></div></li>
+					</ul>
+				</div>
+			</div>
+		</nav>
+
+		<div class="content navcontent">
+	
+	</c:when> <%--  end of sidebar stuff - only used if in learner screen --%>
+	<c:otherwise>
+		<div class="content">
+	</c:otherwise>
+	</c:choose>
+	
+			<div class="row no-gutter">
+			<div class="col-xs-12">
+			<div class="container">
+					<div class="panel panel-default panel-${type}-page">
+						<c:if test="${not empty title}">
+							<div class="panel-heading">
+								<div class="panel-title panel-${type}-title">
+									<c:out value="${title}" escapeXml="true" />
+									<c:if test="${not empty titleHelpURL}">
+										<span class="pull-right">${titleHelpURL}</span>
+									</c:if>
+								</div>
+								<c:if test="${not empty headingContent}">
+									<c:out value="${headingContent}" escapeXml="true" />
+								</c:if>
+							</div>
 						</c:if>
+						
+						<div class="panel-body panel-${type}-body">
+							<jsp:doBody />
+						</div>
 					</div>
-				</c:if>
-				<div class="panel-body panel-${type}-body">
-					<jsp:doBody />
+					
+					<%--  only have sidebar and presence in learner --%>
+					<c:if test="${ not hideProgressBar && ( empty mode || mode == 'author' || mode == 'learner') }">
+					<div id="presenceEnabledPatchDiv"></div>
+					</c:if>
+						
+			</div>
 				</div>
 			</div>
-		</c:otherwise>
-		</c:choose>
-			
 		</div>
-		<!-- End content container -->
-	</div>
-</div>
 
+	</c:when>
 
+	<c:otherwise>
+	<!-- Standard Screens  --> 
+		<div class="row no-gutter">
+		<div class="col-xs-12">
+		<div class="container" id="content">
 		
+		<div class="panel panel-default panel-${type}-page">
+			<c:if test="${not empty title}">
+				<div class="panel-heading">
+					<div class="panel-title panel-${type}-title">
+						<c:out value="${title}" escapeXml="true" />
+						<c:if test="${not empty titleHelpURL}">
+							<span class="pull-right">${titleHelpURL}</span>
+						</c:if>
+					</div>
+					<c:if test="${not empty headingContent}">
+						<c:out value="${headingContent}" escapeXml="true" />
+					</c:if>
+				</div>
+			</c:if>
 			
+			<div class="panel-body panel-${type}-body">
+				<jsp:doBody />
+			</div>
+		</div>
+		</div>
+		</div>
+		</div>
+	</c:otherwise>
+</c:choose>
+
+
+		
+			
\ No newline at end of file
Index: lams_tool_mindmap/web/WEB-INF/tags/Page.tag
===================================================================
RCS file: /usr/local/cvsroot/lams_tool_mindmap/web/WEB-INF/tags/Attic/Page.tag,v
diff -u -r1.1.2.3 -r1.1.2.4
--- lams_tool_mindmap/web/WEB-INF/tags/Page.tag	30 Jun 2016 07:30:26 -0000	1.1.2.3
+++ lams_tool_mindmap/web/WEB-INF/tags/Page.tag	28 Jul 2016 04:06:35 -0000	1.1.2.4
@@ -1,49 +1,291 @@
 <%@ tag body-content="scriptless"%>
-<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
+<%@ taglib uri="tags-core" prefix="c"%>
+<%@ taglib uri="tags-fmt" prefix="fmt"%>
+<%@ taglib uri="tags-lams" prefix="lams"%>
 
 <%@ attribute name="type" required="true" rtexprvalue="true"%>
 <%@ attribute name="style" required="false" rtexprvalue="true"%>
 <%@ attribute name="title" required="false" rtexprvalue="true"%>
 <%@ attribute name="titleHelpURL" required="false" rtexprvalue="true"%>
 <%@ attribute name="headingContent" required="false" rtexprvalue="true"%>
+<%@ attribute name="hideProgressBar" required="false" rtexprvalue="true"%>
 
+			
+<c:choose>
 
-
-<div class="row no-gutter">
-	<div class="col-xs-12">
+	<c:when test='${type == "navbar"}'>
+	<%-- Combined tab and navigation bar used in authoring and monitoring --%>
+		<div class="row no-gutter">
+		<div class="col-xs-12">
 		<div class="container" id="content">
+		<jsp:doBody />
+		</div>
+		</div>
+		</div>
+	</c:when> 
+
+	<c:when test='${type == "learner"}'>
+	<%-- Learner --%>
+
+	<%-- Try to get authoring preview/learning/monitoring from the tool activity so we don't show the progress bar in monitoring --%>
+	<c:if test="${empty mode}">
+		<c:set var="mode" value="${param.mode}" />
+	</c:if>
+	<c:if test="${empty mode}">
+		<c:if test="${empty sessionMapID}">
+			<c:set var="sessionMapID" value="${param.sessionMapID}"/>
+		</c:if>
+		<c:set var="mode" value="${sessionScope[sessionMapID].mode}" />
+	</c:if>
+
+	<%--  only have sidebar and presence in learner --%>
+	<c:choose>
+	<c:when test="${ not hideProgressBar && ( empty mode || mode == 'author' || mode == 'learner') }">
+	
+		<%-- Links placed in body instead of head. Ugly, but it works. --%>
+		<link rel="stylesheet" href="<lams:LAMSURL/>css/progressBar.css" type="text/css" />
+		<script type="text/javascript" src="<lams:LAMSURL/>includes/javascript/snap.svg.js"></script>
+		<script type="text/javascript" src="<lams:LAMSURL/>includes/javascript/progressBar.js"></script>
 		
-		<c:choose>
-		<c:when test='${type == "navbar"}'>
-			<jsp:doBody />
-		</c:when> 
-		<c:otherwise>
-			<div class="panel panel-default panel-${type}-page">
-				<c:if test="${not empty title}">
-					<div class="panel-heading">
-						<div class="panel-title panel-${type}-title">
-							<c:out value="${title}" escapeXml="true" />
-							<c:if test="${not empty titleHelpURL}">
-								<span class="pull-right">${titleHelpURL}</span>
-							</c:if>
-						</div>
-						<c:if test="${not empty headingContent}">
-							<c:out value="${headingContent}" escapeXml="true" />
+		<c:if test="${empty lessonID}">
+			<c:set var="lessonID" value="${param.lessonID}" />
+		</c:if>
+
+		<c:if test="${empty lessonID}">
+			<%-- Desperately try to get tool session ID from the tool activity --%>
+			<c:if test="${empty toolSessionId}">
+				<c:set var="toolSessionId" value="${toolSessionID}" />
+			</c:if>
+			<c:if test="${empty toolSessionId}">
+				<c:set var="toolSessionId" value="${param.toolSessionId}" />
+			</c:if>
+			<c:if test="${empty toolSessionID}">
+				<c:set var="toolSessionId" value="${param.toolSessionID}" />
+			</c:if>
+			<c:if test="${empty toolSessionId}">
+				<c:set var="toolForm" value="<%=request.getAttribute(org.apache.struts.taglib.html.Constants.BEAN_KEY)%>" />
+				<c:set var="toolSessionId" value="${toolForm.toolSessionID}" />
+			</c:if>
+			<c:if test="${empty toolSessionId}">
+				<c:if test="${empty sessionMapID}">
+					<c:set var="sessionMapID" value="${param.sessionMapID}"/>
+				</c:if>
+				<c:set var="toolSessionId" value="${sessionScope[sessionMapID].toolSessionID}" />
+			</c:if>
+		</c:if>
+		
+		<script type="text/javascript">
+			var allowRestart = false,
+				restartLessonConfirmation = "Are you sure you want to start the lesson from the beginning?",
+				toolSessionId = '${toolSessionId}',
+				lessonId = '${lessonID}',
+				mode = '${mode}',
+				
+				LAMS_URL = '<lams:LAMSURL/>',
+				APP_URL = LAMS_URL + 'learning/',
+						
+				bars = {
+					'learnerMainBar' : {
+						'containerId' : 'progressBarDiv'
+					}
+				};
+
+			function restartLesson(){
+				if (confirm(restartLessonConfirmation)) {
+					window.location.href = APP_URL + 'learner.do?method=restartLesson&lessonID=' + lessonId;
+				}
+			}
+
+			function viewNotebookEntries(){
+				openPopUp(APP_URL + "notebook.do?method=viewAll&lessonID=" + lessonId,
+						"Notebook",
+						570,796,
+						"no");
+				hideSlideMenu(); /* For touch screen */
+			}
+		
+			function closeWindow() {
+	 			top.window.close();
+			}
+
+			function toggleSlideMenu() {	
+				if ( $("nav.sidebar").hasClass("expandmenu") ) {
+					hideSlideMenu();
+				}
+				else 
+					$("nav.sidebar").addClass("expandmenu");
+			}
+
+			function hideSlideMenu() {	
+				$("nav.sidebar").removeClass("expandmenu");
+			}
+			
+			function onProgressBarLoaded() {
+				$('#exitlabel').html(LABELS.EXIT);
+				$('#notebooklabel').html(LABELS.NOTEBOOK);
+				if ( allowRestart ) {
+					$('#restartlabel').html(LABELS.RESTART);
+					restartLessonConfirmation = LABELS.CONFIRM_RESTART;
+					$('#restartitem').show();
+				}
+			}
+			
+			$(document).ready(function() {
+				var showControlBar = true;
+				var showIM = true;
+				if ( window.frameElement ) {
+					var myId = window.frameElement.id;
+					if ( myId ) {
+						if ( myId == 'lamsDynamicFrame0' ) {
+							showIM = false;
+						} else if ( myId == 'lamsDynamicFrame1' ) {
+							showControlBar = false;
+						}
+					}
+				}
+
+				if ( lessonId != "" || toolSessionId != "" ) {
+					$.ajax({
+						url : APP_URL + 'learner.do',
+						data : {
+							'method'   : 'getLessonDetails',
+							'lessonID' : lessonId,
+							'toolSessionID' : toolSessionId,
+						},
+						cache : false,
+						dataType : 'json',
+						success : function(result) {
+							
+							lessonId = result.lessonID;
+							
+							if ( showControlBar ) {
+								allowRestart = result.allowRestart;
+								$('.lessonName').html(result.title);
+								fillProgressBar('learnerMainBar');
+								$('#sidebar').show();
+							}
+							
+							var presenceEnabledPatch = result.presenceEnabledPatch;
+							var presenceImEnabled = result.presenceImEnabled;
+							if ( showIM && (presenceEnabledPatch || presenceImEnabled) ) {
+								presenceURL = APP_URL+"presenceChat.jsp?presenceEnabledPatch="+presenceEnabledPatch
+										+"&presenceImEnabled="+presenceImEnabled+"&lessonID="+lessonId;
+								$('#presenceEnabledPatchDiv').load(presenceURL, function( response, status, xhr ) {
+									if ( status == "error" ) {
+										alert("Unable to load IM: " + xhr.status);
+									} 
+								});
+							}
+						}
+					});
+				}
+			});
+			
+		</script>
+	
+		<nav class="navbar navbar-default sidebar" id="sidebar" role="navigation" onMouseEnter="javascript:toggleSlideMenu()" onMouseLeave="javascript:hideSlideMenu()" style="display:none" >
+		    <div class="container-fluid">
+				<!-- Brand and toggle get grouped for better mobile display -->
+				<div class="navbar-header">
+					<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-sidebar-navbar-collapse-1">
+						<span class="sr-only">Toggle navigation</span>
+						<span class="icon-bar"></span>
+						<span class="icon-bar"></span>
+						<span class="icon-bar"></span>
+					</button>
+					<a class="navbar-brand visible-xs hidden-sm hidden-md hidden-lg" href="#"><span class="lessonName"></span></a>
+				</div>
+				<!-- Collect the nav links, forms, and other content for toggling -->
+				<div class="collapse navbar-collapse" id="bs-sidebar-navbar-collapse-1">
+					<ul class="nav navbar-nav">
+						<li><a href="#" class="hidden-xs visible-sm visible-md visible-lg slidesidemenu" onClick="javascript:toggleSlideMenu()">
+							<i class="pull-right fa fa-bars" style="color:#337ab7"></i>
+							<p class="lessonName"><%=request.getAttribute(org.apache.struts.taglib.html.Constants.BEAN_KEY)%></p></a></li>
+						<li><a href="#" onClick="javascript:closeWindow()" ><span id="exitlabel">ExitX</span><i class="pull-right fa fa-times"></i></a></li>
+						<li><a href="#" onClick="javascript:viewNotebookEntries()" ><span id="notebooklabel">NotebookX</span><i class="pull-right fa fa-book"></i></a></li>
+						<li id="restartitem" style="display:none"><a href="#" onClick="javascript:restartLesson()"><span id="restartlabel">RestartX</span><i class="pull-right fa fa-recycle"></i></a></li>
+						<li><a href="#" class="slidesidemenu" onClick="javascript:toggleSlideMenu()">
+							<i class="pull-right fa fa-map"></i></a>
+							<div id="progressBarDiv" class="progressBarContainer"></div></li>
+					</ul>
+				</div>
+			</div>
+		</nav>
+
+		<div class="content navcontent">
+	
+	</c:when> <%--  end of sidebar stuff - only used if in learner screen --%>
+	<c:otherwise>
+		<div class="content">
+	</c:otherwise>
+	</c:choose>
+	
+			<div class="row no-gutter">
+			<div class="col-xs-12">
+			<div class="container">
+					<div class="panel panel-default panel-${type}-page">
+						<c:if test="${not empty title}">
+							<div class="panel-heading">
+								<div class="panel-title panel-${type}-title">
+									<c:out value="${title}" escapeXml="true" />
+									<c:if test="${not empty titleHelpURL}">
+										<span class="pull-right">${titleHelpURL}</span>
+									</c:if>
+								</div>
+								<c:if test="${not empty headingContent}">
+									<c:out value="${headingContent}" escapeXml="true" />
+								</c:if>
+							</div>
 						</c:if>
+						
+						<div class="panel-body panel-${type}-body">
+							<jsp:doBody />
+						</div>
 					</div>
-				</c:if>
-				<div class="panel-body panel-${type}-body">
-					<jsp:doBody />
+					
+					<%--  only have sidebar and presence in learner --%>
+					<c:if test="${ not hideProgressBar && ( empty mode || mode == 'author' || mode == 'learner') }">
+					<div id="presenceEnabledPatchDiv"></div>
+					</c:if>
+						
+			</div>
 				</div>
 			</div>
-		</c:otherwise>
-		</c:choose>
-			
 		</div>
-		<!-- End content container -->
-	</div>
-</div>
 
+	</c:when>
 
+	<c:otherwise>
+	<!-- Standard Screens  --> 
+		<div class="row no-gutter">
+		<div class="col-xs-12">
+		<div class="container" id="content">
 		
+		<div class="panel panel-default panel-${type}-page">
+			<c:if test="${not empty title}">
+				<div class="panel-heading">
+					<div class="panel-title panel-${type}-title">
+						<c:out value="${title}" escapeXml="true" />
+						<c:if test="${not empty titleHelpURL}">
+							<span class="pull-right">${titleHelpURL}</span>
+						</c:if>
+					</div>
+					<c:if test="${not empty headingContent}">
+						<c:out value="${headingContent}" escapeXml="true" />
+					</c:if>
+				</div>
+			</c:if>
 			
+			<div class="panel-body panel-${type}-body">
+				<jsp:doBody />
+			</div>
+		</div>
+		</div>
+		</div>
+		</div>
+	</c:otherwise>
+</c:choose>
+
+
+		
+			
\ No newline at end of file
Index: lams_tool_nb/web/WEB-INF/tags/Page.tag
===================================================================
RCS file: /usr/local/cvsroot/lams_tool_nb/web/WEB-INF/tags/Attic/Page.tag,v
diff -u -r1.1.2.4 -r1.1.2.5
--- lams_tool_nb/web/WEB-INF/tags/Page.tag	1 Jul 2016 02:06:35 -0000	1.1.2.4
+++ lams_tool_nb/web/WEB-INF/tags/Page.tag	28 Jul 2016 04:06:40 -0000	1.1.2.5
@@ -1,49 +1,291 @@
 <%@ tag body-content="scriptless"%>
-<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
+<%@ taglib uri="tags-core" prefix="c"%>
+<%@ taglib uri="tags-fmt" prefix="fmt"%>
+<%@ taglib uri="tags-lams" prefix="lams"%>
 
 <%@ attribute name="type" required="true" rtexprvalue="true"%>
 <%@ attribute name="style" required="false" rtexprvalue="true"%>
 <%@ attribute name="title" required="false" rtexprvalue="true"%>
 <%@ attribute name="titleHelpURL" required="false" rtexprvalue="true"%>
 <%@ attribute name="headingContent" required="false" rtexprvalue="true"%>
+<%@ attribute name="hideProgressBar" required="false" rtexprvalue="true"%>
 
+			
+<c:choose>
 
-
-<div class="row no-gutter">
-	<div class="col-xs-12">
+	<c:when test='${type == "navbar"}'>
+	<%-- Combined tab and navigation bar used in authoring and monitoring --%>
+		<div class="row no-gutter">
+		<div class="col-xs-12">
 		<div class="container" id="content">
+		<jsp:doBody />
+		</div>
+		</div>
+		</div>
+	</c:when> 
+
+	<c:when test='${type == "learner"}'>
+	<%-- Learner --%>
+
+	<%-- Try to get authoring preview/learning/monitoring from the tool activity so we don't show the progress bar in monitoring --%>
+	<c:if test="${empty mode}">
+		<c:set var="mode" value="${param.mode}" />
+	</c:if>
+	<c:if test="${empty mode}">
+		<c:if test="${empty sessionMapID}">
+			<c:set var="sessionMapID" value="${param.sessionMapID}"/>
+		</c:if>
+		<c:set var="mode" value="${sessionScope[sessionMapID].mode}" />
+	</c:if>
+
+	<%--  only have sidebar and presence in learner --%>
+	<c:choose>
+	<c:when test="${ not hideProgressBar && ( empty mode || mode == 'author' || mode == 'learner') }">
+	
+		<%-- Links placed in body instead of head. Ugly, but it works. --%>
+		<link rel="stylesheet" href="<lams:LAMSURL/>css/progressBar.css" type="text/css" />
+		<script type="text/javascript" src="<lams:LAMSURL/>includes/javascript/snap.svg.js"></script>
+		<script type="text/javascript" src="<lams:LAMSURL/>includes/javascript/progressBar.js"></script>
 		
-		<c:choose>
-		<c:when test='${type == "navbar"}'>
-			<jsp:doBody />
-		</c:when> 
-		<c:otherwise>
-			<div class="panel panel-default panel-${type}-page">
-				<c:if test="${not empty title}">
-					<div class="panel-heading">
-						<div class="panel-title panel-${type}-title">
-							<c:out value="${title}" escapeXml="true" />
-							<c:if test="${not empty titleHelpURL}">
-								<span class="pull-right">${titleHelpURL}</span>
-							</c:if>
-						</div>
-						<c:if test="${not empty headingContent}">
-							<c:out value="${headingContent}" escapeXml="true" />
+		<c:if test="${empty lessonID}">
+			<c:set var="lessonID" value="${param.lessonID}" />
+		</c:if>
+
+		<c:if test="${empty lessonID}">
+			<%-- Desperately try to get tool session ID from the tool activity --%>
+			<c:if test="${empty toolSessionId}">
+				<c:set var="toolSessionId" value="${toolSessionID}" />
+			</c:if>
+			<c:if test="${empty toolSessionId}">
+				<c:set var="toolSessionId" value="${param.toolSessionId}" />
+			</c:if>
+			<c:if test="${empty toolSessionID}">
+				<c:set var="toolSessionId" value="${param.toolSessionID}" />
+			</c:if>
+			<c:if test="${empty toolSessionId}">
+				<c:set var="toolForm" value="<%=request.getAttribute(org.apache.struts.taglib.html.Constants.BEAN_KEY)%>" />
+				<c:set var="toolSessionId" value="${toolForm.toolSessionID}" />
+			</c:if>
+			<c:if test="${empty toolSessionId}">
+				<c:if test="${empty sessionMapID}">
+					<c:set var="sessionMapID" value="${param.sessionMapID}"/>
+				</c:if>
+				<c:set var="toolSessionId" value="${sessionScope[sessionMapID].toolSessionID}" />
+			</c:if>
+		</c:if>
+		
+		<script type="text/javascript">
+			var allowRestart = false,
+				restartLessonConfirmation = "Are you sure you want to start the lesson from the beginning?",
+				toolSessionId = '${toolSessionId}',
+				lessonId = '${lessonID}',
+				mode = '${mode}',
+				
+				LAMS_URL = '<lams:LAMSURL/>',
+				APP_URL = LAMS_URL + 'learning/',
+						
+				bars = {
+					'learnerMainBar' : {
+						'containerId' : 'progressBarDiv'
+					}
+				};
+
+			function restartLesson(){
+				if (confirm(restartLessonConfirmation)) {
+					window.location.href = APP_URL + 'learner.do?method=restartLesson&lessonID=' + lessonId;
+				}
+			}
+
+			function viewNotebookEntries(){
+				openPopUp(APP_URL + "notebook.do?method=viewAll&lessonID=" + lessonId,
+						"Notebook",
+						570,796,
+						"no");
+				hideSlideMenu(); /* For touch screen */
+			}
+		
+			function closeWindow() {
+	 			top.window.close();
+			}
+
+			function toggleSlideMenu() {	
+				if ( $("nav.sidebar").hasClass("expandmenu") ) {
+					hideSlideMenu();
+				}
+				else 
+					$("nav.sidebar").addClass("expandmenu");
+			}
+
+			function hideSlideMenu() {	
+				$("nav.sidebar").removeClass("expandmenu");
+			}
+			
+			function onProgressBarLoaded() {
+				$('#exitlabel').html(LABELS.EXIT);
+				$('#notebooklabel').html(LABELS.NOTEBOOK);
+				if ( allowRestart ) {
+					$('#restartlabel').html(LABELS.RESTART);
+					restartLessonConfirmation = LABELS.CONFIRM_RESTART;
+					$('#restartitem').show();
+				}
+			}
+			
+			$(document).ready(function() {
+				var showControlBar = true;
+				var showIM = true;
+				if ( window.frameElement ) {
+					var myId = window.frameElement.id;
+					if ( myId ) {
+						if ( myId == 'lamsDynamicFrame0' ) {
+							showIM = false;
+						} else if ( myId == 'lamsDynamicFrame1' ) {
+							showControlBar = false;
+						}
+					}
+				}
+
+				if ( lessonId != "" || toolSessionId != "" ) {
+					$.ajax({
+						url : APP_URL + 'learner.do',
+						data : {
+							'method'   : 'getLessonDetails',
+							'lessonID' : lessonId,
+							'toolSessionID' : toolSessionId,
+						},
+						cache : false,
+						dataType : 'json',
+						success : function(result) {
+							
+							lessonId = result.lessonID;
+							
+							if ( showControlBar ) {
+								allowRestart = result.allowRestart;
+								$('.lessonName').html(result.title);
+								fillProgressBar('learnerMainBar');
+								$('#sidebar').show();
+							}
+							
+							var presenceEnabledPatch = result.presenceEnabledPatch;
+							var presenceImEnabled = result.presenceImEnabled;
+							if ( showIM && (presenceEnabledPatch || presenceImEnabled) ) {
+								presenceURL = APP_URL+"presenceChat.jsp?presenceEnabledPatch="+presenceEnabledPatch
+										+"&presenceImEnabled="+presenceImEnabled+"&lessonID="+lessonId;
+								$('#presenceEnabledPatchDiv').load(presenceURL, function( response, status, xhr ) {
+									if ( status == "error" ) {
+										alert("Unable to load IM: " + xhr.status);
+									} 
+								});
+							}
+						}
+					});
+				}
+			});
+			
+		</script>
+	
+		<nav class="navbar navbar-default sidebar" id="sidebar" role="navigation" onMouseEnter="javascript:toggleSlideMenu()" onMouseLeave="javascript:hideSlideMenu()" style="display:none" >
+		    <div class="container-fluid">
+				<!-- Brand and toggle get grouped for better mobile display -->
+				<div class="navbar-header">
+					<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-sidebar-navbar-collapse-1">
+						<span class="sr-only">Toggle navigation</span>
+						<span class="icon-bar"></span>
+						<span class="icon-bar"></span>
+						<span class="icon-bar"></span>
+					</button>
+					<a class="navbar-brand visible-xs hidden-sm hidden-md hidden-lg" href="#"><span class="lessonName"></span></a>
+				</div>
+				<!-- Collect the nav links, forms, and other content for toggling -->
+				<div class="collapse navbar-collapse" id="bs-sidebar-navbar-collapse-1">
+					<ul class="nav navbar-nav">
+						<li><a href="#" class="hidden-xs visible-sm visible-md visible-lg slidesidemenu" onClick="javascript:toggleSlideMenu()">
+							<i class="pull-right fa fa-bars" style="color:#337ab7"></i>
+							<p class="lessonName"><%=request.getAttribute(org.apache.struts.taglib.html.Constants.BEAN_KEY)%></p></a></li>
+						<li><a href="#" onClick="javascript:closeWindow()" ><span id="exitlabel">ExitX</span><i class="pull-right fa fa-times"></i></a></li>
+						<li><a href="#" onClick="javascript:viewNotebookEntries()" ><span id="notebooklabel">NotebookX</span><i class="pull-right fa fa-book"></i></a></li>
+						<li id="restartitem" style="display:none"><a href="#" onClick="javascript:restartLesson()"><span id="restartlabel">RestartX</span><i class="pull-right fa fa-recycle"></i></a></li>
+						<li><a href="#" class="slidesidemenu" onClick="javascript:toggleSlideMenu()">
+							<i class="pull-right fa fa-map"></i></a>
+							<div id="progressBarDiv" class="progressBarContainer"></div></li>
+					</ul>
+				</div>
+			</div>
+		</nav>
+
+		<div class="content navcontent">
+	
+	</c:when> <%--  end of sidebar stuff - only used if in learner screen --%>
+	<c:otherwise>
+		<div class="content">
+	</c:otherwise>
+	</c:choose>
+	
+			<div class="row no-gutter">
+			<div class="col-xs-12">
+			<div class="container">
+					<div class="panel panel-default panel-${type}-page">
+						<c:if test="${not empty title}">
+							<div class="panel-heading">
+								<div class="panel-title panel-${type}-title">
+									<c:out value="${title}" escapeXml="true" />
+									<c:if test="${not empty titleHelpURL}">
+										<span class="pull-right">${titleHelpURL}</span>
+									</c:if>
+								</div>
+								<c:if test="${not empty headingContent}">
+									<c:out value="${headingContent}" escapeXml="true" />
+								</c:if>
+							</div>
 						</c:if>
+						
+						<div class="panel-body panel-${type}-body">
+							<jsp:doBody />
+						</div>
 					</div>
-				</c:if>
-				<div class="panel-body panel-${type}-body">
-					<jsp:doBody />
+					
+					<%--  only have sidebar and presence in learner --%>
+					<c:if test="${ not hideProgressBar && ( empty mode || mode == 'author' || mode == 'learner') }">
+					<div id="presenceEnabledPatchDiv"></div>
+					</c:if>
+						
+			</div>
 				</div>
 			</div>
-		</c:otherwise>
-		</c:choose>
-			
 		</div>
-		<!-- End content container -->
-	</div>
-</div>
 
+	</c:when>
 
+	<c:otherwise>
+	<!-- Standard Screens  --> 
+		<div class="row no-gutter">
+		<div class="col-xs-12">
+		<div class="container" id="content">
 		
+		<div class="panel panel-default panel-${type}-page">
+			<c:if test="${not empty title}">
+				<div class="panel-heading">
+					<div class="panel-title panel-${type}-title">
+						<c:out value="${title}" escapeXml="true" />
+						<c:if test="${not empty titleHelpURL}">
+							<span class="pull-right">${titleHelpURL}</span>
+						</c:if>
+					</div>
+					<c:if test="${not empty headingContent}">
+						<c:out value="${headingContent}" escapeXml="true" />
+					</c:if>
+				</div>
+			</c:if>
 			
+			<div class="panel-body panel-${type}-body">
+				<jsp:doBody />
+			</div>
+		</div>
+		</div>
+		</div>
+		</div>
+	</c:otherwise>
+</c:choose>
+
+
+		
+			
\ No newline at end of file
Index: lams_tool_notebook/web/WEB-INF/tags/Page.tag
===================================================================
RCS file: /usr/local/cvsroot/lams_tool_notebook/web/WEB-INF/tags/Attic/Page.tag,v
diff -u -r1.1.2.6 -r1.1.2.7
--- lams_tool_notebook/web/WEB-INF/tags/Page.tag	26 Jul 2016 10:33:13 -0000	1.1.2.6
+++ lams_tool_notebook/web/WEB-INF/tags/Page.tag	28 Jul 2016 04:06:37 -0000	1.1.2.7
@@ -1,48 +1,290 @@
 <%@ tag body-content="scriptless"%>
-<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
+<%@ taglib uri="tags-core" prefix="c"%>
+<%@ taglib uri="tags-fmt" prefix="fmt"%>
+<%@ taglib uri="tags-lams" prefix="lams"%>
 
 <%@ attribute name="type" required="true" rtexprvalue="true"%>
 <%@ attribute name="style" required="false" rtexprvalue="true"%>
 <%@ attribute name="title" required="false" rtexprvalue="true"%>
 <%@ attribute name="titleHelpURL" required="false" rtexprvalue="true"%>
 <%@ attribute name="headingContent" required="false" rtexprvalue="true"%>
+<%@ attribute name="hideProgressBar" required="false" rtexprvalue="true"%>
 
+			
+<c:choose>
 
-
-<div class="row no-gutter">
-	<div class="col-xs-12">
+	<c:when test='${type == "navbar"}'>
+	<%-- Combined tab and navigation bar used in authoring and monitoring --%>
+		<div class="row no-gutter">
+		<div class="col-xs-12">
 		<div class="container" id="content">
+		<jsp:doBody />
+		</div>
+		</div>
+		</div>
+	</c:when> 
+
+	<c:when test='${type == "learner"}'>
+	<%-- Learner --%>
+
+	<%-- Try to get authoring preview/learning/monitoring from the tool activity so we don't show the progress bar in monitoring --%>
+	<c:if test="${empty mode}">
+		<c:set var="mode" value="${param.mode}" />
+	</c:if>
+	<c:if test="${empty mode}">
+		<c:if test="${empty sessionMapID}">
+			<c:set var="sessionMapID" value="${param.sessionMapID}"/>
+		</c:if>
+		<c:set var="mode" value="${sessionScope[sessionMapID].mode}" />
+	</c:if>
+
+	<%--  only have sidebar and presence in learner --%>
+	<c:choose>
+	<c:when test="${ not hideProgressBar && ( empty mode || mode == 'author' || mode == 'learner') }">
+	
+		<%-- Links placed in body instead of head. Ugly, but it works. --%>
+		<link rel="stylesheet" href="<lams:LAMSURL/>css/progressBar.css" type="text/css" />
+		<script type="text/javascript" src="<lams:LAMSURL/>includes/javascript/snap.svg.js"></script>
+		<script type="text/javascript" src="<lams:LAMSURL/>includes/javascript/progressBar.js"></script>
 		
-		<c:choose>
-		<c:when test='${type == "navbar"}'>
-			<jsp:doBody />
-		</c:when> 
-		<c:otherwise>
-			<div class="panel panel-default panel-${type}-page">
-				<c:if test="${not empty title}">
-					<div class="panel-heading">
-						<div class="panel-title panel-${type}-title">
-							<c:out value="${title}" escapeXml="true" />
-							<c:if test="${not empty titleHelpURL}">
-								<span class="pull-right">${titleHelpURL}</span>
-							</c:if>
-						</div>
-						<c:if test="${not empty headingContent}">
-							<c:out value="${headingContent}" escapeXml="true" />
+		<c:if test="${empty lessonID}">
+			<c:set var="lessonID" value="${param.lessonID}" />
+		</c:if>
+
+		<c:if test="${empty lessonID}">
+			<%-- Desperately try to get tool session ID from the tool activity --%>
+			<c:if test="${empty toolSessionId}">
+				<c:set var="toolSessionId" value="${toolSessionID}" />
+			</c:if>
+			<c:if test="${empty toolSessionId}">
+				<c:set var="toolSessionId" value="${param.toolSessionId}" />
+			</c:if>
+			<c:if test="${empty toolSessionID}">
+				<c:set var="toolSessionId" value="${param.toolSessionID}" />
+			</c:if>
+			<c:if test="${empty toolSessionId}">
+				<c:set var="toolForm" value="<%=request.getAttribute(org.apache.struts.taglib.html.Constants.BEAN_KEY)%>" />
+				<c:set var="toolSessionId" value="${toolForm.toolSessionID}" />
+			</c:if>
+			<c:if test="${empty toolSessionId}">
+				<c:if test="${empty sessionMapID}">
+					<c:set var="sessionMapID" value="${param.sessionMapID}"/>
+				</c:if>
+				<c:set var="toolSessionId" value="${sessionScope[sessionMapID].toolSessionID}" />
+			</c:if>
+		</c:if>
+		
+		<script type="text/javascript">
+			var allowRestart = false,
+				restartLessonConfirmation = "Are you sure you want to start the lesson from the beginning?",
+				toolSessionId = '${toolSessionId}',
+				lessonId = '${lessonID}',
+				mode = '${mode}',
+				
+				LAMS_URL = '<lams:LAMSURL/>',
+				APP_URL = LAMS_URL + 'learning/',
+						
+				bars = {
+					'learnerMainBar' : {
+						'containerId' : 'progressBarDiv'
+					}
+				};
+
+			function restartLesson(){
+				if (confirm(restartLessonConfirmation)) {
+					window.location.href = APP_URL + 'learner.do?method=restartLesson&lessonID=' + lessonId;
+				}
+			}
+
+			function viewNotebookEntries(){
+				openPopUp(APP_URL + "notebook.do?method=viewAll&lessonID=" + lessonId,
+						"Notebook",
+						570,796,
+						"no");
+				hideSlideMenu(); /* For touch screen */
+			}
+		
+			function closeWindow() {
+	 			top.window.close();
+			}
+
+			function toggleSlideMenu() {	
+				if ( $("nav.sidebar").hasClass("expandmenu") ) {
+					hideSlideMenu();
+				}
+				else 
+					$("nav.sidebar").addClass("expandmenu");
+			}
+
+			function hideSlideMenu() {	
+				$("nav.sidebar").removeClass("expandmenu");
+			}
+			
+			function onProgressBarLoaded() {
+				$('#exitlabel').html(LABELS.EXIT);
+				$('#notebooklabel').html(LABELS.NOTEBOOK);
+				if ( allowRestart ) {
+					$('#restartlabel').html(LABELS.RESTART);
+					restartLessonConfirmation = LABELS.CONFIRM_RESTART;
+					$('#restartitem').show();
+				}
+			}
+			
+			$(document).ready(function() {
+				var showControlBar = true;
+				var showIM = true;
+				if ( window.frameElement ) {
+					var myId = window.frameElement.id;
+					if ( myId ) {
+						if ( myId == 'lamsDynamicFrame0' ) {
+							showIM = false;
+						} else if ( myId == 'lamsDynamicFrame1' ) {
+							showControlBar = false;
+						}
+					}
+				}
+
+				if ( lessonId != "" || toolSessionId != "" ) {
+					$.ajax({
+						url : APP_URL + 'learner.do',
+						data : {
+							'method'   : 'getLessonDetails',
+							'lessonID' : lessonId,
+							'toolSessionID' : toolSessionId,
+						},
+						cache : false,
+						dataType : 'json',
+						success : function(result) {
+							
+							lessonId = result.lessonID;
+							
+							if ( showControlBar ) {
+								allowRestart = result.allowRestart;
+								$('.lessonName').html(result.title);
+								fillProgressBar('learnerMainBar');
+								$('#sidebar').show();
+							}
+							
+							var presenceEnabledPatch = result.presenceEnabledPatch;
+							var presenceImEnabled = result.presenceImEnabled;
+							if ( showIM && (presenceEnabledPatch || presenceImEnabled) ) {
+								presenceURL = APP_URL+"presenceChat.jsp?presenceEnabledPatch="+presenceEnabledPatch
+										+"&presenceImEnabled="+presenceImEnabled+"&lessonID="+lessonId;
+								$('#presenceEnabledPatchDiv').load(presenceURL, function( response, status, xhr ) {
+									if ( status == "error" ) {
+										alert("Unable to load IM: " + xhr.status);
+									} 
+								});
+							}
+						}
+					});
+				}
+			});
+			
+		</script>
+	
+		<nav class="navbar navbar-default sidebar" id="sidebar" role="navigation" onMouseEnter="javascript:toggleSlideMenu()" onMouseLeave="javascript:hideSlideMenu()" style="display:none" >
+		    <div class="container-fluid">
+				<!-- Brand and toggle get grouped for better mobile display -->
+				<div class="navbar-header">
+					<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-sidebar-navbar-collapse-1">
+						<span class="sr-only">Toggle navigation</span>
+						<span class="icon-bar"></span>
+						<span class="icon-bar"></span>
+						<span class="icon-bar"></span>
+					</button>
+					<a class="navbar-brand visible-xs hidden-sm hidden-md hidden-lg" href="#"><span class="lessonName"></span></a>
+				</div>
+				<!-- Collect the nav links, forms, and other content for toggling -->
+				<div class="collapse navbar-collapse" id="bs-sidebar-navbar-collapse-1">
+					<ul class="nav navbar-nav">
+						<li><a href="#" class="hidden-xs visible-sm visible-md visible-lg slidesidemenu" onClick="javascript:toggleSlideMenu()">
+							<i class="pull-right fa fa-bars" style="color:#337ab7"></i>
+							<p class="lessonName"><%=request.getAttribute(org.apache.struts.taglib.html.Constants.BEAN_KEY)%></p></a></li>
+						<li><a href="#" onClick="javascript:closeWindow()" ><span id="exitlabel">ExitX</span><i class="pull-right fa fa-times"></i></a></li>
+						<li><a href="#" onClick="javascript:viewNotebookEntries()" ><span id="notebooklabel">NotebookX</span><i class="pull-right fa fa-book"></i></a></li>
+						<li id="restartitem" style="display:none"><a href="#" onClick="javascript:restartLesson()"><span id="restartlabel">RestartX</span><i class="pull-right fa fa-recycle"></i></a></li>
+						<li><a href="#" class="slidesidemenu" onClick="javascript:toggleSlideMenu()">
+							<i class="pull-right fa fa-map"></i></a>
+							<div id="progressBarDiv" class="progressBarContainer"></div></li>
+					</ul>
+				</div>
+			</div>
+		</nav>
+
+		<div class="content navcontent">
+	
+	</c:when> <%--  end of sidebar stuff - only used if in learner screen --%>
+	<c:otherwise>
+		<div class="content">
+	</c:otherwise>
+	</c:choose>
+	
+			<div class="row no-gutter">
+			<div class="col-xs-12">
+			<div class="container">
+					<div class="panel panel-default panel-${type}-page">
+						<c:if test="${not empty title}">
+							<div class="panel-heading">
+								<div class="panel-title panel-${type}-title">
+									<c:out value="${title}" escapeXml="true" />
+									<c:if test="${not empty titleHelpURL}">
+										<span class="pull-right">${titleHelpURL}</span>
+									</c:if>
+								</div>
+								<c:if test="${not empty headingContent}">
+									<c:out value="${headingContent}" escapeXml="true" />
+								</c:if>
+							</div>
 						</c:if>
+						
+						<div class="panel-body panel-${type}-body">
+							<jsp:doBody />
+						</div>
 					</div>
-				</c:if>
-				<div class="panel-body panel-${type}-body">
-					<jsp:doBody />
+					
+					<%--  only have sidebar and presence in learner --%>
+					<c:if test="${ not hideProgressBar && ( empty mode || mode == 'author' || mode == 'learner') }">
+					<div id="presenceEnabledPatchDiv"></div>
+					</c:if>
+						
+			</div>
 				</div>
 			</div>
-		</c:otherwise>
-		</c:choose>
+		</div>
+
+	</c:when>
+
+	<c:otherwise>
+	<!-- Standard Screens  --> 
+		<div class="row no-gutter">
+		<div class="col-xs-12">
+		<div class="container" id="content">
+		
+		<div class="panel panel-default panel-${type}-page">
+			<c:if test="${not empty title}">
+				<div class="panel-heading">
+					<div class="panel-title panel-${type}-title">
+						<c:out value="${title}" escapeXml="true" />
+						<c:if test="${not empty titleHelpURL}">
+							<span class="pull-right">${titleHelpURL}</span>
+						</c:if>
+					</div>
+					<c:if test="${not empty headingContent}">
+						<c:out value="${headingContent}" escapeXml="true" />
+					</c:if>
+				</div>
+			</c:if>
 			
+			<div class="panel-body panel-${type}-body">
+				<jsp:doBody />
+			</div>
 		</div>
-		<!-- End content container -->
-	</div>
-</div>
+		</div>
+		</div>
+		</div>
+	</c:otherwise>
+</c:choose>
 
 
 		
Index: lams_tool_pixlr/web/WEB-INF/tags/Page.tag
===================================================================
RCS file: /usr/local/cvsroot/lams_tool_pixlr/web/WEB-INF/tags/Attic/Page.tag,v
diff -u -r1.1.2.3 -r1.1.2.4
--- lams_tool_pixlr/web/WEB-INF/tags/Page.tag	1 Jul 2016 02:08:30 -0000	1.1.2.3
+++ lams_tool_pixlr/web/WEB-INF/tags/Page.tag	28 Jul 2016 04:06:34 -0000	1.1.2.4
@@ -1,49 +1,291 @@
 <%@ tag body-content="scriptless"%>
-<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
+<%@ taglib uri="tags-core" prefix="c"%>
+<%@ taglib uri="tags-fmt" prefix="fmt"%>
+<%@ taglib uri="tags-lams" prefix="lams"%>
 
 <%@ attribute name="type" required="true" rtexprvalue="true"%>
 <%@ attribute name="style" required="false" rtexprvalue="true"%>
 <%@ attribute name="title" required="false" rtexprvalue="true"%>
 <%@ attribute name="titleHelpURL" required="false" rtexprvalue="true"%>
 <%@ attribute name="headingContent" required="false" rtexprvalue="true"%>
+<%@ attribute name="hideProgressBar" required="false" rtexprvalue="true"%>
 
+			
+<c:choose>
 
-
-<div class="row no-gutter">
-	<div class="col-xs-12">
+	<c:when test='${type == "navbar"}'>
+	<%-- Combined tab and navigation bar used in authoring and monitoring --%>
+		<div class="row no-gutter">
+		<div class="col-xs-12">
 		<div class="container" id="content">
+		<jsp:doBody />
+		</div>
+		</div>
+		</div>
+	</c:when> 
+
+	<c:when test='${type == "learner"}'>
+	<%-- Learner --%>
+
+	<%-- Try to get authoring preview/learning/monitoring from the tool activity so we don't show the progress bar in monitoring --%>
+	<c:if test="${empty mode}">
+		<c:set var="mode" value="${param.mode}" />
+	</c:if>
+	<c:if test="${empty mode}">
+		<c:if test="${empty sessionMapID}">
+			<c:set var="sessionMapID" value="${param.sessionMapID}"/>
+		</c:if>
+		<c:set var="mode" value="${sessionScope[sessionMapID].mode}" />
+	</c:if>
+
+	<%--  only have sidebar and presence in learner --%>
+	<c:choose>
+	<c:when test="${ not hideProgressBar && ( empty mode || mode == 'author' || mode == 'learner') }">
+	
+		<%-- Links placed in body instead of head. Ugly, but it works. --%>
+		<link rel="stylesheet" href="<lams:LAMSURL/>css/progressBar.css" type="text/css" />
+		<script type="text/javascript" src="<lams:LAMSURL/>includes/javascript/snap.svg.js"></script>
+		<script type="text/javascript" src="<lams:LAMSURL/>includes/javascript/progressBar.js"></script>
 		
-		<c:choose>
-		<c:when test='${type == "navbar"}'>
-			<jsp:doBody />
-		</c:when> 
-		<c:otherwise>
-			<div class="panel panel-default panel-${type}-page">
-				<c:if test="${not empty title}">
-					<div class="panel-heading">
-						<div class="panel-title panel-${type}-title">
-							<c:out value="${title}" escapeXml="true" />
-							<c:if test="${not empty titleHelpURL}">
-								<span class="pull-right">${titleHelpURL}</span>
-							</c:if>
-						</div>
-						<c:if test="${not empty headingContent}">
-							<c:out value="${headingContent}" escapeXml="true" />
+		<c:if test="${empty lessonID}">
+			<c:set var="lessonID" value="${param.lessonID}" />
+		</c:if>
+
+		<c:if test="${empty lessonID}">
+			<%-- Desperately try to get tool session ID from the tool activity --%>
+			<c:if test="${empty toolSessionId}">
+				<c:set var="toolSessionId" value="${toolSessionID}" />
+			</c:if>
+			<c:if test="${empty toolSessionId}">
+				<c:set var="toolSessionId" value="${param.toolSessionId}" />
+			</c:if>
+			<c:if test="${empty toolSessionID}">
+				<c:set var="toolSessionId" value="${param.toolSessionID}" />
+			</c:if>
+			<c:if test="${empty toolSessionId}">
+				<c:set var="toolForm" value="<%=request.getAttribute(org.apache.struts.taglib.html.Constants.BEAN_KEY)%>" />
+				<c:set var="toolSessionId" value="${toolForm.toolSessionID}" />
+			</c:if>
+			<c:if test="${empty toolSessionId}">
+				<c:if test="${empty sessionMapID}">
+					<c:set var="sessionMapID" value="${param.sessionMapID}"/>
+				</c:if>
+				<c:set var="toolSessionId" value="${sessionScope[sessionMapID].toolSessionID}" />
+			</c:if>
+		</c:if>
+		
+		<script type="text/javascript">
+			var allowRestart = false,
+				restartLessonConfirmation = "Are you sure you want to start the lesson from the beginning?",
+				toolSessionId = '${toolSessionId}',
+				lessonId = '${lessonID}',
+				mode = '${mode}',
+				
+				LAMS_URL = '<lams:LAMSURL/>',
+				APP_URL = LAMS_URL + 'learning/',
+						
+				bars = {
+					'learnerMainBar' : {
+						'containerId' : 'progressBarDiv'
+					}
+				};
+
+			function restartLesson(){
+				if (confirm(restartLessonConfirmation)) {
+					window.location.href = APP_URL + 'learner.do?method=restartLesson&lessonID=' + lessonId;
+				}
+			}
+
+			function viewNotebookEntries(){
+				openPopUp(APP_URL + "notebook.do?method=viewAll&lessonID=" + lessonId,
+						"Notebook",
+						570,796,
+						"no");
+				hideSlideMenu(); /* For touch screen */
+			}
+		
+			function closeWindow() {
+	 			top.window.close();
+			}
+
+			function toggleSlideMenu() {	
+				if ( $("nav.sidebar").hasClass("expandmenu") ) {
+					hideSlideMenu();
+				}
+				else 
+					$("nav.sidebar").addClass("expandmenu");
+			}
+
+			function hideSlideMenu() {	
+				$("nav.sidebar").removeClass("expandmenu");
+			}
+			
+			function onProgressBarLoaded() {
+				$('#exitlabel').html(LABELS.EXIT);
+				$('#notebooklabel').html(LABELS.NOTEBOOK);
+				if ( allowRestart ) {
+					$('#restartlabel').html(LABELS.RESTART);
+					restartLessonConfirmation = LABELS.CONFIRM_RESTART;
+					$('#restartitem').show();
+				}
+			}
+			
+			$(document).ready(function() {
+				var showControlBar = true;
+				var showIM = true;
+				if ( window.frameElement ) {
+					var myId = window.frameElement.id;
+					if ( myId ) {
+						if ( myId == 'lamsDynamicFrame0' ) {
+							showIM = false;
+						} else if ( myId == 'lamsDynamicFrame1' ) {
+							showControlBar = false;
+						}
+					}
+				}
+
+				if ( lessonId != "" || toolSessionId != "" ) {
+					$.ajax({
+						url : APP_URL + 'learner.do',
+						data : {
+							'method'   : 'getLessonDetails',
+							'lessonID' : lessonId,
+							'toolSessionID' : toolSessionId,
+						},
+						cache : false,
+						dataType : 'json',
+						success : function(result) {
+							
+							lessonId = result.lessonID;
+							
+							if ( showControlBar ) {
+								allowRestart = result.allowRestart;
+								$('.lessonName').html(result.title);
+								fillProgressBar('learnerMainBar');
+								$('#sidebar').show();
+							}
+							
+							var presenceEnabledPatch = result.presenceEnabledPatch;
+							var presenceImEnabled = result.presenceImEnabled;
+							if ( showIM && (presenceEnabledPatch || presenceImEnabled) ) {
+								presenceURL = APP_URL+"presenceChat.jsp?presenceEnabledPatch="+presenceEnabledPatch
+										+"&presenceImEnabled="+presenceImEnabled+"&lessonID="+lessonId;
+								$('#presenceEnabledPatchDiv').load(presenceURL, function( response, status, xhr ) {
+									if ( status == "error" ) {
+										alert("Unable to load IM: " + xhr.status);
+									} 
+								});
+							}
+						}
+					});
+				}
+			});
+			
+		</script>
+	
+		<nav class="navbar navbar-default sidebar" id="sidebar" role="navigation" onMouseEnter="javascript:toggleSlideMenu()" onMouseLeave="javascript:hideSlideMenu()" style="display:none" >
+		    <div class="container-fluid">
+				<!-- Brand and toggle get grouped for better mobile display -->
+				<div class="navbar-header">
+					<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-sidebar-navbar-collapse-1">
+						<span class="sr-only">Toggle navigation</span>
+						<span class="icon-bar"></span>
+						<span class="icon-bar"></span>
+						<span class="icon-bar"></span>
+					</button>
+					<a class="navbar-brand visible-xs hidden-sm hidden-md hidden-lg" href="#"><span class="lessonName"></span></a>
+				</div>
+				<!-- Collect the nav links, forms, and other content for toggling -->
+				<div class="collapse navbar-collapse" id="bs-sidebar-navbar-collapse-1">
+					<ul class="nav navbar-nav">
+						<li><a href="#" class="hidden-xs visible-sm visible-md visible-lg slidesidemenu" onClick="javascript:toggleSlideMenu()">
+							<i class="pull-right fa fa-bars" style="color:#337ab7"></i>
+							<p class="lessonName"><%=request.getAttribute(org.apache.struts.taglib.html.Constants.BEAN_KEY)%></p></a></li>
+						<li><a href="#" onClick="javascript:closeWindow()" ><span id="exitlabel">ExitX</span><i class="pull-right fa fa-times"></i></a></li>
+						<li><a href="#" onClick="javascript:viewNotebookEntries()" ><span id="notebooklabel">NotebookX</span><i class="pull-right fa fa-book"></i></a></li>
+						<li id="restartitem" style="display:none"><a href="#" onClick="javascript:restartLesson()"><span id="restartlabel">RestartX</span><i class="pull-right fa fa-recycle"></i></a></li>
+						<li><a href="#" class="slidesidemenu" onClick="javascript:toggleSlideMenu()">
+							<i class="pull-right fa fa-map"></i></a>
+							<div id="progressBarDiv" class="progressBarContainer"></div></li>
+					</ul>
+				</div>
+			</div>
+		</nav>
+
+		<div class="content navcontent">
+	
+	</c:when> <%--  end of sidebar stuff - only used if in learner screen --%>
+	<c:otherwise>
+		<div class="content">
+	</c:otherwise>
+	</c:choose>
+	
+			<div class="row no-gutter">
+			<div class="col-xs-12">
+			<div class="container">
+					<div class="panel panel-default panel-${type}-page">
+						<c:if test="${not empty title}">
+							<div class="panel-heading">
+								<div class="panel-title panel-${type}-title">
+									<c:out value="${title}" escapeXml="true" />
+									<c:if test="${not empty titleHelpURL}">
+										<span class="pull-right">${titleHelpURL}</span>
+									</c:if>
+								</div>
+								<c:if test="${not empty headingContent}">
+									<c:out value="${headingContent}" escapeXml="true" />
+								</c:if>
+							</div>
 						</c:if>
+						
+						<div class="panel-body panel-${type}-body">
+							<jsp:doBody />
+						</div>
 					</div>
-				</c:if>
-				<div class="panel-body panel-${type}-body">
-					<jsp:doBody />
+					
+					<%--  only have sidebar and presence in learner --%>
+					<c:if test="${ not hideProgressBar && ( empty mode || mode == 'author' || mode == 'learner') }">
+					<div id="presenceEnabledPatchDiv"></div>
+					</c:if>
+						
+			</div>
 				</div>
 			</div>
-		</c:otherwise>
-		</c:choose>
-			
 		</div>
-		<!-- End content container -->
-	</div>
-</div>
 
+	</c:when>
 
+	<c:otherwise>
+	<!-- Standard Screens  --> 
+		<div class="row no-gutter">
+		<div class="col-xs-12">
+		<div class="container" id="content">
 		
+		<div class="panel panel-default panel-${type}-page">
+			<c:if test="${not empty title}">
+				<div class="panel-heading">
+					<div class="panel-title panel-${type}-title">
+						<c:out value="${title}" escapeXml="true" />
+						<c:if test="${not empty titleHelpURL}">
+							<span class="pull-right">${titleHelpURL}</span>
+						</c:if>
+					</div>
+					<c:if test="${not empty headingContent}">
+						<c:out value="${headingContent}" escapeXml="true" />
+					</c:if>
+				</div>
+			</c:if>
 			
+			<div class="panel-body panel-${type}-body">
+				<jsp:doBody />
+			</div>
+		</div>
+		</div>
+		</div>
+		</div>
+	</c:otherwise>
+</c:choose>
+
+
+		
+			
\ No newline at end of file
Index: lams_tool_preview/web/WEB-INF/tags/Page.tag
===================================================================
RCS file: /usr/local/cvsroot/lams_tool_preview/web/WEB-INF/tags/Attic/Page.tag,v
diff -u -r1.1.2.3 -r1.1.2.4
--- lams_tool_preview/web/WEB-INF/tags/Page.tag	1 Jul 2016 02:09:24 -0000	1.1.2.3
+++ lams_tool_preview/web/WEB-INF/tags/Page.tag	28 Jul 2016 04:06:36 -0000	1.1.2.4
@@ -1,49 +1,291 @@
 <%@ tag body-content="scriptless"%>
-<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
+<%@ taglib uri="tags-core" prefix="c"%>
+<%@ taglib uri="tags-fmt" prefix="fmt"%>
+<%@ taglib uri="tags-lams" prefix="lams"%>
 
 <%@ attribute name="type" required="true" rtexprvalue="true"%>
 <%@ attribute name="style" required="false" rtexprvalue="true"%>
 <%@ attribute name="title" required="false" rtexprvalue="true"%>
 <%@ attribute name="titleHelpURL" required="false" rtexprvalue="true"%>
 <%@ attribute name="headingContent" required="false" rtexprvalue="true"%>
+<%@ attribute name="hideProgressBar" required="false" rtexprvalue="true"%>
 
+			
+<c:choose>
 
-
-<div class="row no-gutter">
-	<div class="col-xs-12">
+	<c:when test='${type == "navbar"}'>
+	<%-- Combined tab and navigation bar used in authoring and monitoring --%>
+		<div class="row no-gutter">
+		<div class="col-xs-12">
 		<div class="container" id="content">
+		<jsp:doBody />
+		</div>
+		</div>
+		</div>
+	</c:when> 
+
+	<c:when test='${type == "learner"}'>
+	<%-- Learner --%>
+
+	<%-- Try to get authoring preview/learning/monitoring from the tool activity so we don't show the progress bar in monitoring --%>
+	<c:if test="${empty mode}">
+		<c:set var="mode" value="${param.mode}" />
+	</c:if>
+	<c:if test="${empty mode}">
+		<c:if test="${empty sessionMapID}">
+			<c:set var="sessionMapID" value="${param.sessionMapID}"/>
+		</c:if>
+		<c:set var="mode" value="${sessionScope[sessionMapID].mode}" />
+	</c:if>
+
+	<%--  only have sidebar and presence in learner --%>
+	<c:choose>
+	<c:when test="${ not hideProgressBar && ( empty mode || mode == 'author' || mode == 'learner') }">
+	
+		<%-- Links placed in body instead of head. Ugly, but it works. --%>
+		<link rel="stylesheet" href="<lams:LAMSURL/>css/progressBar.css" type="text/css" />
+		<script type="text/javascript" src="<lams:LAMSURL/>includes/javascript/snap.svg.js"></script>
+		<script type="text/javascript" src="<lams:LAMSURL/>includes/javascript/progressBar.js"></script>
 		
-		<c:choose>
-		<c:when test='${type == "navbar"}'>
-			<jsp:doBody />
-		</c:when> 
-		<c:otherwise>
-			<div class="panel panel-default panel-${type}-page">
-				<c:if test="${not empty title}">
-					<div class="panel-heading">
-						<div class="panel-title panel-${type}-title">
-							<c:out value="${title}" escapeXml="true" />
-							<c:if test="${not empty titleHelpURL}">
-								<span class="pull-right">${titleHelpURL}</span>
-							</c:if>
-						</div>
-						<c:if test="${not empty headingContent}">
-							<c:out value="${headingContent}" escapeXml="true" />
+		<c:if test="${empty lessonID}">
+			<c:set var="lessonID" value="${param.lessonID}" />
+		</c:if>
+
+		<c:if test="${empty lessonID}">
+			<%-- Desperately try to get tool session ID from the tool activity --%>
+			<c:if test="${empty toolSessionId}">
+				<c:set var="toolSessionId" value="${toolSessionID}" />
+			</c:if>
+			<c:if test="${empty toolSessionId}">
+				<c:set var="toolSessionId" value="${param.toolSessionId}" />
+			</c:if>
+			<c:if test="${empty toolSessionID}">
+				<c:set var="toolSessionId" value="${param.toolSessionID}" />
+			</c:if>
+			<c:if test="${empty toolSessionId}">
+				<c:set var="toolForm" value="<%=request.getAttribute(org.apache.struts.taglib.html.Constants.BEAN_KEY)%>" />
+				<c:set var="toolSessionId" value="${toolForm.toolSessionID}" />
+			</c:if>
+			<c:if test="${empty toolSessionId}">
+				<c:if test="${empty sessionMapID}">
+					<c:set var="sessionMapID" value="${param.sessionMapID}"/>
+				</c:if>
+				<c:set var="toolSessionId" value="${sessionScope[sessionMapID].toolSessionID}" />
+			</c:if>
+		</c:if>
+		
+		<script type="text/javascript">
+			var allowRestart = false,
+				restartLessonConfirmation = "Are you sure you want to start the lesson from the beginning?",
+				toolSessionId = '${toolSessionId}',
+				lessonId = '${lessonID}',
+				mode = '${mode}',
+				
+				LAMS_URL = '<lams:LAMSURL/>',
+				APP_URL = LAMS_URL + 'learning/',
+						
+				bars = {
+					'learnerMainBar' : {
+						'containerId' : 'progressBarDiv'
+					}
+				};
+
+			function restartLesson(){
+				if (confirm(restartLessonConfirmation)) {
+					window.location.href = APP_URL + 'learner.do?method=restartLesson&lessonID=' + lessonId;
+				}
+			}
+
+			function viewNotebookEntries(){
+				openPopUp(APP_URL + "notebook.do?method=viewAll&lessonID=" + lessonId,
+						"Notebook",
+						570,796,
+						"no");
+				hideSlideMenu(); /* For touch screen */
+			}
+		
+			function closeWindow() {
+	 			top.window.close();
+			}
+
+			function toggleSlideMenu() {	
+				if ( $("nav.sidebar").hasClass("expandmenu") ) {
+					hideSlideMenu();
+				}
+				else 
+					$("nav.sidebar").addClass("expandmenu");
+			}
+
+			function hideSlideMenu() {	
+				$("nav.sidebar").removeClass("expandmenu");
+			}
+			
+			function onProgressBarLoaded() {
+				$('#exitlabel').html(LABELS.EXIT);
+				$('#notebooklabel').html(LABELS.NOTEBOOK);
+				if ( allowRestart ) {
+					$('#restartlabel').html(LABELS.RESTART);
+					restartLessonConfirmation = LABELS.CONFIRM_RESTART;
+					$('#restartitem').show();
+				}
+			}
+			
+			$(document).ready(function() {
+				var showControlBar = true;
+				var showIM = true;
+				if ( window.frameElement ) {
+					var myId = window.frameElement.id;
+					if ( myId ) {
+						if ( myId == 'lamsDynamicFrame0' ) {
+							showIM = false;
+						} else if ( myId == 'lamsDynamicFrame1' ) {
+							showControlBar = false;
+						}
+					}
+				}
+
+				if ( lessonId != "" || toolSessionId != "" ) {
+					$.ajax({
+						url : APP_URL + 'learner.do',
+						data : {
+							'method'   : 'getLessonDetails',
+							'lessonID' : lessonId,
+							'toolSessionID' : toolSessionId,
+						},
+						cache : false,
+						dataType : 'json',
+						success : function(result) {
+							
+							lessonId = result.lessonID;
+							
+							if ( showControlBar ) {
+								allowRestart = result.allowRestart;
+								$('.lessonName').html(result.title);
+								fillProgressBar('learnerMainBar');
+								$('#sidebar').show();
+							}
+							
+							var presenceEnabledPatch = result.presenceEnabledPatch;
+							var presenceImEnabled = result.presenceImEnabled;
+							if ( showIM && (presenceEnabledPatch || presenceImEnabled) ) {
+								presenceURL = APP_URL+"presenceChat.jsp?presenceEnabledPatch="+presenceEnabledPatch
+										+"&presenceImEnabled="+presenceImEnabled+"&lessonID="+lessonId;
+								$('#presenceEnabledPatchDiv').load(presenceURL, function( response, status, xhr ) {
+									if ( status == "error" ) {
+										alert("Unable to load IM: " + xhr.status);
+									} 
+								});
+							}
+						}
+					});
+				}
+			});
+			
+		</script>
+	
+		<nav class="navbar navbar-default sidebar" id="sidebar" role="navigation" onMouseEnter="javascript:toggleSlideMenu()" onMouseLeave="javascript:hideSlideMenu()" style="display:none" >
+		    <div class="container-fluid">
+				<!-- Brand and toggle get grouped for better mobile display -->
+				<div class="navbar-header">
+					<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-sidebar-navbar-collapse-1">
+						<span class="sr-only">Toggle navigation</span>
+						<span class="icon-bar"></span>
+						<span class="icon-bar"></span>
+						<span class="icon-bar"></span>
+					</button>
+					<a class="navbar-brand visible-xs hidden-sm hidden-md hidden-lg" href="#"><span class="lessonName"></span></a>
+				</div>
+				<!-- Collect the nav links, forms, and other content for toggling -->
+				<div class="collapse navbar-collapse" id="bs-sidebar-navbar-collapse-1">
+					<ul class="nav navbar-nav">
+						<li><a href="#" class="hidden-xs visible-sm visible-md visible-lg slidesidemenu" onClick="javascript:toggleSlideMenu()">
+							<i class="pull-right fa fa-bars" style="color:#337ab7"></i>
+							<p class="lessonName"><%=request.getAttribute(org.apache.struts.taglib.html.Constants.BEAN_KEY)%></p></a></li>
+						<li><a href="#" onClick="javascript:closeWindow()" ><span id="exitlabel">ExitX</span><i class="pull-right fa fa-times"></i></a></li>
+						<li><a href="#" onClick="javascript:viewNotebookEntries()" ><span id="notebooklabel">NotebookX</span><i class="pull-right fa fa-book"></i></a></li>
+						<li id="restartitem" style="display:none"><a href="#" onClick="javascript:restartLesson()"><span id="restartlabel">RestartX</span><i class="pull-right fa fa-recycle"></i></a></li>
+						<li><a href="#" class="slidesidemenu" onClick="javascript:toggleSlideMenu()">
+							<i class="pull-right fa fa-map"></i></a>
+							<div id="progressBarDiv" class="progressBarContainer"></div></li>
+					</ul>
+				</div>
+			</div>
+		</nav>
+
+		<div class="content navcontent">
+	
+	</c:when> <%--  end of sidebar stuff - only used if in learner screen --%>
+	<c:otherwise>
+		<div class="content">
+	</c:otherwise>
+	</c:choose>
+	
+			<div class="row no-gutter">
+			<div class="col-xs-12">
+			<div class="container">
+					<div class="panel panel-default panel-${type}-page">
+						<c:if test="${not empty title}">
+							<div class="panel-heading">
+								<div class="panel-title panel-${type}-title">
+									<c:out value="${title}" escapeXml="true" />
+									<c:if test="${not empty titleHelpURL}">
+										<span class="pull-right">${titleHelpURL}</span>
+									</c:if>
+								</div>
+								<c:if test="${not empty headingContent}">
+									<c:out value="${headingContent}" escapeXml="true" />
+								</c:if>
+							</div>
 						</c:if>
+						
+						<div class="panel-body panel-${type}-body">
+							<jsp:doBody />
+						</div>
 					</div>
-				</c:if>
-				<div class="panel-body panel-${type}-body">
-					<jsp:doBody />
+					
+					<%--  only have sidebar and presence in learner --%>
+					<c:if test="${ not hideProgressBar && ( empty mode || mode == 'author' || mode == 'learner') }">
+					<div id="presenceEnabledPatchDiv"></div>
+					</c:if>
+						
+			</div>
 				</div>
 			</div>
-		</c:otherwise>
-		</c:choose>
-			
 		</div>
-		<!-- End content container -->
-	</div>
-</div>
 
+	</c:when>
 
+	<c:otherwise>
+	<!-- Standard Screens  --> 
+		<div class="row no-gutter">
+		<div class="col-xs-12">
+		<div class="container" id="content">
 		
+		<div class="panel panel-default panel-${type}-page">
+			<c:if test="${not empty title}">
+				<div class="panel-heading">
+					<div class="panel-title panel-${type}-title">
+						<c:out value="${title}" escapeXml="true" />
+						<c:if test="${not empty titleHelpURL}">
+							<span class="pull-right">${titleHelpURL}</span>
+						</c:if>
+					</div>
+					<c:if test="${not empty headingContent}">
+						<c:out value="${headingContent}" escapeXml="true" />
+					</c:if>
+				</div>
+			</c:if>
 			
+			<div class="panel-body panel-${type}-body">
+				<jsp:doBody />
+			</div>
+		</div>
+		</div>
+		</div>
+		</div>
+	</c:otherwise>
+</c:choose>
+
+
+		
+			
\ No newline at end of file
Index: lams_tool_sbmt/web/WEB-INF/tags/Page.tag
===================================================================
RCS file: /usr/local/cvsroot/lams_tool_sbmt/web/WEB-INF/tags/Attic/Page.tag,v
diff -u -r1.1.2.4 -r1.1.2.5
--- lams_tool_sbmt/web/WEB-INF/tags/Page.tag	29 Jun 2016 06:19:48 -0000	1.1.2.4
+++ lams_tool_sbmt/web/WEB-INF/tags/Page.tag	28 Jul 2016 04:07:27 -0000	1.1.2.5
@@ -1,49 +1,291 @@
 <%@ tag body-content="scriptless"%>
-<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
+<%@ taglib uri="tags-core" prefix="c"%>
+<%@ taglib uri="tags-fmt" prefix="fmt"%>
+<%@ taglib uri="tags-lams" prefix="lams"%>
 
 <%@ attribute name="type" required="true" rtexprvalue="true"%>
 <%@ attribute name="style" required="false" rtexprvalue="true"%>
 <%@ attribute name="title" required="false" rtexprvalue="true"%>
 <%@ attribute name="titleHelpURL" required="false" rtexprvalue="true"%>
 <%@ attribute name="headingContent" required="false" rtexprvalue="true"%>
+<%@ attribute name="hideProgressBar" required="false" rtexprvalue="true"%>
 
+			
+<c:choose>
 
-
-<div class="row no-gutter">
-	<div class="col-xs-12">
+	<c:when test='${type == "navbar"}'>
+	<%-- Combined tab and navigation bar used in authoring and monitoring --%>
+		<div class="row no-gutter">
+		<div class="col-xs-12">
 		<div class="container" id="content">
+		<jsp:doBody />
+		</div>
+		</div>
+		</div>
+	</c:when> 
+
+	<c:when test='${type == "learner"}'>
+	<%-- Learner --%>
+
+	<%-- Try to get authoring preview/learning/monitoring from the tool activity so we don't show the progress bar in monitoring --%>
+	<c:if test="${empty mode}">
+		<c:set var="mode" value="${param.mode}" />
+	</c:if>
+	<c:if test="${empty mode}">
+		<c:if test="${empty sessionMapID}">
+			<c:set var="sessionMapID" value="${param.sessionMapID}"/>
+		</c:if>
+		<c:set var="mode" value="${sessionScope[sessionMapID].mode}" />
+	</c:if>
+
+	<%--  only have sidebar and presence in learner --%>
+	<c:choose>
+	<c:when test="${ not hideProgressBar && ( empty mode || mode == 'author' || mode == 'learner') }">
+	
+		<%-- Links placed in body instead of head. Ugly, but it works. --%>
+		<link rel="stylesheet" href="<lams:LAMSURL/>css/progressBar.css" type="text/css" />
+		<script type="text/javascript" src="<lams:LAMSURL/>includes/javascript/snap.svg.js"></script>
+		<script type="text/javascript" src="<lams:LAMSURL/>includes/javascript/progressBar.js"></script>
 		
-		<c:choose>
-		<c:when test='${type == "navbar"}'>
-			<jsp:doBody />
-		</c:when> 
-		<c:otherwise>
-			<div class="panel panel-default panel-${type}-page">
-				<c:if test="${not empty title}">
-					<div class="panel-heading">
-						<div class="panel-title panel-${type}-title">
-							<c:out value="${title}" escapeXml="true" />
-							<c:if test="${not empty titleHelpURL}">
-								<span class="pull-right">${titleHelpURL}</span>
-							</c:if>
-						</div>
-						<c:if test="${not empty headingContent}">
-							<c:out value="${headingContent}" escapeXml="true" />
+		<c:if test="${empty lessonID}">
+			<c:set var="lessonID" value="${param.lessonID}" />
+		</c:if>
+
+		<c:if test="${empty lessonID}">
+			<%-- Desperately try to get tool session ID from the tool activity --%>
+			<c:if test="${empty toolSessionId}">
+				<c:set var="toolSessionId" value="${toolSessionID}" />
+			</c:if>
+			<c:if test="${empty toolSessionId}">
+				<c:set var="toolSessionId" value="${param.toolSessionId}" />
+			</c:if>
+			<c:if test="${empty toolSessionID}">
+				<c:set var="toolSessionId" value="${param.toolSessionID}" />
+			</c:if>
+			<c:if test="${empty toolSessionId}">
+				<c:set var="toolForm" value="<%=request.getAttribute(org.apache.struts.taglib.html.Constants.BEAN_KEY)%>" />
+				<c:set var="toolSessionId" value="${toolForm.toolSessionID}" />
+			</c:if>
+			<c:if test="${empty toolSessionId}">
+				<c:if test="${empty sessionMapID}">
+					<c:set var="sessionMapID" value="${param.sessionMapID}"/>
+				</c:if>
+				<c:set var="toolSessionId" value="${sessionScope[sessionMapID].toolSessionID}" />
+			</c:if>
+		</c:if>
+		
+		<script type="text/javascript">
+			var allowRestart = false,
+				restartLessonConfirmation = "Are you sure you want to start the lesson from the beginning?",
+				toolSessionId = '${toolSessionId}',
+				lessonId = '${lessonID}',
+				mode = '${mode}',
+				
+				LAMS_URL = '<lams:LAMSURL/>',
+				APP_URL = LAMS_URL + 'learning/',
+						
+				bars = {
+					'learnerMainBar' : {
+						'containerId' : 'progressBarDiv'
+					}
+				};
+
+			function restartLesson(){
+				if (confirm(restartLessonConfirmation)) {
+					window.location.href = APP_URL + 'learner.do?method=restartLesson&lessonID=' + lessonId;
+				}
+			}
+
+			function viewNotebookEntries(){
+				openPopUp(APP_URL + "notebook.do?method=viewAll&lessonID=" + lessonId,
+						"Notebook",
+						570,796,
+						"no");
+				hideSlideMenu(); /* For touch screen */
+			}
+		
+			function closeWindow() {
+	 			top.window.close();
+			}
+
+			function toggleSlideMenu() {	
+				if ( $("nav.sidebar").hasClass("expandmenu") ) {
+					hideSlideMenu();
+				}
+				else 
+					$("nav.sidebar").addClass("expandmenu");
+			}
+
+			function hideSlideMenu() {	
+				$("nav.sidebar").removeClass("expandmenu");
+			}
+			
+			function onProgressBarLoaded() {
+				$('#exitlabel').html(LABELS.EXIT);
+				$('#notebooklabel').html(LABELS.NOTEBOOK);
+				if ( allowRestart ) {
+					$('#restartlabel').html(LABELS.RESTART);
+					restartLessonConfirmation = LABELS.CONFIRM_RESTART;
+					$('#restartitem').show();
+				}
+			}
+			
+			$(document).ready(function() {
+				var showControlBar = true;
+				var showIM = true;
+				if ( window.frameElement ) {
+					var myId = window.frameElement.id;
+					if ( myId ) {
+						if ( myId == 'lamsDynamicFrame0' ) {
+							showIM = false;
+						} else if ( myId == 'lamsDynamicFrame1' ) {
+							showControlBar = false;
+						}
+					}
+				}
+
+				if ( lessonId != "" || toolSessionId != "" ) {
+					$.ajax({
+						url : APP_URL + 'learner.do',
+						data : {
+							'method'   : 'getLessonDetails',
+							'lessonID' : lessonId,
+							'toolSessionID' : toolSessionId,
+						},
+						cache : false,
+						dataType : 'json',
+						success : function(result) {
+							
+							lessonId = result.lessonID;
+							
+							if ( showControlBar ) {
+								allowRestart = result.allowRestart;
+								$('.lessonName').html(result.title);
+								fillProgressBar('learnerMainBar');
+								$('#sidebar').show();
+							}
+							
+							var presenceEnabledPatch = result.presenceEnabledPatch;
+							var presenceImEnabled = result.presenceImEnabled;
+							if ( showIM && (presenceEnabledPatch || presenceImEnabled) ) {
+								presenceURL = APP_URL+"presenceChat.jsp?presenceEnabledPatch="+presenceEnabledPatch
+										+"&presenceImEnabled="+presenceImEnabled+"&lessonID="+lessonId;
+								$('#presenceEnabledPatchDiv').load(presenceURL, function( response, status, xhr ) {
+									if ( status == "error" ) {
+										alert("Unable to load IM: " + xhr.status);
+									} 
+								});
+							}
+						}
+					});
+				}
+			});
+			
+		</script>
+	
+		<nav class="navbar navbar-default sidebar" id="sidebar" role="navigation" onMouseEnter="javascript:toggleSlideMenu()" onMouseLeave="javascript:hideSlideMenu()" style="display:none" >
+		    <div class="container-fluid">
+				<!-- Brand and toggle get grouped for better mobile display -->
+				<div class="navbar-header">
+					<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-sidebar-navbar-collapse-1">
+						<span class="sr-only">Toggle navigation</span>
+						<span class="icon-bar"></span>
+						<span class="icon-bar"></span>
+						<span class="icon-bar"></span>
+					</button>
+					<a class="navbar-brand visible-xs hidden-sm hidden-md hidden-lg" href="#"><span class="lessonName"></span></a>
+				</div>
+				<!-- Collect the nav links, forms, and other content for toggling -->
+				<div class="collapse navbar-collapse" id="bs-sidebar-navbar-collapse-1">
+					<ul class="nav navbar-nav">
+						<li><a href="#" class="hidden-xs visible-sm visible-md visible-lg slidesidemenu" onClick="javascript:toggleSlideMenu()">
+							<i class="pull-right fa fa-bars" style="color:#337ab7"></i>
+							<p class="lessonName"><%=request.getAttribute(org.apache.struts.taglib.html.Constants.BEAN_KEY)%></p></a></li>
+						<li><a href="#" onClick="javascript:closeWindow()" ><span id="exitlabel">ExitX</span><i class="pull-right fa fa-times"></i></a></li>
+						<li><a href="#" onClick="javascript:viewNotebookEntries()" ><span id="notebooklabel">NotebookX</span><i class="pull-right fa fa-book"></i></a></li>
+						<li id="restartitem" style="display:none"><a href="#" onClick="javascript:restartLesson()"><span id="restartlabel">RestartX</span><i class="pull-right fa fa-recycle"></i></a></li>
+						<li><a href="#" class="slidesidemenu" onClick="javascript:toggleSlideMenu()">
+							<i class="pull-right fa fa-map"></i></a>
+							<div id="progressBarDiv" class="progressBarContainer"></div></li>
+					</ul>
+				</div>
+			</div>
+		</nav>
+
+		<div class="content navcontent">
+	
+	</c:when> <%--  end of sidebar stuff - only used if in learner screen --%>
+	<c:otherwise>
+		<div class="content">
+	</c:otherwise>
+	</c:choose>
+	
+			<div class="row no-gutter">
+			<div class="col-xs-12">
+			<div class="container">
+					<div class="panel panel-default panel-${type}-page">
+						<c:if test="${not empty title}">
+							<div class="panel-heading">
+								<div class="panel-title panel-${type}-title">
+									<c:out value="${title}" escapeXml="true" />
+									<c:if test="${not empty titleHelpURL}">
+										<span class="pull-right">${titleHelpURL}</span>
+									</c:if>
+								</div>
+								<c:if test="${not empty headingContent}">
+									<c:out value="${headingContent}" escapeXml="true" />
+								</c:if>
+							</div>
 						</c:if>
+						
+						<div class="panel-body panel-${type}-body">
+							<jsp:doBody />
+						</div>
 					</div>
-				</c:if>
-				<div class="panel-body panel-${type}-body">
-					<jsp:doBody />
+					
+					<%--  only have sidebar and presence in learner --%>
+					<c:if test="${ not hideProgressBar && ( empty mode || mode == 'author' || mode == 'learner') }">
+					<div id="presenceEnabledPatchDiv"></div>
+					</c:if>
+						
+			</div>
 				</div>
 			</div>
-		</c:otherwise>
-		</c:choose>
-			
 		</div>
-		<!-- End content container -->
-	</div>
-</div>
 
+	</c:when>
 
+	<c:otherwise>
+	<!-- Standard Screens  --> 
+		<div class="row no-gutter">
+		<div class="col-xs-12">
+		<div class="container" id="content">
 		
+		<div class="panel panel-default panel-${type}-page">
+			<c:if test="${not empty title}">
+				<div class="panel-heading">
+					<div class="panel-title panel-${type}-title">
+						<c:out value="${title}" escapeXml="true" />
+						<c:if test="${not empty titleHelpURL}">
+							<span class="pull-right">${titleHelpURL}</span>
+						</c:if>
+					</div>
+					<c:if test="${not empty headingContent}">
+						<c:out value="${headingContent}" escapeXml="true" />
+					</c:if>
+				</div>
+			</c:if>
 			
+			<div class="panel-body panel-${type}-body">
+				<jsp:doBody />
+			</div>
+		</div>
+		</div>
+		</div>
+		</div>
+	</c:otherwise>
+</c:choose>
+
+
+		
+			
\ No newline at end of file
Index: lams_tool_scratchie/web/WEB-INF/tags/Page.tag
===================================================================
RCS file: /usr/local/cvsroot/lams_tool_scratchie/web/WEB-INF/tags/Attic/Page.tag,v
diff -u -r1.1.2.3 -r1.1.2.4
--- lams_tool_scratchie/web/WEB-INF/tags/Page.tag	1 Jul 2016 04:25:48 -0000	1.1.2.3
+++ lams_tool_scratchie/web/WEB-INF/tags/Page.tag	28 Jul 2016 04:07:28 -0000	1.1.2.4
@@ -1,49 +1,291 @@
 <%@ tag body-content="scriptless"%>
-<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
+<%@ taglib uri="tags-core" prefix="c"%>
+<%@ taglib uri="tags-fmt" prefix="fmt"%>
+<%@ taglib uri="tags-lams" prefix="lams"%>
 
 <%@ attribute name="type" required="true" rtexprvalue="true"%>
 <%@ attribute name="style" required="false" rtexprvalue="true"%>
 <%@ attribute name="title" required="false" rtexprvalue="true"%>
 <%@ attribute name="titleHelpURL" required="false" rtexprvalue="true"%>
 <%@ attribute name="headingContent" required="false" rtexprvalue="true"%>
+<%@ attribute name="hideProgressBar" required="false" rtexprvalue="true"%>
 
+			
+<c:choose>
 
-
-<div class="row no-gutter">
-	<div class="col-xs-12">
+	<c:when test='${type == "navbar"}'>
+	<%-- Combined tab and navigation bar used in authoring and monitoring --%>
+		<div class="row no-gutter">
+		<div class="col-xs-12">
 		<div class="container" id="content">
+		<jsp:doBody />
+		</div>
+		</div>
+		</div>
+	</c:when> 
+
+	<c:when test='${type == "learner"}'>
+	<%-- Learner --%>
+
+	<%-- Try to get authoring preview/learning/monitoring from the tool activity so we don't show the progress bar in monitoring --%>
+	<c:if test="${empty mode}">
+		<c:set var="mode" value="${param.mode}" />
+	</c:if>
+	<c:if test="${empty mode}">
+		<c:if test="${empty sessionMapID}">
+			<c:set var="sessionMapID" value="${param.sessionMapID}"/>
+		</c:if>
+		<c:set var="mode" value="${sessionScope[sessionMapID].mode}" />
+	</c:if>
+
+	<%--  only have sidebar and presence in learner --%>
+	<c:choose>
+	<c:when test="${ not hideProgressBar && ( empty mode || mode == 'author' || mode == 'learner') }">
+	
+		<%-- Links placed in body instead of head. Ugly, but it works. --%>
+		<link rel="stylesheet" href="<lams:LAMSURL/>css/progressBar.css" type="text/css" />
+		<script type="text/javascript" src="<lams:LAMSURL/>includes/javascript/snap.svg.js"></script>
+		<script type="text/javascript" src="<lams:LAMSURL/>includes/javascript/progressBar.js"></script>
 		
-		<c:choose>
-		<c:when test='${type == "navbar"}'>
-			<jsp:doBody />
-		</c:when> 
-		<c:otherwise>
-			<div class="panel panel-default panel-${type}-page">
-				<c:if test="${not empty title}">
-					<div class="panel-heading">
-						<div class="panel-title panel-${type}-title">
-							<c:out value="${title}" escapeXml="true" />
-							<c:if test="${not empty titleHelpURL}">
-								<span class="pull-right">${titleHelpURL}</span>
-							</c:if>
-						</div>
-						<c:if test="${not empty headingContent}">
-							<c:out value="${headingContent}" escapeXml="true" />
+		<c:if test="${empty lessonID}">
+			<c:set var="lessonID" value="${param.lessonID}" />
+		</c:if>
+
+		<c:if test="${empty lessonID}">
+			<%-- Desperately try to get tool session ID from the tool activity --%>
+			<c:if test="${empty toolSessionId}">
+				<c:set var="toolSessionId" value="${toolSessionID}" />
+			</c:if>
+			<c:if test="${empty toolSessionId}">
+				<c:set var="toolSessionId" value="${param.toolSessionId}" />
+			</c:if>
+			<c:if test="${empty toolSessionID}">
+				<c:set var="toolSessionId" value="${param.toolSessionID}" />
+			</c:if>
+			<c:if test="${empty toolSessionId}">
+				<c:set var="toolForm" value="<%=request.getAttribute(org.apache.struts.taglib.html.Constants.BEAN_KEY)%>" />
+				<c:set var="toolSessionId" value="${toolForm.toolSessionID}" />
+			</c:if>
+			<c:if test="${empty toolSessionId}">
+				<c:if test="${empty sessionMapID}">
+					<c:set var="sessionMapID" value="${param.sessionMapID}"/>
+				</c:if>
+				<c:set var="toolSessionId" value="${sessionScope[sessionMapID].toolSessionID}" />
+			</c:if>
+		</c:if>
+		
+		<script type="text/javascript">
+			var allowRestart = false,
+				restartLessonConfirmation = "Are you sure you want to start the lesson from the beginning?",
+				toolSessionId = '${toolSessionId}',
+				lessonId = '${lessonID}',
+				mode = '${mode}',
+				
+				LAMS_URL = '<lams:LAMSURL/>',
+				APP_URL = LAMS_URL + 'learning/',
+						
+				bars = {
+					'learnerMainBar' : {
+						'containerId' : 'progressBarDiv'
+					}
+				};
+
+			function restartLesson(){
+				if (confirm(restartLessonConfirmation)) {
+					window.location.href = APP_URL + 'learner.do?method=restartLesson&lessonID=' + lessonId;
+				}
+			}
+
+			function viewNotebookEntries(){
+				openPopUp(APP_URL + "notebook.do?method=viewAll&lessonID=" + lessonId,
+						"Notebook",
+						570,796,
+						"no");
+				hideSlideMenu(); /* For touch screen */
+			}
+		
+			function closeWindow() {
+	 			top.window.close();
+			}
+
+			function toggleSlideMenu() {	
+				if ( $("nav.sidebar").hasClass("expandmenu") ) {
+					hideSlideMenu();
+				}
+				else 
+					$("nav.sidebar").addClass("expandmenu");
+			}
+
+			function hideSlideMenu() {	
+				$("nav.sidebar").removeClass("expandmenu");
+			}
+			
+			function onProgressBarLoaded() {
+				$('#exitlabel').html(LABELS.EXIT);
+				$('#notebooklabel').html(LABELS.NOTEBOOK);
+				if ( allowRestart ) {
+					$('#restartlabel').html(LABELS.RESTART);
+					restartLessonConfirmation = LABELS.CONFIRM_RESTART;
+					$('#restartitem').show();
+				}
+			}
+			
+			$(document).ready(function() {
+				var showControlBar = true;
+				var showIM = true;
+				if ( window.frameElement ) {
+					var myId = window.frameElement.id;
+					if ( myId ) {
+						if ( myId == 'lamsDynamicFrame0' ) {
+							showIM = false;
+						} else if ( myId == 'lamsDynamicFrame1' ) {
+							showControlBar = false;
+						}
+					}
+				}
+
+				if ( lessonId != "" || toolSessionId != "" ) {
+					$.ajax({
+						url : APP_URL + 'learner.do',
+						data : {
+							'method'   : 'getLessonDetails',
+							'lessonID' : lessonId,
+							'toolSessionID' : toolSessionId,
+						},
+						cache : false,
+						dataType : 'json',
+						success : function(result) {
+							
+							lessonId = result.lessonID;
+							
+							if ( showControlBar ) {
+								allowRestart = result.allowRestart;
+								$('.lessonName').html(result.title);
+								fillProgressBar('learnerMainBar');
+								$('#sidebar').show();
+							}
+							
+							var presenceEnabledPatch = result.presenceEnabledPatch;
+							var presenceImEnabled = result.presenceImEnabled;
+							if ( showIM && (presenceEnabledPatch || presenceImEnabled) ) {
+								presenceURL = APP_URL+"presenceChat.jsp?presenceEnabledPatch="+presenceEnabledPatch
+										+"&presenceImEnabled="+presenceImEnabled+"&lessonID="+lessonId;
+								$('#presenceEnabledPatchDiv').load(presenceURL, function( response, status, xhr ) {
+									if ( status == "error" ) {
+										alert("Unable to load IM: " + xhr.status);
+									} 
+								});
+							}
+						}
+					});
+				}
+			});
+			
+		</script>
+	
+		<nav class="navbar navbar-default sidebar" id="sidebar" role="navigation" onMouseEnter="javascript:toggleSlideMenu()" onMouseLeave="javascript:hideSlideMenu()" style="display:none" >
+		    <div class="container-fluid">
+				<!-- Brand and toggle get grouped for better mobile display -->
+				<div class="navbar-header">
+					<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-sidebar-navbar-collapse-1">
+						<span class="sr-only">Toggle navigation</span>
+						<span class="icon-bar"></span>
+						<span class="icon-bar"></span>
+						<span class="icon-bar"></span>
+					</button>
+					<a class="navbar-brand visible-xs hidden-sm hidden-md hidden-lg" href="#"><span class="lessonName"></span></a>
+				</div>
+				<!-- Collect the nav links, forms, and other content for toggling -->
+				<div class="collapse navbar-collapse" id="bs-sidebar-navbar-collapse-1">
+					<ul class="nav navbar-nav">
+						<li><a href="#" class="hidden-xs visible-sm visible-md visible-lg slidesidemenu" onClick="javascript:toggleSlideMenu()">
+							<i class="pull-right fa fa-bars" style="color:#337ab7"></i>
+							<p class="lessonName"><%=request.getAttribute(org.apache.struts.taglib.html.Constants.BEAN_KEY)%></p></a></li>
+						<li><a href="#" onClick="javascript:closeWindow()" ><span id="exitlabel">ExitX</span><i class="pull-right fa fa-times"></i></a></li>
+						<li><a href="#" onClick="javascript:viewNotebookEntries()" ><span id="notebooklabel">NotebookX</span><i class="pull-right fa fa-book"></i></a></li>
+						<li id="restartitem" style="display:none"><a href="#" onClick="javascript:restartLesson()"><span id="restartlabel">RestartX</span><i class="pull-right fa fa-recycle"></i></a></li>
+						<li><a href="#" class="slidesidemenu" onClick="javascript:toggleSlideMenu()">
+							<i class="pull-right fa fa-map"></i></a>
+							<div id="progressBarDiv" class="progressBarContainer"></div></li>
+					</ul>
+				</div>
+			</div>
+		</nav>
+
+		<div class="content navcontent">
+	
+	</c:when> <%--  end of sidebar stuff - only used if in learner screen --%>
+	<c:otherwise>
+		<div class="content">
+	</c:otherwise>
+	</c:choose>
+	
+			<div class="row no-gutter">
+			<div class="col-xs-12">
+			<div class="container">
+					<div class="panel panel-default panel-${type}-page">
+						<c:if test="${not empty title}">
+							<div class="panel-heading">
+								<div class="panel-title panel-${type}-title">
+									<c:out value="${title}" escapeXml="true" />
+									<c:if test="${not empty titleHelpURL}">
+										<span class="pull-right">${titleHelpURL}</span>
+									</c:if>
+								</div>
+								<c:if test="${not empty headingContent}">
+									<c:out value="${headingContent}" escapeXml="true" />
+								</c:if>
+							</div>
 						</c:if>
+						
+						<div class="panel-body panel-${type}-body">
+							<jsp:doBody />
+						</div>
 					</div>
-				</c:if>
-				<div class="panel-body panel-${type}-body">
-					<jsp:doBody />
+					
+					<%--  only have sidebar and presence in learner --%>
+					<c:if test="${ not hideProgressBar && ( empty mode || mode == 'author' || mode == 'learner') }">
+					<div id="presenceEnabledPatchDiv"></div>
+					</c:if>
+						
+			</div>
 				</div>
 			</div>
-		</c:otherwise>
-		</c:choose>
-			
 		</div>
-		<!-- End content container -->
-	</div>
-</div>
 
+	</c:when>
 
+	<c:otherwise>
+	<!-- Standard Screens  --> 
+		<div class="row no-gutter">
+		<div class="col-xs-12">
+		<div class="container" id="content">
 		
+		<div class="panel panel-default panel-${type}-page">
+			<c:if test="${not empty title}">
+				<div class="panel-heading">
+					<div class="panel-title panel-${type}-title">
+						<c:out value="${title}" escapeXml="true" />
+						<c:if test="${not empty titleHelpURL}">
+							<span class="pull-right">${titleHelpURL}</span>
+						</c:if>
+					</div>
+					<c:if test="${not empty headingContent}">
+						<c:out value="${headingContent}" escapeXml="true" />
+					</c:if>
+				</div>
+			</c:if>
 			
+			<div class="panel-body panel-${type}-body">
+				<jsp:doBody />
+			</div>
+		</div>
+		</div>
+		</div>
+		</div>
+	</c:otherwise>
+</c:choose>
+
+
+		
+			
\ No newline at end of file
Index: lams_tool_scribe/web/WEB-INF/tags/Page.tag
===================================================================
RCS file: /usr/local/cvsroot/lams_tool_scribe/web/WEB-INF/tags/Attic/Page.tag,v
diff -u -r1.1.2.4 -r1.1.2.5
--- lams_tool_scribe/web/WEB-INF/tags/Page.tag	1 Jul 2016 04:50:12 -0000	1.1.2.4
+++ lams_tool_scribe/web/WEB-INF/tags/Page.tag	28 Jul 2016 04:07:23 -0000	1.1.2.5
@@ -1,49 +1,291 @@
 <%@ tag body-content="scriptless"%>
-<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
+<%@ taglib uri="tags-core" prefix="c"%>
+<%@ taglib uri="tags-fmt" prefix="fmt"%>
+<%@ taglib uri="tags-lams" prefix="lams"%>
 
 <%@ attribute name="type" required="true" rtexprvalue="true"%>
 <%@ attribute name="style" required="false" rtexprvalue="true"%>
 <%@ attribute name="title" required="false" rtexprvalue="true"%>
 <%@ attribute name="titleHelpURL" required="false" rtexprvalue="true"%>
 <%@ attribute name="headingContent" required="false" rtexprvalue="true"%>
+<%@ attribute name="hideProgressBar" required="false" rtexprvalue="true"%>
 
+			
+<c:choose>
 
-
-<div class="row no-gutter">
-	<div class="col-xs-12">
+	<c:when test='${type == "navbar"}'>
+	<%-- Combined tab and navigation bar used in authoring and monitoring --%>
+		<div class="row no-gutter">
+		<div class="col-xs-12">
 		<div class="container" id="content">
+		<jsp:doBody />
+		</div>
+		</div>
+		</div>
+	</c:when> 
+
+	<c:when test='${type == "learner"}'>
+	<%-- Learner --%>
+
+	<%-- Try to get authoring preview/learning/monitoring from the tool activity so we don't show the progress bar in monitoring --%>
+	<c:if test="${empty mode}">
+		<c:set var="mode" value="${param.mode}" />
+	</c:if>
+	<c:if test="${empty mode}">
+		<c:if test="${empty sessionMapID}">
+			<c:set var="sessionMapID" value="${param.sessionMapID}"/>
+		</c:if>
+		<c:set var="mode" value="${sessionScope[sessionMapID].mode}" />
+	</c:if>
+
+	<%--  only have sidebar and presence in learner --%>
+	<c:choose>
+	<c:when test="${ not hideProgressBar && ( empty mode || mode == 'author' || mode == 'learner') }">
+	
+		<%-- Links placed in body instead of head. Ugly, but it works. --%>
+		<link rel="stylesheet" href="<lams:LAMSURL/>css/progressBar.css" type="text/css" />
+		<script type="text/javascript" src="<lams:LAMSURL/>includes/javascript/snap.svg.js"></script>
+		<script type="text/javascript" src="<lams:LAMSURL/>includes/javascript/progressBar.js"></script>
 		
-		<c:choose>
-		<c:when test='${type == "navbar"}'>
-			<jsp:doBody />
-		</c:when> 
-		<c:otherwise>
-			<div class="panel panel-default panel-${type}-page">
-				<c:if test="${not empty title}">
-					<div class="panel-heading">
-						<div class="panel-title panel-${type}-title">
-							<c:out value="${title}" escapeXml="true" />
-							<c:if test="${not empty titleHelpURL}">
-								<span class="pull-right">${titleHelpURL}</span>
-							</c:if>
-						</div>
-						<c:if test="${not empty headingContent}">
-							<c:out value="${headingContent}" escapeXml="true" />
+		<c:if test="${empty lessonID}">
+			<c:set var="lessonID" value="${param.lessonID}" />
+		</c:if>
+
+		<c:if test="${empty lessonID}">
+			<%-- Desperately try to get tool session ID from the tool activity --%>
+			<c:if test="${empty toolSessionId}">
+				<c:set var="toolSessionId" value="${toolSessionID}" />
+			</c:if>
+			<c:if test="${empty toolSessionId}">
+				<c:set var="toolSessionId" value="${param.toolSessionId}" />
+			</c:if>
+			<c:if test="${empty toolSessionID}">
+				<c:set var="toolSessionId" value="${param.toolSessionID}" />
+			</c:if>
+			<c:if test="${empty toolSessionId}">
+				<c:set var="toolForm" value="<%=request.getAttribute(org.apache.struts.taglib.html.Constants.BEAN_KEY)%>" />
+				<c:set var="toolSessionId" value="${toolForm.toolSessionID}" />
+			</c:if>
+			<c:if test="${empty toolSessionId}">
+				<c:if test="${empty sessionMapID}">
+					<c:set var="sessionMapID" value="${param.sessionMapID}"/>
+				</c:if>
+				<c:set var="toolSessionId" value="${sessionScope[sessionMapID].toolSessionID}" />
+			</c:if>
+		</c:if>
+		
+		<script type="text/javascript">
+			var allowRestart = false,
+				restartLessonConfirmation = "Are you sure you want to start the lesson from the beginning?",
+				toolSessionId = '${toolSessionId}',
+				lessonId = '${lessonID}',
+				mode = '${mode}',
+				
+				LAMS_URL = '<lams:LAMSURL/>',
+				APP_URL = LAMS_URL + 'learning/',
+						
+				bars = {
+					'learnerMainBar' : {
+						'containerId' : 'progressBarDiv'
+					}
+				};
+
+			function restartLesson(){
+				if (confirm(restartLessonConfirmation)) {
+					window.location.href = APP_URL + 'learner.do?method=restartLesson&lessonID=' + lessonId;
+				}
+			}
+
+			function viewNotebookEntries(){
+				openPopUp(APP_URL + "notebook.do?method=viewAll&lessonID=" + lessonId,
+						"Notebook",
+						570,796,
+						"no");
+				hideSlideMenu(); /* For touch screen */
+			}
+		
+			function closeWindow() {
+	 			top.window.close();
+			}
+
+			function toggleSlideMenu() {	
+				if ( $("nav.sidebar").hasClass("expandmenu") ) {
+					hideSlideMenu();
+				}
+				else 
+					$("nav.sidebar").addClass("expandmenu");
+			}
+
+			function hideSlideMenu() {	
+				$("nav.sidebar").removeClass("expandmenu");
+			}
+			
+			function onProgressBarLoaded() {
+				$('#exitlabel').html(LABELS.EXIT);
+				$('#notebooklabel').html(LABELS.NOTEBOOK);
+				if ( allowRestart ) {
+					$('#restartlabel').html(LABELS.RESTART);
+					restartLessonConfirmation = LABELS.CONFIRM_RESTART;
+					$('#restartitem').show();
+				}
+			}
+			
+			$(document).ready(function() {
+				var showControlBar = true;
+				var showIM = true;
+				if ( window.frameElement ) {
+					var myId = window.frameElement.id;
+					if ( myId ) {
+						if ( myId == 'lamsDynamicFrame0' ) {
+							showIM = false;
+						} else if ( myId == 'lamsDynamicFrame1' ) {
+							showControlBar = false;
+						}
+					}
+				}
+
+				if ( lessonId != "" || toolSessionId != "" ) {
+					$.ajax({
+						url : APP_URL + 'learner.do',
+						data : {
+							'method'   : 'getLessonDetails',
+							'lessonID' : lessonId,
+							'toolSessionID' : toolSessionId,
+						},
+						cache : false,
+						dataType : 'json',
+						success : function(result) {
+							
+							lessonId = result.lessonID;
+							
+							if ( showControlBar ) {
+								allowRestart = result.allowRestart;
+								$('.lessonName').html(result.title);
+								fillProgressBar('learnerMainBar');
+								$('#sidebar').show();
+							}
+							
+							var presenceEnabledPatch = result.presenceEnabledPatch;
+							var presenceImEnabled = result.presenceImEnabled;
+							if ( showIM && (presenceEnabledPatch || presenceImEnabled) ) {
+								presenceURL = APP_URL+"presenceChat.jsp?presenceEnabledPatch="+presenceEnabledPatch
+										+"&presenceImEnabled="+presenceImEnabled+"&lessonID="+lessonId;
+								$('#presenceEnabledPatchDiv').load(presenceURL, function( response, status, xhr ) {
+									if ( status == "error" ) {
+										alert("Unable to load IM: " + xhr.status);
+									} 
+								});
+							}
+						}
+					});
+				}
+			});
+			
+		</script>
+	
+		<nav class="navbar navbar-default sidebar" id="sidebar" role="navigation" onMouseEnter="javascript:toggleSlideMenu()" onMouseLeave="javascript:hideSlideMenu()" style="display:none" >
+		    <div class="container-fluid">
+				<!-- Brand and toggle get grouped for better mobile display -->
+				<div class="navbar-header">
+					<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-sidebar-navbar-collapse-1">
+						<span class="sr-only">Toggle navigation</span>
+						<span class="icon-bar"></span>
+						<span class="icon-bar"></span>
+						<span class="icon-bar"></span>
+					</button>
+					<a class="navbar-brand visible-xs hidden-sm hidden-md hidden-lg" href="#"><span class="lessonName"></span></a>
+				</div>
+				<!-- Collect the nav links, forms, and other content for toggling -->
+				<div class="collapse navbar-collapse" id="bs-sidebar-navbar-collapse-1">
+					<ul class="nav navbar-nav">
+						<li><a href="#" class="hidden-xs visible-sm visible-md visible-lg slidesidemenu" onClick="javascript:toggleSlideMenu()">
+							<i class="pull-right fa fa-bars" style="color:#337ab7"></i>
+							<p class="lessonName"><%=request.getAttribute(org.apache.struts.taglib.html.Constants.BEAN_KEY)%></p></a></li>
+						<li><a href="#" onClick="javascript:closeWindow()" ><span id="exitlabel">ExitX</span><i class="pull-right fa fa-times"></i></a></li>
+						<li><a href="#" onClick="javascript:viewNotebookEntries()" ><span id="notebooklabel">NotebookX</span><i class="pull-right fa fa-book"></i></a></li>
+						<li id="restartitem" style="display:none"><a href="#" onClick="javascript:restartLesson()"><span id="restartlabel">RestartX</span><i class="pull-right fa fa-recycle"></i></a></li>
+						<li><a href="#" class="slidesidemenu" onClick="javascript:toggleSlideMenu()">
+							<i class="pull-right fa fa-map"></i></a>
+							<div id="progressBarDiv" class="progressBarContainer"></div></li>
+					</ul>
+				</div>
+			</div>
+		</nav>
+
+		<div class="content navcontent">
+	
+	</c:when> <%--  end of sidebar stuff - only used if in learner screen --%>
+	<c:otherwise>
+		<div class="content">
+	</c:otherwise>
+	</c:choose>
+	
+			<div class="row no-gutter">
+			<div class="col-xs-12">
+			<div class="container">
+					<div class="panel panel-default panel-${type}-page">
+						<c:if test="${not empty title}">
+							<div class="panel-heading">
+								<div class="panel-title panel-${type}-title">
+									<c:out value="${title}" escapeXml="true" />
+									<c:if test="${not empty titleHelpURL}">
+										<span class="pull-right">${titleHelpURL}</span>
+									</c:if>
+								</div>
+								<c:if test="${not empty headingContent}">
+									<c:out value="${headingContent}" escapeXml="true" />
+								</c:if>
+							</div>
 						</c:if>
+						
+						<div class="panel-body panel-${type}-body">
+							<jsp:doBody />
+						</div>
 					</div>
-				</c:if>
-				<div class="panel-body panel-${type}-body">
-					<jsp:doBody />
+					
+					<%--  only have sidebar and presence in learner --%>
+					<c:if test="${ not hideProgressBar && ( empty mode || mode == 'author' || mode == 'learner') }">
+					<div id="presenceEnabledPatchDiv"></div>
+					</c:if>
+						
+			</div>
 				</div>
 			</div>
-		</c:otherwise>
-		</c:choose>
-			
 		</div>
-		<!-- End content container -->
-	</div>
-</div>
 
+	</c:when>
 
+	<c:otherwise>
+	<!-- Standard Screens  --> 
+		<div class="row no-gutter">
+		<div class="col-xs-12">
+		<div class="container" id="content">
 		
+		<div class="panel panel-default panel-${type}-page">
+			<c:if test="${not empty title}">
+				<div class="panel-heading">
+					<div class="panel-title panel-${type}-title">
+						<c:out value="${title}" escapeXml="true" />
+						<c:if test="${not empty titleHelpURL}">
+							<span class="pull-right">${titleHelpURL}</span>
+						</c:if>
+					</div>
+					<c:if test="${not empty headingContent}">
+						<c:out value="${headingContent}" escapeXml="true" />
+					</c:if>
+				</div>
+			</c:if>
 			
+			<div class="panel-body panel-${type}-body">
+				<jsp:doBody />
+			</div>
+		</div>
+		</div>
+		</div>
+		</div>
+	</c:otherwise>
+</c:choose>
+
+
+		
+			
\ No newline at end of file
Index: lams_tool_spreadsheet/web/WEB-INF/tags/Page.tag
===================================================================
RCS file: /usr/local/cvsroot/lams_tool_spreadsheet/web/WEB-INF/tags/Attic/Page.tag,v
diff -u -r1.1.2.4 -r1.1.2.5
--- lams_tool_spreadsheet/web/WEB-INF/tags/Page.tag	1 Jul 2016 05:33:04 -0000	1.1.2.4
+++ lams_tool_spreadsheet/web/WEB-INF/tags/Page.tag	28 Jul 2016 04:07:26 -0000	1.1.2.5
@@ -1,49 +1,291 @@
 <%@ tag body-content="scriptless"%>
-<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
+<%@ taglib uri="tags-core" prefix="c"%>
+<%@ taglib uri="tags-fmt" prefix="fmt"%>
+<%@ taglib uri="tags-lams" prefix="lams"%>
 
 <%@ attribute name="type" required="true" rtexprvalue="true"%>
 <%@ attribute name="style" required="false" rtexprvalue="true"%>
 <%@ attribute name="title" required="false" rtexprvalue="true"%>
 <%@ attribute name="titleHelpURL" required="false" rtexprvalue="true"%>
 <%@ attribute name="headingContent" required="false" rtexprvalue="true"%>
+<%@ attribute name="hideProgressBar" required="false" rtexprvalue="true"%>
 
+			
+<c:choose>
 
-
-<div class="row no-gutter">
-	<div class="col-xs-12">
+	<c:when test='${type == "navbar"}'>
+	<%-- Combined tab and navigation bar used in authoring and monitoring --%>
+		<div class="row no-gutter">
+		<div class="col-xs-12">
 		<div class="container" id="content">
+		<jsp:doBody />
+		</div>
+		</div>
+		</div>
+	</c:when> 
+
+	<c:when test='${type == "learner"}'>
+	<%-- Learner --%>
+
+	<%-- Try to get authoring preview/learning/monitoring from the tool activity so we don't show the progress bar in monitoring --%>
+	<c:if test="${empty mode}">
+		<c:set var="mode" value="${param.mode}" />
+	</c:if>
+	<c:if test="${empty mode}">
+		<c:if test="${empty sessionMapID}">
+			<c:set var="sessionMapID" value="${param.sessionMapID}"/>
+		</c:if>
+		<c:set var="mode" value="${sessionScope[sessionMapID].mode}" />
+	</c:if>
+
+	<%--  only have sidebar and presence in learner --%>
+	<c:choose>
+	<c:when test="${ not hideProgressBar && ( empty mode || mode == 'author' || mode == 'learner') }">
+	
+		<%-- Links placed in body instead of head. Ugly, but it works. --%>
+		<link rel="stylesheet" href="<lams:LAMSURL/>css/progressBar.css" type="text/css" />
+		<script type="text/javascript" src="<lams:LAMSURL/>includes/javascript/snap.svg.js"></script>
+		<script type="text/javascript" src="<lams:LAMSURL/>includes/javascript/progressBar.js"></script>
 		
-		<c:choose>
-		<c:when test='${type == "navbar"}'>
-			<jsp:doBody />
-		</c:when> 
-		<c:otherwise>
-			<div class="panel panel-default panel-${type}-page">
-				<c:if test="${not empty title}">
-					<div class="panel-heading">
-						<div class="panel-title panel-${type}-title">
-							<c:out value="${title}" escapeXml="true" />
-							<c:if test="${not empty titleHelpURL}">
-								<span class="pull-right">${titleHelpURL}</span>
-							</c:if>
-						</div>
-						<c:if test="${not empty headingContent}">
-							<c:out value="${headingContent}" escapeXml="true" />
+		<c:if test="${empty lessonID}">
+			<c:set var="lessonID" value="${param.lessonID}" />
+		</c:if>
+
+		<c:if test="${empty lessonID}">
+			<%-- Desperately try to get tool session ID from the tool activity --%>
+			<c:if test="${empty toolSessionId}">
+				<c:set var="toolSessionId" value="${toolSessionID}" />
+			</c:if>
+			<c:if test="${empty toolSessionId}">
+				<c:set var="toolSessionId" value="${param.toolSessionId}" />
+			</c:if>
+			<c:if test="${empty toolSessionID}">
+				<c:set var="toolSessionId" value="${param.toolSessionID}" />
+			</c:if>
+			<c:if test="${empty toolSessionId}">
+				<c:set var="toolForm" value="<%=request.getAttribute(org.apache.struts.taglib.html.Constants.BEAN_KEY)%>" />
+				<c:set var="toolSessionId" value="${toolForm.toolSessionID}" />
+			</c:if>
+			<c:if test="${empty toolSessionId}">
+				<c:if test="${empty sessionMapID}">
+					<c:set var="sessionMapID" value="${param.sessionMapID}"/>
+				</c:if>
+				<c:set var="toolSessionId" value="${sessionScope[sessionMapID].toolSessionID}" />
+			</c:if>
+		</c:if>
+		
+		<script type="text/javascript">
+			var allowRestart = false,
+				restartLessonConfirmation = "Are you sure you want to start the lesson from the beginning?",
+				toolSessionId = '${toolSessionId}',
+				lessonId = '${lessonID}',
+				mode = '${mode}',
+				
+				LAMS_URL = '<lams:LAMSURL/>',
+				APP_URL = LAMS_URL + 'learning/',
+						
+				bars = {
+					'learnerMainBar' : {
+						'containerId' : 'progressBarDiv'
+					}
+				};
+
+			function restartLesson(){
+				if (confirm(restartLessonConfirmation)) {
+					window.location.href = APP_URL + 'learner.do?method=restartLesson&lessonID=' + lessonId;
+				}
+			}
+
+			function viewNotebookEntries(){
+				openPopUp(APP_URL + "notebook.do?method=viewAll&lessonID=" + lessonId,
+						"Notebook",
+						570,796,
+						"no");
+				hideSlideMenu(); /* For touch screen */
+			}
+		
+			function closeWindow() {
+	 			top.window.close();
+			}
+
+			function toggleSlideMenu() {	
+				if ( $("nav.sidebar").hasClass("expandmenu") ) {
+					hideSlideMenu();
+				}
+				else 
+					$("nav.sidebar").addClass("expandmenu");
+			}
+
+			function hideSlideMenu() {	
+				$("nav.sidebar").removeClass("expandmenu");
+			}
+			
+			function onProgressBarLoaded() {
+				$('#exitlabel').html(LABELS.EXIT);
+				$('#notebooklabel').html(LABELS.NOTEBOOK);
+				if ( allowRestart ) {
+					$('#restartlabel').html(LABELS.RESTART);
+					restartLessonConfirmation = LABELS.CONFIRM_RESTART;
+					$('#restartitem').show();
+				}
+			}
+			
+			$(document).ready(function() {
+				var showControlBar = true;
+				var showIM = true;
+				if ( window.frameElement ) {
+					var myId = window.frameElement.id;
+					if ( myId ) {
+						if ( myId == 'lamsDynamicFrame0' ) {
+							showIM = false;
+						} else if ( myId == 'lamsDynamicFrame1' ) {
+							showControlBar = false;
+						}
+					}
+				}
+
+				if ( lessonId != "" || toolSessionId != "" ) {
+					$.ajax({
+						url : APP_URL + 'learner.do',
+						data : {
+							'method'   : 'getLessonDetails',
+							'lessonID' : lessonId,
+							'toolSessionID' : toolSessionId,
+						},
+						cache : false,
+						dataType : 'json',
+						success : function(result) {
+							
+							lessonId = result.lessonID;
+							
+							if ( showControlBar ) {
+								allowRestart = result.allowRestart;
+								$('.lessonName').html(result.title);
+								fillProgressBar('learnerMainBar');
+								$('#sidebar').show();
+							}
+							
+							var presenceEnabledPatch = result.presenceEnabledPatch;
+							var presenceImEnabled = result.presenceImEnabled;
+							if ( showIM && (presenceEnabledPatch || presenceImEnabled) ) {
+								presenceURL = APP_URL+"presenceChat.jsp?presenceEnabledPatch="+presenceEnabledPatch
+										+"&presenceImEnabled="+presenceImEnabled+"&lessonID="+lessonId;
+								$('#presenceEnabledPatchDiv').load(presenceURL, function( response, status, xhr ) {
+									if ( status == "error" ) {
+										alert("Unable to load IM: " + xhr.status);
+									} 
+								});
+							}
+						}
+					});
+				}
+			});
+			
+		</script>
+	
+		<nav class="navbar navbar-default sidebar" id="sidebar" role="navigation" onMouseEnter="javascript:toggleSlideMenu()" onMouseLeave="javascript:hideSlideMenu()" style="display:none" >
+		    <div class="container-fluid">
+				<!-- Brand and toggle get grouped for better mobile display -->
+				<div class="navbar-header">
+					<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-sidebar-navbar-collapse-1">
+						<span class="sr-only">Toggle navigation</span>
+						<span class="icon-bar"></span>
+						<span class="icon-bar"></span>
+						<span class="icon-bar"></span>
+					</button>
+					<a class="navbar-brand visible-xs hidden-sm hidden-md hidden-lg" href="#"><span class="lessonName"></span></a>
+				</div>
+				<!-- Collect the nav links, forms, and other content for toggling -->
+				<div class="collapse navbar-collapse" id="bs-sidebar-navbar-collapse-1">
+					<ul class="nav navbar-nav">
+						<li><a href="#" class="hidden-xs visible-sm visible-md visible-lg slidesidemenu" onClick="javascript:toggleSlideMenu()">
+							<i class="pull-right fa fa-bars" style="color:#337ab7"></i>
+							<p class="lessonName"><%=request.getAttribute(org.apache.struts.taglib.html.Constants.BEAN_KEY)%></p></a></li>
+						<li><a href="#" onClick="javascript:closeWindow()" ><span id="exitlabel">ExitX</span><i class="pull-right fa fa-times"></i></a></li>
+						<li><a href="#" onClick="javascript:viewNotebookEntries()" ><span id="notebooklabel">NotebookX</span><i class="pull-right fa fa-book"></i></a></li>
+						<li id="restartitem" style="display:none"><a href="#" onClick="javascript:restartLesson()"><span id="restartlabel">RestartX</span><i class="pull-right fa fa-recycle"></i></a></li>
+						<li><a href="#" class="slidesidemenu" onClick="javascript:toggleSlideMenu()">
+							<i class="pull-right fa fa-map"></i></a>
+							<div id="progressBarDiv" class="progressBarContainer"></div></li>
+					</ul>
+				</div>
+			</div>
+		</nav>
+
+		<div class="content navcontent">
+	
+	</c:when> <%--  end of sidebar stuff - only used if in learner screen --%>
+	<c:otherwise>
+		<div class="content">
+	</c:otherwise>
+	</c:choose>
+	
+			<div class="row no-gutter">
+			<div class="col-xs-12">
+			<div class="container">
+					<div class="panel panel-default panel-${type}-page">
+						<c:if test="${not empty title}">
+							<div class="panel-heading">
+								<div class="panel-title panel-${type}-title">
+									<c:out value="${title}" escapeXml="true" />
+									<c:if test="${not empty titleHelpURL}">
+										<span class="pull-right">${titleHelpURL}</span>
+									</c:if>
+								</div>
+								<c:if test="${not empty headingContent}">
+									<c:out value="${headingContent}" escapeXml="true" />
+								</c:if>
+							</div>
 						</c:if>
+						
+						<div class="panel-body panel-${type}-body">
+							<jsp:doBody />
+						</div>
 					</div>
-				</c:if>
-				<div class="panel-body panel-${type}-body">
-					<jsp:doBody />
+					
+					<%--  only have sidebar and presence in learner --%>
+					<c:if test="${ not hideProgressBar && ( empty mode || mode == 'author' || mode == 'learner') }">
+					<div id="presenceEnabledPatchDiv"></div>
+					</c:if>
+						
+			</div>
 				</div>
 			</div>
-		</c:otherwise>
-		</c:choose>
-			
 		</div>
-		<!-- End content container -->
-	</div>
-</div>
 
+	</c:when>
 
+	<c:otherwise>
+	<!-- Standard Screens  --> 
+		<div class="row no-gutter">
+		<div class="col-xs-12">
+		<div class="container" id="content">
 		
+		<div class="panel panel-default panel-${type}-page">
+			<c:if test="${not empty title}">
+				<div class="panel-heading">
+					<div class="panel-title panel-${type}-title">
+						<c:out value="${title}" escapeXml="true" />
+						<c:if test="${not empty titleHelpURL}">
+							<span class="pull-right">${titleHelpURL}</span>
+						</c:if>
+					</div>
+					<c:if test="${not empty headingContent}">
+						<c:out value="${headingContent}" escapeXml="true" />
+					</c:if>
+				</div>
+			</c:if>
 			
+			<div class="panel-body panel-${type}-body">
+				<jsp:doBody />
+			</div>
+		</div>
+		</div>
+		</div>
+		</div>
+	</c:otherwise>
+</c:choose>
+
+
+		
+			
\ No newline at end of file
Index: lams_tool_survey/web/WEB-INF/tags/Page.tag
===================================================================
RCS file: /usr/local/cvsroot/lams_tool_survey/web/WEB-INF/tags/Attic/Page.tag,v
diff -u -r1.1.2.4 -r1.1.2.5
--- lams_tool_survey/web/WEB-INF/tags/Page.tag	1 Jul 2016 05:40:55 -0000	1.1.2.4
+++ lams_tool_survey/web/WEB-INF/tags/Page.tag	28 Jul 2016 04:07:24 -0000	1.1.2.5
@@ -1,49 +1,291 @@
 <%@ tag body-content="scriptless"%>
-<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
+<%@ taglib uri="tags-core" prefix="c"%>
+<%@ taglib uri="tags-fmt" prefix="fmt"%>
+<%@ taglib uri="tags-lams" prefix="lams"%>
 
 <%@ attribute name="type" required="true" rtexprvalue="true"%>
 <%@ attribute name="style" required="false" rtexprvalue="true"%>
 <%@ attribute name="title" required="false" rtexprvalue="true"%>
 <%@ attribute name="titleHelpURL" required="false" rtexprvalue="true"%>
 <%@ attribute name="headingContent" required="false" rtexprvalue="true"%>
+<%@ attribute name="hideProgressBar" required="false" rtexprvalue="true"%>
 
+			
+<c:choose>
 
-
-<div class="row no-gutter">
-	<div class="col-xs-12">
+	<c:when test='${type == "navbar"}'>
+	<%-- Combined tab and navigation bar used in authoring and monitoring --%>
+		<div class="row no-gutter">
+		<div class="col-xs-12">
 		<div class="container" id="content">
+		<jsp:doBody />
+		</div>
+		</div>
+		</div>
+	</c:when> 
+
+	<c:when test='${type == "learner"}'>
+	<%-- Learner --%>
+
+	<%-- Try to get authoring preview/learning/monitoring from the tool activity so we don't show the progress bar in monitoring --%>
+	<c:if test="${empty mode}">
+		<c:set var="mode" value="${param.mode}" />
+	</c:if>
+	<c:if test="${empty mode}">
+		<c:if test="${empty sessionMapID}">
+			<c:set var="sessionMapID" value="${param.sessionMapID}"/>
+		</c:if>
+		<c:set var="mode" value="${sessionScope[sessionMapID].mode}" />
+	</c:if>
+
+	<%--  only have sidebar and presence in learner --%>
+	<c:choose>
+	<c:when test="${ not hideProgressBar && ( empty mode || mode == 'author' || mode == 'learner') }">
+	
+		<%-- Links placed in body instead of head. Ugly, but it works. --%>
+		<link rel="stylesheet" href="<lams:LAMSURL/>css/progressBar.css" type="text/css" />
+		<script type="text/javascript" src="<lams:LAMSURL/>includes/javascript/snap.svg.js"></script>
+		<script type="text/javascript" src="<lams:LAMSURL/>includes/javascript/progressBar.js"></script>
 		
-		<c:choose>
-		<c:when test='${type == "navbar"}'>
-			<jsp:doBody />
-		</c:when> 
-		<c:otherwise>
-			<div class="panel panel-default panel-${type}-page">
-				<c:if test="${not empty title}">
-					<div class="panel-heading">
-						<div class="panel-title panel-${type}-title">
-							<c:out value="${title}" escapeXml="true" />
-							<c:if test="${not empty titleHelpURL}">
-								<span class="pull-right">${titleHelpURL}</span>
-							</c:if>
-						</div>
-						<c:if test="${not empty headingContent}">
-							<c:out value="${headingContent}" escapeXml="true" />
+		<c:if test="${empty lessonID}">
+			<c:set var="lessonID" value="${param.lessonID}" />
+		</c:if>
+
+		<c:if test="${empty lessonID}">
+			<%-- Desperately try to get tool session ID from the tool activity --%>
+			<c:if test="${empty toolSessionId}">
+				<c:set var="toolSessionId" value="${toolSessionID}" />
+			</c:if>
+			<c:if test="${empty toolSessionId}">
+				<c:set var="toolSessionId" value="${param.toolSessionId}" />
+			</c:if>
+			<c:if test="${empty toolSessionID}">
+				<c:set var="toolSessionId" value="${param.toolSessionID}" />
+			</c:if>
+			<c:if test="${empty toolSessionId}">
+				<c:set var="toolForm" value="<%=request.getAttribute(org.apache.struts.taglib.html.Constants.BEAN_KEY)%>" />
+				<c:set var="toolSessionId" value="${toolForm.toolSessionID}" />
+			</c:if>
+			<c:if test="${empty toolSessionId}">
+				<c:if test="${empty sessionMapID}">
+					<c:set var="sessionMapID" value="${param.sessionMapID}"/>
+				</c:if>
+				<c:set var="toolSessionId" value="${sessionScope[sessionMapID].toolSessionID}" />
+			</c:if>
+		</c:if>
+		
+		<script type="text/javascript">
+			var allowRestart = false,
+				restartLessonConfirmation = "Are you sure you want to start the lesson from the beginning?",
+				toolSessionId = '${toolSessionId}',
+				lessonId = '${lessonID}',
+				mode = '${mode}',
+				
+				LAMS_URL = '<lams:LAMSURL/>',
+				APP_URL = LAMS_URL + 'learning/',
+						
+				bars = {
+					'learnerMainBar' : {
+						'containerId' : 'progressBarDiv'
+					}
+				};
+
+			function restartLesson(){
+				if (confirm(restartLessonConfirmation)) {
+					window.location.href = APP_URL + 'learner.do?method=restartLesson&lessonID=' + lessonId;
+				}
+			}
+
+			function viewNotebookEntries(){
+				openPopUp(APP_URL + "notebook.do?method=viewAll&lessonID=" + lessonId,
+						"Notebook",
+						570,796,
+						"no");
+				hideSlideMenu(); /* For touch screen */
+			}
+		
+			function closeWindow() {
+	 			top.window.close();
+			}
+
+			function toggleSlideMenu() {	
+				if ( $("nav.sidebar").hasClass("expandmenu") ) {
+					hideSlideMenu();
+				}
+				else 
+					$("nav.sidebar").addClass("expandmenu");
+			}
+
+			function hideSlideMenu() {	
+				$("nav.sidebar").removeClass("expandmenu");
+			}
+			
+			function onProgressBarLoaded() {
+				$('#exitlabel').html(LABELS.EXIT);
+				$('#notebooklabel').html(LABELS.NOTEBOOK);
+				if ( allowRestart ) {
+					$('#restartlabel').html(LABELS.RESTART);
+					restartLessonConfirmation = LABELS.CONFIRM_RESTART;
+					$('#restartitem').show();
+				}
+			}
+			
+			$(document).ready(function() {
+				var showControlBar = true;
+				var showIM = true;
+				if ( window.frameElement ) {
+					var myId = window.frameElement.id;
+					if ( myId ) {
+						if ( myId == 'lamsDynamicFrame0' ) {
+							showIM = false;
+						} else if ( myId == 'lamsDynamicFrame1' ) {
+							showControlBar = false;
+						}
+					}
+				}
+
+				if ( lessonId != "" || toolSessionId != "" ) {
+					$.ajax({
+						url : APP_URL + 'learner.do',
+						data : {
+							'method'   : 'getLessonDetails',
+							'lessonID' : lessonId,
+							'toolSessionID' : toolSessionId,
+						},
+						cache : false,
+						dataType : 'json',
+						success : function(result) {
+							
+							lessonId = result.lessonID;
+							
+							if ( showControlBar ) {
+								allowRestart = result.allowRestart;
+								$('.lessonName').html(result.title);
+								fillProgressBar('learnerMainBar');
+								$('#sidebar').show();
+							}
+							
+							var presenceEnabledPatch = result.presenceEnabledPatch;
+							var presenceImEnabled = result.presenceImEnabled;
+							if ( showIM && (presenceEnabledPatch || presenceImEnabled) ) {
+								presenceURL = APP_URL+"presenceChat.jsp?presenceEnabledPatch="+presenceEnabledPatch
+										+"&presenceImEnabled="+presenceImEnabled+"&lessonID="+lessonId;
+								$('#presenceEnabledPatchDiv').load(presenceURL, function( response, status, xhr ) {
+									if ( status == "error" ) {
+										alert("Unable to load IM: " + xhr.status);
+									} 
+								});
+							}
+						}
+					});
+				}
+			});
+			
+		</script>
+	
+		<nav class="navbar navbar-default sidebar" id="sidebar" role="navigation" onMouseEnter="javascript:toggleSlideMenu()" onMouseLeave="javascript:hideSlideMenu()" style="display:none" >
+		    <div class="container-fluid">
+				<!-- Brand and toggle get grouped for better mobile display -->
+				<div class="navbar-header">
+					<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-sidebar-navbar-collapse-1">
+						<span class="sr-only">Toggle navigation</span>
+						<span class="icon-bar"></span>
+						<span class="icon-bar"></span>
+						<span class="icon-bar"></span>
+					</button>
+					<a class="navbar-brand visible-xs hidden-sm hidden-md hidden-lg" href="#"><span class="lessonName"></span></a>
+				</div>
+				<!-- Collect the nav links, forms, and other content for toggling -->
+				<div class="collapse navbar-collapse" id="bs-sidebar-navbar-collapse-1">
+					<ul class="nav navbar-nav">
+						<li><a href="#" class="hidden-xs visible-sm visible-md visible-lg slidesidemenu" onClick="javascript:toggleSlideMenu()">
+							<i class="pull-right fa fa-bars" style="color:#337ab7"></i>
+							<p class="lessonName"><%=request.getAttribute(org.apache.struts.taglib.html.Constants.BEAN_KEY)%></p></a></li>
+						<li><a href="#" onClick="javascript:closeWindow()" ><span id="exitlabel">ExitX</span><i class="pull-right fa fa-times"></i></a></li>
+						<li><a href="#" onClick="javascript:viewNotebookEntries()" ><span id="notebooklabel">NotebookX</span><i class="pull-right fa fa-book"></i></a></li>
+						<li id="restartitem" style="display:none"><a href="#" onClick="javascript:restartLesson()"><span id="restartlabel">RestartX</span><i class="pull-right fa fa-recycle"></i></a></li>
+						<li><a href="#" class="slidesidemenu" onClick="javascript:toggleSlideMenu()">
+							<i class="pull-right fa fa-map"></i></a>
+							<div id="progressBarDiv" class="progressBarContainer"></div></li>
+					</ul>
+				</div>
+			</div>
+		</nav>
+
+		<div class="content navcontent">
+	
+	</c:when> <%--  end of sidebar stuff - only used if in learner screen --%>
+	<c:otherwise>
+		<div class="content">
+	</c:otherwise>
+	</c:choose>
+	
+			<div class="row no-gutter">
+			<div class="col-xs-12">
+			<div class="container">
+					<div class="panel panel-default panel-${type}-page">
+						<c:if test="${not empty title}">
+							<div class="panel-heading">
+								<div class="panel-title panel-${type}-title">
+									<c:out value="${title}" escapeXml="true" />
+									<c:if test="${not empty titleHelpURL}">
+										<span class="pull-right">${titleHelpURL}</span>
+									</c:if>
+								</div>
+								<c:if test="${not empty headingContent}">
+									<c:out value="${headingContent}" escapeXml="true" />
+								</c:if>
+							</div>
 						</c:if>
+						
+						<div class="panel-body panel-${type}-body">
+							<jsp:doBody />
+						</div>
 					</div>
-				</c:if>
-				<div class="panel-body panel-${type}-body">
-					<jsp:doBody />
+					
+					<%--  only have sidebar and presence in learner --%>
+					<c:if test="${ not hideProgressBar && ( empty mode || mode == 'author' || mode == 'learner') }">
+					<div id="presenceEnabledPatchDiv"></div>
+					</c:if>
+						
+			</div>
 				</div>
 			</div>
-		</c:otherwise>
-		</c:choose>
-			
 		</div>
-		<!-- End content container -->
-	</div>
-</div>
 
+	</c:when>
 
+	<c:otherwise>
+	<!-- Standard Screens  --> 
+		<div class="row no-gutter">
+		<div class="col-xs-12">
+		<div class="container" id="content">
 		
+		<div class="panel panel-default panel-${type}-page">
+			<c:if test="${not empty title}">
+				<div class="panel-heading">
+					<div class="panel-title panel-${type}-title">
+						<c:out value="${title}" escapeXml="true" />
+						<c:if test="${not empty titleHelpURL}">
+							<span class="pull-right">${titleHelpURL}</span>
+						</c:if>
+					</div>
+					<c:if test="${not empty headingContent}">
+						<c:out value="${headingContent}" escapeXml="true" />
+					</c:if>
+				</div>
+			</c:if>
 			
+			<div class="panel-body panel-${type}-body">
+				<jsp:doBody />
+			</div>
+		</div>
+		</div>
+		</div>
+		</div>
+	</c:otherwise>
+</c:choose>
+
+
+		
+			
\ No newline at end of file
Index: lams_tool_task/web/WEB-INF/tags/Page.tag
===================================================================
RCS file: /usr/local/cvsroot/lams_tool_task/web/WEB-INF/tags/Attic/Page.tag,v
diff -u -r1.1.2.4 -r1.1.2.5
--- lams_tool_task/web/WEB-INF/tags/Page.tag	1 Jul 2016 06:04:20 -0000	1.1.2.4
+++ lams_tool_task/web/WEB-INF/tags/Page.tag	28 Jul 2016 04:07:25 -0000	1.1.2.5
@@ -1,49 +1,291 @@
 <%@ tag body-content="scriptless"%>
-<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
+<%@ taglib uri="tags-core" prefix="c"%>
+<%@ taglib uri="tags-fmt" prefix="fmt"%>
+<%@ taglib uri="tags-lams" prefix="lams"%>
 
 <%@ attribute name="type" required="true" rtexprvalue="true"%>
 <%@ attribute name="style" required="false" rtexprvalue="true"%>
 <%@ attribute name="title" required="false" rtexprvalue="true"%>
 <%@ attribute name="titleHelpURL" required="false" rtexprvalue="true"%>
 <%@ attribute name="headingContent" required="false" rtexprvalue="true"%>
+<%@ attribute name="hideProgressBar" required="false" rtexprvalue="true"%>
 
+			
+<c:choose>
 
-
-<div class="row no-gutter">
-	<div class="col-xs-12">
+	<c:when test='${type == "navbar"}'>
+	<%-- Combined tab and navigation bar used in authoring and monitoring --%>
+		<div class="row no-gutter">
+		<div class="col-xs-12">
 		<div class="container" id="content">
+		<jsp:doBody />
+		</div>
+		</div>
+		</div>
+	</c:when> 
+
+	<c:when test='${type == "learner"}'>
+	<%-- Learner --%>
+
+	<%-- Try to get authoring preview/learning/monitoring from the tool activity so we don't show the progress bar in monitoring --%>
+	<c:if test="${empty mode}">
+		<c:set var="mode" value="${param.mode}" />
+	</c:if>
+	<c:if test="${empty mode}">
+		<c:if test="${empty sessionMapID}">
+			<c:set var="sessionMapID" value="${param.sessionMapID}"/>
+		</c:if>
+		<c:set var="mode" value="${sessionScope[sessionMapID].mode}" />
+	</c:if>
+
+	<%--  only have sidebar and presence in learner --%>
+	<c:choose>
+	<c:when test="${ not hideProgressBar && ( empty mode || mode == 'author' || mode == 'learner') }">
+	
+		<%-- Links placed in body instead of head. Ugly, but it works. --%>
+		<link rel="stylesheet" href="<lams:LAMSURL/>css/progressBar.css" type="text/css" />
+		<script type="text/javascript" src="<lams:LAMSURL/>includes/javascript/snap.svg.js"></script>
+		<script type="text/javascript" src="<lams:LAMSURL/>includes/javascript/progressBar.js"></script>
 		
-		<c:choose>
-		<c:when test='${type == "navbar"}'>
-			<jsp:doBody />
-		</c:when> 
-		<c:otherwise>
-			<div class="panel panel-default panel-${type}-page">
-				<c:if test="${not empty title}">
-					<div class="panel-heading">
-						<div class="panel-title panel-${type}-title">
-							<c:out value="${title}" escapeXml="true" />
-							<c:if test="${not empty titleHelpURL}">
-								<span class="pull-right">${titleHelpURL}</span>
-							</c:if>
-						</div>
-						<c:if test="${not empty headingContent}">
-							<c:out value="${headingContent}" escapeXml="true" />
+		<c:if test="${empty lessonID}">
+			<c:set var="lessonID" value="${param.lessonID}" />
+		</c:if>
+
+		<c:if test="${empty lessonID}">
+			<%-- Desperately try to get tool session ID from the tool activity --%>
+			<c:if test="${empty toolSessionId}">
+				<c:set var="toolSessionId" value="${toolSessionID}" />
+			</c:if>
+			<c:if test="${empty toolSessionId}">
+				<c:set var="toolSessionId" value="${param.toolSessionId}" />
+			</c:if>
+			<c:if test="${empty toolSessionID}">
+				<c:set var="toolSessionId" value="${param.toolSessionID}" />
+			</c:if>
+			<c:if test="${empty toolSessionId}">
+				<c:set var="toolForm" value="<%=request.getAttribute(org.apache.struts.taglib.html.Constants.BEAN_KEY)%>" />
+				<c:set var="toolSessionId" value="${toolForm.toolSessionID}" />
+			</c:if>
+			<c:if test="${empty toolSessionId}">
+				<c:if test="${empty sessionMapID}">
+					<c:set var="sessionMapID" value="${param.sessionMapID}"/>
+				</c:if>
+				<c:set var="toolSessionId" value="${sessionScope[sessionMapID].toolSessionID}" />
+			</c:if>
+		</c:if>
+		
+		<script type="text/javascript">
+			var allowRestart = false,
+				restartLessonConfirmation = "Are you sure you want to start the lesson from the beginning?",
+				toolSessionId = '${toolSessionId}',
+				lessonId = '${lessonID}',
+				mode = '${mode}',
+				
+				LAMS_URL = '<lams:LAMSURL/>',
+				APP_URL = LAMS_URL + 'learning/',
+						
+				bars = {
+					'learnerMainBar' : {
+						'containerId' : 'progressBarDiv'
+					}
+				};
+
+			function restartLesson(){
+				if (confirm(restartLessonConfirmation)) {
+					window.location.href = APP_URL + 'learner.do?method=restartLesson&lessonID=' + lessonId;
+				}
+			}
+
+			function viewNotebookEntries(){
+				openPopUp(APP_URL + "notebook.do?method=viewAll&lessonID=" + lessonId,
+						"Notebook",
+						570,796,
+						"no");
+				hideSlideMenu(); /* For touch screen */
+			}
+		
+			function closeWindow() {
+	 			top.window.close();
+			}
+
+			function toggleSlideMenu() {	
+				if ( $("nav.sidebar").hasClass("expandmenu") ) {
+					hideSlideMenu();
+				}
+				else 
+					$("nav.sidebar").addClass("expandmenu");
+			}
+
+			function hideSlideMenu() {	
+				$("nav.sidebar").removeClass("expandmenu");
+			}
+			
+			function onProgressBarLoaded() {
+				$('#exitlabel').html(LABELS.EXIT);
+				$('#notebooklabel').html(LABELS.NOTEBOOK);
+				if ( allowRestart ) {
+					$('#restartlabel').html(LABELS.RESTART);
+					restartLessonConfirmation = LABELS.CONFIRM_RESTART;
+					$('#restartitem').show();
+				}
+			}
+			
+			$(document).ready(function() {
+				var showControlBar = true;
+				var showIM = true;
+				if ( window.frameElement ) {
+					var myId = window.frameElement.id;
+					if ( myId ) {
+						if ( myId == 'lamsDynamicFrame0' ) {
+							showIM = false;
+						} else if ( myId == 'lamsDynamicFrame1' ) {
+							showControlBar = false;
+						}
+					}
+				}
+
+				if ( lessonId != "" || toolSessionId != "" ) {
+					$.ajax({
+						url : APP_URL + 'learner.do',
+						data : {
+							'method'   : 'getLessonDetails',
+							'lessonID' : lessonId,
+							'toolSessionID' : toolSessionId,
+						},
+						cache : false,
+						dataType : 'json',
+						success : function(result) {
+							
+							lessonId = result.lessonID;
+							
+							if ( showControlBar ) {
+								allowRestart = result.allowRestart;
+								$('.lessonName').html(result.title);
+								fillProgressBar('learnerMainBar');
+								$('#sidebar').show();
+							}
+							
+							var presenceEnabledPatch = result.presenceEnabledPatch;
+							var presenceImEnabled = result.presenceImEnabled;
+							if ( showIM && (presenceEnabledPatch || presenceImEnabled) ) {
+								presenceURL = APP_URL+"presenceChat.jsp?presenceEnabledPatch="+presenceEnabledPatch
+										+"&presenceImEnabled="+presenceImEnabled+"&lessonID="+lessonId;
+								$('#presenceEnabledPatchDiv').load(presenceURL, function( response, status, xhr ) {
+									if ( status == "error" ) {
+										alert("Unable to load IM: " + xhr.status);
+									} 
+								});
+							}
+						}
+					});
+				}
+			});
+			
+		</script>
+	
+		<nav class="navbar navbar-default sidebar" id="sidebar" role="navigation" onMouseEnter="javascript:toggleSlideMenu()" onMouseLeave="javascript:hideSlideMenu()" style="display:none" >
+		    <div class="container-fluid">
+				<!-- Brand and toggle get grouped for better mobile display -->
+				<div class="navbar-header">
+					<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-sidebar-navbar-collapse-1">
+						<span class="sr-only">Toggle navigation</span>
+						<span class="icon-bar"></span>
+						<span class="icon-bar"></span>
+						<span class="icon-bar"></span>
+					</button>
+					<a class="navbar-brand visible-xs hidden-sm hidden-md hidden-lg" href="#"><span class="lessonName"></span></a>
+				</div>
+				<!-- Collect the nav links, forms, and other content for toggling -->
+				<div class="collapse navbar-collapse" id="bs-sidebar-navbar-collapse-1">
+					<ul class="nav navbar-nav">
+						<li><a href="#" class="hidden-xs visible-sm visible-md visible-lg slidesidemenu" onClick="javascript:toggleSlideMenu()">
+							<i class="pull-right fa fa-bars" style="color:#337ab7"></i>
+							<p class="lessonName"><%=request.getAttribute(org.apache.struts.taglib.html.Constants.BEAN_KEY)%></p></a></li>
+						<li><a href="#" onClick="javascript:closeWindow()" ><span id="exitlabel">ExitX</span><i class="pull-right fa fa-times"></i></a></li>
+						<li><a href="#" onClick="javascript:viewNotebookEntries()" ><span id="notebooklabel">NotebookX</span><i class="pull-right fa fa-book"></i></a></li>
+						<li id="restartitem" style="display:none"><a href="#" onClick="javascript:restartLesson()"><span id="restartlabel">RestartX</span><i class="pull-right fa fa-recycle"></i></a></li>
+						<li><a href="#" class="slidesidemenu" onClick="javascript:toggleSlideMenu()">
+							<i class="pull-right fa fa-map"></i></a>
+							<div id="progressBarDiv" class="progressBarContainer"></div></li>
+					</ul>
+				</div>
+			</div>
+		</nav>
+
+		<div class="content navcontent">
+	
+	</c:when> <%--  end of sidebar stuff - only used if in learner screen --%>
+	<c:otherwise>
+		<div class="content">
+	</c:otherwise>
+	</c:choose>
+	
+			<div class="row no-gutter">
+			<div class="col-xs-12">
+			<div class="container">
+					<div class="panel panel-default panel-${type}-page">
+						<c:if test="${not empty title}">
+							<div class="panel-heading">
+								<div class="panel-title panel-${type}-title">
+									<c:out value="${title}" escapeXml="true" />
+									<c:if test="${not empty titleHelpURL}">
+										<span class="pull-right">${titleHelpURL}</span>
+									</c:if>
+								</div>
+								<c:if test="${not empty headingContent}">
+									<c:out value="${headingContent}" escapeXml="true" />
+								</c:if>
+							</div>
 						</c:if>
+						
+						<div class="panel-body panel-${type}-body">
+							<jsp:doBody />
+						</div>
 					</div>
-				</c:if>
-				<div class="panel-body panel-${type}-body">
-					<jsp:doBody />
+					
+					<%--  only have sidebar and presence in learner --%>
+					<c:if test="${ not hideProgressBar && ( empty mode || mode == 'author' || mode == 'learner') }">
+					<div id="presenceEnabledPatchDiv"></div>
+					</c:if>
+						
+			</div>
 				</div>
 			</div>
-		</c:otherwise>
-		</c:choose>
-			
 		</div>
-		<!-- End content container -->
-	</div>
-</div>
 
+	</c:when>
 
+	<c:otherwise>
+	<!-- Standard Screens  --> 
+		<div class="row no-gutter">
+		<div class="col-xs-12">
+		<div class="container" id="content">
 		
+		<div class="panel panel-default panel-${type}-page">
+			<c:if test="${not empty title}">
+				<div class="panel-heading">
+					<div class="panel-title panel-${type}-title">
+						<c:out value="${title}" escapeXml="true" />
+						<c:if test="${not empty titleHelpURL}">
+							<span class="pull-right">${titleHelpURL}</span>
+						</c:if>
+					</div>
+					<c:if test="${not empty headingContent}">
+						<c:out value="${headingContent}" escapeXml="true" />
+					</c:if>
+				</div>
+			</c:if>
 			
+			<div class="panel-body panel-${type}-body">
+				<jsp:doBody />
+			</div>
+		</div>
+		</div>
+		</div>
+		</div>
+	</c:otherwise>
+</c:choose>
+
+
+		
+			
\ No newline at end of file
Index: lams_tool_vote/web/WEB-INF/tags/Page.tag
===================================================================
RCS file: /usr/local/cvsroot/lams_tool_vote/web/WEB-INF/tags/Attic/Page.tag,v
diff -u -r1.1.2.4 -r1.1.2.5
--- lams_tool_vote/web/WEB-INF/tags/Page.tag	1 Jul 2016 06:38:09 -0000	1.1.2.4
+++ lams_tool_vote/web/WEB-INF/tags/Page.tag	28 Jul 2016 04:07:50 -0000	1.1.2.5
@@ -1,49 +1,291 @@
 <%@ tag body-content="scriptless"%>
-<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
+<%@ taglib uri="tags-core" prefix="c"%>
+<%@ taglib uri="tags-fmt" prefix="fmt"%>
+<%@ taglib uri="tags-lams" prefix="lams"%>
 
 <%@ attribute name="type" required="true" rtexprvalue="true"%>
 <%@ attribute name="style" required="false" rtexprvalue="true"%>
 <%@ attribute name="title" required="false" rtexprvalue="true"%>
 <%@ attribute name="titleHelpURL" required="false" rtexprvalue="true"%>
 <%@ attribute name="headingContent" required="false" rtexprvalue="true"%>
+<%@ attribute name="hideProgressBar" required="false" rtexprvalue="true"%>
 
+			
+<c:choose>
 
-
-<div class="row no-gutter">
-	<div class="col-xs-12">
+	<c:when test='${type == "navbar"}'>
+	<%-- Combined tab and navigation bar used in authoring and monitoring --%>
+		<div class="row no-gutter">
+		<div class="col-xs-12">
 		<div class="container" id="content">
+		<jsp:doBody />
+		</div>
+		</div>
+		</div>
+	</c:when> 
+
+	<c:when test='${type == "learner"}'>
+	<%-- Learner --%>
+
+	<%-- Try to get authoring preview/learning/monitoring from the tool activity so we don't show the progress bar in monitoring --%>
+	<c:if test="${empty mode}">
+		<c:set var="mode" value="${param.mode}" />
+	</c:if>
+	<c:if test="${empty mode}">
+		<c:if test="${empty sessionMapID}">
+			<c:set var="sessionMapID" value="${param.sessionMapID}"/>
+		</c:if>
+		<c:set var="mode" value="${sessionScope[sessionMapID].mode}" />
+	</c:if>
+
+	<%--  only have sidebar and presence in learner --%>
+	<c:choose>
+	<c:when test="${ not hideProgressBar && ( empty mode || mode == 'author' || mode == 'learner') }">
+	
+		<%-- Links placed in body instead of head. Ugly, but it works. --%>
+		<link rel="stylesheet" href="<lams:LAMSURL/>css/progressBar.css" type="text/css" />
+		<script type="text/javascript" src="<lams:LAMSURL/>includes/javascript/snap.svg.js"></script>
+		<script type="text/javascript" src="<lams:LAMSURL/>includes/javascript/progressBar.js"></script>
 		
-		<c:choose>
-		<c:when test='${type == "navbar"}'>
-			<jsp:doBody />
-		</c:when> 
-		<c:otherwise>
-			<div class="panel panel-default panel-${type}-page">
-				<c:if test="${not empty title}">
-					<div class="panel-heading">
-						<div class="panel-title panel-${type}-title">
-							<c:out value="${title}" escapeXml="true" />
-							<c:if test="${not empty titleHelpURL}">
-								<span class="pull-right">${titleHelpURL}</span>
-							</c:if>
-						</div>
-						<c:if test="${not empty headingContent}">
-							<c:out value="${headingContent}" escapeXml="true" />
+		<c:if test="${empty lessonID}">
+			<c:set var="lessonID" value="${param.lessonID}" />
+		</c:if>
+
+		<c:if test="${empty lessonID}">
+			<%-- Desperately try to get tool session ID from the tool activity --%>
+			<c:if test="${empty toolSessionId}">
+				<c:set var="toolSessionId" value="${toolSessionID}" />
+			</c:if>
+			<c:if test="${empty toolSessionId}">
+				<c:set var="toolSessionId" value="${param.toolSessionId}" />
+			</c:if>
+			<c:if test="${empty toolSessionID}">
+				<c:set var="toolSessionId" value="${param.toolSessionID}" />
+			</c:if>
+			<c:if test="${empty toolSessionId}">
+				<c:set var="toolForm" value="<%=request.getAttribute(org.apache.struts.taglib.html.Constants.BEAN_KEY)%>" />
+				<c:set var="toolSessionId" value="${toolForm.toolSessionID}" />
+			</c:if>
+			<c:if test="${empty toolSessionId}">
+				<c:if test="${empty sessionMapID}">
+					<c:set var="sessionMapID" value="${param.sessionMapID}"/>
+				</c:if>
+				<c:set var="toolSessionId" value="${sessionScope[sessionMapID].toolSessionID}" />
+			</c:if>
+		</c:if>
+		
+		<script type="text/javascript">
+			var allowRestart = false,
+				restartLessonConfirmation = "Are you sure you want to start the lesson from the beginning?",
+				toolSessionId = '${toolSessionId}',
+				lessonId = '${lessonID}',
+				mode = '${mode}',
+				
+				LAMS_URL = '<lams:LAMSURL/>',
+				APP_URL = LAMS_URL + 'learning/',
+						
+				bars = {
+					'learnerMainBar' : {
+						'containerId' : 'progressBarDiv'
+					}
+				};
+
+			function restartLesson(){
+				if (confirm(restartLessonConfirmation)) {
+					window.location.href = APP_URL + 'learner.do?method=restartLesson&lessonID=' + lessonId;
+				}
+			}
+
+			function viewNotebookEntries(){
+				openPopUp(APP_URL + "notebook.do?method=viewAll&lessonID=" + lessonId,
+						"Notebook",
+						570,796,
+						"no");
+				hideSlideMenu(); /* For touch screen */
+			}
+		
+			function closeWindow() {
+	 			top.window.close();
+			}
+
+			function toggleSlideMenu() {	
+				if ( $("nav.sidebar").hasClass("expandmenu") ) {
+					hideSlideMenu();
+				}
+				else 
+					$("nav.sidebar").addClass("expandmenu");
+			}
+
+			function hideSlideMenu() {	
+				$("nav.sidebar").removeClass("expandmenu");
+			}
+			
+			function onProgressBarLoaded() {
+				$('#exitlabel').html(LABELS.EXIT);
+				$('#notebooklabel').html(LABELS.NOTEBOOK);
+				if ( allowRestart ) {
+					$('#restartlabel').html(LABELS.RESTART);
+					restartLessonConfirmation = LABELS.CONFIRM_RESTART;
+					$('#restartitem').show();
+				}
+			}
+			
+			$(document).ready(function() {
+				var showControlBar = true;
+				var showIM = true;
+				if ( window.frameElement ) {
+					var myId = window.frameElement.id;
+					if ( myId ) {
+						if ( myId == 'lamsDynamicFrame0' ) {
+							showIM = false;
+						} else if ( myId == 'lamsDynamicFrame1' ) {
+							showControlBar = false;
+						}
+					}
+				}
+
+				if ( lessonId != "" || toolSessionId != "" ) {
+					$.ajax({
+						url : APP_URL + 'learner.do',
+						data : {
+							'method'   : 'getLessonDetails',
+							'lessonID' : lessonId,
+							'toolSessionID' : toolSessionId,
+						},
+						cache : false,
+						dataType : 'json',
+						success : function(result) {
+							
+							lessonId = result.lessonID;
+							
+							if ( showControlBar ) {
+								allowRestart = result.allowRestart;
+								$('.lessonName').html(result.title);
+								fillProgressBar('learnerMainBar');
+								$('#sidebar').show();
+							}
+							
+							var presenceEnabledPatch = result.presenceEnabledPatch;
+							var presenceImEnabled = result.presenceImEnabled;
+							if ( showIM && (presenceEnabledPatch || presenceImEnabled) ) {
+								presenceURL = APP_URL+"presenceChat.jsp?presenceEnabledPatch="+presenceEnabledPatch
+										+"&presenceImEnabled="+presenceImEnabled+"&lessonID="+lessonId;
+								$('#presenceEnabledPatchDiv').load(presenceURL, function( response, status, xhr ) {
+									if ( status == "error" ) {
+										alert("Unable to load IM: " + xhr.status);
+									} 
+								});
+							}
+						}
+					});
+				}
+			});
+			
+		</script>
+	
+		<nav class="navbar navbar-default sidebar" id="sidebar" role="navigation" onMouseEnter="javascript:toggleSlideMenu()" onMouseLeave="javascript:hideSlideMenu()" style="display:none" >
+		    <div class="container-fluid">
+				<!-- Brand and toggle get grouped for better mobile display -->
+				<div class="navbar-header">
+					<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-sidebar-navbar-collapse-1">
+						<span class="sr-only">Toggle navigation</span>
+						<span class="icon-bar"></span>
+						<span class="icon-bar"></span>
+						<span class="icon-bar"></span>
+					</button>
+					<a class="navbar-brand visible-xs hidden-sm hidden-md hidden-lg" href="#"><span class="lessonName"></span></a>
+				</div>
+				<!-- Collect the nav links, forms, and other content for toggling -->
+				<div class="collapse navbar-collapse" id="bs-sidebar-navbar-collapse-1">
+					<ul class="nav navbar-nav">
+						<li><a href="#" class="hidden-xs visible-sm visible-md visible-lg slidesidemenu" onClick="javascript:toggleSlideMenu()">
+							<i class="pull-right fa fa-bars" style="color:#337ab7"></i>
+							<p class="lessonName"><%=request.getAttribute(org.apache.struts.taglib.html.Constants.BEAN_KEY)%></p></a></li>
+						<li><a href="#" onClick="javascript:closeWindow()" ><span id="exitlabel">ExitX</span><i class="pull-right fa fa-times"></i></a></li>
+						<li><a href="#" onClick="javascript:viewNotebookEntries()" ><span id="notebooklabel">NotebookX</span><i class="pull-right fa fa-book"></i></a></li>
+						<li id="restartitem" style="display:none"><a href="#" onClick="javascript:restartLesson()"><span id="restartlabel">RestartX</span><i class="pull-right fa fa-recycle"></i></a></li>
+						<li><a href="#" class="slidesidemenu" onClick="javascript:toggleSlideMenu()">
+							<i class="pull-right fa fa-map"></i></a>
+							<div id="progressBarDiv" class="progressBarContainer"></div></li>
+					</ul>
+				</div>
+			</div>
+		</nav>
+
+		<div class="content navcontent">
+	
+	</c:when> <%--  end of sidebar stuff - only used if in learner screen --%>
+	<c:otherwise>
+		<div class="content">
+	</c:otherwise>
+	</c:choose>
+	
+			<div class="row no-gutter">
+			<div class="col-xs-12">
+			<div class="container">
+					<div class="panel panel-default panel-${type}-page">
+						<c:if test="${not empty title}">
+							<div class="panel-heading">
+								<div class="panel-title panel-${type}-title">
+									<c:out value="${title}" escapeXml="true" />
+									<c:if test="${not empty titleHelpURL}">
+										<span class="pull-right">${titleHelpURL}</span>
+									</c:if>
+								</div>
+								<c:if test="${not empty headingContent}">
+									<c:out value="${headingContent}" escapeXml="true" />
+								</c:if>
+							</div>
 						</c:if>
+						
+						<div class="panel-body panel-${type}-body">
+							<jsp:doBody />
+						</div>
 					</div>
-				</c:if>
-				<div class="panel-body panel-${type}-body">
-					<jsp:doBody />
+					
+					<%--  only have sidebar and presence in learner --%>
+					<c:if test="${ not hideProgressBar && ( empty mode || mode == 'author' || mode == 'learner') }">
+					<div id="presenceEnabledPatchDiv"></div>
+					</c:if>
+						
+			</div>
 				</div>
 			</div>
-		</c:otherwise>
-		</c:choose>
-			
 		</div>
-		<!-- End content container -->
-	</div>
-</div>
 
+	</c:when>
 
+	<c:otherwise>
+	<!-- Standard Screens  --> 
+		<div class="row no-gutter">
+		<div class="col-xs-12">
+		<div class="container" id="content">
 		
+		<div class="panel panel-default panel-${type}-page">
+			<c:if test="${not empty title}">
+				<div class="panel-heading">
+					<div class="panel-title panel-${type}-title">
+						<c:out value="${title}" escapeXml="true" />
+						<c:if test="${not empty titleHelpURL}">
+							<span class="pull-right">${titleHelpURL}</span>
+						</c:if>
+					</div>
+					<c:if test="${not empty headingContent}">
+						<c:out value="${headingContent}" escapeXml="true" />
+					</c:if>
+				</div>
+			</c:if>
 			
+			<div class="panel-body panel-${type}-body">
+				<jsp:doBody />
+			</div>
+		</div>
+		</div>
+		</div>
+		</div>
+	</c:otherwise>
+</c:choose>
+
+
+		
+			
\ No newline at end of file
Index: lams_tool_wiki/web/WEB-INF/tags/Page.tag
===================================================================
RCS file: /usr/local/cvsroot/lams_tool_wiki/web/WEB-INF/tags/Attic/Page.tag,v
diff -u -r1.1.2.4 -r1.1.2.5
--- lams_tool_wiki/web/WEB-INF/tags/Page.tag	1 Jul 2016 07:07:51 -0000	1.1.2.4
+++ lams_tool_wiki/web/WEB-INF/tags/Page.tag	28 Jul 2016 04:08:35 -0000	1.1.2.5
@@ -1,49 +1,291 @@
 <%@ tag body-content="scriptless"%>
-<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
+<%@ taglib uri="tags-core" prefix="c"%>
+<%@ taglib uri="tags-fmt" prefix="fmt"%>
+<%@ taglib uri="tags-lams" prefix="lams"%>
 
 <%@ attribute name="type" required="true" rtexprvalue="true"%>
 <%@ attribute name="style" required="false" rtexprvalue="true"%>
 <%@ attribute name="title" required="false" rtexprvalue="true"%>
 <%@ attribute name="titleHelpURL" required="false" rtexprvalue="true"%>
 <%@ attribute name="headingContent" required="false" rtexprvalue="true"%>
+<%@ attribute name="hideProgressBar" required="false" rtexprvalue="true"%>
 
+			
+<c:choose>
 
-
-<div class="row no-gutter">
-	<div class="col-xs-12">
+	<c:when test='${type == "navbar"}'>
+	<%-- Combined tab and navigation bar used in authoring and monitoring --%>
+		<div class="row no-gutter">
+		<div class="col-xs-12">
 		<div class="container" id="content">
+		<jsp:doBody />
+		</div>
+		</div>
+		</div>
+	</c:when> 
+
+	<c:when test='${type == "learner"}'>
+	<%-- Learner --%>
+
+	<%-- Try to get authoring preview/learning/monitoring from the tool activity so we don't show the progress bar in monitoring --%>
+	<c:if test="${empty mode}">
+		<c:set var="mode" value="${param.mode}" />
+	</c:if>
+	<c:if test="${empty mode}">
+		<c:if test="${empty sessionMapID}">
+			<c:set var="sessionMapID" value="${param.sessionMapID}"/>
+		</c:if>
+		<c:set var="mode" value="${sessionScope[sessionMapID].mode}" />
+	</c:if>
+
+	<%--  only have sidebar and presence in learner --%>
+	<c:choose>
+	<c:when test="${ not hideProgressBar && ( empty mode || mode == 'author' || mode == 'learner') }">
+	
+		<%-- Links placed in body instead of head. Ugly, but it works. --%>
+		<link rel="stylesheet" href="<lams:LAMSURL/>css/progressBar.css" type="text/css" />
+		<script type="text/javascript" src="<lams:LAMSURL/>includes/javascript/snap.svg.js"></script>
+		<script type="text/javascript" src="<lams:LAMSURL/>includes/javascript/progressBar.js"></script>
 		
-		<c:choose>
-		<c:when test='${type == "navbar"}'>
-			<jsp:doBody />
-		</c:when> 
-		<c:otherwise>
-			<div class="panel panel-default panel-${type}-page">
-				<c:if test="${not empty title}">
-					<div class="panel-heading">
-						<div class="panel-title panel-${type}-title">
-							<c:out value="${title}" escapeXml="true" />
-							<c:if test="${not empty titleHelpURL}">
-								<span class="pull-right">${titleHelpURL}</span>
-							</c:if>
-						</div>
-						<c:if test="${not empty headingContent}">
-							<c:out value="${headingContent}" escapeXml="true" />
+		<c:if test="${empty lessonID}">
+			<c:set var="lessonID" value="${param.lessonID}" />
+		</c:if>
+
+		<c:if test="${empty lessonID}">
+			<%-- Desperately try to get tool session ID from the tool activity --%>
+			<c:if test="${empty toolSessionId}">
+				<c:set var="toolSessionId" value="${toolSessionID}" />
+			</c:if>
+			<c:if test="${empty toolSessionId}">
+				<c:set var="toolSessionId" value="${param.toolSessionId}" />
+			</c:if>
+			<c:if test="${empty toolSessionID}">
+				<c:set var="toolSessionId" value="${param.toolSessionID}" />
+			</c:if>
+			<c:if test="${empty toolSessionId}">
+				<c:set var="toolForm" value="<%=request.getAttribute(org.apache.struts.taglib.html.Constants.BEAN_KEY)%>" />
+				<c:set var="toolSessionId" value="${toolForm.toolSessionID}" />
+			</c:if>
+			<c:if test="${empty toolSessionId}">
+				<c:if test="${empty sessionMapID}">
+					<c:set var="sessionMapID" value="${param.sessionMapID}"/>
+				</c:if>
+				<c:set var="toolSessionId" value="${sessionScope[sessionMapID].toolSessionID}" />
+			</c:if>
+		</c:if>
+		
+		<script type="text/javascript">
+			var allowRestart = false,
+				restartLessonConfirmation = "Are you sure you want to start the lesson from the beginning?",
+				toolSessionId = '${toolSessionId}',
+				lessonId = '${lessonID}',
+				mode = '${mode}',
+				
+				LAMS_URL = '<lams:LAMSURL/>',
+				APP_URL = LAMS_URL + 'learning/',
+						
+				bars = {
+					'learnerMainBar' : {
+						'containerId' : 'progressBarDiv'
+					}
+				};
+
+			function restartLesson(){
+				if (confirm(restartLessonConfirmation)) {
+					window.location.href = APP_URL + 'learner.do?method=restartLesson&lessonID=' + lessonId;
+				}
+			}
+
+			function viewNotebookEntries(){
+				openPopUp(APP_URL + "notebook.do?method=viewAll&lessonID=" + lessonId,
+						"Notebook",
+						570,796,
+						"no");
+				hideSlideMenu(); /* For touch screen */
+			}
+		
+			function closeWindow() {
+	 			top.window.close();
+			}
+
+			function toggleSlideMenu() {	
+				if ( $("nav.sidebar").hasClass("expandmenu") ) {
+					hideSlideMenu();
+				}
+				else 
+					$("nav.sidebar").addClass("expandmenu");
+			}
+
+			function hideSlideMenu() {	
+				$("nav.sidebar").removeClass("expandmenu");
+			}
+			
+			function onProgressBarLoaded() {
+				$('#exitlabel').html(LABELS.EXIT);
+				$('#notebooklabel').html(LABELS.NOTEBOOK);
+				if ( allowRestart ) {
+					$('#restartlabel').html(LABELS.RESTART);
+					restartLessonConfirmation = LABELS.CONFIRM_RESTART;
+					$('#restartitem').show();
+				}
+			}
+			
+			$(document).ready(function() {
+				var showControlBar = true;
+				var showIM = true;
+				if ( window.frameElement ) {
+					var myId = window.frameElement.id;
+					if ( myId ) {
+						if ( myId == 'lamsDynamicFrame0' ) {
+							showIM = false;
+						} else if ( myId == 'lamsDynamicFrame1' ) {
+							showControlBar = false;
+						}
+					}
+				}
+
+				if ( lessonId != "" || toolSessionId != "" ) {
+					$.ajax({
+						url : APP_URL + 'learner.do',
+						data : {
+							'method'   : 'getLessonDetails',
+							'lessonID' : lessonId,
+							'toolSessionID' : toolSessionId,
+						},
+						cache : false,
+						dataType : 'json',
+						success : function(result) {
+							
+							lessonId = result.lessonID;
+							
+							if ( showControlBar ) {
+								allowRestart = result.allowRestart;
+								$('.lessonName').html(result.title);
+								fillProgressBar('learnerMainBar');
+								$('#sidebar').show();
+							}
+							
+							var presenceEnabledPatch = result.presenceEnabledPatch;
+							var presenceImEnabled = result.presenceImEnabled;
+							if ( showIM && (presenceEnabledPatch || presenceImEnabled) ) {
+								presenceURL = APP_URL+"presenceChat.jsp?presenceEnabledPatch="+presenceEnabledPatch
+										+"&presenceImEnabled="+presenceImEnabled+"&lessonID="+lessonId;
+								$('#presenceEnabledPatchDiv').load(presenceURL, function( response, status, xhr ) {
+									if ( status == "error" ) {
+										alert("Unable to load IM: " + xhr.status);
+									} 
+								});
+							}
+						}
+					});
+				}
+			});
+			
+		</script>
+	
+		<nav class="navbar navbar-default sidebar" id="sidebar" role="navigation" onMouseEnter="javascript:toggleSlideMenu()" onMouseLeave="javascript:hideSlideMenu()" style="display:none" >
+		    <div class="container-fluid">
+				<!-- Brand and toggle get grouped for better mobile display -->
+				<div class="navbar-header">
+					<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-sidebar-navbar-collapse-1">
+						<span class="sr-only">Toggle navigation</span>
+						<span class="icon-bar"></span>
+						<span class="icon-bar"></span>
+						<span class="icon-bar"></span>
+					</button>
+					<a class="navbar-brand visible-xs hidden-sm hidden-md hidden-lg" href="#"><span class="lessonName"></span></a>
+				</div>
+				<!-- Collect the nav links, forms, and other content for toggling -->
+				<div class="collapse navbar-collapse" id="bs-sidebar-navbar-collapse-1">
+					<ul class="nav navbar-nav">
+						<li><a href="#" class="hidden-xs visible-sm visible-md visible-lg slidesidemenu" onClick="javascript:toggleSlideMenu()">
+							<i class="pull-right fa fa-bars" style="color:#337ab7"></i>
+							<p class="lessonName"><%=request.getAttribute(org.apache.struts.taglib.html.Constants.BEAN_KEY)%></p></a></li>
+						<li><a href="#" onClick="javascript:closeWindow()" ><span id="exitlabel">ExitX</span><i class="pull-right fa fa-times"></i></a></li>
+						<li><a href="#" onClick="javascript:viewNotebookEntries()" ><span id="notebooklabel">NotebookX</span><i class="pull-right fa fa-book"></i></a></li>
+						<li id="restartitem" style="display:none"><a href="#" onClick="javascript:restartLesson()"><span id="restartlabel">RestartX</span><i class="pull-right fa fa-recycle"></i></a></li>
+						<li><a href="#" class="slidesidemenu" onClick="javascript:toggleSlideMenu()">
+							<i class="pull-right fa fa-map"></i></a>
+							<div id="progressBarDiv" class="progressBarContainer"></div></li>
+					</ul>
+				</div>
+			</div>
+		</nav>
+
+		<div class="content navcontent">
+	
+	</c:when> <%--  end of sidebar stuff - only used if in learner screen --%>
+	<c:otherwise>
+		<div class="content">
+	</c:otherwise>
+	</c:choose>
+	
+			<div class="row no-gutter">
+			<div class="col-xs-12">
+			<div class="container">
+					<div class="panel panel-default panel-${type}-page">
+						<c:if test="${not empty title}">
+							<div class="panel-heading">
+								<div class="panel-title panel-${type}-title">
+									<c:out value="${title}" escapeXml="true" />
+									<c:if test="${not empty titleHelpURL}">
+										<span class="pull-right">${titleHelpURL}</span>
+									</c:if>
+								</div>
+								<c:if test="${not empty headingContent}">
+									<c:out value="${headingContent}" escapeXml="true" />
+								</c:if>
+							</div>
 						</c:if>
+						
+						<div class="panel-body panel-${type}-body">
+							<jsp:doBody />
+						</div>
 					</div>
-				</c:if>
-				<div class="panel-body panel-${type}-body">
-					<jsp:doBody />
+					
+					<%--  only have sidebar and presence in learner --%>
+					<c:if test="${ not hideProgressBar && ( empty mode || mode == 'author' || mode == 'learner') }">
+					<div id="presenceEnabledPatchDiv"></div>
+					</c:if>
+						
+			</div>
 				</div>
 			</div>
-		</c:otherwise>
-		</c:choose>
-			
 		</div>
-		<!-- End content container -->
-	</div>
-</div>
 
+	</c:when>
 
+	<c:otherwise>
+	<!-- Standard Screens  --> 
+		<div class="row no-gutter">
+		<div class="col-xs-12">
+		<div class="container" id="content">
 		
+		<div class="panel panel-default panel-${type}-page">
+			<c:if test="${not empty title}">
+				<div class="panel-heading">
+					<div class="panel-title panel-${type}-title">
+						<c:out value="${title}" escapeXml="true" />
+						<c:if test="${not empty titleHelpURL}">
+							<span class="pull-right">${titleHelpURL}</span>
+						</c:if>
+					</div>
+					<c:if test="${not empty headingContent}">
+						<c:out value="${headingContent}" escapeXml="true" />
+					</c:if>
+				</div>
+			</c:if>
 			
+			<div class="panel-body panel-${type}-body">
+				<jsp:doBody />
+			</div>
+		</div>
+		</div>
+		</div>
+		</div>
+	</c:otherwise>
+</c:choose>
+
+
+		
+			
\ No newline at end of file