Index: lams_admin/web/WEB-INF/tags/Page.tag
===================================================================
diff -u -r876e644c066e81c2721ffa085fd12f386e2f3bb6 -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_admin/web/WEB-INF/tags/Page.tag	(.../Page.tag)	(revision 876e644c066e81c2721ffa085fd12f386e2f3bb6)
+++ lams_admin/web/WEB-INF/tags/Page.tag	(.../Page.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -48,7 +48,7 @@
 		<c:set var="mode" value="${sessionScope[sessionMapID].mode}" />
 	</c:if>
 
-	<%--  only have sidebar and presence in learner main window, not in popup windows --%>
+	<%--  only have sidebar in learner main window, not in popup windows --%>
 	<c:if test="${ not hideProgressBar && ( empty mode || mode == 'author' || mode == 'learner') }">
 	
 		<%-- Links placed in body instead of head. Ugly, but it works. --%>
@@ -163,16 +163,19 @@
 				$('#sidebar').show();
 			}
 
-			function preventLearnerAutosaveFromMultipleTabs(autosaveInterval) {
+			function preventLearnerAutosaveFromMultipleTabs(autosaveWindowId, autosaveInterval) {
 				let currentTime = new Date().getTime(),
-					lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp');
+						lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp'),
+						lamsAutosaveWindowId = +localStorage.getItem('lamsAutosaveWindowId');
 				// check if autosave does not happen too often
-				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime) {
+				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime
+						&& lamsAutosaveWindowId && lamsAutosaveWindowId != autosaveWindowId) {
 					// this label is required only in tool which implement autosave
 					alert('<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.prevent.learner.autosave.mutliple.tabs" /></spring:escapeBody>');
 					return false;
 				}
 				localStorage.setItem('lamsAutosaveTimestamp', currentTime);
+				localStorage.setItem('lamsAutosaveWindowId', autosaveWindowId);
 				return true;
 			}
 			
@@ -215,21 +218,6 @@
 							} else if ( showControlBar == 2 ) {
 								$('#navcontent').addClass('navcontent');
 							}
-							
-							var presenceEnabledPatch = result.presenceEnabledPatch;
-							var presenceImEnabled = result.presenceImEnabled;
-							if ( showIM && (presenceEnabledPatch || presenceImEnabled) ) {
-								presenceURL = LEARNING_URL+"presenceChat.jsp?presenceEnabledPatch="+presenceEnabledPatch
-										+"&presenceImEnabled="+presenceImEnabled+"&lessonID="+lessonId;
-								<c:if test="${not usePanel}">
-								presenceURL = presenceURL + "&reloadBootstrap=true";
-								</c:if>
-								$('#presenceEnabledPatchDiv').load(presenceURL, function( response, status, xhr ) {
-									if ( status == "error" ) {
-										alert("Unable to load IM: " + xhr.status);
-									} 
-								});
-							}
 
 							initWebsocket('commandWebsocket', LEARNING_URL.replace('http', 'ws')
 									+ 'commandWebsocket?lessonID=' + lessonId,
@@ -379,10 +367,6 @@
 					<jsp:doBody />
 				</c:otherwise>
 				</c:choose>						
-				<%--  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>
Index: lams_admin/web/WEB-INF/tags/Page5.tag
===================================================================
diff -u -r81f928586161dd03042b6353f68c7d7b8279ccde -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_admin/web/WEB-INF/tags/Page5.tag	(.../Page5.tag)	(revision 81f928586161dd03042b6353f68c7d7b8279ccde)
+++ lams_admin/web/WEB-INF/tags/Page5.tag	(.../Page5.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -165,16 +165,19 @@
 				$('#sidebar').show();
 			}
 
-			function preventLearnerAutosaveFromMultipleTabs(autosaveInterval) {
+			function preventLearnerAutosaveFromMultipleTabs(autosaveWindowId, autosaveInterval) {
 				let currentTime = new Date().getTime(),
-					lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp');
+						lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp'),
+						lamsAutosaveWindowId = +localStorage.getItem('lamsAutosaveWindowId');
 				// check if autosave does not happen too often
-				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime) {
+				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime
+						&& lamsAutosaveWindowId && lamsAutosaveWindowId != autosaveWindowId) {
 					// this label is required only in tool which implement autosave
 					alert('<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.prevent.learner.autosave.mutliple.tabs" /></spring:escapeBody>');
 					return false;
 				}
 				localStorage.setItem('lamsAutosaveTimestamp', currentTime);
+				localStorage.setItem('lamsAutosaveWindowId', autosaveWindowId);
 				return true;
 			}
 
@@ -217,21 +220,6 @@
 							} else if ( showControlBar == 2 ) {
 								$('#navcontent').addClass('navcontent');
 							}
-							
-							var presenceEnabledPatch = result.presenceEnabledPatch;
-							var presenceImEnabled = result.presenceImEnabled;
-							if ( showIM && (presenceEnabledPatch || presenceImEnabled) ) {
-								presenceURL = LEARNING_URL+"presenceChat.jsp?presenceEnabledPatch="+presenceEnabledPatch
-										+"&presenceImEnabled="+presenceImEnabled+"&lessonID="+lessonId;
-								<c:if test="${not usePanel}">
-								presenceURL = presenceURL + "&reloadBootstrap=true";
-								</c:if>
-								$('#presenceEnabledPatchDiv').load(presenceURL, function( response, status, xhr ) {
-									if ( status == "error" ) {
-										alert("Unable to load IM: " + xhr.status);
-									} 
-								});
-							}
 
 							initWebsocket('commandWebsocket', LEARNING_URL.replace('http', 'ws')
 									+ 'commandWebsocket?lessonID=' + lessonId,
@@ -381,10 +369,6 @@
 					<jsp:doBody />
 				</c:otherwise>
 				</c:choose>						
-				<%--  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>
Index: lams_admin/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -r6598c02ec0f7dfd0db5ab175660b6b20c12464d2 -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_admin/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 6598c02ec0f7dfd0db5ab175660b6b20c12464d2)
+++ lams_admin/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -69,19 +69,22 @@
 	            		lessonID = ${empty lessonID ? 'null' : lessonID};
 	                initLearnerPage(toolSessionID, lessonID);
 	            });
-	
-	            function preventLearnerAutosaveFromMultipleTabs(autosaveInterval) {
-	                let currentTime = new Date().getTime(),
-	                    lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp');
-	                // check if autosave does not happen too often
-	                if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime) {
-	                    // this label is required only in tool which implement autosave
-	                    alert('<fmt:message key="label.prevent.learner.autosave.mutliple.tabs" />');
-	                    return false;
-	                }
-	                localStorage.setItem('lamsAutosaveTimestamp', currentTime);
-	                return true;
-	            }
+
+				function preventLearnerAutosaveFromMultipleTabs(autosaveWindowId, autosaveInterval) {
+					let currentTime = new Date().getTime(),
+							lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp'),
+							lamsAutosaveWindowId = +localStorage.getItem('lamsAutosaveWindowId');
+					// check if autosave does not happen too often
+					if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime
+							&& lamsAutosaveWindowId && lamsAutosaveWindowId != autosaveWindowId) {
+						// this label is required only in tool which implement autosave
+						alert('<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.prevent.learner.autosave.mutliple.tabs" /></spring:escapeBody>');
+						return false;
+					}
+					localStorage.setItem('lamsAutosaveTimestamp', currentTime);
+					localStorage.setItem('lamsAutosaveWindowId', autosaveWindowId);
+					return true;
+				}
 	        </script>
         </c:if>
     </lams:head>
@@ -216,4 +219,4 @@
 		    </div>
 	    </c:if>
     </body>
-</lams:html>
+</lams:html>
\ No newline at end of file
Index: lams_admin/web/WEB-INF/tags/StyledRating5.tag
===================================================================
diff -u -rb6e8dca20bffba9ce751b917ab4af7b252115f67 -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_admin/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision b6e8dca20bffba9ce751b917ab4af7b252115f67)
+++ lams_admin/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -96,18 +96,23 @@
 								</td>
 								
 								<td class="rating">
-									<div class="rating-stars-holder text-center center-block">
+									<div class="starability-holder">
 										<c:set var="objectId">${criteriaRatings.ratingCriteria.ratingCriteriaId}-${rating.itemId}</c:set>
-										<div class="rating-stars-disabled rating-stars-new" data-average="${rating.averageRating}" data-id="${objectId}">
+										<c:set var="dataRating">
+											<fmt:formatNumber value="${rating.averageRating-(rating.averageRating%1)}" pattern="#"></fmt:formatNumber>
+											${(rating.averageRating%1) >= 0.5 ? '.5' : ''}
+										</c:set>
+										<div class="starability starability-result" data-rating="${dataRating}">
+											Rated: ${dataRating} stars
 										</div>
-										<c:set var="userRating">${rating.userRating}</c:set>
-										<div class="rating-stars-caption" id="rating-stars-caption-${objectId}">
+										
+										<div class="starability-caption" id="starability-caption-${objectId}">
 											<c:choose>
-												<c:when test="${empty userRating}">
+												<c:when test="${empty rating.userRating}">
 													<fmt:message key="label.not.rated"></fmt:message>
 												</c:when>
 												<c:otherwise>
-													<fmt:message key="label.you.gave.rating"><fmt:param><span id="user-rating-${objectId}">${userRating}</span></fmt:param></fmt:message>
+													<fmt:message key="label.you.gave.rating"><fmt:param><span id="user-rating-${objectId}">${rating.userRating}</span></fmt:param></fmt:message>
 												</c:otherwise>
 											</c:choose>
 											<br/>
@@ -135,10 +140,17 @@
 				<c:forEach var="rating" items="${criteriaRatings.ratingDtos}" varStatus="status">
 					<c:if test="${status.first && not empty rating.averageRating}">
 						<div class="rating">
-							<div class="rating-stars-holder text-center center-block">
+							<div class="starability-holder">
 								<c:set var="objectId">${criteriaRatings.ratingCriteria.ratingCriteriaId}-${rating.itemId}</c:set>
-								<div class="rating-stars-disabled rating-stars-new" data-average="${rating.averageRating}" data-id="${objectId}"></div>
-								<div class="rating-stars-caption" id="rating-stars-caption-${objectId}-currentUser">
+								<c:set var="dataRating">
+									<fmt:formatNumber value="${rating.averageRating-(rating.averageRating%1)}" pattern="#"></fmt:formatNumber>
+									${(rating.averageRating%1) >= 0.5 ? '.5' : ''}
+								</c:set>
+								<div class="starability starability-result" data-rating="${dataRating}">
+									Rated: ${dataRating} stars
+								</div>
+								
+								<div class="starability-caption" id="starability-caption-${objectId}-currentUser">
 									<fmt:message key="label.avg.rating">
 										<fmt:param><span id="average-rating-${objectId}-currentUser">${rating.averageRating}</span></fmt:param>
 										<fmt:param><span id="number-of-votes-${objectId}-currentUser">${rating.numberOfVotes}</span></fmt:param>
Index: lams_central/web/WEB-INF/tags/Page.tag
===================================================================
diff -u -r0993bbd812a25ddb84feec64dd0e4847ce32d164 -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_central/web/WEB-INF/tags/Page.tag	(.../Page.tag)	(revision 0993bbd812a25ddb84feec64dd0e4847ce32d164)
+++ lams_central/web/WEB-INF/tags/Page.tag	(.../Page.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -163,16 +163,19 @@
 				$('#sidebar').show();
 			}
 
-			function preventLearnerAutosaveFromMultipleTabs(autosaveInterval) {
+			function preventLearnerAutosaveFromMultipleTabs(autosaveWindowId, autosaveInterval) {
 				let currentTime = new Date().getTime(),
-					lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp');
+						lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp'),
+						lamsAutosaveWindowId = +localStorage.getItem('lamsAutosaveWindowId');
 				// check if autosave does not happen too often
-				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime) {
+				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime
+						&& lamsAutosaveWindowId && lamsAutosaveWindowId != autosaveWindowId) {
 					// this label is required only in tool which implement autosave
 					alert('<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.prevent.learner.autosave.mutliple.tabs" /></spring:escapeBody>');
 					return false;
 				}
 				localStorage.setItem('lamsAutosaveTimestamp', currentTime);
+				localStorage.setItem('lamsAutosaveWindowId', autosaveWindowId);
 				return true;
 			}
 			
Index: lams_central/web/WEB-INF/tags/Page5.tag
===================================================================
diff -u -r0993bbd812a25ddb84feec64dd0e4847ce32d164 -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_central/web/WEB-INF/tags/Page5.tag	(.../Page5.tag)	(revision 0993bbd812a25ddb84feec64dd0e4847ce32d164)
+++ lams_central/web/WEB-INF/tags/Page5.tag	(.../Page5.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -165,16 +165,19 @@
 				$('#sidebar').show();
 			}
 
-			function preventLearnerAutosaveFromMultipleTabs(autosaveInterval) {
+			function preventLearnerAutosaveFromMultipleTabs(autosaveWindowId, autosaveInterval) {
 				let currentTime = new Date().getTime(),
-					lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp');
+						lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp'),
+						lamsAutosaveWindowId = +localStorage.getItem('lamsAutosaveWindowId');
 				// check if autosave does not happen too often
-				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime) {
+				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime
+						&& lamsAutosaveWindowId && lamsAutosaveWindowId != autosaveWindowId) {
 					// this label is required only in tool which implement autosave
 					alert('<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.prevent.learner.autosave.mutliple.tabs" /></spring:escapeBody>');
 					return false;
 				}
 				localStorage.setItem('lamsAutosaveTimestamp', currentTime);
+				localStorage.setItem('lamsAutosaveWindowId', autosaveWindowId);
 				return true;
 			}
 
Index: lams_central/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -r6598c02ec0f7dfd0db5ab175660b6b20c12464d2 -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_central/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 6598c02ec0f7dfd0db5ab175660b6b20c12464d2)
+++ lams_central/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -69,19 +69,22 @@
 	            		lessonID = ${empty lessonID ? 'null' : lessonID};
 	                initLearnerPage(toolSessionID, lessonID);
 	            });
-	
-	            function preventLearnerAutosaveFromMultipleTabs(autosaveInterval) {
-	                let currentTime = new Date().getTime(),
-	                    lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp');
-	                // check if autosave does not happen too often
-	                if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime) {
-	                    // this label is required only in tool which implement autosave
-	                    alert('<fmt:message key="label.prevent.learner.autosave.mutliple.tabs" />');
-	                    return false;
-	                }
-	                localStorage.setItem('lamsAutosaveTimestamp', currentTime);
-	                return true;
-	            }
+
+				function preventLearnerAutosaveFromMultipleTabs(autosaveWindowId, autosaveInterval) {
+					let currentTime = new Date().getTime(),
+							lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp'),
+							lamsAutosaveWindowId = +localStorage.getItem('lamsAutosaveWindowId');
+					// check if autosave does not happen too often
+					if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime
+							&& lamsAutosaveWindowId && lamsAutosaveWindowId != autosaveWindowId) {
+						// this label is required only in tool which implement autosave
+						alert('<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.prevent.learner.autosave.mutliple.tabs" /></spring:escapeBody>');
+						return false;
+					}
+					localStorage.setItem('lamsAutosaveTimestamp', currentTime);
+					localStorage.setItem('lamsAutosaveWindowId', autosaveWindowId);
+					return true;
+				}
 	        </script>
         </c:if>
     </lams:head>
@@ -216,4 +219,4 @@
 		    </div>
 	    </c:if>
     </body>
-</lams:html>
+</lams:html>
\ No newline at end of file
Index: lams_gradebook/web/WEB-INF/tags/Page.tag
===================================================================
diff -u -r876e644c066e81c2721ffa085fd12f386e2f3bb6 -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_gradebook/web/WEB-INF/tags/Page.tag	(.../Page.tag)	(revision 876e644c066e81c2721ffa085fd12f386e2f3bb6)
+++ lams_gradebook/web/WEB-INF/tags/Page.tag	(.../Page.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -48,7 +48,7 @@
 		<c:set var="mode" value="${sessionScope[sessionMapID].mode}" />
 	</c:if>
 
-	<%--  only have sidebar and presence in learner main window, not in popup windows --%>
+	<%--  only have sidebar in learner main window, not in popup windows --%>
 	<c:if test="${ not hideProgressBar && ( empty mode || mode == 'author' || mode == 'learner') }">
 	
 		<%-- Links placed in body instead of head. Ugly, but it works. --%>
@@ -163,16 +163,19 @@
 				$('#sidebar').show();
 			}
 
-			function preventLearnerAutosaveFromMultipleTabs(autosaveInterval) {
+			function preventLearnerAutosaveFromMultipleTabs(autosaveWindowId, autosaveInterval) {
 				let currentTime = new Date().getTime(),
-					lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp');
+						lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp'),
+						lamsAutosaveWindowId = +localStorage.getItem('lamsAutosaveWindowId');
 				// check if autosave does not happen too often
-				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime) {
+				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime
+						&& lamsAutosaveWindowId && lamsAutosaveWindowId != autosaveWindowId) {
 					// this label is required only in tool which implement autosave
 					alert('<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.prevent.learner.autosave.mutliple.tabs" /></spring:escapeBody>');
 					return false;
 				}
 				localStorage.setItem('lamsAutosaveTimestamp', currentTime);
+				localStorage.setItem('lamsAutosaveWindowId', autosaveWindowId);
 				return true;
 			}
 			
@@ -215,21 +218,6 @@
 							} else if ( showControlBar == 2 ) {
 								$('#navcontent').addClass('navcontent');
 							}
-							
-							var presenceEnabledPatch = result.presenceEnabledPatch;
-							var presenceImEnabled = result.presenceImEnabled;
-							if ( showIM && (presenceEnabledPatch || presenceImEnabled) ) {
-								presenceURL = LEARNING_URL+"presenceChat.jsp?presenceEnabledPatch="+presenceEnabledPatch
-										+"&presenceImEnabled="+presenceImEnabled+"&lessonID="+lessonId;
-								<c:if test="${not usePanel}">
-								presenceURL = presenceURL + "&reloadBootstrap=true";
-								</c:if>
-								$('#presenceEnabledPatchDiv').load(presenceURL, function( response, status, xhr ) {
-									if ( status == "error" ) {
-										alert("Unable to load IM: " + xhr.status);
-									} 
-								});
-							}
 
 							initWebsocket('commandWebsocket', LEARNING_URL.replace('http', 'ws')
 									+ 'commandWebsocket?lessonID=' + lessonId,
@@ -379,10 +367,6 @@
 					<jsp:doBody />
 				</c:otherwise>
 				</c:choose>						
-				<%--  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>
Index: lams_gradebook/web/WEB-INF/tags/Page5.tag
===================================================================
diff -u -r81f928586161dd03042b6353f68c7d7b8279ccde -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_gradebook/web/WEB-INF/tags/Page5.tag	(.../Page5.tag)	(revision 81f928586161dd03042b6353f68c7d7b8279ccde)
+++ lams_gradebook/web/WEB-INF/tags/Page5.tag	(.../Page5.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -165,16 +165,19 @@
 				$('#sidebar').show();
 			}
 
-			function preventLearnerAutosaveFromMultipleTabs(autosaveInterval) {
+			function preventLearnerAutosaveFromMultipleTabs(autosaveWindowId, autosaveInterval) {
 				let currentTime = new Date().getTime(),
-					lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp');
+						lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp'),
+						lamsAutosaveWindowId = +localStorage.getItem('lamsAutosaveWindowId');
 				// check if autosave does not happen too often
-				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime) {
+				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime
+						&& lamsAutosaveWindowId && lamsAutosaveWindowId != autosaveWindowId) {
 					// this label is required only in tool which implement autosave
 					alert('<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.prevent.learner.autosave.mutliple.tabs" /></spring:escapeBody>');
 					return false;
 				}
 				localStorage.setItem('lamsAutosaveTimestamp', currentTime);
+				localStorage.setItem('lamsAutosaveWindowId', autosaveWindowId);
 				return true;
 			}
 
@@ -217,21 +220,6 @@
 							} else if ( showControlBar == 2 ) {
 								$('#navcontent').addClass('navcontent');
 							}
-							
-							var presenceEnabledPatch = result.presenceEnabledPatch;
-							var presenceImEnabled = result.presenceImEnabled;
-							if ( showIM && (presenceEnabledPatch || presenceImEnabled) ) {
-								presenceURL = LEARNING_URL+"presenceChat.jsp?presenceEnabledPatch="+presenceEnabledPatch
-										+"&presenceImEnabled="+presenceImEnabled+"&lessonID="+lessonId;
-								<c:if test="${not usePanel}">
-								presenceURL = presenceURL + "&reloadBootstrap=true";
-								</c:if>
-								$('#presenceEnabledPatchDiv').load(presenceURL, function( response, status, xhr ) {
-									if ( status == "error" ) {
-										alert("Unable to load IM: " + xhr.status);
-									} 
-								});
-							}
 
 							initWebsocket('commandWebsocket', LEARNING_URL.replace('http', 'ws')
 									+ 'commandWebsocket?lessonID=' + lessonId,
@@ -381,10 +369,6 @@
 					<jsp:doBody />
 				</c:otherwise>
 				</c:choose>						
-				<%--  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>
Index: lams_gradebook/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -r6598c02ec0f7dfd0db5ab175660b6b20c12464d2 -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_gradebook/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 6598c02ec0f7dfd0db5ab175660b6b20c12464d2)
+++ lams_gradebook/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -69,19 +69,22 @@
 	            		lessonID = ${empty lessonID ? 'null' : lessonID};
 	                initLearnerPage(toolSessionID, lessonID);
 	            });
-	
-	            function preventLearnerAutosaveFromMultipleTabs(autosaveInterval) {
-	                let currentTime = new Date().getTime(),
-	                    lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp');
-	                // check if autosave does not happen too often
-	                if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime) {
-	                    // this label is required only in tool which implement autosave
-	                    alert('<fmt:message key="label.prevent.learner.autosave.mutliple.tabs" />');
-	                    return false;
-	                }
-	                localStorage.setItem('lamsAutosaveTimestamp', currentTime);
-	                return true;
-	            }
+
+				function preventLearnerAutosaveFromMultipleTabs(autosaveWindowId, autosaveInterval) {
+					let currentTime = new Date().getTime(),
+							lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp'),
+							lamsAutosaveWindowId = +localStorage.getItem('lamsAutosaveWindowId');
+					// check if autosave does not happen too often
+					if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime
+							&& lamsAutosaveWindowId && lamsAutosaveWindowId != autosaveWindowId) {
+						// this label is required only in tool which implement autosave
+						alert('<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.prevent.learner.autosave.mutliple.tabs" /></spring:escapeBody>');
+						return false;
+					}
+					localStorage.setItem('lamsAutosaveTimestamp', currentTime);
+					localStorage.setItem('lamsAutosaveWindowId', autosaveWindowId);
+					return true;
+				}
 	        </script>
         </c:if>
     </lams:head>
@@ -216,4 +219,4 @@
 		    </div>
 	    </c:if>
     </body>
-</lams:html>
+</lams:html>
\ No newline at end of file
Index: lams_gradebook/web/WEB-INF/tags/StyledRating5.tag
===================================================================
diff -u -rb6e8dca20bffba9ce751b917ab4af7b252115f67 -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_gradebook/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision b6e8dca20bffba9ce751b917ab4af7b252115f67)
+++ lams_gradebook/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -96,18 +96,23 @@
 								</td>
 								
 								<td class="rating">
-									<div class="rating-stars-holder text-center center-block">
+									<div class="starability-holder">
 										<c:set var="objectId">${criteriaRatings.ratingCriteria.ratingCriteriaId}-${rating.itemId}</c:set>
-										<div class="rating-stars-disabled rating-stars-new" data-average="${rating.averageRating}" data-id="${objectId}">
+										<c:set var="dataRating">
+											<fmt:formatNumber value="${rating.averageRating-(rating.averageRating%1)}" pattern="#"></fmt:formatNumber>
+											${(rating.averageRating%1) >= 0.5 ? '.5' : ''}
+										</c:set>
+										<div class="starability starability-result" data-rating="${dataRating}">
+											Rated: ${dataRating} stars
 										</div>
-										<c:set var="userRating">${rating.userRating}</c:set>
-										<div class="rating-stars-caption" id="rating-stars-caption-${objectId}">
+										
+										<div class="starability-caption" id="starability-caption-${objectId}">
 											<c:choose>
-												<c:when test="${empty userRating}">
+												<c:when test="${empty rating.userRating}">
 													<fmt:message key="label.not.rated"></fmt:message>
 												</c:when>
 												<c:otherwise>
-													<fmt:message key="label.you.gave.rating"><fmt:param><span id="user-rating-${objectId}">${userRating}</span></fmt:param></fmt:message>
+													<fmt:message key="label.you.gave.rating"><fmt:param><span id="user-rating-${objectId}">${rating.userRating}</span></fmt:param></fmt:message>
 												</c:otherwise>
 											</c:choose>
 											<br/>
@@ -135,10 +140,17 @@
 				<c:forEach var="rating" items="${criteriaRatings.ratingDtos}" varStatus="status">
 					<c:if test="${status.first && not empty rating.averageRating}">
 						<div class="rating">
-							<div class="rating-stars-holder text-center center-block">
+							<div class="starability-holder">
 								<c:set var="objectId">${criteriaRatings.ratingCriteria.ratingCriteriaId}-${rating.itemId}</c:set>
-								<div class="rating-stars-disabled rating-stars-new" data-average="${rating.averageRating}" data-id="${objectId}"></div>
-								<div class="rating-stars-caption" id="rating-stars-caption-${objectId}-currentUser">
+								<c:set var="dataRating">
+									<fmt:formatNumber value="${rating.averageRating-(rating.averageRating%1)}" pattern="#"></fmt:formatNumber>
+									${(rating.averageRating%1) >= 0.5 ? '.5' : ''}
+								</c:set>
+								<div class="starability starability-result" data-rating="${dataRating}">
+									Rated: ${dataRating} stars
+								</div>
+								
+								<div class="starability-caption" id="starability-caption-${objectId}-currentUser">
 									<fmt:message key="label.avg.rating">
 										<fmt:param><span id="average-rating-${objectId}-currentUser">${rating.averageRating}</span></fmt:param>
 										<fmt:param><span id="number-of-votes-${objectId}-currentUser">${rating.numberOfVotes}</span></fmt:param>
Index: lams_learning/web/WEB-INF/tags/Page.tag
===================================================================
diff -u -r876e644c066e81c2721ffa085fd12f386e2f3bb6 -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_learning/web/WEB-INF/tags/Page.tag	(.../Page.tag)	(revision 876e644c066e81c2721ffa085fd12f386e2f3bb6)
+++ lams_learning/web/WEB-INF/tags/Page.tag	(.../Page.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -48,7 +48,7 @@
 		<c:set var="mode" value="${sessionScope[sessionMapID].mode}" />
 	</c:if>
 
-	<%--  only have sidebar and presence in learner main window, not in popup windows --%>
+	<%--  only have sidebar in learner main window, not in popup windows --%>
 	<c:if test="${ not hideProgressBar && ( empty mode || mode == 'author' || mode == 'learner') }">
 	
 		<%-- Links placed in body instead of head. Ugly, but it works. --%>
@@ -163,16 +163,19 @@
 				$('#sidebar').show();
 			}
 
-			function preventLearnerAutosaveFromMultipleTabs(autosaveInterval) {
+			function preventLearnerAutosaveFromMultipleTabs(autosaveWindowId, autosaveInterval) {
 				let currentTime = new Date().getTime(),
-					lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp');
+						lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp'),
+						lamsAutosaveWindowId = +localStorage.getItem('lamsAutosaveWindowId');
 				// check if autosave does not happen too often
-				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime) {
+				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime
+						&& lamsAutosaveWindowId && lamsAutosaveWindowId != autosaveWindowId) {
 					// this label is required only in tool which implement autosave
 					alert('<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.prevent.learner.autosave.mutliple.tabs" /></spring:escapeBody>');
 					return false;
 				}
 				localStorage.setItem('lamsAutosaveTimestamp', currentTime);
+				localStorage.setItem('lamsAutosaveWindowId', autosaveWindowId);
 				return true;
 			}
 			
@@ -215,21 +218,6 @@
 							} else if ( showControlBar == 2 ) {
 								$('#navcontent').addClass('navcontent');
 							}
-							
-							var presenceEnabledPatch = result.presenceEnabledPatch;
-							var presenceImEnabled = result.presenceImEnabled;
-							if ( showIM && (presenceEnabledPatch || presenceImEnabled) ) {
-								presenceURL = LEARNING_URL+"presenceChat.jsp?presenceEnabledPatch="+presenceEnabledPatch
-										+"&presenceImEnabled="+presenceImEnabled+"&lessonID="+lessonId;
-								<c:if test="${not usePanel}">
-								presenceURL = presenceURL + "&reloadBootstrap=true";
-								</c:if>
-								$('#presenceEnabledPatchDiv').load(presenceURL, function( response, status, xhr ) {
-									if ( status == "error" ) {
-										alert("Unable to load IM: " + xhr.status);
-									} 
-								});
-							}
 
 							initWebsocket('commandWebsocket', LEARNING_URL.replace('http', 'ws')
 									+ 'commandWebsocket?lessonID=' + lessonId,
@@ -379,10 +367,6 @@
 					<jsp:doBody />
 				</c:otherwise>
 				</c:choose>						
-				<%--  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>
Index: lams_learning/web/WEB-INF/tags/Page5.tag
===================================================================
diff -u -r81f928586161dd03042b6353f68c7d7b8279ccde -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_learning/web/WEB-INF/tags/Page5.tag	(.../Page5.tag)	(revision 81f928586161dd03042b6353f68c7d7b8279ccde)
+++ lams_learning/web/WEB-INF/tags/Page5.tag	(.../Page5.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -165,16 +165,19 @@
 				$('#sidebar').show();
 			}
 
-			function preventLearnerAutosaveFromMultipleTabs(autosaveInterval) {
+			function preventLearnerAutosaveFromMultipleTabs(autosaveWindowId, autosaveInterval) {
 				let currentTime = new Date().getTime(),
-					lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp');
+						lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp'),
+						lamsAutosaveWindowId = +localStorage.getItem('lamsAutosaveWindowId');
 				// check if autosave does not happen too often
-				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime) {
+				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime
+						&& lamsAutosaveWindowId && lamsAutosaveWindowId != autosaveWindowId) {
 					// this label is required only in tool which implement autosave
 					alert('<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.prevent.learner.autosave.mutliple.tabs" /></spring:escapeBody>');
 					return false;
 				}
 				localStorage.setItem('lamsAutosaveTimestamp', currentTime);
+				localStorage.setItem('lamsAutosaveWindowId', autosaveWindowId);
 				return true;
 			}
 
@@ -217,21 +220,6 @@
 							} else if ( showControlBar == 2 ) {
 								$('#navcontent').addClass('navcontent');
 							}
-							
-							var presenceEnabledPatch = result.presenceEnabledPatch;
-							var presenceImEnabled = result.presenceImEnabled;
-							if ( showIM && (presenceEnabledPatch || presenceImEnabled) ) {
-								presenceURL = LEARNING_URL+"presenceChat.jsp?presenceEnabledPatch="+presenceEnabledPatch
-										+"&presenceImEnabled="+presenceImEnabled+"&lessonID="+lessonId;
-								<c:if test="${not usePanel}">
-								presenceURL = presenceURL + "&reloadBootstrap=true";
-								</c:if>
-								$('#presenceEnabledPatchDiv').load(presenceURL, function( response, status, xhr ) {
-									if ( status == "error" ) {
-										alert("Unable to load IM: " + xhr.status);
-									} 
-								});
-							}
 
 							initWebsocket('commandWebsocket', LEARNING_URL.replace('http', 'ws')
 									+ 'commandWebsocket?lessonID=' + lessonId,
@@ -381,10 +369,6 @@
 					<jsp:doBody />
 				</c:otherwise>
 				</c:choose>						
-				<%--  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>
Index: lams_learning/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -r6598c02ec0f7dfd0db5ab175660b6b20c12464d2 -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_learning/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 6598c02ec0f7dfd0db5ab175660b6b20c12464d2)
+++ lams_learning/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -69,19 +69,22 @@
 	            		lessonID = ${empty lessonID ? 'null' : lessonID};
 	                initLearnerPage(toolSessionID, lessonID);
 	            });
-	
-	            function preventLearnerAutosaveFromMultipleTabs(autosaveInterval) {
-	                let currentTime = new Date().getTime(),
-	                    lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp');
-	                // check if autosave does not happen too often
-	                if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime) {
-	                    // this label is required only in tool which implement autosave
-	                    alert('<fmt:message key="label.prevent.learner.autosave.mutliple.tabs" />');
-	                    return false;
-	                }
-	                localStorage.setItem('lamsAutosaveTimestamp', currentTime);
-	                return true;
-	            }
+
+				function preventLearnerAutosaveFromMultipleTabs(autosaveWindowId, autosaveInterval) {
+					let currentTime = new Date().getTime(),
+							lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp'),
+							lamsAutosaveWindowId = +localStorage.getItem('lamsAutosaveWindowId');
+					// check if autosave does not happen too often
+					if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime
+							&& lamsAutosaveWindowId && lamsAutosaveWindowId != autosaveWindowId) {
+						// this label is required only in tool which implement autosave
+						alert('<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.prevent.learner.autosave.mutliple.tabs" /></spring:escapeBody>');
+						return false;
+					}
+					localStorage.setItem('lamsAutosaveTimestamp', currentTime);
+					localStorage.setItem('lamsAutosaveWindowId', autosaveWindowId);
+					return true;
+				}
 	        </script>
         </c:if>
     </lams:head>
@@ -216,4 +219,4 @@
 		    </div>
 	    </c:if>
     </body>
-</lams:html>
+</lams:html>
\ No newline at end of file
Index: lams_learning/web/WEB-INF/tags/StyledRating5.tag
===================================================================
diff -u -rb6e8dca20bffba9ce751b917ab4af7b252115f67 -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_learning/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision b6e8dca20bffba9ce751b917ab4af7b252115f67)
+++ lams_learning/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -96,18 +96,23 @@
 								</td>
 								
 								<td class="rating">
-									<div class="rating-stars-holder text-center center-block">
+									<div class="starability-holder">
 										<c:set var="objectId">${criteriaRatings.ratingCriteria.ratingCriteriaId}-${rating.itemId}</c:set>
-										<div class="rating-stars-disabled rating-stars-new" data-average="${rating.averageRating}" data-id="${objectId}">
+										<c:set var="dataRating">
+											<fmt:formatNumber value="${rating.averageRating-(rating.averageRating%1)}" pattern="#"></fmt:formatNumber>
+											${(rating.averageRating%1) >= 0.5 ? '.5' : ''}
+										</c:set>
+										<div class="starability starability-result" data-rating="${dataRating}">
+											Rated: ${dataRating} stars
 										</div>
-										<c:set var="userRating">${rating.userRating}</c:set>
-										<div class="rating-stars-caption" id="rating-stars-caption-${objectId}">
+										
+										<div class="starability-caption" id="starability-caption-${objectId}">
 											<c:choose>
-												<c:when test="${empty userRating}">
+												<c:when test="${empty rating.userRating}">
 													<fmt:message key="label.not.rated"></fmt:message>
 												</c:when>
 												<c:otherwise>
-													<fmt:message key="label.you.gave.rating"><fmt:param><span id="user-rating-${objectId}">${userRating}</span></fmt:param></fmt:message>
+													<fmt:message key="label.you.gave.rating"><fmt:param><span id="user-rating-${objectId}">${rating.userRating}</span></fmt:param></fmt:message>
 												</c:otherwise>
 											</c:choose>
 											<br/>
@@ -135,10 +140,17 @@
 				<c:forEach var="rating" items="${criteriaRatings.ratingDtos}" varStatus="status">
 					<c:if test="${status.first && not empty rating.averageRating}">
 						<div class="rating">
-							<div class="rating-stars-holder text-center center-block">
+							<div class="starability-holder">
 								<c:set var="objectId">${criteriaRatings.ratingCriteria.ratingCriteriaId}-${rating.itemId}</c:set>
-								<div class="rating-stars-disabled rating-stars-new" data-average="${rating.averageRating}" data-id="${objectId}"></div>
-								<div class="rating-stars-caption" id="rating-stars-caption-${objectId}-currentUser">
+								<c:set var="dataRating">
+									<fmt:formatNumber value="${rating.averageRating-(rating.averageRating%1)}" pattern="#"></fmt:formatNumber>
+									${(rating.averageRating%1) >= 0.5 ? '.5' : ''}
+								</c:set>
+								<div class="starability starability-result" data-rating="${dataRating}">
+									Rated: ${dataRating} stars
+								</div>
+								
+								<div class="starability-caption" id="starability-caption-${objectId}-currentUser">
 									<fmt:message key="label.avg.rating">
 										<fmt:param><span id="average-rating-${objectId}-currentUser">${rating.averageRating}</span></fmt:param>
 										<fmt:param><span id="number-of-votes-${objectId}-currentUser">${rating.numberOfVotes}</span></fmt:param>
Index: lams_monitoring/web/WEB-INF/tags/Page.tag
===================================================================
diff -u -r876e644c066e81c2721ffa085fd12f386e2f3bb6 -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_monitoring/web/WEB-INF/tags/Page.tag	(.../Page.tag)	(revision 876e644c066e81c2721ffa085fd12f386e2f3bb6)
+++ lams_monitoring/web/WEB-INF/tags/Page.tag	(.../Page.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -48,7 +48,7 @@
 		<c:set var="mode" value="${sessionScope[sessionMapID].mode}" />
 	</c:if>
 
-	<%--  only have sidebar and presence in learner main window, not in popup windows --%>
+	<%--  only have sidebar in learner main window, not in popup windows --%>
 	<c:if test="${ not hideProgressBar && ( empty mode || mode == 'author' || mode == 'learner') }">
 	
 		<%-- Links placed in body instead of head. Ugly, but it works. --%>
@@ -163,16 +163,19 @@
 				$('#sidebar').show();
 			}
 
-			function preventLearnerAutosaveFromMultipleTabs(autosaveInterval) {
+			function preventLearnerAutosaveFromMultipleTabs(autosaveWindowId, autosaveInterval) {
 				let currentTime = new Date().getTime(),
-					lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp');
+						lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp'),
+						lamsAutosaveWindowId = +localStorage.getItem('lamsAutosaveWindowId');
 				// check if autosave does not happen too often
-				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime) {
+				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime
+						&& lamsAutosaveWindowId && lamsAutosaveWindowId != autosaveWindowId) {
 					// this label is required only in tool which implement autosave
 					alert('<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.prevent.learner.autosave.mutliple.tabs" /></spring:escapeBody>');
 					return false;
 				}
 				localStorage.setItem('lamsAutosaveTimestamp', currentTime);
+				localStorage.setItem('lamsAutosaveWindowId', autosaveWindowId);
 				return true;
 			}
 			
@@ -215,21 +218,6 @@
 							} else if ( showControlBar == 2 ) {
 								$('#navcontent').addClass('navcontent');
 							}
-							
-							var presenceEnabledPatch = result.presenceEnabledPatch;
-							var presenceImEnabled = result.presenceImEnabled;
-							if ( showIM && (presenceEnabledPatch || presenceImEnabled) ) {
-								presenceURL = LEARNING_URL+"presenceChat.jsp?presenceEnabledPatch="+presenceEnabledPatch
-										+"&presenceImEnabled="+presenceImEnabled+"&lessonID="+lessonId;
-								<c:if test="${not usePanel}">
-								presenceURL = presenceURL + "&reloadBootstrap=true";
-								</c:if>
-								$('#presenceEnabledPatchDiv').load(presenceURL, function( response, status, xhr ) {
-									if ( status == "error" ) {
-										alert("Unable to load IM: " + xhr.status);
-									} 
-								});
-							}
 
 							initWebsocket('commandWebsocket', LEARNING_URL.replace('http', 'ws')
 									+ 'commandWebsocket?lessonID=' + lessonId,
@@ -379,10 +367,6 @@
 					<jsp:doBody />
 				</c:otherwise>
 				</c:choose>						
-				<%--  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>
Index: lams_monitoring/web/WEB-INF/tags/Page5.tag
===================================================================
diff -u -r81f928586161dd03042b6353f68c7d7b8279ccde -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_monitoring/web/WEB-INF/tags/Page5.tag	(.../Page5.tag)	(revision 81f928586161dd03042b6353f68c7d7b8279ccde)
+++ lams_monitoring/web/WEB-INF/tags/Page5.tag	(.../Page5.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -165,16 +165,19 @@
 				$('#sidebar').show();
 			}
 
-			function preventLearnerAutosaveFromMultipleTabs(autosaveInterval) {
+			function preventLearnerAutosaveFromMultipleTabs(autosaveWindowId, autosaveInterval) {
 				let currentTime = new Date().getTime(),
-					lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp');
+						lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp'),
+						lamsAutosaveWindowId = +localStorage.getItem('lamsAutosaveWindowId');
 				// check if autosave does not happen too often
-				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime) {
+				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime
+						&& lamsAutosaveWindowId && lamsAutosaveWindowId != autosaveWindowId) {
 					// this label is required only in tool which implement autosave
 					alert('<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.prevent.learner.autosave.mutliple.tabs" /></spring:escapeBody>');
 					return false;
 				}
 				localStorage.setItem('lamsAutosaveTimestamp', currentTime);
+				localStorage.setItem('lamsAutosaveWindowId', autosaveWindowId);
 				return true;
 			}
 
@@ -217,21 +220,6 @@
 							} else if ( showControlBar == 2 ) {
 								$('#navcontent').addClass('navcontent');
 							}
-							
-							var presenceEnabledPatch = result.presenceEnabledPatch;
-							var presenceImEnabled = result.presenceImEnabled;
-							if ( showIM && (presenceEnabledPatch || presenceImEnabled) ) {
-								presenceURL = LEARNING_URL+"presenceChat.jsp?presenceEnabledPatch="+presenceEnabledPatch
-										+"&presenceImEnabled="+presenceImEnabled+"&lessonID="+lessonId;
-								<c:if test="${not usePanel}">
-								presenceURL = presenceURL + "&reloadBootstrap=true";
-								</c:if>
-								$('#presenceEnabledPatchDiv').load(presenceURL, function( response, status, xhr ) {
-									if ( status == "error" ) {
-										alert("Unable to load IM: " + xhr.status);
-									} 
-								});
-							}
 
 							initWebsocket('commandWebsocket', LEARNING_URL.replace('http', 'ws')
 									+ 'commandWebsocket?lessonID=' + lessonId,
@@ -381,10 +369,6 @@
 					<jsp:doBody />
 				</c:otherwise>
 				</c:choose>						
-				<%--  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>
Index: lams_monitoring/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -r6598c02ec0f7dfd0db5ab175660b6b20c12464d2 -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_monitoring/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 6598c02ec0f7dfd0db5ab175660b6b20c12464d2)
+++ lams_monitoring/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -69,19 +69,22 @@
 	            		lessonID = ${empty lessonID ? 'null' : lessonID};
 	                initLearnerPage(toolSessionID, lessonID);
 	            });
-	
-	            function preventLearnerAutosaveFromMultipleTabs(autosaveInterval) {
-	                let currentTime = new Date().getTime(),
-	                    lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp');
-	                // check if autosave does not happen too often
-	                if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime) {
-	                    // this label is required only in tool which implement autosave
-	                    alert('<fmt:message key="label.prevent.learner.autosave.mutliple.tabs" />');
-	                    return false;
-	                }
-	                localStorage.setItem('lamsAutosaveTimestamp', currentTime);
-	                return true;
-	            }
+
+				function preventLearnerAutosaveFromMultipleTabs(autosaveWindowId, autosaveInterval) {
+					let currentTime = new Date().getTime(),
+							lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp'),
+							lamsAutosaveWindowId = +localStorage.getItem('lamsAutosaveWindowId');
+					// check if autosave does not happen too often
+					if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime
+							&& lamsAutosaveWindowId && lamsAutosaveWindowId != autosaveWindowId) {
+						// this label is required only in tool which implement autosave
+						alert('<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.prevent.learner.autosave.mutliple.tabs" /></spring:escapeBody>');
+						return false;
+					}
+					localStorage.setItem('lamsAutosaveTimestamp', currentTime);
+					localStorage.setItem('lamsAutosaveWindowId', autosaveWindowId);
+					return true;
+				}
 	        </script>
         </c:if>
     </lams:head>
@@ -216,4 +219,4 @@
 		    </div>
 	    </c:if>
     </body>
-</lams:html>
+</lams:html>
\ No newline at end of file
Index: lams_monitoring/web/WEB-INF/tags/StyledRating5.tag
===================================================================
diff -u -rb6e8dca20bffba9ce751b917ab4af7b252115f67 -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_monitoring/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision b6e8dca20bffba9ce751b917ab4af7b252115f67)
+++ lams_monitoring/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -96,18 +96,23 @@
 								</td>
 								
 								<td class="rating">
-									<div class="rating-stars-holder text-center center-block">
+									<div class="starability-holder">
 										<c:set var="objectId">${criteriaRatings.ratingCriteria.ratingCriteriaId}-${rating.itemId}</c:set>
-										<div class="rating-stars-disabled rating-stars-new" data-average="${rating.averageRating}" data-id="${objectId}">
+										<c:set var="dataRating">
+											<fmt:formatNumber value="${rating.averageRating-(rating.averageRating%1)}" pattern="#"></fmt:formatNumber>
+											${(rating.averageRating%1) >= 0.5 ? '.5' : ''}
+										</c:set>
+										<div class="starability starability-result" data-rating="${dataRating}">
+											Rated: ${dataRating} stars
 										</div>
-										<c:set var="userRating">${rating.userRating}</c:set>
-										<div class="rating-stars-caption" id="rating-stars-caption-${objectId}">
+										
+										<div class="starability-caption" id="starability-caption-${objectId}">
 											<c:choose>
-												<c:when test="${empty userRating}">
+												<c:when test="${empty rating.userRating}">
 													<fmt:message key="label.not.rated"></fmt:message>
 												</c:when>
 												<c:otherwise>
-													<fmt:message key="label.you.gave.rating"><fmt:param><span id="user-rating-${objectId}">${userRating}</span></fmt:param></fmt:message>
+													<fmt:message key="label.you.gave.rating"><fmt:param><span id="user-rating-${objectId}">${rating.userRating}</span></fmt:param></fmt:message>
 												</c:otherwise>
 											</c:choose>
 											<br/>
@@ -135,10 +140,17 @@
 				<c:forEach var="rating" items="${criteriaRatings.ratingDtos}" varStatus="status">
 					<c:if test="${status.first && not empty rating.averageRating}">
 						<div class="rating">
-							<div class="rating-stars-holder text-center center-block">
+							<div class="starability-holder">
 								<c:set var="objectId">${criteriaRatings.ratingCriteria.ratingCriteriaId}-${rating.itemId}</c:set>
-								<div class="rating-stars-disabled rating-stars-new" data-average="${rating.averageRating}" data-id="${objectId}"></div>
-								<div class="rating-stars-caption" id="rating-stars-caption-${objectId}-currentUser">
+								<c:set var="dataRating">
+									<fmt:formatNumber value="${rating.averageRating-(rating.averageRating%1)}" pattern="#"></fmt:formatNumber>
+									${(rating.averageRating%1) >= 0.5 ? '.5' : ''}
+								</c:set>
+								<div class="starability starability-result" data-rating="${dataRating}">
+									Rated: ${dataRating} stars
+								</div>
+								
+								<div class="starability-caption" id="starability-caption-${objectId}-currentUser">
 									<fmt:message key="label.avg.rating">
 										<fmt:param><span id="average-rating-${objectId}-currentUser">${rating.averageRating}</span></fmt:param>
 										<fmt:param><span id="number-of-votes-${objectId}-currentUser">${rating.numberOfVotes}</span></fmt:param>
Index: lams_tool_assessment/conf/language/lams/ApplicationResources.properties
===================================================================
diff -u -rad2e7ba2aba306cecdd57743c3cc455f7acea16d -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_tool_assessment/conf/language/lams/ApplicationResources.properties	(.../ApplicationResources.properties)	(revision ad2e7ba2aba306cecdd57743c3cc455f7acea16d)
+++ lams_tool_assessment/conf/language/lams/ApplicationResources.properties	(.../ApplicationResources.properties)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -432,6 +432,7 @@
 label.authoring.preview.skip.validation = As a learner you should answer all required questions. In preview mode you are allowed to press this button again to continue.
 label.monitoring.student.choices.none = No learners have answered questions yet
 label.monitoring.user.summary.grade.required = requires grading
+label.monitoring.user.summary.grade.auto = auto-graded
 label.monitoring.user.summary.grade.by = graded by {0}
 label.learning.page.next = Next page
 label.learning.page.previous = Previous page
Index: lams_tool_assessment/src/java/org/lamsfoundation/lams/tool/assessment/service/AssessmentServiceImpl.java
===================================================================
diff -u -r0edec29c40635712f7efedfea92d27fb263b841d -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_tool_assessment/src/java/org/lamsfoundation/lams/tool/assessment/service/AssessmentServiceImpl.java	(.../AssessmentServiceImpl.java)	(revision 0edec29c40635712f7efedfea92d27fb263b841d)
+++ lams_tool_assessment/src/java/org/lamsfoundation/lams/tool/assessment/service/AssessmentServiceImpl.java	(.../AssessmentServiceImpl.java)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -857,14 +857,29 @@
 	    }
 	}
 
+	StringBuilder autosaveLogBuilder = null;
+	if (StringUtils.isNotBlank(questionResult.getAnswer()) && "".equals(questionDto.getAnswer())) {
+	    autosaveLogBuilder = new StringBuilder("For learner ").append(assessmentResult.getUser().getUid())
+		    .append(" \"").append(assessmentResult.getUser().getLoginName()).append("\" for question ")
+		    .append(questionDto.getUid()).append(" for question result ").append(questionResult.getUid())
+		    .append(" answer was \"").append(questionResult.getAnswer())
+		    .append("\" and it is now blank, skipping save.");
+	    log.warn(autosaveLogBuilder);
+	    if (logAutosave.isTraceEnabled()) {
+		logAutosave.trace(autosaveLogBuilder);
+	    }
+	    questionResult.setAnswerModified(false);
+	    return questionResult;
+	}
+
 	boolean isAnswerModified =
 		!Objects.equals(questionResult.getAnswerBoolean(), questionDto.getAnswerBoolean()) || !Objects.equals(
 			questionResult.getAnswerFloat(), questionDto.getAnswerFloat()) || !Objects.equals(
 			questionResult.getAnswer(), questionDto.getAnswer());
 
 	// this is for logging every autosave as requested by Imperial
 	// it produces a lot of logs, so it goes to a separate file
-	StringBuilder autosaveLogBuilder = null;
+
 	if (logAutosave.isTraceEnabled()) {
 	    autosaveLogBuilder = new StringBuilder("For learner ").append(assessmentResult.getUser().getUid())
 		    .append(" \"").append(assessmentResult.getUser().getLoginName()).append("\" for question ")
@@ -932,8 +947,9 @@
 	}
 
 	// store justification entered by the learner
-	if (assessment.isAllowAnswerJustification() || (questionDto.getType().equals(QbQuestion.TYPE_MARK_HEDGING)
-		&& questionDto.isHedgingJustificationEnabled())) {
+	if (assessment.isAllowAnswerJustification() || (questionDto.getType().
+
+		equals(QbQuestion.TYPE_MARK_HEDGING) && questionDto.isHedgingJustificationEnabled())) {
 	    isAnswerModified |= !Objects.equals(questionResult.getJustification(), questionDto.getJustification());
 	    questionResult.setJustification(questionDto.getJustification());
 	}
@@ -3075,9 +3091,9 @@
 	}
     }
 
-    // *****************************************************************************
-    // private methods
-    // *****************************************************************************
+// *****************************************************************************
+// private methods
+// *****************************************************************************
 
     private Assessment getDefaultAssessment() throws AssessmentApplicationException {
 	Long defaultAssessmentId = getToolDefaultContentIdBySignature(AssessmentConstants.TOOL_SIGNATURE);
@@ -3101,9 +3117,9 @@
 	return contentId;
     }
 
-    // *****************************************************************************
-    // set methods for Spring Bean
-    // *****************************************************************************
+// *****************************************************************************
+// set methods for Spring Bean
+// *****************************************************************************
 
     public void setLogEventService(ILogEventService logEventService) {
 	this.logEventService = logEventService;
@@ -3149,9 +3165,9 @@
 	this.assessmentConfigDao = assessmentConfigDao;
     }
 
-    // *******************************************************************************
-    // ToolContentManager, ToolSessionManager methods
-    // *******************************************************************************
+// *******************************************************************************
+// ToolContentManager, ToolSessionManager methods
+// *******************************************************************************
 
     @Override
     public void exportToolContent(Long toolContentId, String rootPath) throws DataMissingException, ToolException {
Index: lams_tool_assessment/src/java/org/lamsfoundation/lams/tool/assessment/web/controller/MonitoringController.java
===================================================================
diff -u -r0edec29c40635712f7efedfea92d27fb263b841d -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_tool_assessment/src/java/org/lamsfoundation/lams/tool/assessment/web/controller/MonitoringController.java	(.../MonitoringController.java)	(revision 0edec29c40635712f7efedfea92d27fb263b841d)
+++ lams_tool_assessment/src/java/org/lamsfoundation/lams/tool/assessment/web/controller/MonitoringController.java	(.../MonitoringController.java)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -650,11 +650,24 @@
 		//LDEV_NTU-11 Swapping Mark and Response columns in Assessment Monitor
 		userData.add(questionResult.getQbQuestion().getType().equals(QbQuestion.TYPE_ESSAY)
 			&& questionResult.getMarkedBy() == null ? "-" : questionResult.getMark().toString());
-		userData.add(questionResult.getMarkedBy() == null
-			? (questionResult.getQbQuestion().getType().equals(QbQuestion.TYPE_ESSAY) ? service.getMessage(
-			"label.monitoring.user.summary.grade.required") : "")
-			: questionResult.getMarkedBy().getFullName());
-		userData.add(questionResult.getMarkerComment());
+
+		String marker = "";
+		if (questionResult.getMarkedBy() == null) {
+		    if (questionResult.getQbQuestion().getType().equals(QbQuestion.TYPE_ESSAY)) {
+			marker = "<b>(" + service.getMessage("label.monitoring.user.summary.grade.required") + ")</b>";
+		    } else {
+			marker = "(" + service.getMessage("label.monitoring.user.summary.grade.auto") + ")";
+		    }
+		} else {
+		    marker = questionResult.getMarkedBy().getFullName();
+		}
+		userData.add(marker);
+
+		String markerCommentEscaped = "";
+		if (StringUtils.isNotBlank(questionResult.getMarkerComment())) {
+		    markerCommentEscaped = questionResult.getMarkerComment().replace("\n", "<br>");
+		}
+		userData.add(markerCommentEscaped);
 	    } else {
 		userData.add("");
 		userData.add("");
Index: lams_tool_assessment/web/WEB-INF/tags/Page.tag
===================================================================
diff -u -r876e644c066e81c2721ffa085fd12f386e2f3bb6 -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_tool_assessment/web/WEB-INF/tags/Page.tag	(.../Page.tag)	(revision 876e644c066e81c2721ffa085fd12f386e2f3bb6)
+++ lams_tool_assessment/web/WEB-INF/tags/Page.tag	(.../Page.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -48,7 +48,7 @@
 		<c:set var="mode" value="${sessionScope[sessionMapID].mode}" />
 	</c:if>
 
-	<%--  only have sidebar and presence in learner main window, not in popup windows --%>
+	<%--  only have sidebar in learner main window, not in popup windows --%>
 	<c:if test="${ not hideProgressBar && ( empty mode || mode == 'author' || mode == 'learner') }">
 	
 		<%-- Links placed in body instead of head. Ugly, but it works. --%>
@@ -163,16 +163,19 @@
 				$('#sidebar').show();
 			}
 
-			function preventLearnerAutosaveFromMultipleTabs(autosaveInterval) {
+			function preventLearnerAutosaveFromMultipleTabs(autosaveWindowId, autosaveInterval) {
 				let currentTime = new Date().getTime(),
-					lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp');
+						lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp'),
+						lamsAutosaveWindowId = +localStorage.getItem('lamsAutosaveWindowId');
 				// check if autosave does not happen too often
-				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime) {
+				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime
+						&& lamsAutosaveWindowId && lamsAutosaveWindowId != autosaveWindowId) {
 					// this label is required only in tool which implement autosave
 					alert('<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.prevent.learner.autosave.mutliple.tabs" /></spring:escapeBody>');
 					return false;
 				}
 				localStorage.setItem('lamsAutosaveTimestamp', currentTime);
+				localStorage.setItem('lamsAutosaveWindowId', autosaveWindowId);
 				return true;
 			}
 			
@@ -215,21 +218,6 @@
 							} else if ( showControlBar == 2 ) {
 								$('#navcontent').addClass('navcontent');
 							}
-							
-							var presenceEnabledPatch = result.presenceEnabledPatch;
-							var presenceImEnabled = result.presenceImEnabled;
-							if ( showIM && (presenceEnabledPatch || presenceImEnabled) ) {
-								presenceURL = LEARNING_URL+"presenceChat.jsp?presenceEnabledPatch="+presenceEnabledPatch
-										+"&presenceImEnabled="+presenceImEnabled+"&lessonID="+lessonId;
-								<c:if test="${not usePanel}">
-								presenceURL = presenceURL + "&reloadBootstrap=true";
-								</c:if>
-								$('#presenceEnabledPatchDiv').load(presenceURL, function( response, status, xhr ) {
-									if ( status == "error" ) {
-										alert("Unable to load IM: " + xhr.status);
-									} 
-								});
-							}
 
 							initWebsocket('commandWebsocket', LEARNING_URL.replace('http', 'ws')
 									+ 'commandWebsocket?lessonID=' + lessonId,
@@ -379,10 +367,6 @@
 					<jsp:doBody />
 				</c:otherwise>
 				</c:choose>						
-				<%--  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>
Index: lams_tool_assessment/web/WEB-INF/tags/Page5.tag
===================================================================
diff -u -r81f928586161dd03042b6353f68c7d7b8279ccde -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_tool_assessment/web/WEB-INF/tags/Page5.tag	(.../Page5.tag)	(revision 81f928586161dd03042b6353f68c7d7b8279ccde)
+++ lams_tool_assessment/web/WEB-INF/tags/Page5.tag	(.../Page5.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -165,16 +165,19 @@
 				$('#sidebar').show();
 			}
 
-			function preventLearnerAutosaveFromMultipleTabs(autosaveInterval) {
+			function preventLearnerAutosaveFromMultipleTabs(autosaveWindowId, autosaveInterval) {
 				let currentTime = new Date().getTime(),
-					lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp');
+						lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp'),
+						lamsAutosaveWindowId = +localStorage.getItem('lamsAutosaveWindowId');
 				// check if autosave does not happen too often
-				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime) {
+				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime
+						&& lamsAutosaveWindowId && lamsAutosaveWindowId != autosaveWindowId) {
 					// this label is required only in tool which implement autosave
 					alert('<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.prevent.learner.autosave.mutliple.tabs" /></spring:escapeBody>');
 					return false;
 				}
 				localStorage.setItem('lamsAutosaveTimestamp', currentTime);
+				localStorage.setItem('lamsAutosaveWindowId', autosaveWindowId);
 				return true;
 			}
 
@@ -217,21 +220,6 @@
 							} else if ( showControlBar == 2 ) {
 								$('#navcontent').addClass('navcontent');
 							}
-							
-							var presenceEnabledPatch = result.presenceEnabledPatch;
-							var presenceImEnabled = result.presenceImEnabled;
-							if ( showIM && (presenceEnabledPatch || presenceImEnabled) ) {
-								presenceURL = LEARNING_URL+"presenceChat.jsp?presenceEnabledPatch="+presenceEnabledPatch
-										+"&presenceImEnabled="+presenceImEnabled+"&lessonID="+lessonId;
-								<c:if test="${not usePanel}">
-								presenceURL = presenceURL + "&reloadBootstrap=true";
-								</c:if>
-								$('#presenceEnabledPatchDiv').load(presenceURL, function( response, status, xhr ) {
-									if ( status == "error" ) {
-										alert("Unable to load IM: " + xhr.status);
-									} 
-								});
-							}
 
 							initWebsocket('commandWebsocket', LEARNING_URL.replace('http', 'ws')
 									+ 'commandWebsocket?lessonID=' + lessonId,
@@ -381,10 +369,6 @@
 					<jsp:doBody />
 				</c:otherwise>
 				</c:choose>						
-				<%--  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>
Index: lams_tool_assessment/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -r6598c02ec0f7dfd0db5ab175660b6b20c12464d2 -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_tool_assessment/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 6598c02ec0f7dfd0db5ab175660b6b20c12464d2)
+++ lams_tool_assessment/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -69,19 +69,22 @@
 	            		lessonID = ${empty lessonID ? 'null' : lessonID};
 	                initLearnerPage(toolSessionID, lessonID);
 	            });
-	
-	            function preventLearnerAutosaveFromMultipleTabs(autosaveInterval) {
-	                let currentTime = new Date().getTime(),
-	                    lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp');
-	                // check if autosave does not happen too often
-	                if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime) {
-	                    // this label is required only in tool which implement autosave
-	                    alert('<fmt:message key="label.prevent.learner.autosave.mutliple.tabs" />');
-	                    return false;
-	                }
-	                localStorage.setItem('lamsAutosaveTimestamp', currentTime);
-	                return true;
-	            }
+
+				function preventLearnerAutosaveFromMultipleTabs(autosaveWindowId, autosaveInterval) {
+					let currentTime = new Date().getTime(),
+							lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp'),
+							lamsAutosaveWindowId = +localStorage.getItem('lamsAutosaveWindowId');
+					// check if autosave does not happen too often
+					if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime
+							&& lamsAutosaveWindowId && lamsAutosaveWindowId != autosaveWindowId) {
+						// this label is required only in tool which implement autosave
+						alert('<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.prevent.learner.autosave.mutliple.tabs" /></spring:escapeBody>');
+						return false;
+					}
+					localStorage.setItem('lamsAutosaveTimestamp', currentTime);
+					localStorage.setItem('lamsAutosaveWindowId', autosaveWindowId);
+					return true;
+				}
 	        </script>
         </c:if>
     </lams:head>
@@ -216,4 +219,4 @@
 		    </div>
 	    </c:if>
     </body>
-</lams:html>
+</lams:html>
\ No newline at end of file
Index: lams_tool_assessment/web/WEB-INF/tags/StyledRating5.tag
===================================================================
diff -u -rb6e8dca20bffba9ce751b917ab4af7b252115f67 -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_tool_assessment/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision b6e8dca20bffba9ce751b917ab4af7b252115f67)
+++ lams_tool_assessment/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -96,18 +96,23 @@
 								</td>
 								
 								<td class="rating">
-									<div class="rating-stars-holder text-center center-block">
+									<div class="starability-holder">
 										<c:set var="objectId">${criteriaRatings.ratingCriteria.ratingCriteriaId}-${rating.itemId}</c:set>
-										<div class="rating-stars-disabled rating-stars-new" data-average="${rating.averageRating}" data-id="${objectId}">
+										<c:set var="dataRating">
+											<fmt:formatNumber value="${rating.averageRating-(rating.averageRating%1)}" pattern="#"></fmt:formatNumber>
+											${(rating.averageRating%1) >= 0.5 ? '.5' : ''}
+										</c:set>
+										<div class="starability starability-result" data-rating="${dataRating}">
+											Rated: ${dataRating} stars
 										</div>
-										<c:set var="userRating">${rating.userRating}</c:set>
-										<div class="rating-stars-caption" id="rating-stars-caption-${objectId}">
+										
+										<div class="starability-caption" id="starability-caption-${objectId}">
 											<c:choose>
-												<c:when test="${empty userRating}">
+												<c:when test="${empty rating.userRating}">
 													<fmt:message key="label.not.rated"></fmt:message>
 												</c:when>
 												<c:otherwise>
-													<fmt:message key="label.you.gave.rating"><fmt:param><span id="user-rating-${objectId}">${userRating}</span></fmt:param></fmt:message>
+													<fmt:message key="label.you.gave.rating"><fmt:param><span id="user-rating-${objectId}">${rating.userRating}</span></fmt:param></fmt:message>
 												</c:otherwise>
 											</c:choose>
 											<br/>
@@ -135,10 +140,17 @@
 				<c:forEach var="rating" items="${criteriaRatings.ratingDtos}" varStatus="status">
 					<c:if test="${status.first && not empty rating.averageRating}">
 						<div class="rating">
-							<div class="rating-stars-holder text-center center-block">
+							<div class="starability-holder">
 								<c:set var="objectId">${criteriaRatings.ratingCriteria.ratingCriteriaId}-${rating.itemId}</c:set>
-								<div class="rating-stars-disabled rating-stars-new" data-average="${rating.averageRating}" data-id="${objectId}"></div>
-								<div class="rating-stars-caption" id="rating-stars-caption-${objectId}-currentUser">
+								<c:set var="dataRating">
+									<fmt:formatNumber value="${rating.averageRating-(rating.averageRating%1)}" pattern="#"></fmt:formatNumber>
+									${(rating.averageRating%1) >= 0.5 ? '.5' : ''}
+								</c:set>
+								<div class="starability starability-result" data-rating="${dataRating}">
+									Rated: ${dataRating} stars
+								</div>
+								
+								<div class="starability-caption" id="starability-caption-${objectId}-currentUser">
 									<fmt:message key="label.avg.rating">
 										<fmt:param><span id="average-rating-${objectId}-currentUser">${rating.averageRating}</span></fmt:param>
 										<fmt:param><span id="number-of-votes-${objectId}-currentUser">${rating.numberOfVotes}</span></fmt:param>
Index: lams_tool_assessment/web/pages/learning/learning.jsp
===================================================================
diff -u -r21aea119939539ce08a947354f84cb7dc6980d38 -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_tool_assessment/web/pages/learning/learning.jsp	(.../learning.jsp)	(revision 21aea119939539ce08a947354f84cb7dc6980d38)
+++ lams_tool_assessment/web/pages/learning/learning.jsp	(.../learning.jsp)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -268,13 +268,14 @@
 
         //autosave feature
         <c:if test="${hasEditRight && (mode != 'teacher')}">
-        var autosaveInterval = ${isLeadershipEnabled and isUserLeader ? 10000 : 30000}; // 30 or 10 seconds interval
+			var autosaveInterval = ${isLeadershipEnabled and isUserLeader ? 10000 : 30000},  // 30 or 10 seconds interval
+				autosaveWindowId = new Date().getTime(); // all we need for this ID is to be unique
 
         function learnerAutosave(isCommand){
             // isCommand means that the autosave was triggered by force complete or another command websocket message
             // in this case do not check multiple tabs open, just autosave
             if (!isCommand) {
-                let shouldAutosave = preventLearnerAutosaveFromMultipleTabs(autosaveInterval);
+					let shouldAutosave = preventLearnerAutosaveFromMultipleTabs(autosaveWindowId, autosaveInterval);
                 if (!shouldAutosave) {
                     return;
                 }
@@ -348,9 +349,9 @@
             // validate only if time limit is not expired
             // otherwise confirm with learner that he wants to submit
             if (!isTimelimitExpired && (!validateAnswers()
-                    || (!isResubmitAllowed &&
-                            !confirm("<spring:escapeBody javaScriptEscape='true'><fmt:message key='label.learning.submit.all.confirm'/></spring:escapeBody>")))) {
-            return;
+                || (!isResubmitAllowed &&
+                    !confirm("<spring:escapeBody javaScriptEscape='true'><fmt:message key='label.learning.submit.all.confirm'/></spring:escapeBody>")))) {
+                return;
             }
 
             disableButtons();
@@ -617,9 +618,9 @@
 
         <c:if test="${not empty assessment.instructions}">
             <div id="instructions" class="instructions">
-              <c:out value="${assessment.instructions}" escapeXml="false"/>
+                <c:out value="${assessment.instructions}" escapeXml="false"/>
             </div>
-        </c:if>        
+        </c:if>
 
 
         <%@ include file="parts/paging.jsp"%>
@@ -638,4 +639,4 @@
             </c:if>
         </div>
     </div>
-</lams:PageLearner>
+</lams:PageLearner>
\ No newline at end of file
Index: lams_tool_assessment/web/pages/monitoring/parts/usersummary.jsp
===================================================================
diff -u -r0edec29c40635712f7efedfea92d27fb263b841d -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_tool_assessment/web/pages/monitoring/parts/usersummary.jsp	(.../usersummary.jsp)	(revision 0edec29c40635712f7efedfea92d27fb263b841d)
+++ lams_tool_assessment/web/pages/monitoring/parts/usersummary.jsp	(.../usersummary.jsp)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -4,367 +4,377 @@
 <c:set var="assessment" value="${sessionMap.assessment}"/>
 
 <lams:html>
-	<lams:head>
-		<%@ include file="/common/header.jsp"%>		
-		
-		<link type="text/css" href="${lams}css/jquery-ui-bootstrap-theme.css" rel="stylesheet">
-		<link type="text/css" href="${lams}css/free.ui.jqgrid.min.css" rel="stylesheet">
-		<link type="text/css" href="${lams}css/jquery.jqGrid.confidence-level-formattter.css" rel="stylesheet">
-		<c:if test="${not empty codeStyles}">
-			<link rel="stylesheet" type="text/css" href="${lams}css/codemirror.css" />
-		</c:if>
-	
-		<style>
-			[data-toggle="collapse"].collapsed .if-not-collapsed, [data-toggle="collapse"]:not(.collapsed) .if-collapsed {
-	  			display: none;
-	  		}
-	  		
-	  		pre {
-				background-color: initial;
-				border: none;
-			}	
-			
-			.requires-grading {
-				background-color: rgba(255, 195, 55, .6);
-			}
-		</style>
-		
-		<script>
-			// pass settings to jquery.jqGrid.confidence-level-formattter.js
-			var confidenceLevelsSettings = {
-				type: "${assessment.confidenceLevelsType}",
-				LABEL_NOT_CONFIDENT : '<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.not.confident" /></spring:escapeBody>',
-				LABEL_CONFIDENT : '<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.confident" /></spring:escapeBody>',
-				LABEL_VERY_CONFIDENT : '<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.very.confident" /></spring:escapeBody>',
-				LABEL_NOT_SURE : '<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.not.sure" /></spring:escapeBody>',
-				LABEL_SURE : '<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.sure" /></spring:escapeBody>',
-				LABEL_VERY_SURE : '<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.very.sure" /></spring:escapeBody>'
-			};
-		</script>
-		<script type="text/javascript" src="${lams}includes/javascript/free.jquery.jqgrid.min.js"></script>
-	 	<script type="text/javascript" src="${lams}includes/javascript/jquery.jqGrid.confidence-level-formattter.js"></script>
-	 	
-	 	<c:if test="${not empty codeStyles}">
-			<script type="text/javascript" src="${lams}includes/javascript/codemirror/addon/runmode/runmode-standalone.js"></script>
-			<script type="text/javascript" src="${lams}includes/javascript/codemirror/addon/runmode/colorize.js"></script>
-		</c:if>
-		<%-- codeStyles is a set, so each code style will be listed only once --%>
-		<c:forEach items="${codeStyles}" var="codeStyle">
-			<c:choose>
-				<c:when test="${codeStyle == 1}">
-					<script type="text/javascript" src="${lams}includes/javascript/codemirror/mode/python.js"></script>
-				</c:when>
-				<c:when test="${codeStyle == 2}">
-					<script type="text/javascript" src="${lams}includes/javascript/codemirror/mode/javascript.js"></script>
-				</c:when>
-				<c:when test="${codeStyle >= 3}">
-					<script type="text/javascript" src="${lams}includes/javascript/codemirror/mode/clike.js"></script>
-				</c:when>
-			</c:choose>
-		</c:forEach>
-		
-  	    <script>
-	    	var isEdited = false;
-  	    	var previousCellValue = "";  	    	
-	  	  	$(document).ready(function(){
-	  			<c:forEach var="userSummaryItem" items="${userSummary.userSummaryItems}" varStatus="status">
-	  				<c:set var="question" value="${userSummaryItem.questionDto}"/>
-	  			
-	  				jQuery("#user${question.uid}").jqGrid({
-	  					datatype: "local",
-	  					autoencode:false,
-	  					rowNum: 10000,
-	  					height: 'auto',
-	  					autowidth: true,
-	  					shrinkToFit: false,
-	  					guiStyle: "bootstrap",
-	  					iconSet: 'fontAwesome',
-	  				   	colNames:[
-		  				   	"<spring:escapeBody javaScriptEscape='true'><fmt:message key="label.monitoring.user.summary.attempt" /></spring:escapeBody>",
-	  						'questionResultUid',
-	  						"<spring:escapeBody javaScriptEscape='true'><fmt:message key="label.monitoring.user.summary.time" /></spring:escapeBody>",
-	  						"<spring:escapeBody javaScriptEscape='true'><fmt:message key="label.monitoring.user.summary.response" /></spring:escapeBody>",
-	  						<c:if test="${assessment.enableConfidenceLevels and question.type != 8}">
-	  							"<spring:escapeBody javaScriptEscape='true'><fmt:message key='label.confidence' /></spring:escapeBody>",
-	  						</c:if>
-	  						"<spring:escapeBody javaScriptEscape='true'><fmt:message key="label.monitoring.user.summary.grade" /></spring:escapeBody>",
-	  	  					"<spring:escapeBody javaScriptEscape='true'><fmt:message key="label.monitoring.user.summary.marker" /></spring:escapeBody>",
-	  	  					"<spring:escapeBody javaScriptEscape='true'><fmt:message key="label.monitoring.user.summary.marker.comment" /></spring:escapeBody>"
-	  					],  
-	  				   	colModel:[
-	  				   		{name:'id', index:'id', width:52, sorttype:"int"},
-	  				   		{name:'questionResultUid', index:'questionResultUid', width:0, hidden: true},
-	  				   		{name:'time', index:'time', width:150, sorttype:'date', datefmt:'Y-m-d'},
-	  				   		{name:'response', index:'response', width:341, sortable:false},
-	  		  			   	<c:if test="${sessionMap.assessment.enableConfidenceLevels and question.type != 8}">
-			  			   		{name:'confidence', index:'confidence', width: 80, classes: 'vertical-align', formatter: gradientNumberFormatter},
-			  			  	</c:if>
-	  				   		{name:'grade', index:'grade', width:80, sorttype:"float", editable:true, 
-		  				   		editoptions: {size:4, maxlength: 4}, align:"right", classes: 'vertical-align', title : false },	
-	  			  			{name:'marker', index:'marker', width: 80, title: false},
-	  			  			{name:'markerComment', index:'markerComment', width:120, editable:true, sortable: false,
-	  			  			    editoptions: {maxlength: 600}, align:"left", classes: 'vertical-align', title : false }
-	  				   	],
-	  				   	multiselect: false,
-	  				  	cellurl: '<c:url value="/monitoring/saveUserGrade.do?sessionMapID=${sessionMapID}"/>&<csrf:token/>',
-	  				  	cellEdit: true,
-	  	  				formatCell: function(rowid, name, value, iRow, iCol){
-	  	  	  				if (name != "grade") {
-	  	  	  	  				return value;
-	  	  	  	  			}
-	  	  	  				if (value == "-") {
-	  	  	  	  				value = "0";
-	  	  	  	  			}
-	  	  	  	  			return value;
-	  	  	  			},
-	  				  	beforeEditCell: function (rowid,name,val,iRow,iCol){
-	  	  	  				if (name != "grade") {
-	  	  	  	  				return;
-	  	  	  	  			}
-  				  			previousCellValue = val;
-  				  		},
-	  					beforeSaveCell : function(rowid, name, val, iRow, iCol) {
-	  						if (name != "grade") {
-	  	  	  	  				return val;
-	  	  	  	  			}
-	  						if (isNaN(val)) {
-	  	  						return null;
-	  	  					}
-	  						
-	  						var maxGrade = jQuery("table#user${question.uid} tr#" + iRow 
-	  								              + " td[aria-describedby$='_" + name + "']").attr("maxGrade");
-	  						if (+val > +maxGrade) {
-	  							return maxGrade;
-	  						}
-	  					},
-	  				  	afterSaveCell : function (rowid,name,val,iRow,iCol){
-	  	  					if (name != "grade") {
-	  	  	  	  				return;
-	  	  	  	  			}
-	  				  		if (isNaN(val)) { //|| (questionResultUid=="")) {
-	  				  			jQuery("#user${question.uid}").restoreCell(iRow,iCol); 
-	  				  		} else {
-	  				  			isEdited = true;
-	  				  			var lastAttemptGrade = eval($("#lastAttemptGrade").html()) - eval(previousCellValue) + eval(val);
-	  				  			$("#lastAttemptGrade").html(lastAttemptGrade);
-	  				  		}		
-  						},	  		
-	  				  	beforeSubmitCell : function (rowid,name,val,iRow,iCol){
-		  				  	if (name == "grade" && isNaN(val)) {
-	  	  						return {nan:true};
-	  	  					} else {
-	  	  						var questionResultUid = jQuery("#user${question.uid}").getCell(rowid, 'questionResultUid');
-	  	  						return {
-	  	  	  							questionResultUid:questionResultUid,
-	  	  	  						    column:name
-	  	  	  						   };		  				  		
-	  	  				  	}
-	  					},
-	  	  				afterSubmitCell : function (serverresponse, rowid, name, value, iRow, iCol) {
-	  	  	  				if (serverresponse.statusText == "OK") {
-	  	  	  	  				if (serverresponse.responseText != "") {
-	  	  	  	  					$(this).setCell(rowid, 'marker', serverresponse.responseText, {}, {});
-	  	  	  	  				}
-	  	  	  					return [true, ""];
-	  	  	  				}
-	  	  	  			}
-	  				});
-	  				
-	  	   	        <c:forEach var="questionResult" items="${userSummaryItem.questionResults}" varStatus="i">
-	  	   	        	<c:set var="learnerInteraction" value="${learnerInteractions[questionResult.qbToolQuestion.uid]}" />
-	  	   	       		<c:set var="requiresMarking"
-	 	 	   	   	   		value="${empty questionResult.markedBy and questionResult.questionDto.type eq 6 and questionResult.mark eq 0}" />
-		 	 	   	   	   
-	  	   	        	var responseStr = "";
-	  	   	       		<%@ include file="userresponse.jsp"%>
-	  	   	     		var table = jQuery("#user${question.uid}");
-	  	   	     		table.addRowData(${i.index + 1}, {
-	  	   	   	     		id:"${i.index + 1}",
-	  	   	   	   			questionResultUid:"${questionResult.uid}",
-	  	   	   	   			time:"${empty learnerInteraction ? questionResult.finishDate : learnerInteraction.formattedDate}",
-	  	   	   	   			response:responseStr,
-		  	   	   	   		<c:if test="${assessment.enableConfidenceLevels}">
-		  	 	   	   			confidence:"${questionResult.confidenceLevel}",
-		  	 	   	   		</c:if>
-	  	 	 	   	   		grade:
-	  	 		 	 	 	 <c:choose>
-	  	 		 	 	    	<c:when test="${requiresMarking}">
-	  	 		 	 	    		"-"
-	  	 		 	 	    	</c:when>
-	  	 		 	 	    	<c:otherwise>
-	  	 		 	 	    		"<fmt:formatNumber value='${questionResult.mark}' maxFractionDigits='3'/>"
-	  	 		 	 	    	</c:otherwise>
-	  	 		 	 	    </c:choose>,
-	  	 		 	 	    marker : 
-	  	 			 	 	 <c:choose>
-	  	 		 	 	    	<c:when test="${requiresMarking}">
-	  	 			 	    		("<b><fmt:message key='label.monitoring.user.summary.grade.required' /></b>")
-	  	 			 	    	</c:when>
-	  	 			 	    	<c:when test="${not empty questionResult.markedBy}">
-	  	 			 	  			"<c:out value='${questionResult.markedBy.fullName}' />"
-	  	 			 	    	</c:when>
-	  	 			 	    	<c:otherwise>
-	  	 			 	    		""
-	  	 			 	    	</c:otherwise>
-	  	 			 	     </c:choose>,
-	  	 			 	     markerComment: "<c:out value='${questionResult.markerComment}' />"
-	  	   	   	   	    });
-	  		        </c:forEach>			
-	  				
-	  			</c:forEach>
-				
-  				//jqgrid autowidth (http://stackoverflow.com/a/1610197)
-	  			$(window).bind('resize', function() {
-	  				var grid;
-	  		        if (grid = jQuery(".ui-jqgrid-btable:visible")) {
-	  		            grid.each(function(index) {
-	  		                var gridId = $(this).attr('id');
-	  		                var gridParentWidth = jQuery('#gbox_' + gridId).parent().width();
-	  		                jQuery('#' + gridId).setGridWidth(gridParentWidth, true);
-	  		            });
-	  		        }
-	  			});
-	  			setTimeout(function(){ window.dispatchEvent(new Event('resize')); }, 300);
-	  			
-				// show etherpads only on Discussion expand
-				$('.question-etherpad-collapse').on('show.bs.collapse', function(){
-					var etherpad = $('.etherpad-container', this);
-					if (!etherpad.hasClass('initialised')) {
-						var id = etherpad.attr('id'),
-							groupId = id.substring('etherpad-container-'.length);
-						etherpadInitMethods[groupId]();
-					}
-				});
-				
-				if (typeof CodeMirror != 'undefined') {
-					CodeMirror.colorize($('.code-style'));
-				}
-	  		});  	    	
+    <lams:head>
+        <%@ include file="/common/header.jsp"%>
 
-    		function refreshSummaryPage()  { 
-        		if (isEdited) {
-    				self.parent.window.parent.location.href = "<c:url value="/monitoring/summary.do"/>?toolContentID=${sessionMap.toolContentID}&contentFolderID=${sessionMap.contentFolderID}";
-        		} else {
-        			self.parent.tb_remove();
-        		}
-    		}
-  		</script>
-	</lams:head>
-	
-<body class="stripes">
+        <link type="text/css" href="${lams}css/jquery-ui-bootstrap-theme.css" rel="stylesheet">
+        <link type="text/css" href="${lams}css/free.ui.jqgrid.min.css" rel="stylesheet">
+        <link type="text/css" href="${lams}css/jquery.jqGrid.confidence-level-formattter.css" rel="stylesheet">
+        <c:if test="${not empty codeStyles}">
+            <link rel="stylesheet" type="text/css" href="${lams}css/codemirror.css" />
+        </c:if>
 
-	<div class="panel panel-default">
-		<div class="panel-heading">
-			<div class="panel-title">
-				<fmt:message key="label.monitoring.user.summary.history.responses" />
-			</div>
-		</div>
-			
-		<div class="panel-body">	
-			<lams:errors/>
-			
-			<table class="table table-condensed">
-				<tr>
-					<th style="width: 180px;" >
-						<fmt:message key="label.monitoring.user.summary.user.name" />
-					</th>
-					<td >
-						<c:out value="${userSummary.user.lastName}, ${userSummary.user.firstName}" />
-					</td>
-				</tr>
-				
-				<tr>
-					<th>
-						<fmt:message key="label.monitoring.user.summary.number.attempts" />
-					</th>
-					<td>
-						${userSummary.numberOfAttempts}
-					</td>
-				</tr>
-					
-				<tr>
-					<th>
-						<fmt:message key="label.monitoring.user.summary.time.last.attempt" />
-					</th>
-					<td>
-						<fmt:formatDate value="${userSummary.timeOfLastAttempt}" pattern="H" timeZone="GMT" /> <fmt:message key="label.learning.summary.hours" />
-						<fmt:formatDate value="${userSummary.timeOfLastAttempt}" pattern="m" timeZone="GMT" /> <fmt:message key="label.learning.summary.minutes" />
-					</td>
-				</tr>
-					
-				<tr>
-					<th>
-						<fmt:message key="label.monitoring.user.summary.last.attempt.grade" />
-					</th>
-					<td>
-						<div id="lastAttemptGrade">${userSummary.lastAttemptGrade}</div>
-					</td>
-				</tr>
-			</table>
-			
-			<c:forEach var="userSummaryItem" items="${userSummary.userSummaryItems}" varStatus="status">
-				<div class="voffset20">
-					<div class="panel panel-default">
-						<div class="panel-heading">
-							<div class="panel-title">
-					<table style="font-size: small;">
-						<tr>
-							<td width="70px;">
-								<fmt:message key="label.monitoring.user.summary.title" />
-							</td>
-							<td>
-								 <c:out value="${userSummaryItem.questionDto.title}" escapeXml="true"/>
-							</td>
-						</tr>					
-						<tr>
-							<td>
-								<fmt:message key="label.monitoring.user.summary.question" />
-							</td>
-							<td>
-								<c:out value="${userSummaryItem.questionDto.question}" escapeXml="false"/>
-							</td>
-						</tr>
-					</table>
-							</div>
-						</div>
-				
+        <style>
+            [data-toggle="collapse"].collapsed .if-not-collapsed, [data-toggle="collapse"]:not(.collapsed) .if-collapsed {
+                display: none;
+            }
 
-					
-					<table id="user${userSummaryItem.questionDto.uid}"></table>
-					</div>
-				</div>
-				
-				<%--Display Etherpad for each question --%>
-				<c:if test="${isQuestionEtherpadEnabled}">
-					<div class="form-group question-etherpad-container">
-						<a data-toggle="collapse" data-target="#question-etherpad-${userSummaryItem.questionDto.uid}"
-							href="#qe${userSummaryItem.questionDto.uid}" class="collapsed">
-							<span class="if-collapsed"><i class="fa fa-xs fa-plus-square-o roffset5" aria-hidden="true"></i></span>
-				 				<span class="if-not-collapsed"><i class="fa fa-xs fa-minus-square-o roffset5" aria-hidden="true"></i></span>
-							<fmt:message key="label.etherpad.discussion" />
-						</a>
-						
-						<div id="question-etherpad-${userSummaryItem.questionDto.uid}" class="question-etherpad-collapse collapse">
-							<div class="panel panel-default question-etherpad">
-								<lams:Etherpad groupId="etherpad-assessment-${toolSessionID}-question-${userSummaryItem.questionDto.uid}" 
-								   showControls="true" showChat="false" heightAutoGrow="true" showOnDemand="true" />
-							</div>
-						</div>
-					</div>
-				</c:if>
-			</c:forEach>
+            pre {
+                background-color: initial;
+                border: none;
+            }
 
-			<a href="#nogo" onclick="refreshSummaryPage();" class="btn btn-default btn-sm voffset20 pull-right">
-				<fmt:message key="label.close" /> 
-			</a>
+            .requires-grading {
+                background-color: rgba(255, 195, 55, .6);
+            }
+        </style>
 
-		</div>
-		<!--closes content-->
-	
-		<div id="footer">
-		</div>
-		<!--closes footer-->		
+        <script>
+            // pass settings to jquery.jqGrid.confidence-level-formattter.js
+            var confidenceLevelsSettings = {
+                type: "${assessment.confidenceLevelsType}",
+                LABEL_NOT_CONFIDENT : '<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.not.confident" /></spring:escapeBody>',
+                LABEL_CONFIDENT : '<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.confident" /></spring:escapeBody>',
+                LABEL_VERY_CONFIDENT : '<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.very.confident" /></spring:escapeBody>',
+                LABEL_NOT_SURE : '<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.not.sure" /></spring:escapeBody>',
+                LABEL_SURE : '<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.sure" /></spring:escapeBody>',
+                LABEL_VERY_SURE : '<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.very.sure" /></spring:escapeBody>'
+            };
+        </script>
+        <script type="text/javascript" src="${lams}includes/javascript/free.jquery.jqgrid.min.js"></script>
+        <script type="text/javascript" src="${lams}includes/javascript/jquery.jqGrid.confidence-level-formattter.js"></script>
 
-	</div>		
-</body>
+        <c:if test="${not empty codeStyles}">
+            <script type="text/javascript" src="${lams}includes/javascript/codemirror/addon/runmode/runmode-standalone.js"></script>
+            <script type="text/javascript" src="${lams}includes/javascript/codemirror/addon/runmode/colorize.js"></script>
+        </c:if>
+        <%-- codeStyles is a set, so each code style will be listed only once --%>
+        <c:forEach items="${codeStyles}" var="codeStyle">
+            <c:choose>
+                <c:when test="${codeStyle == 1}">
+                    <script type="text/javascript" src="${lams}includes/javascript/codemirror/mode/python.js"></script>
+                </c:when>
+                <c:when test="${codeStyle == 2}">
+                    <script type="text/javascript" src="${lams}includes/javascript/codemirror/mode/javascript.js"></script>
+                </c:when>
+                <c:when test="${codeStyle >= 3}">
+                    <script type="text/javascript" src="${lams}includes/javascript/codemirror/mode/clike.js"></script>
+                </c:when>
+            </c:choose>
+        </c:forEach>
+
+        <script>
+            var isEdited = false;
+            var previousCellValue = "";
+            $(document).ready(function(){
+                <c:forEach var="userSummaryItem" items="${userSummary.userSummaryItems}" varStatus="status">
+                <c:set var="question" value="${userSummaryItem.questionDto}"/>
+
+                jQuery("#user${question.uid}").jqGrid({
+                    datatype: "local",
+                    autoencode:false,
+                    rowNum: 10000,
+                    height: 'auto',
+                    autowidth: true,
+                    shrinkToFit: false,
+                    guiStyle: "bootstrap",
+                    iconSet: 'fontAwesome',
+                    colNames:[
+                        "<spring:escapeBody javaScriptEscape='true'><fmt:message key="label.monitoring.user.summary.attempt" /></spring:escapeBody>",
+                        'questionResultUid',
+                        "<spring:escapeBody javaScriptEscape='true'><fmt:message key="label.monitoring.user.summary.time" /></spring:escapeBody>",
+                        "<spring:escapeBody javaScriptEscape='true'><fmt:message key="label.monitoring.user.summary.response" /></spring:escapeBody>",
+                        <c:if test="${assessment.enableConfidenceLevels and question.type != 8}">
+                        "<spring:escapeBody javaScriptEscape='true'><fmt:message key='label.confidence' /></spring:escapeBody>",
+                        </c:if>
+                        "<spring:escapeBody javaScriptEscape='true'><fmt:message key="label.monitoring.user.summary.grade" /></spring:escapeBody>",
+                        "<spring:escapeBody javaScriptEscape='true'><fmt:message key="label.monitoring.user.summary.marker" /></spring:escapeBody>",
+                        "<spring:escapeBody javaScriptEscape='true'><fmt:message key="label.monitoring.user.summary.marker.comment" /></spring:escapeBody>"
+                    ],
+                    colModel:[
+                        {name:'id', index:'id', width:52, sorttype:"int"},
+                        {name:'questionResultUid', index:'questionResultUid', width:0, hidden: true},
+                        {name:'time', index:'time', width:150, sorttype:'date', datefmt:'Y-m-d'},
+                        {name:'response', index:'response', width:341, sortable:false},
+                        <c:if test="${sessionMap.assessment.enableConfidenceLevels and question.type != 8}">
+                        {name:'confidence', index:'confidence', width: 80, classes: 'vertical-align', formatter: gradientNumberFormatter},
+                        </c:if>
+                        {name:'grade', index:'grade', width:80, sorttype:"float", editable:true,
+                            editoptions: {size:4, maxlength: 4}, align:"right", classes: 'vertical-align', title : false },
+						{name:'marker', index:'marker', width: 110, title: false},
+						{name:'markerComment', index:'markerComment', width:300, editable:true, edittype: 'textarea',
+							sortable: false, editoptions: {maxlength: 3000, rows: 6}, title : false,
+							formatter:function(cellvalue, options, rowObject, event) {
+								if (event == "edit") {
+									cellvalue = cellvalue.replace(/\n/g, '\n<br>');
+								}
+								return cellvalue;
+							},
+							unformat:function(cellvalue, options, rowObject) {
+								return rowObject.innerText;
+							}
+						}
+                    ],
+                    multiselect: false,
+                    cellurl: '<c:url value="/monitoring/saveUserGrade.do?sessionMapID=${sessionMapID}"/>&<csrf:token/>',
+                    cellEdit: true,
+                    formatCell: function(rowid, name, value, iRow, iCol){
+                        if (name != "grade") {
+                            return value;
+                        }
+                        if (value == "-") {
+							value = "";
+                        }
+                        return value;
+                    },
+                    beforeEditCell: function (rowid,name,val,iRow,iCol){
+                        if (name != "grade") {
+                            return;
+                        }
+                        previousCellValue = val;
+                    },
+                    beforeSaveCell : function(rowid, name, val, iRow, iCol) {
+                        if (name != "grade") {
+                            return val;
+                        }
+                        if (isNaN(val)) {
+                            return null;
+                        }
+
+                        var maxGrade = jQuery("table#user${question.uid} tr#" + iRow
+                            + " td[aria-describedby$='_" + name + "']").attr("maxGrade");
+                        if (+val > +maxGrade) {
+                            return maxGrade;
+                        }
+                    },
+                    afterSaveCell : function (rowid,name,val,iRow,iCol){
+                        if (name != "grade") {
+                            return;
+                        }
+                        if (isNaN(val)) { //|| (questionResultUid=="")) {
+                            jQuery("#user${question.uid}").restoreCell(iRow,iCol);
+                        } else {
+                            isEdited = true;
+                            var lastAttemptGrade = eval($("#lastAttemptGrade").html()) - eval(previousCellValue) + eval(val);
+                            $("#lastAttemptGrade").html(lastAttemptGrade);
+                        }
+                    },
+                    beforeSubmitCell : function (rowid,name,val,iRow,iCol){
+                        if (name == "grade" && isNaN(val)) {
+                            return {nan:true};
+                        } else {
+                            var questionResultUid = jQuery("#user${question.uid}").getCell(rowid, 'questionResultUid');
+                            return {
+                                questionResultUid:questionResultUid,
+                                column:name
+                            };
+                        }
+                    },
+                    afterSubmitCell : function (serverresponse, rowid, name, value, iRow, iCol) {
+                        if (serverresponse.statusText == "OK") {
+                            if (serverresponse.responseText != "") {
+                                $(this).setCell(rowid, 'marker', serverresponse.responseText, {}, {});
+                            }
+                            return [true, ""];
+                        }
+                    }
+                });
+
+                <c:forEach var="questionResult" items="${userSummaryItem.questionResults}" varStatus="i">
+                <c:set var="learnerInteraction" value="${learnerInteractions[questionResult.qbToolQuestion.uid]}" />
+                <c:set var="requiresMarking"
+                       value="${empty questionResult.markedBy and questionResult.questionDto.type eq 6 and questionResult.mark eq 0}" />
+
+                var responseStr = "";
+                <%@ include file="userresponse.jsp"%>
+                var table = jQuery("#user${question.uid}");
+                table.addRowData(${i.index + 1}, {
+                    id:"${i.index + 1}",
+                    questionResultUid:"${questionResult.uid}",
+                    time:"${empty learnerInteraction ? questionResult.finishDate : learnerInteraction.formattedDate}",
+                    response:responseStr,
+                    <c:if test="${assessment.enableConfidenceLevels}">
+                    confidence:"${questionResult.confidenceLevel}",
+                    </c:if>
+                    grade:
+                        <c:choose>
+                        <c:when test="${requiresMarking}">
+                        "-"
+                    </c:when>
+                    <c:otherwise>
+                    "<fmt:formatNumber value='${questionResult.mark}' maxFractionDigits='3'/>"
+                    </c:otherwise>
+                    </c:choose>,
+                    marker :
+                        <c:choose>
+                        <c:when test="${requiresMarking}">
+							"<b>(<spring:escapeBody javaScriptEscape='true'><fmt:message key='label.monitoring.user.summary.grade.required' /></spring:escapeBody>)</b>"
+                    </c:when>
+                    <c:when test="${not empty questionResult.markedBy}">
+                    "<c:out value='${questionResult.markedBy.fullName}' />"
+                    </c:when>
+                    <c:otherwise>
+					"(<spring:escapeBody javaScriptEscape='true'><fmt:message key='label.monitoring.user.summary.grade.auto' /></spring:escapeBody>)"
+                    </c:otherwise>
+                    </c:choose>,
+					markerComment: "${questionResult.markerCommentEscaped}"
+                });
+                </c:forEach>
+
+                </c:forEach>
+
+                //jqgrid autowidth (http://stackoverflow.com/a/1610197)
+                $(window).bind('resize', function() {
+                    var grid;
+                    if (grid = jQuery(".ui-jqgrid-btable:visible")) {
+                        grid.each(function(index) {
+                            var gridId = $(this).attr('id');
+                            var gridParentWidth = jQuery('#gbox_' + gridId).parent().width();
+                            jQuery('#' + gridId).setGridWidth(gridParentWidth, true);
+                        });
+                    }
+                });
+                setTimeout(function(){ window.dispatchEvent(new Event('resize')); }, 300);
+
+                // show etherpads only on Discussion expand
+                $('.question-etherpad-collapse').on('show.bs.collapse', function(){
+                    var etherpad = $('.etherpad-container', this);
+                    if (!etherpad.hasClass('initialised')) {
+                        var id = etherpad.attr('id'),
+                            groupId = id.substring('etherpad-container-'.length);
+                        etherpadInitMethods[groupId]();
+                    }
+                });
+
+                if (typeof CodeMirror != 'undefined') {
+                    CodeMirror.colorize($('.code-style'));
+                }
+            });
+
+            function refreshSummaryPage()  {
+                if (isEdited) {
+                    self.parent.window.parent.location.href = "<c:url value="/monitoring/summary.do"/>?toolContentID=${sessionMap.toolContentID}&contentFolderID=${sessionMap.contentFolderID}";
+                } else {
+                    self.parent.tb_remove();
+                }
+            }
+        </script>
+    </lams:head>
+
+    <body class="stripes">
+
+    <div class="panel panel-default">
+        <div class="panel-heading">
+            <div class="panel-title">
+                <fmt:message key="label.monitoring.user.summary.history.responses" />
+            </div>
+        </div>
+
+        <div class="panel-body">
+            <lams:errors/>
+
+            <table class="table table-condensed">
+                <tr>
+                    <th style="width: 180px;" >
+                        <fmt:message key="label.monitoring.user.summary.user.name" />
+                    </th>
+                    <td >
+                        <c:out value="${userSummary.user.lastName}, ${userSummary.user.firstName}" />
+                    </td>
+                </tr>
+
+                <tr>
+                    <th>
+                        <fmt:message key="label.monitoring.user.summary.number.attempts" />
+                    </th>
+                    <td>
+                            ${userSummary.numberOfAttempts}
+                    </td>
+                </tr>
+
+                <tr>
+                    <th>
+                        <fmt:message key="label.monitoring.user.summary.time.last.attempt" />
+                    </th>
+                    <td>
+                        <fmt:formatDate value="${userSummary.timeOfLastAttempt}" pattern="H" timeZone="GMT" /> <fmt:message key="label.learning.summary.hours" />
+                        <fmt:formatDate value="${userSummary.timeOfLastAttempt}" pattern="m" timeZone="GMT" /> <fmt:message key="label.learning.summary.minutes" />
+                    </td>
+                </tr>
+
+                <tr>
+                    <th>
+                        <fmt:message key="label.monitoring.user.summary.last.attempt.grade" />
+                    </th>
+                    <td>
+                        <div id="lastAttemptGrade">${userSummary.lastAttemptGrade}</div>
+                    </td>
+                </tr>
+            </table>
+
+            <c:forEach var="userSummaryItem" items="${userSummary.userSummaryItems}" varStatus="status">
+                <div class="voffset20">
+                    <div class="panel panel-default">
+                        <div class="panel-heading">
+                            <div class="panel-title">
+                                <table style="font-size: small;">
+                                    <tr>
+                                        <td width="70px;">
+                                            <fmt:message key="label.monitoring.user.summary.title" />
+                                        </td>
+                                        <td>
+                                            <c:out value="${userSummaryItem.questionDto.title}" escapeXml="true"/>
+                                        </td>
+                                    </tr>
+                                    <tr>
+                                        <td>
+                                            <fmt:message key="label.monitoring.user.summary.question" />
+                                        </td>
+                                        <td>
+                                            <c:out value="${userSummaryItem.questionDto.question}" escapeXml="false"/>
+                                        </td>
+                                    </tr>
+                                </table>
+                            </div>
+                        </div>
+
+
+
+                        <table id="user${userSummaryItem.questionDto.uid}"></table>
+                    </div>
+                </div>
+
+                <%--Display Etherpad for each question --%>
+                <c:if test="${isQuestionEtherpadEnabled}">
+                    <div class="form-group question-etherpad-container">
+                        <a data-toggle="collapse" data-target="#question-etherpad-${userSummaryItem.questionDto.uid}"
+                           href="#qe${userSummaryItem.questionDto.uid}" class="collapsed">
+                            <span class="if-collapsed"><i class="fa fa-xs fa-plus-square-o roffset5" aria-hidden="true"></i></span>
+                            <span class="if-not-collapsed"><i class="fa fa-xs fa-minus-square-o roffset5" aria-hidden="true"></i></span>
+                            <fmt:message key="label.etherpad.discussion" />
+                        </a>
+
+                        <div id="question-etherpad-${userSummaryItem.questionDto.uid}" class="question-etherpad-collapse collapse">
+                            <div class="panel panel-default question-etherpad">
+                                <lams:Etherpad groupId="etherpad-assessment-${toolSessionID}-question-${userSummaryItem.questionDto.uid}"
+                                               showControls="true" showChat="false" heightAutoGrow="true" showOnDemand="true" />
+                            </div>
+                        </div>
+                    </div>
+                </c:if>
+            </c:forEach>
+
+            <a href="#nogo" onclick="refreshSummaryPage();" class="btn btn-default btn-sm voffset20 pull-right">
+                <fmt:message key="label.close" />
+            </a>
+
+        </div>
+        <!--closes content-->
+
+        <div id="footer">
+        </div>
+        <!--closes footer-->
+
+    </div>
+    </body>
 </lams:html>
\ No newline at end of file
Index: lams_tool_assessment/web/pages/monitoring/summary.jsp
===================================================================
diff -u -r0edec29c40635712f7efedfea92d27fb263b841d -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_tool_assessment/web/pages/monitoring/summary.jsp	(.../summary.jsp)	(revision 0edec29c40635712f7efedfea92d27fb263b841d)
+++ lams_tool_assessment/web/pages/monitoring/summary.jsp	(.../summary.jsp)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -193,20 +193,29 @@
 				</c:if>
 				{name:'grade', index:'grade', width:80, sorttype:"float", editable:true,
 					editoptions: {size:4, maxlength: 4}, align:"right", classes: 'vertical-align', title : false },
-				{name:'marker', index:'marker', width: 80, title: false},
-				{name:'markerComment', index:'markerComment', width:120, editable:true, sortable: false,
-					editoptions: {maxlength: 600}, align:"left", classes: 'vertical-align', title : false }
+				{name:'marker', index:'marker', width: 110, title: false},
+				{name:'markerComment', index:'markerComment', width:300, editable:true, edittype: 'textarea',
+					sortable: false, editoptions: {maxlength: 3000, rows: 6}, title : false,
+					formatter:function(cellvalue, options, rowObject, event) {
+						if (event == "edit") {
+							cellvalue = cellvalue.replace(/\n/g, '\n<br>');
+						}
+						return cellvalue;
+					},
+					unformat:function(cellvalue, options, rowObject) {
+						return rowObject.innerText;
+					}
+				}
 			],
 			multiselect: false,
-
 			cellurl: '<c:url value="/monitoring/saveUserGrade.do?sessionMapID=${sessionMapID}"/>&<csrf:token/>',
 			cellEdit: true,
 			formatCell: function(rowid, name, value, iRow, iCol){
 				if (name != "grade") {
 					return value;
 				}
 				if (value == "-") {
-					value = "0";
+					value = "";
 				}
 				return value;
 			},
Index: lams_tool_chat/web/WEB-INF/tags/Page.tag
===================================================================
diff -u -r876e644c066e81c2721ffa085fd12f386e2f3bb6 -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_tool_chat/web/WEB-INF/tags/Page.tag	(.../Page.tag)	(revision 876e644c066e81c2721ffa085fd12f386e2f3bb6)
+++ lams_tool_chat/web/WEB-INF/tags/Page.tag	(.../Page.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -48,7 +48,7 @@
 		<c:set var="mode" value="${sessionScope[sessionMapID].mode}" />
 	</c:if>
 
-	<%--  only have sidebar and presence in learner main window, not in popup windows --%>
+	<%--  only have sidebar in learner main window, not in popup windows --%>
 	<c:if test="${ not hideProgressBar && ( empty mode || mode == 'author' || mode == 'learner') }">
 	
 		<%-- Links placed in body instead of head. Ugly, but it works. --%>
@@ -163,16 +163,19 @@
 				$('#sidebar').show();
 			}
 
-			function preventLearnerAutosaveFromMultipleTabs(autosaveInterval) {
+			function preventLearnerAutosaveFromMultipleTabs(autosaveWindowId, autosaveInterval) {
 				let currentTime = new Date().getTime(),
-					lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp');
+						lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp'),
+						lamsAutosaveWindowId = +localStorage.getItem('lamsAutosaveWindowId');
 				// check if autosave does not happen too often
-				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime) {
+				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime
+						&& lamsAutosaveWindowId && lamsAutosaveWindowId != autosaveWindowId) {
 					// this label is required only in tool which implement autosave
 					alert('<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.prevent.learner.autosave.mutliple.tabs" /></spring:escapeBody>');
 					return false;
 				}
 				localStorage.setItem('lamsAutosaveTimestamp', currentTime);
+				localStorage.setItem('lamsAutosaveWindowId', autosaveWindowId);
 				return true;
 			}
 			
@@ -215,21 +218,6 @@
 							} else if ( showControlBar == 2 ) {
 								$('#navcontent').addClass('navcontent');
 							}
-							
-							var presenceEnabledPatch = result.presenceEnabledPatch;
-							var presenceImEnabled = result.presenceImEnabled;
-							if ( showIM && (presenceEnabledPatch || presenceImEnabled) ) {
-								presenceURL = LEARNING_URL+"presenceChat.jsp?presenceEnabledPatch="+presenceEnabledPatch
-										+"&presenceImEnabled="+presenceImEnabled+"&lessonID="+lessonId;
-								<c:if test="${not usePanel}">
-								presenceURL = presenceURL + "&reloadBootstrap=true";
-								</c:if>
-								$('#presenceEnabledPatchDiv').load(presenceURL, function( response, status, xhr ) {
-									if ( status == "error" ) {
-										alert("Unable to load IM: " + xhr.status);
-									} 
-								});
-							}
 
 							initWebsocket('commandWebsocket', LEARNING_URL.replace('http', 'ws')
 									+ 'commandWebsocket?lessonID=' + lessonId,
@@ -379,10 +367,6 @@
 					<jsp:doBody />
 				</c:otherwise>
 				</c:choose>						
-				<%--  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>
Index: lams_tool_chat/web/WEB-INF/tags/Page5.tag
===================================================================
diff -u -r81f928586161dd03042b6353f68c7d7b8279ccde -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_tool_chat/web/WEB-INF/tags/Page5.tag	(.../Page5.tag)	(revision 81f928586161dd03042b6353f68c7d7b8279ccde)
+++ lams_tool_chat/web/WEB-INF/tags/Page5.tag	(.../Page5.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -165,16 +165,19 @@
 				$('#sidebar').show();
 			}
 
-			function preventLearnerAutosaveFromMultipleTabs(autosaveInterval) {
+			function preventLearnerAutosaveFromMultipleTabs(autosaveWindowId, autosaveInterval) {
 				let currentTime = new Date().getTime(),
-					lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp');
+						lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp'),
+						lamsAutosaveWindowId = +localStorage.getItem('lamsAutosaveWindowId');
 				// check if autosave does not happen too often
-				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime) {
+				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime
+						&& lamsAutosaveWindowId && lamsAutosaveWindowId != autosaveWindowId) {
 					// this label is required only in tool which implement autosave
 					alert('<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.prevent.learner.autosave.mutliple.tabs" /></spring:escapeBody>');
 					return false;
 				}
 				localStorage.setItem('lamsAutosaveTimestamp', currentTime);
+				localStorage.setItem('lamsAutosaveWindowId', autosaveWindowId);
 				return true;
 			}
 
@@ -217,21 +220,6 @@
 							} else if ( showControlBar == 2 ) {
 								$('#navcontent').addClass('navcontent');
 							}
-							
-							var presenceEnabledPatch = result.presenceEnabledPatch;
-							var presenceImEnabled = result.presenceImEnabled;
-							if ( showIM && (presenceEnabledPatch || presenceImEnabled) ) {
-								presenceURL = LEARNING_URL+"presenceChat.jsp?presenceEnabledPatch="+presenceEnabledPatch
-										+"&presenceImEnabled="+presenceImEnabled+"&lessonID="+lessonId;
-								<c:if test="${not usePanel}">
-								presenceURL = presenceURL + "&reloadBootstrap=true";
-								</c:if>
-								$('#presenceEnabledPatchDiv').load(presenceURL, function( response, status, xhr ) {
-									if ( status == "error" ) {
-										alert("Unable to load IM: " + xhr.status);
-									} 
-								});
-							}
 
 							initWebsocket('commandWebsocket', LEARNING_URL.replace('http', 'ws')
 									+ 'commandWebsocket?lessonID=' + lessonId,
@@ -381,10 +369,6 @@
 					<jsp:doBody />
 				</c:otherwise>
 				</c:choose>						
-				<%--  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>
Index: lams_tool_chat/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -r6598c02ec0f7dfd0db5ab175660b6b20c12464d2 -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_tool_chat/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 6598c02ec0f7dfd0db5ab175660b6b20c12464d2)
+++ lams_tool_chat/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -69,19 +69,22 @@
 	            		lessonID = ${empty lessonID ? 'null' : lessonID};
 	                initLearnerPage(toolSessionID, lessonID);
 	            });
-	
-	            function preventLearnerAutosaveFromMultipleTabs(autosaveInterval) {
-	                let currentTime = new Date().getTime(),
-	                    lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp');
-	                // check if autosave does not happen too often
-	                if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime) {
-	                    // this label is required only in tool which implement autosave
-	                    alert('<fmt:message key="label.prevent.learner.autosave.mutliple.tabs" />');
-	                    return false;
-	                }
-	                localStorage.setItem('lamsAutosaveTimestamp', currentTime);
-	                return true;
-	            }
+
+				function preventLearnerAutosaveFromMultipleTabs(autosaveWindowId, autosaveInterval) {
+					let currentTime = new Date().getTime(),
+							lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp'),
+							lamsAutosaveWindowId = +localStorage.getItem('lamsAutosaveWindowId');
+					// check if autosave does not happen too often
+					if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime
+							&& lamsAutosaveWindowId && lamsAutosaveWindowId != autosaveWindowId) {
+						// this label is required only in tool which implement autosave
+						alert('<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.prevent.learner.autosave.mutliple.tabs" /></spring:escapeBody>');
+						return false;
+					}
+					localStorage.setItem('lamsAutosaveTimestamp', currentTime);
+					localStorage.setItem('lamsAutosaveWindowId', autosaveWindowId);
+					return true;
+				}
 	        </script>
         </c:if>
     </lams:head>
@@ -216,4 +219,4 @@
 		    </div>
 	    </c:if>
     </body>
-</lams:html>
+</lams:html>
\ No newline at end of file
Index: lams_tool_chat/web/WEB-INF/tags/StyledRating5.tag
===================================================================
diff -u -rb6e8dca20bffba9ce751b917ab4af7b252115f67 -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_tool_chat/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision b6e8dca20bffba9ce751b917ab4af7b252115f67)
+++ lams_tool_chat/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -96,18 +96,23 @@
 								</td>
 								
 								<td class="rating">
-									<div class="rating-stars-holder text-center center-block">
+									<div class="starability-holder">
 										<c:set var="objectId">${criteriaRatings.ratingCriteria.ratingCriteriaId}-${rating.itemId}</c:set>
-										<div class="rating-stars-disabled rating-stars-new" data-average="${rating.averageRating}" data-id="${objectId}">
+										<c:set var="dataRating">
+											<fmt:formatNumber value="${rating.averageRating-(rating.averageRating%1)}" pattern="#"></fmt:formatNumber>
+											${(rating.averageRating%1) >= 0.5 ? '.5' : ''}
+										</c:set>
+										<div class="starability starability-result" data-rating="${dataRating}">
+											Rated: ${dataRating} stars
 										</div>
-										<c:set var="userRating">${rating.userRating}</c:set>
-										<div class="rating-stars-caption" id="rating-stars-caption-${objectId}">
+										
+										<div class="starability-caption" id="starability-caption-${objectId}">
 											<c:choose>
-												<c:when test="${empty userRating}">
+												<c:when test="${empty rating.userRating}">
 													<fmt:message key="label.not.rated"></fmt:message>
 												</c:when>
 												<c:otherwise>
-													<fmt:message key="label.you.gave.rating"><fmt:param><span id="user-rating-${objectId}">${userRating}</span></fmt:param></fmt:message>
+													<fmt:message key="label.you.gave.rating"><fmt:param><span id="user-rating-${objectId}">${rating.userRating}</span></fmt:param></fmt:message>
 												</c:otherwise>
 											</c:choose>
 											<br/>
@@ -135,10 +140,17 @@
 				<c:forEach var="rating" items="${criteriaRatings.ratingDtos}" varStatus="status">
 					<c:if test="${status.first && not empty rating.averageRating}">
 						<div class="rating">
-							<div class="rating-stars-holder text-center center-block">
+							<div class="starability-holder">
 								<c:set var="objectId">${criteriaRatings.ratingCriteria.ratingCriteriaId}-${rating.itemId}</c:set>
-								<div class="rating-stars-disabled rating-stars-new" data-average="${rating.averageRating}" data-id="${objectId}"></div>
-								<div class="rating-stars-caption" id="rating-stars-caption-${objectId}-currentUser">
+								<c:set var="dataRating">
+									<fmt:formatNumber value="${rating.averageRating-(rating.averageRating%1)}" pattern="#"></fmt:formatNumber>
+									${(rating.averageRating%1) >= 0.5 ? '.5' : ''}
+								</c:set>
+								<div class="starability starability-result" data-rating="${dataRating}">
+									Rated: ${dataRating} stars
+								</div>
+								
+								<div class="starability-caption" id="starability-caption-${objectId}-currentUser">
 									<fmt:message key="label.avg.rating">
 										<fmt:param><span id="average-rating-${objectId}-currentUser">${rating.averageRating}</span></fmt:param>
 										<fmt:param><span id="number-of-votes-${objectId}-currentUser">${rating.numberOfVotes}</span></fmt:param>
Index: lams_tool_daco/web/WEB-INF/tags/Page.tag
===================================================================
diff -u -r876e644c066e81c2721ffa085fd12f386e2f3bb6 -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_tool_daco/web/WEB-INF/tags/Page.tag	(.../Page.tag)	(revision 876e644c066e81c2721ffa085fd12f386e2f3bb6)
+++ lams_tool_daco/web/WEB-INF/tags/Page.tag	(.../Page.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -48,7 +48,7 @@
 		<c:set var="mode" value="${sessionScope[sessionMapID].mode}" />
 	</c:if>
 
-	<%--  only have sidebar and presence in learner main window, not in popup windows --%>
+	<%--  only have sidebar in learner main window, not in popup windows --%>
 	<c:if test="${ not hideProgressBar && ( empty mode || mode == 'author' || mode == 'learner') }">
 	
 		<%-- Links placed in body instead of head. Ugly, but it works. --%>
@@ -163,16 +163,19 @@
 				$('#sidebar').show();
 			}
 
-			function preventLearnerAutosaveFromMultipleTabs(autosaveInterval) {
+			function preventLearnerAutosaveFromMultipleTabs(autosaveWindowId, autosaveInterval) {
 				let currentTime = new Date().getTime(),
-					lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp');
+						lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp'),
+						lamsAutosaveWindowId = +localStorage.getItem('lamsAutosaveWindowId');
 				// check if autosave does not happen too often
-				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime) {
+				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime
+						&& lamsAutosaveWindowId && lamsAutosaveWindowId != autosaveWindowId) {
 					// this label is required only in tool which implement autosave
 					alert('<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.prevent.learner.autosave.mutliple.tabs" /></spring:escapeBody>');
 					return false;
 				}
 				localStorage.setItem('lamsAutosaveTimestamp', currentTime);
+				localStorage.setItem('lamsAutosaveWindowId', autosaveWindowId);
 				return true;
 			}
 			
@@ -215,21 +218,6 @@
 							} else if ( showControlBar == 2 ) {
 								$('#navcontent').addClass('navcontent');
 							}
-							
-							var presenceEnabledPatch = result.presenceEnabledPatch;
-							var presenceImEnabled = result.presenceImEnabled;
-							if ( showIM && (presenceEnabledPatch || presenceImEnabled) ) {
-								presenceURL = LEARNING_URL+"presenceChat.jsp?presenceEnabledPatch="+presenceEnabledPatch
-										+"&presenceImEnabled="+presenceImEnabled+"&lessonID="+lessonId;
-								<c:if test="${not usePanel}">
-								presenceURL = presenceURL + "&reloadBootstrap=true";
-								</c:if>
-								$('#presenceEnabledPatchDiv').load(presenceURL, function( response, status, xhr ) {
-									if ( status == "error" ) {
-										alert("Unable to load IM: " + xhr.status);
-									} 
-								});
-							}
 
 							initWebsocket('commandWebsocket', LEARNING_URL.replace('http', 'ws')
 									+ 'commandWebsocket?lessonID=' + lessonId,
@@ -379,10 +367,6 @@
 					<jsp:doBody />
 				</c:otherwise>
 				</c:choose>						
-				<%--  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>
Index: lams_tool_daco/web/WEB-INF/tags/Page5.tag
===================================================================
diff -u -r81f928586161dd03042b6353f68c7d7b8279ccde -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_tool_daco/web/WEB-INF/tags/Page5.tag	(.../Page5.tag)	(revision 81f928586161dd03042b6353f68c7d7b8279ccde)
+++ lams_tool_daco/web/WEB-INF/tags/Page5.tag	(.../Page5.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -165,16 +165,19 @@
 				$('#sidebar').show();
 			}
 
-			function preventLearnerAutosaveFromMultipleTabs(autosaveInterval) {
+			function preventLearnerAutosaveFromMultipleTabs(autosaveWindowId, autosaveInterval) {
 				let currentTime = new Date().getTime(),
-					lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp');
+						lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp'),
+						lamsAutosaveWindowId = +localStorage.getItem('lamsAutosaveWindowId');
 				// check if autosave does not happen too often
-				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime) {
+				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime
+						&& lamsAutosaveWindowId && lamsAutosaveWindowId != autosaveWindowId) {
 					// this label is required only in tool which implement autosave
 					alert('<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.prevent.learner.autosave.mutliple.tabs" /></spring:escapeBody>');
 					return false;
 				}
 				localStorage.setItem('lamsAutosaveTimestamp', currentTime);
+				localStorage.setItem('lamsAutosaveWindowId', autosaveWindowId);
 				return true;
 			}
 
@@ -217,21 +220,6 @@
 							} else if ( showControlBar == 2 ) {
 								$('#navcontent').addClass('navcontent');
 							}
-							
-							var presenceEnabledPatch = result.presenceEnabledPatch;
-							var presenceImEnabled = result.presenceImEnabled;
-							if ( showIM && (presenceEnabledPatch || presenceImEnabled) ) {
-								presenceURL = LEARNING_URL+"presenceChat.jsp?presenceEnabledPatch="+presenceEnabledPatch
-										+"&presenceImEnabled="+presenceImEnabled+"&lessonID="+lessonId;
-								<c:if test="${not usePanel}">
-								presenceURL = presenceURL + "&reloadBootstrap=true";
-								</c:if>
-								$('#presenceEnabledPatchDiv').load(presenceURL, function( response, status, xhr ) {
-									if ( status == "error" ) {
-										alert("Unable to load IM: " + xhr.status);
-									} 
-								});
-							}
 
 							initWebsocket('commandWebsocket', LEARNING_URL.replace('http', 'ws')
 									+ 'commandWebsocket?lessonID=' + lessonId,
@@ -381,10 +369,6 @@
 					<jsp:doBody />
 				</c:otherwise>
 				</c:choose>						
-				<%--  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>
Index: lams_tool_daco/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -r6598c02ec0f7dfd0db5ab175660b6b20c12464d2 -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_tool_daco/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 6598c02ec0f7dfd0db5ab175660b6b20c12464d2)
+++ lams_tool_daco/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -69,19 +69,22 @@
 	            		lessonID = ${empty lessonID ? 'null' : lessonID};
 	                initLearnerPage(toolSessionID, lessonID);
 	            });
-	
-	            function preventLearnerAutosaveFromMultipleTabs(autosaveInterval) {
-	                let currentTime = new Date().getTime(),
-	                    lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp');
-	                // check if autosave does not happen too often
-	                if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime) {
-	                    // this label is required only in tool which implement autosave
-	                    alert('<fmt:message key="label.prevent.learner.autosave.mutliple.tabs" />');
-	                    return false;
-	                }
-	                localStorage.setItem('lamsAutosaveTimestamp', currentTime);
-	                return true;
-	            }
+
+				function preventLearnerAutosaveFromMultipleTabs(autosaveWindowId, autosaveInterval) {
+					let currentTime = new Date().getTime(),
+							lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp'),
+							lamsAutosaveWindowId = +localStorage.getItem('lamsAutosaveWindowId');
+					// check if autosave does not happen too often
+					if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime
+							&& lamsAutosaveWindowId && lamsAutosaveWindowId != autosaveWindowId) {
+						// this label is required only in tool which implement autosave
+						alert('<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.prevent.learner.autosave.mutliple.tabs" /></spring:escapeBody>');
+						return false;
+					}
+					localStorage.setItem('lamsAutosaveTimestamp', currentTime);
+					localStorage.setItem('lamsAutosaveWindowId', autosaveWindowId);
+					return true;
+				}
 	        </script>
         </c:if>
     </lams:head>
@@ -216,4 +219,4 @@
 		    </div>
 	    </c:if>
     </body>
-</lams:html>
+</lams:html>
\ No newline at end of file
Index: lams_tool_daco/web/WEB-INF/tags/StyledRating5.tag
===================================================================
diff -u -rb6e8dca20bffba9ce751b917ab4af7b252115f67 -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_tool_daco/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision b6e8dca20bffba9ce751b917ab4af7b252115f67)
+++ lams_tool_daco/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -96,18 +96,23 @@
 								</td>
 								
 								<td class="rating">
-									<div class="rating-stars-holder text-center center-block">
+									<div class="starability-holder">
 										<c:set var="objectId">${criteriaRatings.ratingCriteria.ratingCriteriaId}-${rating.itemId}</c:set>
-										<div class="rating-stars-disabled rating-stars-new" data-average="${rating.averageRating}" data-id="${objectId}">
+										<c:set var="dataRating">
+											<fmt:formatNumber value="${rating.averageRating-(rating.averageRating%1)}" pattern="#"></fmt:formatNumber>
+											${(rating.averageRating%1) >= 0.5 ? '.5' : ''}
+										</c:set>
+										<div class="starability starability-result" data-rating="${dataRating}">
+											Rated: ${dataRating} stars
 										</div>
-										<c:set var="userRating">${rating.userRating}</c:set>
-										<div class="rating-stars-caption" id="rating-stars-caption-${objectId}">
+										
+										<div class="starability-caption" id="starability-caption-${objectId}">
 											<c:choose>
-												<c:when test="${empty userRating}">
+												<c:when test="${empty rating.userRating}">
 													<fmt:message key="label.not.rated"></fmt:message>
 												</c:when>
 												<c:otherwise>
-													<fmt:message key="label.you.gave.rating"><fmt:param><span id="user-rating-${objectId}">${userRating}</span></fmt:param></fmt:message>
+													<fmt:message key="label.you.gave.rating"><fmt:param><span id="user-rating-${objectId}">${rating.userRating}</span></fmt:param></fmt:message>
 												</c:otherwise>
 											</c:choose>
 											<br/>
@@ -135,10 +140,17 @@
 				<c:forEach var="rating" items="${criteriaRatings.ratingDtos}" varStatus="status">
 					<c:if test="${status.first && not empty rating.averageRating}">
 						<div class="rating">
-							<div class="rating-stars-holder text-center center-block">
+							<div class="starability-holder">
 								<c:set var="objectId">${criteriaRatings.ratingCriteria.ratingCriteriaId}-${rating.itemId}</c:set>
-								<div class="rating-stars-disabled rating-stars-new" data-average="${rating.averageRating}" data-id="${objectId}"></div>
-								<div class="rating-stars-caption" id="rating-stars-caption-${objectId}-currentUser">
+								<c:set var="dataRating">
+									<fmt:formatNumber value="${rating.averageRating-(rating.averageRating%1)}" pattern="#"></fmt:formatNumber>
+									${(rating.averageRating%1) >= 0.5 ? '.5' : ''}
+								</c:set>
+								<div class="starability starability-result" data-rating="${dataRating}">
+									Rated: ${dataRating} stars
+								</div>
+								
+								<div class="starability-caption" id="starability-caption-${objectId}-currentUser">
 									<fmt:message key="label.avg.rating">
 										<fmt:param><span id="average-rating-${objectId}-currentUser">${rating.averageRating}</span></fmt:param>
 										<fmt:param><span id="number-of-votes-${objectId}-currentUser">${rating.numberOfVotes}</span></fmt:param>
Index: lams_tool_doku/web/WEB-INF/tags/Page.tag
===================================================================
diff -u -r876e644c066e81c2721ffa085fd12f386e2f3bb6 -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_tool_doku/web/WEB-INF/tags/Page.tag	(.../Page.tag)	(revision 876e644c066e81c2721ffa085fd12f386e2f3bb6)
+++ lams_tool_doku/web/WEB-INF/tags/Page.tag	(.../Page.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -48,7 +48,7 @@
 		<c:set var="mode" value="${sessionScope[sessionMapID].mode}" />
 	</c:if>
 
-	<%--  only have sidebar and presence in learner main window, not in popup windows --%>
+	<%--  only have sidebar in learner main window, not in popup windows --%>
 	<c:if test="${ not hideProgressBar && ( empty mode || mode == 'author' || mode == 'learner') }">
 	
 		<%-- Links placed in body instead of head. Ugly, but it works. --%>
@@ -163,16 +163,19 @@
 				$('#sidebar').show();
 			}
 
-			function preventLearnerAutosaveFromMultipleTabs(autosaveInterval) {
+			function preventLearnerAutosaveFromMultipleTabs(autosaveWindowId, autosaveInterval) {
 				let currentTime = new Date().getTime(),
-					lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp');
+						lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp'),
+						lamsAutosaveWindowId = +localStorage.getItem('lamsAutosaveWindowId');
 				// check if autosave does not happen too often
-				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime) {
+				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime
+						&& lamsAutosaveWindowId && lamsAutosaveWindowId != autosaveWindowId) {
 					// this label is required only in tool which implement autosave
 					alert('<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.prevent.learner.autosave.mutliple.tabs" /></spring:escapeBody>');
 					return false;
 				}
 				localStorage.setItem('lamsAutosaveTimestamp', currentTime);
+				localStorage.setItem('lamsAutosaveWindowId', autosaveWindowId);
 				return true;
 			}
 			
@@ -215,21 +218,6 @@
 							} else if ( showControlBar == 2 ) {
 								$('#navcontent').addClass('navcontent');
 							}
-							
-							var presenceEnabledPatch = result.presenceEnabledPatch;
-							var presenceImEnabled = result.presenceImEnabled;
-							if ( showIM && (presenceEnabledPatch || presenceImEnabled) ) {
-								presenceURL = LEARNING_URL+"presenceChat.jsp?presenceEnabledPatch="+presenceEnabledPatch
-										+"&presenceImEnabled="+presenceImEnabled+"&lessonID="+lessonId;
-								<c:if test="${not usePanel}">
-								presenceURL = presenceURL + "&reloadBootstrap=true";
-								</c:if>
-								$('#presenceEnabledPatchDiv').load(presenceURL, function( response, status, xhr ) {
-									if ( status == "error" ) {
-										alert("Unable to load IM: " + xhr.status);
-									} 
-								});
-							}
 
 							initWebsocket('commandWebsocket', LEARNING_URL.replace('http', 'ws')
 									+ 'commandWebsocket?lessonID=' + lessonId,
@@ -379,10 +367,6 @@
 					<jsp:doBody />
 				</c:otherwise>
 				</c:choose>						
-				<%--  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>
Index: lams_tool_doku/web/WEB-INF/tags/Page5.tag
===================================================================
diff -u -r81f928586161dd03042b6353f68c7d7b8279ccde -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_tool_doku/web/WEB-INF/tags/Page5.tag	(.../Page5.tag)	(revision 81f928586161dd03042b6353f68c7d7b8279ccde)
+++ lams_tool_doku/web/WEB-INF/tags/Page5.tag	(.../Page5.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -165,16 +165,19 @@
 				$('#sidebar').show();
 			}
 
-			function preventLearnerAutosaveFromMultipleTabs(autosaveInterval) {
+			function preventLearnerAutosaveFromMultipleTabs(autosaveWindowId, autosaveInterval) {
 				let currentTime = new Date().getTime(),
-					lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp');
+						lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp'),
+						lamsAutosaveWindowId = +localStorage.getItem('lamsAutosaveWindowId');
 				// check if autosave does not happen too often
-				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime) {
+				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime
+						&& lamsAutosaveWindowId && lamsAutosaveWindowId != autosaveWindowId) {
 					// this label is required only in tool which implement autosave
 					alert('<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.prevent.learner.autosave.mutliple.tabs" /></spring:escapeBody>');
 					return false;
 				}
 				localStorage.setItem('lamsAutosaveTimestamp', currentTime);
+				localStorage.setItem('lamsAutosaveWindowId', autosaveWindowId);
 				return true;
 			}
 
@@ -217,21 +220,6 @@
 							} else if ( showControlBar == 2 ) {
 								$('#navcontent').addClass('navcontent');
 							}
-							
-							var presenceEnabledPatch = result.presenceEnabledPatch;
-							var presenceImEnabled = result.presenceImEnabled;
-							if ( showIM && (presenceEnabledPatch || presenceImEnabled) ) {
-								presenceURL = LEARNING_URL+"presenceChat.jsp?presenceEnabledPatch="+presenceEnabledPatch
-										+"&presenceImEnabled="+presenceImEnabled+"&lessonID="+lessonId;
-								<c:if test="${not usePanel}">
-								presenceURL = presenceURL + "&reloadBootstrap=true";
-								</c:if>
-								$('#presenceEnabledPatchDiv').load(presenceURL, function( response, status, xhr ) {
-									if ( status == "error" ) {
-										alert("Unable to load IM: " + xhr.status);
-									} 
-								});
-							}
 
 							initWebsocket('commandWebsocket', LEARNING_URL.replace('http', 'ws')
 									+ 'commandWebsocket?lessonID=' + lessonId,
@@ -381,10 +369,6 @@
 					<jsp:doBody />
 				</c:otherwise>
 				</c:choose>						
-				<%--  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>
Index: lams_tool_doku/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -r6598c02ec0f7dfd0db5ab175660b6b20c12464d2 -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_tool_doku/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 6598c02ec0f7dfd0db5ab175660b6b20c12464d2)
+++ lams_tool_doku/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -69,19 +69,22 @@
 	            		lessonID = ${empty lessonID ? 'null' : lessonID};
 	                initLearnerPage(toolSessionID, lessonID);
 	            });
-	
-	            function preventLearnerAutosaveFromMultipleTabs(autosaveInterval) {
-	                let currentTime = new Date().getTime(),
-	                    lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp');
-	                // check if autosave does not happen too often
-	                if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime) {
-	                    // this label is required only in tool which implement autosave
-	                    alert('<fmt:message key="label.prevent.learner.autosave.mutliple.tabs" />');
-	                    return false;
-	                }
-	                localStorage.setItem('lamsAutosaveTimestamp', currentTime);
-	                return true;
-	            }
+
+				function preventLearnerAutosaveFromMultipleTabs(autosaveWindowId, autosaveInterval) {
+					let currentTime = new Date().getTime(),
+							lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp'),
+							lamsAutosaveWindowId = +localStorage.getItem('lamsAutosaveWindowId');
+					// check if autosave does not happen too often
+					if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime
+							&& lamsAutosaveWindowId && lamsAutosaveWindowId != autosaveWindowId) {
+						// this label is required only in tool which implement autosave
+						alert('<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.prevent.learner.autosave.mutliple.tabs" /></spring:escapeBody>');
+						return false;
+					}
+					localStorage.setItem('lamsAutosaveTimestamp', currentTime);
+					localStorage.setItem('lamsAutosaveWindowId', autosaveWindowId);
+					return true;
+				}
 	        </script>
         </c:if>
     </lams:head>
@@ -216,4 +219,4 @@
 		    </div>
 	    </c:if>
     </body>
-</lams:html>
+</lams:html>
\ No newline at end of file
Index: lams_tool_doku/web/WEB-INF/tags/StyledRating5.tag
===================================================================
diff -u -rb6e8dca20bffba9ce751b917ab4af7b252115f67 -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_tool_doku/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision b6e8dca20bffba9ce751b917ab4af7b252115f67)
+++ lams_tool_doku/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -96,18 +96,23 @@
 								</td>
 								
 								<td class="rating">
-									<div class="rating-stars-holder text-center center-block">
+									<div class="starability-holder">
 										<c:set var="objectId">${criteriaRatings.ratingCriteria.ratingCriteriaId}-${rating.itemId}</c:set>
-										<div class="rating-stars-disabled rating-stars-new" data-average="${rating.averageRating}" data-id="${objectId}">
+										<c:set var="dataRating">
+											<fmt:formatNumber value="${rating.averageRating-(rating.averageRating%1)}" pattern="#"></fmt:formatNumber>
+											${(rating.averageRating%1) >= 0.5 ? '.5' : ''}
+										</c:set>
+										<div class="starability starability-result" data-rating="${dataRating}">
+											Rated: ${dataRating} stars
 										</div>
-										<c:set var="userRating">${rating.userRating}</c:set>
-										<div class="rating-stars-caption" id="rating-stars-caption-${objectId}">
+										
+										<div class="starability-caption" id="starability-caption-${objectId}">
 											<c:choose>
-												<c:when test="${empty userRating}">
+												<c:when test="${empty rating.userRating}">
 													<fmt:message key="label.not.rated"></fmt:message>
 												</c:when>
 												<c:otherwise>
-													<fmt:message key="label.you.gave.rating"><fmt:param><span id="user-rating-${objectId}">${userRating}</span></fmt:param></fmt:message>
+													<fmt:message key="label.you.gave.rating"><fmt:param><span id="user-rating-${objectId}">${rating.userRating}</span></fmt:param></fmt:message>
 												</c:otherwise>
 											</c:choose>
 											<br/>
@@ -135,10 +140,17 @@
 				<c:forEach var="rating" items="${criteriaRatings.ratingDtos}" varStatus="status">
 					<c:if test="${status.first && not empty rating.averageRating}">
 						<div class="rating">
-							<div class="rating-stars-holder text-center center-block">
+							<div class="starability-holder">
 								<c:set var="objectId">${criteriaRatings.ratingCriteria.ratingCriteriaId}-${rating.itemId}</c:set>
-								<div class="rating-stars-disabled rating-stars-new" data-average="${rating.averageRating}" data-id="${objectId}"></div>
-								<div class="rating-stars-caption" id="rating-stars-caption-${objectId}-currentUser">
+								<c:set var="dataRating">
+									<fmt:formatNumber value="${rating.averageRating-(rating.averageRating%1)}" pattern="#"></fmt:formatNumber>
+									${(rating.averageRating%1) >= 0.5 ? '.5' : ''}
+								</c:set>
+								<div class="starability starability-result" data-rating="${dataRating}">
+									Rated: ${dataRating} stars
+								</div>
+								
+								<div class="starability-caption" id="starability-caption-${objectId}-currentUser">
 									<fmt:message key="label.avg.rating">
 										<fmt:param><span id="average-rating-${objectId}-currentUser">${rating.averageRating}</span></fmt:param>
 										<fmt:param><span id="number-of-votes-${objectId}-currentUser">${rating.numberOfVotes}</span></fmt:param>
Index: lams_tool_forum/web/WEB-INF/tags/Page.tag
===================================================================
diff -u -r876e644c066e81c2721ffa085fd12f386e2f3bb6 -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_tool_forum/web/WEB-INF/tags/Page.tag	(.../Page.tag)	(revision 876e644c066e81c2721ffa085fd12f386e2f3bb6)
+++ lams_tool_forum/web/WEB-INF/tags/Page.tag	(.../Page.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -48,7 +48,7 @@
 		<c:set var="mode" value="${sessionScope[sessionMapID].mode}" />
 	</c:if>
 
-	<%--  only have sidebar and presence in learner main window, not in popup windows --%>
+	<%--  only have sidebar in learner main window, not in popup windows --%>
 	<c:if test="${ not hideProgressBar && ( empty mode || mode == 'author' || mode == 'learner') }">
 	
 		<%-- Links placed in body instead of head. Ugly, but it works. --%>
@@ -163,16 +163,19 @@
 				$('#sidebar').show();
 			}
 
-			function preventLearnerAutosaveFromMultipleTabs(autosaveInterval) {
+			function preventLearnerAutosaveFromMultipleTabs(autosaveWindowId, autosaveInterval) {
 				let currentTime = new Date().getTime(),
-					lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp');
+						lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp'),
+						lamsAutosaveWindowId = +localStorage.getItem('lamsAutosaveWindowId');
 				// check if autosave does not happen too often
-				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime) {
+				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime
+						&& lamsAutosaveWindowId && lamsAutosaveWindowId != autosaveWindowId) {
 					// this label is required only in tool which implement autosave
 					alert('<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.prevent.learner.autosave.mutliple.tabs" /></spring:escapeBody>');
 					return false;
 				}
 				localStorage.setItem('lamsAutosaveTimestamp', currentTime);
+				localStorage.setItem('lamsAutosaveWindowId', autosaveWindowId);
 				return true;
 			}
 			
@@ -215,21 +218,6 @@
 							} else if ( showControlBar == 2 ) {
 								$('#navcontent').addClass('navcontent');
 							}
-							
-							var presenceEnabledPatch = result.presenceEnabledPatch;
-							var presenceImEnabled = result.presenceImEnabled;
-							if ( showIM && (presenceEnabledPatch || presenceImEnabled) ) {
-								presenceURL = LEARNING_URL+"presenceChat.jsp?presenceEnabledPatch="+presenceEnabledPatch
-										+"&presenceImEnabled="+presenceImEnabled+"&lessonID="+lessonId;
-								<c:if test="${not usePanel}">
-								presenceURL = presenceURL + "&reloadBootstrap=true";
-								</c:if>
-								$('#presenceEnabledPatchDiv').load(presenceURL, function( response, status, xhr ) {
-									if ( status == "error" ) {
-										alert("Unable to load IM: " + xhr.status);
-									} 
-								});
-							}
 
 							initWebsocket('commandWebsocket', LEARNING_URL.replace('http', 'ws')
 									+ 'commandWebsocket?lessonID=' + lessonId,
@@ -379,10 +367,6 @@
 					<jsp:doBody />
 				</c:otherwise>
 				</c:choose>						
-				<%--  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>
Index: lams_tool_forum/web/WEB-INF/tags/Page5.tag
===================================================================
diff -u -r81f928586161dd03042b6353f68c7d7b8279ccde -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_tool_forum/web/WEB-INF/tags/Page5.tag	(.../Page5.tag)	(revision 81f928586161dd03042b6353f68c7d7b8279ccde)
+++ lams_tool_forum/web/WEB-INF/tags/Page5.tag	(.../Page5.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -165,16 +165,19 @@
 				$('#sidebar').show();
 			}
 
-			function preventLearnerAutosaveFromMultipleTabs(autosaveInterval) {
+			function preventLearnerAutosaveFromMultipleTabs(autosaveWindowId, autosaveInterval) {
 				let currentTime = new Date().getTime(),
-					lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp');
+						lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp'),
+						lamsAutosaveWindowId = +localStorage.getItem('lamsAutosaveWindowId');
 				// check if autosave does not happen too often
-				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime) {
+				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime
+						&& lamsAutosaveWindowId && lamsAutosaveWindowId != autosaveWindowId) {
 					// this label is required only in tool which implement autosave
 					alert('<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.prevent.learner.autosave.mutliple.tabs" /></spring:escapeBody>');
 					return false;
 				}
 				localStorage.setItem('lamsAutosaveTimestamp', currentTime);
+				localStorage.setItem('lamsAutosaveWindowId', autosaveWindowId);
 				return true;
 			}
 
@@ -217,21 +220,6 @@
 							} else if ( showControlBar == 2 ) {
 								$('#navcontent').addClass('navcontent');
 							}
-							
-							var presenceEnabledPatch = result.presenceEnabledPatch;
-							var presenceImEnabled = result.presenceImEnabled;
-							if ( showIM && (presenceEnabledPatch || presenceImEnabled) ) {
-								presenceURL = LEARNING_URL+"presenceChat.jsp?presenceEnabledPatch="+presenceEnabledPatch
-										+"&presenceImEnabled="+presenceImEnabled+"&lessonID="+lessonId;
-								<c:if test="${not usePanel}">
-								presenceURL = presenceURL + "&reloadBootstrap=true";
-								</c:if>
-								$('#presenceEnabledPatchDiv').load(presenceURL, function( response, status, xhr ) {
-									if ( status == "error" ) {
-										alert("Unable to load IM: " + xhr.status);
-									} 
-								});
-							}
 
 							initWebsocket('commandWebsocket', LEARNING_URL.replace('http', 'ws')
 									+ 'commandWebsocket?lessonID=' + lessonId,
@@ -381,10 +369,6 @@
 					<jsp:doBody />
 				</c:otherwise>
 				</c:choose>						
-				<%--  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>
Index: lams_tool_forum/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -r6598c02ec0f7dfd0db5ab175660b6b20c12464d2 -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_tool_forum/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 6598c02ec0f7dfd0db5ab175660b6b20c12464d2)
+++ lams_tool_forum/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -69,19 +69,22 @@
 	            		lessonID = ${empty lessonID ? 'null' : lessonID};
 	                initLearnerPage(toolSessionID, lessonID);
 	            });
-	
-	            function preventLearnerAutosaveFromMultipleTabs(autosaveInterval) {
-	                let currentTime = new Date().getTime(),
-	                    lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp');
-	                // check if autosave does not happen too often
-	                if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime) {
-	                    // this label is required only in tool which implement autosave
-	                    alert('<fmt:message key="label.prevent.learner.autosave.mutliple.tabs" />');
-	                    return false;
-	                }
-	                localStorage.setItem('lamsAutosaveTimestamp', currentTime);
-	                return true;
-	            }
+
+				function preventLearnerAutosaveFromMultipleTabs(autosaveWindowId, autosaveInterval) {
+					let currentTime = new Date().getTime(),
+							lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp'),
+							lamsAutosaveWindowId = +localStorage.getItem('lamsAutosaveWindowId');
+					// check if autosave does not happen too often
+					if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime
+							&& lamsAutosaveWindowId && lamsAutosaveWindowId != autosaveWindowId) {
+						// this label is required only in tool which implement autosave
+						alert('<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.prevent.learner.autosave.mutliple.tabs" /></spring:escapeBody>');
+						return false;
+					}
+					localStorage.setItem('lamsAutosaveTimestamp', currentTime);
+					localStorage.setItem('lamsAutosaveWindowId', autosaveWindowId);
+					return true;
+				}
 	        </script>
         </c:if>
     </lams:head>
@@ -216,4 +219,4 @@
 		    </div>
 	    </c:if>
     </body>
-</lams:html>
+</lams:html>
\ No newline at end of file
Index: lams_tool_forum/web/WEB-INF/tags/StyledRating5.tag
===================================================================
diff -u -rb6e8dca20bffba9ce751b917ab4af7b252115f67 -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_tool_forum/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision b6e8dca20bffba9ce751b917ab4af7b252115f67)
+++ lams_tool_forum/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -96,18 +96,23 @@
 								</td>
 								
 								<td class="rating">
-									<div class="rating-stars-holder text-center center-block">
+									<div class="starability-holder">
 										<c:set var="objectId">${criteriaRatings.ratingCriteria.ratingCriteriaId}-${rating.itemId}</c:set>
-										<div class="rating-stars-disabled rating-stars-new" data-average="${rating.averageRating}" data-id="${objectId}">
+										<c:set var="dataRating">
+											<fmt:formatNumber value="${rating.averageRating-(rating.averageRating%1)}" pattern="#"></fmt:formatNumber>
+											${(rating.averageRating%1) >= 0.5 ? '.5' : ''}
+										</c:set>
+										<div class="starability starability-result" data-rating="${dataRating}">
+											Rated: ${dataRating} stars
 										</div>
-										<c:set var="userRating">${rating.userRating}</c:set>
-										<div class="rating-stars-caption" id="rating-stars-caption-${objectId}">
+										
+										<div class="starability-caption" id="starability-caption-${objectId}">
 											<c:choose>
-												<c:when test="${empty userRating}">
+												<c:when test="${empty rating.userRating}">
 													<fmt:message key="label.not.rated"></fmt:message>
 												</c:when>
 												<c:otherwise>
-													<fmt:message key="label.you.gave.rating"><fmt:param><span id="user-rating-${objectId}">${userRating}</span></fmt:param></fmt:message>
+													<fmt:message key="label.you.gave.rating"><fmt:param><span id="user-rating-${objectId}">${rating.userRating}</span></fmt:param></fmt:message>
 												</c:otherwise>
 											</c:choose>
 											<br/>
@@ -135,10 +140,17 @@
 				<c:forEach var="rating" items="${criteriaRatings.ratingDtos}" varStatus="status">
 					<c:if test="${status.first && not empty rating.averageRating}">
 						<div class="rating">
-							<div class="rating-stars-holder text-center center-block">
+							<div class="starability-holder">
 								<c:set var="objectId">${criteriaRatings.ratingCriteria.ratingCriteriaId}-${rating.itemId}</c:set>
-								<div class="rating-stars-disabled rating-stars-new" data-average="${rating.averageRating}" data-id="${objectId}"></div>
-								<div class="rating-stars-caption" id="rating-stars-caption-${objectId}-currentUser">
+								<c:set var="dataRating">
+									<fmt:formatNumber value="${rating.averageRating-(rating.averageRating%1)}" pattern="#"></fmt:formatNumber>
+									${(rating.averageRating%1) >= 0.5 ? '.5' : ''}
+								</c:set>
+								<div class="starability starability-result" data-rating="${dataRating}">
+									Rated: ${dataRating} stars
+								</div>
+								
+								<div class="starability-caption" id="starability-caption-${objectId}-currentUser">
 									<fmt:message key="label.avg.rating">
 										<fmt:param><span id="average-rating-${objectId}-currentUser">${rating.averageRating}</span></fmt:param>
 										<fmt:param><span id="number-of-votes-${objectId}-currentUser">${rating.numberOfVotes}</span></fmt:param>
Index: lams_tool_gmap/web/WEB-INF/tags/Page.tag
===================================================================
diff -u -r876e644c066e81c2721ffa085fd12f386e2f3bb6 -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_tool_gmap/web/WEB-INF/tags/Page.tag	(.../Page.tag)	(revision 876e644c066e81c2721ffa085fd12f386e2f3bb6)
+++ lams_tool_gmap/web/WEB-INF/tags/Page.tag	(.../Page.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -48,7 +48,7 @@
 		<c:set var="mode" value="${sessionScope[sessionMapID].mode}" />
 	</c:if>
 
-	<%--  only have sidebar and presence in learner main window, not in popup windows --%>
+	<%--  only have sidebar in learner main window, not in popup windows --%>
 	<c:if test="${ not hideProgressBar && ( empty mode || mode == 'author' || mode == 'learner') }">
 	
 		<%-- Links placed in body instead of head. Ugly, but it works. --%>
@@ -163,16 +163,19 @@
 				$('#sidebar').show();
 			}
 
-			function preventLearnerAutosaveFromMultipleTabs(autosaveInterval) {
+			function preventLearnerAutosaveFromMultipleTabs(autosaveWindowId, autosaveInterval) {
 				let currentTime = new Date().getTime(),
-					lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp');
+						lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp'),
+						lamsAutosaveWindowId = +localStorage.getItem('lamsAutosaveWindowId');
 				// check if autosave does not happen too often
-				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime) {
+				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime
+						&& lamsAutosaveWindowId && lamsAutosaveWindowId != autosaveWindowId) {
 					// this label is required only in tool which implement autosave
 					alert('<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.prevent.learner.autosave.mutliple.tabs" /></spring:escapeBody>');
 					return false;
 				}
 				localStorage.setItem('lamsAutosaveTimestamp', currentTime);
+				localStorage.setItem('lamsAutosaveWindowId', autosaveWindowId);
 				return true;
 			}
 			
@@ -215,21 +218,6 @@
 							} else if ( showControlBar == 2 ) {
 								$('#navcontent').addClass('navcontent');
 							}
-							
-							var presenceEnabledPatch = result.presenceEnabledPatch;
-							var presenceImEnabled = result.presenceImEnabled;
-							if ( showIM && (presenceEnabledPatch || presenceImEnabled) ) {
-								presenceURL = LEARNING_URL+"presenceChat.jsp?presenceEnabledPatch="+presenceEnabledPatch
-										+"&presenceImEnabled="+presenceImEnabled+"&lessonID="+lessonId;
-								<c:if test="${not usePanel}">
-								presenceURL = presenceURL + "&reloadBootstrap=true";
-								</c:if>
-								$('#presenceEnabledPatchDiv').load(presenceURL, function( response, status, xhr ) {
-									if ( status == "error" ) {
-										alert("Unable to load IM: " + xhr.status);
-									} 
-								});
-							}
 
 							initWebsocket('commandWebsocket', LEARNING_URL.replace('http', 'ws')
 									+ 'commandWebsocket?lessonID=' + lessonId,
@@ -379,10 +367,6 @@
 					<jsp:doBody />
 				</c:otherwise>
 				</c:choose>						
-				<%--  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>
Index: lams_tool_gmap/web/WEB-INF/tags/Page5.tag
===================================================================
diff -u -r81f928586161dd03042b6353f68c7d7b8279ccde -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_tool_gmap/web/WEB-INF/tags/Page5.tag	(.../Page5.tag)	(revision 81f928586161dd03042b6353f68c7d7b8279ccde)
+++ lams_tool_gmap/web/WEB-INF/tags/Page5.tag	(.../Page5.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -165,16 +165,19 @@
 				$('#sidebar').show();
 			}
 
-			function preventLearnerAutosaveFromMultipleTabs(autosaveInterval) {
+			function preventLearnerAutosaveFromMultipleTabs(autosaveWindowId, autosaveInterval) {
 				let currentTime = new Date().getTime(),
-					lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp');
+						lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp'),
+						lamsAutosaveWindowId = +localStorage.getItem('lamsAutosaveWindowId');
 				// check if autosave does not happen too often
-				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime) {
+				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime
+						&& lamsAutosaveWindowId && lamsAutosaveWindowId != autosaveWindowId) {
 					// this label is required only in tool which implement autosave
 					alert('<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.prevent.learner.autosave.mutliple.tabs" /></spring:escapeBody>');
 					return false;
 				}
 				localStorage.setItem('lamsAutosaveTimestamp', currentTime);
+				localStorage.setItem('lamsAutosaveWindowId', autosaveWindowId);
 				return true;
 			}
 
@@ -217,21 +220,6 @@
 							} else if ( showControlBar == 2 ) {
 								$('#navcontent').addClass('navcontent');
 							}
-							
-							var presenceEnabledPatch = result.presenceEnabledPatch;
-							var presenceImEnabled = result.presenceImEnabled;
-							if ( showIM && (presenceEnabledPatch || presenceImEnabled) ) {
-								presenceURL = LEARNING_URL+"presenceChat.jsp?presenceEnabledPatch="+presenceEnabledPatch
-										+"&presenceImEnabled="+presenceImEnabled+"&lessonID="+lessonId;
-								<c:if test="${not usePanel}">
-								presenceURL = presenceURL + "&reloadBootstrap=true";
-								</c:if>
-								$('#presenceEnabledPatchDiv').load(presenceURL, function( response, status, xhr ) {
-									if ( status == "error" ) {
-										alert("Unable to load IM: " + xhr.status);
-									} 
-								});
-							}
 
 							initWebsocket('commandWebsocket', LEARNING_URL.replace('http', 'ws')
 									+ 'commandWebsocket?lessonID=' + lessonId,
@@ -381,10 +369,6 @@
 					<jsp:doBody />
 				</c:otherwise>
 				</c:choose>						
-				<%--  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>
Index: lams_tool_gmap/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -r6598c02ec0f7dfd0db5ab175660b6b20c12464d2 -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_tool_gmap/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 6598c02ec0f7dfd0db5ab175660b6b20c12464d2)
+++ lams_tool_gmap/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -69,19 +69,22 @@
 	            		lessonID = ${empty lessonID ? 'null' : lessonID};
 	                initLearnerPage(toolSessionID, lessonID);
 	            });
-	
-	            function preventLearnerAutosaveFromMultipleTabs(autosaveInterval) {
-	                let currentTime = new Date().getTime(),
-	                    lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp');
-	                // check if autosave does not happen too often
-	                if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime) {
-	                    // this label is required only in tool which implement autosave
-	                    alert('<fmt:message key="label.prevent.learner.autosave.mutliple.tabs" />');
-	                    return false;
-	                }
-	                localStorage.setItem('lamsAutosaveTimestamp', currentTime);
-	                return true;
-	            }
+
+				function preventLearnerAutosaveFromMultipleTabs(autosaveWindowId, autosaveInterval) {
+					let currentTime = new Date().getTime(),
+							lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp'),
+							lamsAutosaveWindowId = +localStorage.getItem('lamsAutosaveWindowId');
+					// check if autosave does not happen too often
+					if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime
+							&& lamsAutosaveWindowId && lamsAutosaveWindowId != autosaveWindowId) {
+						// this label is required only in tool which implement autosave
+						alert('<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.prevent.learner.autosave.mutliple.tabs" /></spring:escapeBody>');
+						return false;
+					}
+					localStorage.setItem('lamsAutosaveTimestamp', currentTime);
+					localStorage.setItem('lamsAutosaveWindowId', autosaveWindowId);
+					return true;
+				}
 	        </script>
         </c:if>
     </lams:head>
@@ -216,4 +219,4 @@
 		    </div>
 	    </c:if>
     </body>
-</lams:html>
+</lams:html>
\ No newline at end of file
Index: lams_tool_gmap/web/WEB-INF/tags/StyledRating5.tag
===================================================================
diff -u -rb6e8dca20bffba9ce751b917ab4af7b252115f67 -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_tool_gmap/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision b6e8dca20bffba9ce751b917ab4af7b252115f67)
+++ lams_tool_gmap/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -96,18 +96,23 @@
 								</td>
 								
 								<td class="rating">
-									<div class="rating-stars-holder text-center center-block">
+									<div class="starability-holder">
 										<c:set var="objectId">${criteriaRatings.ratingCriteria.ratingCriteriaId}-${rating.itemId}</c:set>
-										<div class="rating-stars-disabled rating-stars-new" data-average="${rating.averageRating}" data-id="${objectId}">
+										<c:set var="dataRating">
+											<fmt:formatNumber value="${rating.averageRating-(rating.averageRating%1)}" pattern="#"></fmt:formatNumber>
+											${(rating.averageRating%1) >= 0.5 ? '.5' : ''}
+										</c:set>
+										<div class="starability starability-result" data-rating="${dataRating}">
+											Rated: ${dataRating} stars
 										</div>
-										<c:set var="userRating">${rating.userRating}</c:set>
-										<div class="rating-stars-caption" id="rating-stars-caption-${objectId}">
+										
+										<div class="starability-caption" id="starability-caption-${objectId}">
 											<c:choose>
-												<c:when test="${empty userRating}">
+												<c:when test="${empty rating.userRating}">
 													<fmt:message key="label.not.rated"></fmt:message>
 												</c:when>
 												<c:otherwise>
-													<fmt:message key="label.you.gave.rating"><fmt:param><span id="user-rating-${objectId}">${userRating}</span></fmt:param></fmt:message>
+													<fmt:message key="label.you.gave.rating"><fmt:param><span id="user-rating-${objectId}">${rating.userRating}</span></fmt:param></fmt:message>
 												</c:otherwise>
 											</c:choose>
 											<br/>
@@ -135,10 +140,17 @@
 				<c:forEach var="rating" items="${criteriaRatings.ratingDtos}" varStatus="status">
 					<c:if test="${status.first && not empty rating.averageRating}">
 						<div class="rating">
-							<div class="rating-stars-holder text-center center-block">
+							<div class="starability-holder">
 								<c:set var="objectId">${criteriaRatings.ratingCriteria.ratingCriteriaId}-${rating.itemId}</c:set>
-								<div class="rating-stars-disabled rating-stars-new" data-average="${rating.averageRating}" data-id="${objectId}"></div>
-								<div class="rating-stars-caption" id="rating-stars-caption-${objectId}-currentUser">
+								<c:set var="dataRating">
+									<fmt:formatNumber value="${rating.averageRating-(rating.averageRating%1)}" pattern="#"></fmt:formatNumber>
+									${(rating.averageRating%1) >= 0.5 ? '.5' : ''}
+								</c:set>
+								<div class="starability starability-result" data-rating="${dataRating}">
+									Rated: ${dataRating} stars
+								</div>
+								
+								<div class="starability-caption" id="starability-caption-${objectId}-currentUser">
 									<fmt:message key="label.avg.rating">
 										<fmt:param><span id="average-rating-${objectId}-currentUser">${rating.averageRating}</span></fmt:param>
 										<fmt:param><span id="number-of-votes-${objectId}-currentUser">${rating.numberOfVotes}</span></fmt:param>
Index: lams_tool_images/web/WEB-INF/tags/Page.tag
===================================================================
diff -u -r876e644c066e81c2721ffa085fd12f386e2f3bb6 -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_tool_images/web/WEB-INF/tags/Page.tag	(.../Page.tag)	(revision 876e644c066e81c2721ffa085fd12f386e2f3bb6)
+++ lams_tool_images/web/WEB-INF/tags/Page.tag	(.../Page.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -48,7 +48,7 @@
 		<c:set var="mode" value="${sessionScope[sessionMapID].mode}" />
 	</c:if>
 
-	<%--  only have sidebar and presence in learner main window, not in popup windows --%>
+	<%--  only have sidebar in learner main window, not in popup windows --%>
 	<c:if test="${ not hideProgressBar && ( empty mode || mode == 'author' || mode == 'learner') }">
 	
 		<%-- Links placed in body instead of head. Ugly, but it works. --%>
@@ -163,16 +163,19 @@
 				$('#sidebar').show();
 			}
 
-			function preventLearnerAutosaveFromMultipleTabs(autosaveInterval) {
+			function preventLearnerAutosaveFromMultipleTabs(autosaveWindowId, autosaveInterval) {
 				let currentTime = new Date().getTime(),
-					lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp');
+						lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp'),
+						lamsAutosaveWindowId = +localStorage.getItem('lamsAutosaveWindowId');
 				// check if autosave does not happen too often
-				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime) {
+				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime
+						&& lamsAutosaveWindowId && lamsAutosaveWindowId != autosaveWindowId) {
 					// this label is required only in tool which implement autosave
 					alert('<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.prevent.learner.autosave.mutliple.tabs" /></spring:escapeBody>');
 					return false;
 				}
 				localStorage.setItem('lamsAutosaveTimestamp', currentTime);
+				localStorage.setItem('lamsAutosaveWindowId', autosaveWindowId);
 				return true;
 			}
 			
@@ -215,21 +218,6 @@
 							} else if ( showControlBar == 2 ) {
 								$('#navcontent').addClass('navcontent');
 							}
-							
-							var presenceEnabledPatch = result.presenceEnabledPatch;
-							var presenceImEnabled = result.presenceImEnabled;
-							if ( showIM && (presenceEnabledPatch || presenceImEnabled) ) {
-								presenceURL = LEARNING_URL+"presenceChat.jsp?presenceEnabledPatch="+presenceEnabledPatch
-										+"&presenceImEnabled="+presenceImEnabled+"&lessonID="+lessonId;
-								<c:if test="${not usePanel}">
-								presenceURL = presenceURL + "&reloadBootstrap=true";
-								</c:if>
-								$('#presenceEnabledPatchDiv').load(presenceURL, function( response, status, xhr ) {
-									if ( status == "error" ) {
-										alert("Unable to load IM: " + xhr.status);
-									} 
-								});
-							}
 
 							initWebsocket('commandWebsocket', LEARNING_URL.replace('http', 'ws')
 									+ 'commandWebsocket?lessonID=' + lessonId,
@@ -379,10 +367,6 @@
 					<jsp:doBody />
 				</c:otherwise>
 				</c:choose>						
-				<%--  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>
Index: lams_tool_images/web/WEB-INF/tags/Page5.tag
===================================================================
diff -u -r81f928586161dd03042b6353f68c7d7b8279ccde -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_tool_images/web/WEB-INF/tags/Page5.tag	(.../Page5.tag)	(revision 81f928586161dd03042b6353f68c7d7b8279ccde)
+++ lams_tool_images/web/WEB-INF/tags/Page5.tag	(.../Page5.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -165,16 +165,19 @@
 				$('#sidebar').show();
 			}
 
-			function preventLearnerAutosaveFromMultipleTabs(autosaveInterval) {
+			function preventLearnerAutosaveFromMultipleTabs(autosaveWindowId, autosaveInterval) {
 				let currentTime = new Date().getTime(),
-					lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp');
+						lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp'),
+						lamsAutosaveWindowId = +localStorage.getItem('lamsAutosaveWindowId');
 				// check if autosave does not happen too often
-				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime) {
+				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime
+						&& lamsAutosaveWindowId && lamsAutosaveWindowId != autosaveWindowId) {
 					// this label is required only in tool which implement autosave
 					alert('<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.prevent.learner.autosave.mutliple.tabs" /></spring:escapeBody>');
 					return false;
 				}
 				localStorage.setItem('lamsAutosaveTimestamp', currentTime);
+				localStorage.setItem('lamsAutosaveWindowId', autosaveWindowId);
 				return true;
 			}
 
@@ -217,21 +220,6 @@
 							} else if ( showControlBar == 2 ) {
 								$('#navcontent').addClass('navcontent');
 							}
-							
-							var presenceEnabledPatch = result.presenceEnabledPatch;
-							var presenceImEnabled = result.presenceImEnabled;
-							if ( showIM && (presenceEnabledPatch || presenceImEnabled) ) {
-								presenceURL = LEARNING_URL+"presenceChat.jsp?presenceEnabledPatch="+presenceEnabledPatch
-										+"&presenceImEnabled="+presenceImEnabled+"&lessonID="+lessonId;
-								<c:if test="${not usePanel}">
-								presenceURL = presenceURL + "&reloadBootstrap=true";
-								</c:if>
-								$('#presenceEnabledPatchDiv').load(presenceURL, function( response, status, xhr ) {
-									if ( status == "error" ) {
-										alert("Unable to load IM: " + xhr.status);
-									} 
-								});
-							}
 
 							initWebsocket('commandWebsocket', LEARNING_URL.replace('http', 'ws')
 									+ 'commandWebsocket?lessonID=' + lessonId,
@@ -381,10 +369,6 @@
 					<jsp:doBody />
 				</c:otherwise>
 				</c:choose>						
-				<%--  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>
Index: lams_tool_images/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -r6598c02ec0f7dfd0db5ab175660b6b20c12464d2 -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_tool_images/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 6598c02ec0f7dfd0db5ab175660b6b20c12464d2)
+++ lams_tool_images/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -69,19 +69,22 @@
 	            		lessonID = ${empty lessonID ? 'null' : lessonID};
 	                initLearnerPage(toolSessionID, lessonID);
 	            });
-	
-	            function preventLearnerAutosaveFromMultipleTabs(autosaveInterval) {
-	                let currentTime = new Date().getTime(),
-	                    lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp');
-	                // check if autosave does not happen too often
-	                if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime) {
-	                    // this label is required only in tool which implement autosave
-	                    alert('<fmt:message key="label.prevent.learner.autosave.mutliple.tabs" />');
-	                    return false;
-	                }
-	                localStorage.setItem('lamsAutosaveTimestamp', currentTime);
-	                return true;
-	            }
+
+				function preventLearnerAutosaveFromMultipleTabs(autosaveWindowId, autosaveInterval) {
+					let currentTime = new Date().getTime(),
+							lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp'),
+							lamsAutosaveWindowId = +localStorage.getItem('lamsAutosaveWindowId');
+					// check if autosave does not happen too often
+					if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime
+							&& lamsAutosaveWindowId && lamsAutosaveWindowId != autosaveWindowId) {
+						// this label is required only in tool which implement autosave
+						alert('<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.prevent.learner.autosave.mutliple.tabs" /></spring:escapeBody>');
+						return false;
+					}
+					localStorage.setItem('lamsAutosaveTimestamp', currentTime);
+					localStorage.setItem('lamsAutosaveWindowId', autosaveWindowId);
+					return true;
+				}
 	        </script>
         </c:if>
     </lams:head>
@@ -216,4 +219,4 @@
 		    </div>
 	    </c:if>
     </body>
-</lams:html>
+</lams:html>
\ No newline at end of file
Index: lams_tool_images/web/WEB-INF/tags/StyledRating5.tag
===================================================================
diff -u -rb6e8dca20bffba9ce751b917ab4af7b252115f67 -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_tool_images/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision b6e8dca20bffba9ce751b917ab4af7b252115f67)
+++ lams_tool_images/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -96,18 +96,23 @@
 								</td>
 								
 								<td class="rating">
-									<div class="rating-stars-holder text-center center-block">
+									<div class="starability-holder">
 										<c:set var="objectId">${criteriaRatings.ratingCriteria.ratingCriteriaId}-${rating.itemId}</c:set>
-										<div class="rating-stars-disabled rating-stars-new" data-average="${rating.averageRating}" data-id="${objectId}">
+										<c:set var="dataRating">
+											<fmt:formatNumber value="${rating.averageRating-(rating.averageRating%1)}" pattern="#"></fmt:formatNumber>
+											${(rating.averageRating%1) >= 0.5 ? '.5' : ''}
+										</c:set>
+										<div class="starability starability-result" data-rating="${dataRating}">
+											Rated: ${dataRating} stars
 										</div>
-										<c:set var="userRating">${rating.userRating}</c:set>
-										<div class="rating-stars-caption" id="rating-stars-caption-${objectId}">
+										
+										<div class="starability-caption" id="starability-caption-${objectId}">
 											<c:choose>
-												<c:when test="${empty userRating}">
+												<c:when test="${empty rating.userRating}">
 													<fmt:message key="label.not.rated"></fmt:message>
 												</c:when>
 												<c:otherwise>
-													<fmt:message key="label.you.gave.rating"><fmt:param><span id="user-rating-${objectId}">${userRating}</span></fmt:param></fmt:message>
+													<fmt:message key="label.you.gave.rating"><fmt:param><span id="user-rating-${objectId}">${rating.userRating}</span></fmt:param></fmt:message>
 												</c:otherwise>
 											</c:choose>
 											<br/>
@@ -135,10 +140,17 @@
 				<c:forEach var="rating" items="${criteriaRatings.ratingDtos}" varStatus="status">
 					<c:if test="${status.first && not empty rating.averageRating}">
 						<div class="rating">
-							<div class="rating-stars-holder text-center center-block">
+							<div class="starability-holder">
 								<c:set var="objectId">${criteriaRatings.ratingCriteria.ratingCriteriaId}-${rating.itemId}</c:set>
-								<div class="rating-stars-disabled rating-stars-new" data-average="${rating.averageRating}" data-id="${objectId}"></div>
-								<div class="rating-stars-caption" id="rating-stars-caption-${objectId}-currentUser">
+								<c:set var="dataRating">
+									<fmt:formatNumber value="${rating.averageRating-(rating.averageRating%1)}" pattern="#"></fmt:formatNumber>
+									${(rating.averageRating%1) >= 0.5 ? '.5' : ''}
+								</c:set>
+								<div class="starability starability-result" data-rating="${dataRating}">
+									Rated: ${dataRating} stars
+								</div>
+								
+								<div class="starability-caption" id="starability-caption-${objectId}-currentUser">
 									<fmt:message key="label.avg.rating">
 										<fmt:param><span id="average-rating-${objectId}-currentUser">${rating.averageRating}</span></fmt:param>
 										<fmt:param><span id="number-of-votes-${objectId}-currentUser">${rating.numberOfVotes}</span></fmt:param>
Index: lams_tool_imscc/web/WEB-INF/tags/Page.tag
===================================================================
diff -u -r876e644c066e81c2721ffa085fd12f386e2f3bb6 -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_tool_imscc/web/WEB-INF/tags/Page.tag	(.../Page.tag)	(revision 876e644c066e81c2721ffa085fd12f386e2f3bb6)
+++ lams_tool_imscc/web/WEB-INF/tags/Page.tag	(.../Page.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -48,7 +48,7 @@
 		<c:set var="mode" value="${sessionScope[sessionMapID].mode}" />
 	</c:if>
 
-	<%--  only have sidebar and presence in learner main window, not in popup windows --%>
+	<%--  only have sidebar in learner main window, not in popup windows --%>
 	<c:if test="${ not hideProgressBar && ( empty mode || mode == 'author' || mode == 'learner') }">
 	
 		<%-- Links placed in body instead of head. Ugly, but it works. --%>
@@ -163,16 +163,19 @@
 				$('#sidebar').show();
 			}
 
-			function preventLearnerAutosaveFromMultipleTabs(autosaveInterval) {
+			function preventLearnerAutosaveFromMultipleTabs(autosaveWindowId, autosaveInterval) {
 				let currentTime = new Date().getTime(),
-					lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp');
+						lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp'),
+						lamsAutosaveWindowId = +localStorage.getItem('lamsAutosaveWindowId');
 				// check if autosave does not happen too often
-				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime) {
+				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime
+						&& lamsAutosaveWindowId && lamsAutosaveWindowId != autosaveWindowId) {
 					// this label is required only in tool which implement autosave
 					alert('<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.prevent.learner.autosave.mutliple.tabs" /></spring:escapeBody>');
 					return false;
 				}
 				localStorage.setItem('lamsAutosaveTimestamp', currentTime);
+				localStorage.setItem('lamsAutosaveWindowId', autosaveWindowId);
 				return true;
 			}
 			
@@ -215,21 +218,6 @@
 							} else if ( showControlBar == 2 ) {
 								$('#navcontent').addClass('navcontent');
 							}
-							
-							var presenceEnabledPatch = result.presenceEnabledPatch;
-							var presenceImEnabled = result.presenceImEnabled;
-							if ( showIM && (presenceEnabledPatch || presenceImEnabled) ) {
-								presenceURL = LEARNING_URL+"presenceChat.jsp?presenceEnabledPatch="+presenceEnabledPatch
-										+"&presenceImEnabled="+presenceImEnabled+"&lessonID="+lessonId;
-								<c:if test="${not usePanel}">
-								presenceURL = presenceURL + "&reloadBootstrap=true";
-								</c:if>
-								$('#presenceEnabledPatchDiv').load(presenceURL, function( response, status, xhr ) {
-									if ( status == "error" ) {
-										alert("Unable to load IM: " + xhr.status);
-									} 
-								});
-							}
 
 							initWebsocket('commandWebsocket', LEARNING_URL.replace('http', 'ws')
 									+ 'commandWebsocket?lessonID=' + lessonId,
@@ -379,10 +367,6 @@
 					<jsp:doBody />
 				</c:otherwise>
 				</c:choose>						
-				<%--  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>
Index: lams_tool_imscc/web/WEB-INF/tags/Page5.tag
===================================================================
diff -u -r81f928586161dd03042b6353f68c7d7b8279ccde -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_tool_imscc/web/WEB-INF/tags/Page5.tag	(.../Page5.tag)	(revision 81f928586161dd03042b6353f68c7d7b8279ccde)
+++ lams_tool_imscc/web/WEB-INF/tags/Page5.tag	(.../Page5.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -165,16 +165,19 @@
 				$('#sidebar').show();
 			}
 
-			function preventLearnerAutosaveFromMultipleTabs(autosaveInterval) {
+			function preventLearnerAutosaveFromMultipleTabs(autosaveWindowId, autosaveInterval) {
 				let currentTime = new Date().getTime(),
-					lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp');
+						lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp'),
+						lamsAutosaveWindowId = +localStorage.getItem('lamsAutosaveWindowId');
 				// check if autosave does not happen too often
-				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime) {
+				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime
+						&& lamsAutosaveWindowId && lamsAutosaveWindowId != autosaveWindowId) {
 					// this label is required only in tool which implement autosave
 					alert('<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.prevent.learner.autosave.mutliple.tabs" /></spring:escapeBody>');
 					return false;
 				}
 				localStorage.setItem('lamsAutosaveTimestamp', currentTime);
+				localStorage.setItem('lamsAutosaveWindowId', autosaveWindowId);
 				return true;
 			}
 
@@ -217,21 +220,6 @@
 							} else if ( showControlBar == 2 ) {
 								$('#navcontent').addClass('navcontent');
 							}
-							
-							var presenceEnabledPatch = result.presenceEnabledPatch;
-							var presenceImEnabled = result.presenceImEnabled;
-							if ( showIM && (presenceEnabledPatch || presenceImEnabled) ) {
-								presenceURL = LEARNING_URL+"presenceChat.jsp?presenceEnabledPatch="+presenceEnabledPatch
-										+"&presenceImEnabled="+presenceImEnabled+"&lessonID="+lessonId;
-								<c:if test="${not usePanel}">
-								presenceURL = presenceURL + "&reloadBootstrap=true";
-								</c:if>
-								$('#presenceEnabledPatchDiv').load(presenceURL, function( response, status, xhr ) {
-									if ( status == "error" ) {
-										alert("Unable to load IM: " + xhr.status);
-									} 
-								});
-							}
 
 							initWebsocket('commandWebsocket', LEARNING_URL.replace('http', 'ws')
 									+ 'commandWebsocket?lessonID=' + lessonId,
@@ -381,10 +369,6 @@
 					<jsp:doBody />
 				</c:otherwise>
 				</c:choose>						
-				<%--  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>
Index: lams_tool_imscc/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -r6598c02ec0f7dfd0db5ab175660b6b20c12464d2 -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_tool_imscc/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 6598c02ec0f7dfd0db5ab175660b6b20c12464d2)
+++ lams_tool_imscc/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -69,19 +69,22 @@
 	            		lessonID = ${empty lessonID ? 'null' : lessonID};
 	                initLearnerPage(toolSessionID, lessonID);
 	            });
-	
-	            function preventLearnerAutosaveFromMultipleTabs(autosaveInterval) {
-	                let currentTime = new Date().getTime(),
-	                    lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp');
-	                // check if autosave does not happen too often
-	                if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime) {
-	                    // this label is required only in tool which implement autosave
-	                    alert('<fmt:message key="label.prevent.learner.autosave.mutliple.tabs" />');
-	                    return false;
-	                }
-	                localStorage.setItem('lamsAutosaveTimestamp', currentTime);
-	                return true;
-	            }
+
+				function preventLearnerAutosaveFromMultipleTabs(autosaveWindowId, autosaveInterval) {
+					let currentTime = new Date().getTime(),
+							lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp'),
+							lamsAutosaveWindowId = +localStorage.getItem('lamsAutosaveWindowId');
+					// check if autosave does not happen too often
+					if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime
+							&& lamsAutosaveWindowId && lamsAutosaveWindowId != autosaveWindowId) {
+						// this label is required only in tool which implement autosave
+						alert('<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.prevent.learner.autosave.mutliple.tabs" /></spring:escapeBody>');
+						return false;
+					}
+					localStorage.setItem('lamsAutosaveTimestamp', currentTime);
+					localStorage.setItem('lamsAutosaveWindowId', autosaveWindowId);
+					return true;
+				}
 	        </script>
         </c:if>
     </lams:head>
@@ -216,4 +219,4 @@
 		    </div>
 	    </c:if>
     </body>
-</lams:html>
+</lams:html>
\ No newline at end of file
Index: lams_tool_imscc/web/WEB-INF/tags/StyledRating5.tag
===================================================================
diff -u -rb6e8dca20bffba9ce751b917ab4af7b252115f67 -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_tool_imscc/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision b6e8dca20bffba9ce751b917ab4af7b252115f67)
+++ lams_tool_imscc/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -96,18 +96,23 @@
 								</td>
 								
 								<td class="rating">
-									<div class="rating-stars-holder text-center center-block">
+									<div class="starability-holder">
 										<c:set var="objectId">${criteriaRatings.ratingCriteria.ratingCriteriaId}-${rating.itemId}</c:set>
-										<div class="rating-stars-disabled rating-stars-new" data-average="${rating.averageRating}" data-id="${objectId}">
+										<c:set var="dataRating">
+											<fmt:formatNumber value="${rating.averageRating-(rating.averageRating%1)}" pattern="#"></fmt:formatNumber>
+											${(rating.averageRating%1) >= 0.5 ? '.5' : ''}
+										</c:set>
+										<div class="starability starability-result" data-rating="${dataRating}">
+											Rated: ${dataRating} stars
 										</div>
-										<c:set var="userRating">${rating.userRating}</c:set>
-										<div class="rating-stars-caption" id="rating-stars-caption-${objectId}">
+										
+										<div class="starability-caption" id="starability-caption-${objectId}">
 											<c:choose>
-												<c:when test="${empty userRating}">
+												<c:when test="${empty rating.userRating}">
 													<fmt:message key="label.not.rated"></fmt:message>
 												</c:when>
 												<c:otherwise>
-													<fmt:message key="label.you.gave.rating"><fmt:param><span id="user-rating-${objectId}">${userRating}</span></fmt:param></fmt:message>
+													<fmt:message key="label.you.gave.rating"><fmt:param><span id="user-rating-${objectId}">${rating.userRating}</span></fmt:param></fmt:message>
 												</c:otherwise>
 											</c:choose>
 											<br/>
@@ -135,10 +140,17 @@
 				<c:forEach var="rating" items="${criteriaRatings.ratingDtos}" varStatus="status">
 					<c:if test="${status.first && not empty rating.averageRating}">
 						<div class="rating">
-							<div class="rating-stars-holder text-center center-block">
+							<div class="starability-holder">
 								<c:set var="objectId">${criteriaRatings.ratingCriteria.ratingCriteriaId}-${rating.itemId}</c:set>
-								<div class="rating-stars-disabled rating-stars-new" data-average="${rating.averageRating}" data-id="${objectId}"></div>
-								<div class="rating-stars-caption" id="rating-stars-caption-${objectId}-currentUser">
+								<c:set var="dataRating">
+									<fmt:formatNumber value="${rating.averageRating-(rating.averageRating%1)}" pattern="#"></fmt:formatNumber>
+									${(rating.averageRating%1) >= 0.5 ? '.5' : ''}
+								</c:set>
+								<div class="starability starability-result" data-rating="${dataRating}">
+									Rated: ${dataRating} stars
+								</div>
+								
+								<div class="starability-caption" id="starability-caption-${objectId}-currentUser">
 									<fmt:message key="label.avg.rating">
 										<fmt:param><span id="average-rating-${objectId}-currentUser">${rating.averageRating}</span></fmt:param>
 										<fmt:param><span id="number-of-votes-${objectId}-currentUser">${rating.numberOfVotes}</span></fmt:param>
Index: lams_tool_lamc/web/WEB-INF/tags/Page.tag
===================================================================
diff -u -r876e644c066e81c2721ffa085fd12f386e2f3bb6 -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_tool_lamc/web/WEB-INF/tags/Page.tag	(.../Page.tag)	(revision 876e644c066e81c2721ffa085fd12f386e2f3bb6)
+++ lams_tool_lamc/web/WEB-INF/tags/Page.tag	(.../Page.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -48,7 +48,7 @@
 		<c:set var="mode" value="${sessionScope[sessionMapID].mode}" />
 	</c:if>
 
-	<%--  only have sidebar and presence in learner main window, not in popup windows --%>
+	<%--  only have sidebar in learner main window, not in popup windows --%>
 	<c:if test="${ not hideProgressBar && ( empty mode || mode == 'author' || mode == 'learner') }">
 	
 		<%-- Links placed in body instead of head. Ugly, but it works. --%>
@@ -163,16 +163,19 @@
 				$('#sidebar').show();
 			}
 
-			function preventLearnerAutosaveFromMultipleTabs(autosaveInterval) {
+			function preventLearnerAutosaveFromMultipleTabs(autosaveWindowId, autosaveInterval) {
 				let currentTime = new Date().getTime(),
-					lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp');
+						lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp'),
+						lamsAutosaveWindowId = +localStorage.getItem('lamsAutosaveWindowId');
 				// check if autosave does not happen too often
-				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime) {
+				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime
+						&& lamsAutosaveWindowId && lamsAutosaveWindowId != autosaveWindowId) {
 					// this label is required only in tool which implement autosave
 					alert('<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.prevent.learner.autosave.mutliple.tabs" /></spring:escapeBody>');
 					return false;
 				}
 				localStorage.setItem('lamsAutosaveTimestamp', currentTime);
+				localStorage.setItem('lamsAutosaveWindowId', autosaveWindowId);
 				return true;
 			}
 			
@@ -215,21 +218,6 @@
 							} else if ( showControlBar == 2 ) {
 								$('#navcontent').addClass('navcontent');
 							}
-							
-							var presenceEnabledPatch = result.presenceEnabledPatch;
-							var presenceImEnabled = result.presenceImEnabled;
-							if ( showIM && (presenceEnabledPatch || presenceImEnabled) ) {
-								presenceURL = LEARNING_URL+"presenceChat.jsp?presenceEnabledPatch="+presenceEnabledPatch
-										+"&presenceImEnabled="+presenceImEnabled+"&lessonID="+lessonId;
-								<c:if test="${not usePanel}">
-								presenceURL = presenceURL + "&reloadBootstrap=true";
-								</c:if>
-								$('#presenceEnabledPatchDiv').load(presenceURL, function( response, status, xhr ) {
-									if ( status == "error" ) {
-										alert("Unable to load IM: " + xhr.status);
-									} 
-								});
-							}
 
 							initWebsocket('commandWebsocket', LEARNING_URL.replace('http', 'ws')
 									+ 'commandWebsocket?lessonID=' + lessonId,
@@ -379,10 +367,6 @@
 					<jsp:doBody />
 				</c:otherwise>
 				</c:choose>						
-				<%--  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>
Index: lams_tool_lamc/web/WEB-INF/tags/Page5.tag
===================================================================
diff -u -r81f928586161dd03042b6353f68c7d7b8279ccde -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_tool_lamc/web/WEB-INF/tags/Page5.tag	(.../Page5.tag)	(revision 81f928586161dd03042b6353f68c7d7b8279ccde)
+++ lams_tool_lamc/web/WEB-INF/tags/Page5.tag	(.../Page5.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -165,16 +165,19 @@
 				$('#sidebar').show();
 			}
 
-			function preventLearnerAutosaveFromMultipleTabs(autosaveInterval) {
+			function preventLearnerAutosaveFromMultipleTabs(autosaveWindowId, autosaveInterval) {
 				let currentTime = new Date().getTime(),
-					lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp');
+						lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp'),
+						lamsAutosaveWindowId = +localStorage.getItem('lamsAutosaveWindowId');
 				// check if autosave does not happen too often
-				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime) {
+				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime
+						&& lamsAutosaveWindowId && lamsAutosaveWindowId != autosaveWindowId) {
 					// this label is required only in tool which implement autosave
 					alert('<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.prevent.learner.autosave.mutliple.tabs" /></spring:escapeBody>');
 					return false;
 				}
 				localStorage.setItem('lamsAutosaveTimestamp', currentTime);
+				localStorage.setItem('lamsAutosaveWindowId', autosaveWindowId);
 				return true;
 			}
 
@@ -217,21 +220,6 @@
 							} else if ( showControlBar == 2 ) {
 								$('#navcontent').addClass('navcontent');
 							}
-							
-							var presenceEnabledPatch = result.presenceEnabledPatch;
-							var presenceImEnabled = result.presenceImEnabled;
-							if ( showIM && (presenceEnabledPatch || presenceImEnabled) ) {
-								presenceURL = LEARNING_URL+"presenceChat.jsp?presenceEnabledPatch="+presenceEnabledPatch
-										+"&presenceImEnabled="+presenceImEnabled+"&lessonID="+lessonId;
-								<c:if test="${not usePanel}">
-								presenceURL = presenceURL + "&reloadBootstrap=true";
-								</c:if>
-								$('#presenceEnabledPatchDiv').load(presenceURL, function( response, status, xhr ) {
-									if ( status == "error" ) {
-										alert("Unable to load IM: " + xhr.status);
-									} 
-								});
-							}
 
 							initWebsocket('commandWebsocket', LEARNING_URL.replace('http', 'ws')
 									+ 'commandWebsocket?lessonID=' + lessonId,
@@ -381,10 +369,6 @@
 					<jsp:doBody />
 				</c:otherwise>
 				</c:choose>						
-				<%--  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>
Index: lams_tool_lamc/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -r6598c02ec0f7dfd0db5ab175660b6b20c12464d2 -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_tool_lamc/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 6598c02ec0f7dfd0db5ab175660b6b20c12464d2)
+++ lams_tool_lamc/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -69,19 +69,22 @@
 	            		lessonID = ${empty lessonID ? 'null' : lessonID};
 	                initLearnerPage(toolSessionID, lessonID);
 	            });
-	
-	            function preventLearnerAutosaveFromMultipleTabs(autosaveInterval) {
-	                let currentTime = new Date().getTime(),
-	                    lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp');
-	                // check if autosave does not happen too often
-	                if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime) {
-	                    // this label is required only in tool which implement autosave
-	                    alert('<fmt:message key="label.prevent.learner.autosave.mutliple.tabs" />');
-	                    return false;
-	                }
-	                localStorage.setItem('lamsAutosaveTimestamp', currentTime);
-	                return true;
-	            }
+
+				function preventLearnerAutosaveFromMultipleTabs(autosaveWindowId, autosaveInterval) {
+					let currentTime = new Date().getTime(),
+							lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp'),
+							lamsAutosaveWindowId = +localStorage.getItem('lamsAutosaveWindowId');
+					// check if autosave does not happen too often
+					if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime
+							&& lamsAutosaveWindowId && lamsAutosaveWindowId != autosaveWindowId) {
+						// this label is required only in tool which implement autosave
+						alert('<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.prevent.learner.autosave.mutliple.tabs" /></spring:escapeBody>');
+						return false;
+					}
+					localStorage.setItem('lamsAutosaveTimestamp', currentTime);
+					localStorage.setItem('lamsAutosaveWindowId', autosaveWindowId);
+					return true;
+				}
 	        </script>
         </c:if>
     </lams:head>
@@ -216,4 +219,4 @@
 		    </div>
 	    </c:if>
     </body>
-</lams:html>
+</lams:html>
\ No newline at end of file
Index: lams_tool_lamc/web/WEB-INF/tags/StyledRating5.tag
===================================================================
diff -u -rb6e8dca20bffba9ce751b917ab4af7b252115f67 -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_tool_lamc/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision b6e8dca20bffba9ce751b917ab4af7b252115f67)
+++ lams_tool_lamc/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -96,18 +96,23 @@
 								</td>
 								
 								<td class="rating">
-									<div class="rating-stars-holder text-center center-block">
+									<div class="starability-holder">
 										<c:set var="objectId">${criteriaRatings.ratingCriteria.ratingCriteriaId}-${rating.itemId}</c:set>
-										<div class="rating-stars-disabled rating-stars-new" data-average="${rating.averageRating}" data-id="${objectId}">
+										<c:set var="dataRating">
+											<fmt:formatNumber value="${rating.averageRating-(rating.averageRating%1)}" pattern="#"></fmt:formatNumber>
+											${(rating.averageRating%1) >= 0.5 ? '.5' : ''}
+										</c:set>
+										<div class="starability starability-result" data-rating="${dataRating}">
+											Rated: ${dataRating} stars
 										</div>
-										<c:set var="userRating">${rating.userRating}</c:set>
-										<div class="rating-stars-caption" id="rating-stars-caption-${objectId}">
+										
+										<div class="starability-caption" id="starability-caption-${objectId}">
 											<c:choose>
-												<c:when test="${empty userRating}">
+												<c:when test="${empty rating.userRating}">
 													<fmt:message key="label.not.rated"></fmt:message>
 												</c:when>
 												<c:otherwise>
-													<fmt:message key="label.you.gave.rating"><fmt:param><span id="user-rating-${objectId}">${userRating}</span></fmt:param></fmt:message>
+													<fmt:message key="label.you.gave.rating"><fmt:param><span id="user-rating-${objectId}">${rating.userRating}</span></fmt:param></fmt:message>
 												</c:otherwise>
 											</c:choose>
 											<br/>
@@ -135,10 +140,17 @@
 				<c:forEach var="rating" items="${criteriaRatings.ratingDtos}" varStatus="status">
 					<c:if test="${status.first && not empty rating.averageRating}">
 						<div class="rating">
-							<div class="rating-stars-holder text-center center-block">
+							<div class="starability-holder">
 								<c:set var="objectId">${criteriaRatings.ratingCriteria.ratingCriteriaId}-${rating.itemId}</c:set>
-								<div class="rating-stars-disabled rating-stars-new" data-average="${rating.averageRating}" data-id="${objectId}"></div>
-								<div class="rating-stars-caption" id="rating-stars-caption-${objectId}-currentUser">
+								<c:set var="dataRating">
+									<fmt:formatNumber value="${rating.averageRating-(rating.averageRating%1)}" pattern="#"></fmt:formatNumber>
+									${(rating.averageRating%1) >= 0.5 ? '.5' : ''}
+								</c:set>
+								<div class="starability starability-result" data-rating="${dataRating}">
+									Rated: ${dataRating} stars
+								</div>
+								
+								<div class="starability-caption" id="starability-caption-${objectId}-currentUser">
 									<fmt:message key="label.avg.rating">
 										<fmt:param><span id="average-rating-${objectId}-currentUser">${rating.averageRating}</span></fmt:param>
 										<fmt:param><span id="number-of-votes-${objectId}-currentUser">${rating.numberOfVotes}</span></fmt:param>
Index: lams_tool_lamc/web/learning/AnswersContent.jsp
===================================================================
diff -u -rdf77b7fe375d1d68d4e064748653be8ac8816f93 -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_tool_lamc/web/learning/AnswersContent.jsp	(.../AnswersContent.jsp)	(revision df77b7fe375d1d68d4e064748653be8ac8816f93)
+++ lams_tool_lamc/web/learning/AnswersContent.jsp	(.../AnswersContent.jsp)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -9,158 +9,159 @@
 <c:set var="hasEditRight" value="${!isLeadershipEnabled || isLeadershipEnabled && isUserLeader}" scope="request" />
 
 <lams:PageLearner title="${mcGeneralLearnerFlowDTO.activityTitle}" toolSessionID="${mcLearningForm.toolSessionID}">
-	<style media="screen,projection" type="text/css">
-		div.growlUI h1, div.growlUI h2 {
-			color: white;
-			margin: 5px 5px 5px 0px;
-			text-align: center;
-			font-size: 18px;
-		}
-		.card-subheader { 
-			font-style: italic;
-		}
-	</style>
+    <style media="screen,projection" type="text/css">
+        div.growlUI h1, div.growlUI h2 {
+            color: white;
+            margin: 5px 5px 5px 0px;
+            text-align: center;
+            font-size: 18px;
+        }
+        .card-subheader {
+            font-style: italic;
+        }
+    </style>
 
-	<script type="text/javascript" src="${lams}includes/javascript/jquery.form.js"></script>
-	<script type="text/javascript" src="${lams}includes/javascript/jquery.blockUI.js"></script>
-	<script type="text/javaScript">
+    <script type="text/javascript" src="${lams}includes/javascript/jquery.form.js"></script>
+    <script type="text/javascript" src="${lams}includes/javascript/jquery.blockUI.js"></script>
+    <script type="text/javaScript">
         //autoSaveAnswers if hasEditRight
         if (${hasEditRight}) {
-          var interval = "30000"; // = 30 seconds
-          window.setInterval(learnerAutosave, interval);
-          
-          function learnerAutosave(isCommand){
-              // isCommand means that the autosave was triggered by force complete or another command websocket message
-			  // in this case do not check multiple tabs open, just autosave
-			  if (!isCommand) {
-				let shouldAutosave = preventLearnerAutosaveFromMultipleTabs(interval);
-				if (!shouldAutosave) {
-					return;
-				}
-			  }
-				
-              //ajax form submit
-              $('#mcLearningForm').ajaxSubmit({
-                url: "<c:url value='/learning/autoSaveAnswers.do?date='/>" + new Date().getTime(),
-                success: function() {
-                  $.growlUI('<i class="fa fa-lg fa-floppy-o"></i> <fmt:message key="label.learning.draft.autosaved" />');
+          var interval = "30000",  // = 30 seconds
+				  autosaveWindowId = new Date().getTime(); // all we need for this ID is to be unique;
+            window.setInterval(learnerAutosave, interval);
+
+            function learnerAutosave(isCommand){
+                // isCommand means that the autosave was triggered by force complete or another command websocket message
+                // in this case do not check multiple tabs open, just autosave
+                if (!isCommand) {
+				let shouldAutosave = preventLearnerAutosaveFromMultipleTabs(autosaveWindowId, interval);
+                    if (!shouldAutosave) {
+                        return;
+                    }
                 }
-              });
-          }
+
+                //ajax form submit
+                $('#mcLearningForm').ajaxSubmit({
+                    url: "<c:url value='/learning/autoSaveAnswers.do?date='/>" + new Date().getTime(),
+                    success: function() {
+                        $.growlUI('<i class="fa fa-lg fa-floppy-o"></i> <fmt:message key="label.learning.draft.autosaved" />');
+                    }
+                });
+            }
         }
 
         function submitNextQuestionSelected() {
-          if (verifyAllQuestionsAnswered()) {
-            ++document.forms.mcLearningForm.questionIndex.value;
-            document.forms.mcLearningForm.nextQuestionSelected.value = 1;
-            disableContinueButton();
-            document.forms.mcLearningForm.submit();
-          }
+            if (verifyAllQuestionsAnswered()) {
+                ++document.forms.mcLearningForm.questionIndex.value;
+                document.forms.mcLearningForm.nextQuestionSelected.value = 1;
+                disableContinueButton();
+                document.forms.mcLearningForm.submit();
+            }
         }
 
         function submitAllAnswers() {
-          document.forms.mcLearningForm.continueOptionsCombined.value = 1;			
-          doSubmit();
+            document.forms.mcLearningForm.continueOptionsCombined.value = 1;
+            doSubmit();
         }
 
         function doSubmit() {
-          if (verifyAllQuestionsAnswered()) {
-            disableContinueButton();
-            document.forms.mcLearningForm.submit();
-          }
+            if (verifyAllQuestionsAnswered()) {
+                disableContinueButton();
+                document.forms.mcLearningForm.submit();
+            }
         }
 
         function verifyAllQuestionsAnswered() {
-          // in case oneQuestionPerPage option is ON user has to select 1 answer, and all answers otherwise
-          var isOneQuestionPerPage = ${sessionMap.content.questionsSequenced};
-          var answersRequiredNumber = (isOneQuestionPerPage) ? 1 : ${fn:length(requestScope.learnerAnswerDtos)};
+            // in case oneQuestionPerPage option is ON user has to select 1 answer, and all answers otherwise
+            var isOneQuestionPerPage = ${sessionMap.content.questionsSequenced};
+            var answersRequiredNumber = (isOneQuestionPerPage) ? 1 : ${fn:length(requestScope.learnerAnswerDtos)};
 
-          //check each question is answered
-          if ($(':radio:checked').length == answersRequiredNumber) {
-            return true;
+            //check each question is answered
+            if ($(':radio:checked').length == answersRequiredNumber) {
+                return true;
 
-          } else {
-            var msg = "<fmt:message key="answers.submitted.none"/>";
-            alert(msg);
-            return false;
-          }
+            } else {
+                var msg = "<fmt:message key="answers.submitted.none"/>";
+                alert(msg);
+                return false;
+            }
         }
 
         function disableContinueButton() {
-          var elem = document.getElementById("continueButton");
-          if (elem != null) {
-            elem.disabled = true;
-          }				
+            var elem = document.getElementById("continueButton");
+            if (elem != null) {
+                elem.disabled = true;
+            }
         }
 
         if (${!hasEditRight && mode != "teacher"}) {
-          setInterval("checkLeaderProgress();",60000);// Auto-Refresh every 1 minute for non-leaders
+            setInterval("checkLeaderProgress();",60000);// Auto-Refresh every 1 minute for non-leaders
         }
 
         function checkLeaderProgress() {
-          $.ajax({
-            async: false,
-            url: '<c:url value="/learning/checkLeaderProgress.do"/>',
-            data: 'toolSessionID=' + $("#tool-session-id").val(),
-            dataType: 'json',
-            type: 'post',
-            success: function (json) {
-	            if (json.isLeaderResponseFinalized) {
-	            	location.reload();
-	         	}
-			}
-		  });
+            $.ajax({
+                async: false,
+                url: '<c:url value="/learning/checkLeaderProgress.do"/>',
+                data: 'toolSessionID=' + $("#tool-session-id").val(),
+                dataType: 'json',
+                type: 'post',
+                success: function (json) {
+                    if (json.isLeaderResponseFinalized) {
+                        location.reload();
+                    }
+                }
+            });
         }
-      </script>
+    </script>
 
-	<div id="container-main">
-		<!-- Announcements and advanced settings -->
-		<c:if test="${not empty submissionDeadline}">
-			<lams:Alert5 close="false" id="submissionDeadline" type="danger">
-				<fmt:message key="authoring.info.teacher.set.restriction">
-					<fmt:param>
-						<lams:Date value="${submissionDeadline}" />
-					</fmt:param>
-				</fmt:message>
-			</lams:Alert5>
-		</c:if>
+    <div id="container-main">
+        <!-- Announcements and advanced settings -->
+        <c:if test="${not empty submissionDeadline}">
+            <lams:Alert5 close="false" id="submissionDeadline" type="danger">
+                <fmt:message key="authoring.info.teacher.set.restriction">
+                    <fmt:param>
+                        <lams:Date value="${submissionDeadline}" />
+                    </fmt:param>
+                </fmt:message>
+            </lams:Alert5>
+        </c:if>
 
-		<c:if test="${mcGeneralLearnerFlowDTO.retries == 'true' && mcGeneralLearnerFlowDTO.passMark != '0'}">
-			<lams:Alert5 close="true" id="passingMark" type="info">
-				<fmt:message key="label.learner.message" /> ( <c:out value="${mcGeneralLearnerFlowDTO.passMark}" /> )
-			</lams:Alert5>
-		</c:if>
+        <c:if test="${mcGeneralLearnerFlowDTO.retries == 'true' && mcGeneralLearnerFlowDTO.passMark != '0'}">
+            <lams:Alert5 close="true" id="passingMark" type="info">
+                <fmt:message key="label.learner.message" /> ( <c:out value="${mcGeneralLearnerFlowDTO.passMark}" /> )
+            </lams:Alert5>
+        </c:if>
 
-		<c:if test="${isLeadershipEnabled}">
-			<lams:LeaderDisplay idName="leader-info" username="${sessionMap.groupLeader.fullname}" userId="${sessionMap.groupLeader.userId}" />
-		</c:if>
-		<!-- End announcements and advanced settings -->
-		
-		<div id="instructions" class="instructions">
-			<c:out value="${mcGeneralLearnerFlowDTO.activityInstructions}" escapeXml="false" />
-		</div>
+        <c:if test="${isLeadershipEnabled}">
+            <lams:LeaderDisplay idName="leader-info" username="${sessionMap.groupLeader.fullname}" userId="${sessionMap.groupLeader.userId}" />
+        </c:if>
+        <!-- End announcements and advanced settings -->
 
-		<div id="questions">
-			<form:form id="mcLearningForm" modelAttribute="mcLearningForm" action="displayMc.do" enctype="multipart/form-data"
-				method="POST" target="_self">
-				<form:hidden path="toolContentID" />
-				<form:hidden path="toolSessionID" id="tool-session-id" />
-				<form:hidden path="httpSessionID" />
-				<form:hidden path="userID" />
-				<form:hidden path="userOverPassMark" />
-				<form:hidden path="passMarkApplicable" />
+        <div id="instructions" class="instructions">
+            <c:out value="${mcGeneralLearnerFlowDTO.activityInstructions}" escapeXml="false" />
+        </div>
 
-				<lams:errors5/>
+        <div id="questions">
+            <form:form id="mcLearningForm" modelAttribute="mcLearningForm" action="displayMc.do" enctype="multipart/form-data"
+                       method="POST" target="_self">
+                <form:hidden path="toolContentID" />
+                <form:hidden path="toolSessionID" id="tool-session-id" />
+                <form:hidden path="httpSessionID" />
+                <form:hidden path="userID" />
+                <form:hidden path="userOverPassMark" />
+                <form:hidden path="passMarkApplicable" />
 
-				<c:choose>
-					<c:when test="${sessionMap.content.questionsSequenced && hasEditRight}">
-						<jsp:include page="/learning/SingleQuestionAnswersContent.jsp" />
-					</c:when>
-					<c:otherwise>
-						<jsp:include page="/learning/CombinedAnswersContent.jsp" />
-					</c:otherwise>
-				</c:choose>
-			</form:form>
-		</div>
-	</div>
-</lams:PageLearner>
+                <lams:errors5/>
+
+                <c:choose>
+                    <c:when test="${sessionMap.content.questionsSequenced && hasEditRight}">
+                        <jsp:include page="/learning/SingleQuestionAnswersContent.jsp" />
+                    </c:when>
+                    <c:otherwise>
+                        <jsp:include page="/learning/CombinedAnswersContent.jsp" />
+                    </c:otherwise>
+                </c:choose>
+            </form:form>
+        </div>
+    </div>
+</lams:PageLearner>
\ No newline at end of file
Index: lams_tool_laqa/web/WEB-INF/tags/Page.tag
===================================================================
diff -u -r876e644c066e81c2721ffa085fd12f386e2f3bb6 -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_tool_laqa/web/WEB-INF/tags/Page.tag	(.../Page.tag)	(revision 876e644c066e81c2721ffa085fd12f386e2f3bb6)
+++ lams_tool_laqa/web/WEB-INF/tags/Page.tag	(.../Page.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -48,7 +48,7 @@
 		<c:set var="mode" value="${sessionScope[sessionMapID].mode}" />
 	</c:if>
 
-	<%--  only have sidebar and presence in learner main window, not in popup windows --%>
+	<%--  only have sidebar in learner main window, not in popup windows --%>
 	<c:if test="${ not hideProgressBar && ( empty mode || mode == 'author' || mode == 'learner') }">
 	
 		<%-- Links placed in body instead of head. Ugly, but it works. --%>
@@ -163,16 +163,19 @@
 				$('#sidebar').show();
 			}
 
-			function preventLearnerAutosaveFromMultipleTabs(autosaveInterval) {
+			function preventLearnerAutosaveFromMultipleTabs(autosaveWindowId, autosaveInterval) {
 				let currentTime = new Date().getTime(),
-					lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp');
+						lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp'),
+						lamsAutosaveWindowId = +localStorage.getItem('lamsAutosaveWindowId');
 				// check if autosave does not happen too often
-				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime) {
+				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime
+						&& lamsAutosaveWindowId && lamsAutosaveWindowId != autosaveWindowId) {
 					// this label is required only in tool which implement autosave
 					alert('<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.prevent.learner.autosave.mutliple.tabs" /></spring:escapeBody>');
 					return false;
 				}
 				localStorage.setItem('lamsAutosaveTimestamp', currentTime);
+				localStorage.setItem('lamsAutosaveWindowId', autosaveWindowId);
 				return true;
 			}
 			
@@ -215,21 +218,6 @@
 							} else if ( showControlBar == 2 ) {
 								$('#navcontent').addClass('navcontent');
 							}
-							
-							var presenceEnabledPatch = result.presenceEnabledPatch;
-							var presenceImEnabled = result.presenceImEnabled;
-							if ( showIM && (presenceEnabledPatch || presenceImEnabled) ) {
-								presenceURL = LEARNING_URL+"presenceChat.jsp?presenceEnabledPatch="+presenceEnabledPatch
-										+"&presenceImEnabled="+presenceImEnabled+"&lessonID="+lessonId;
-								<c:if test="${not usePanel}">
-								presenceURL = presenceURL + "&reloadBootstrap=true";
-								</c:if>
-								$('#presenceEnabledPatchDiv').load(presenceURL, function( response, status, xhr ) {
-									if ( status == "error" ) {
-										alert("Unable to load IM: " + xhr.status);
-									} 
-								});
-							}
 
 							initWebsocket('commandWebsocket', LEARNING_URL.replace('http', 'ws')
 									+ 'commandWebsocket?lessonID=' + lessonId,
@@ -379,10 +367,6 @@
 					<jsp:doBody />
 				</c:otherwise>
 				</c:choose>						
-				<%--  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>
Index: lams_tool_laqa/web/WEB-INF/tags/Page5.tag
===================================================================
diff -u -r81f928586161dd03042b6353f68c7d7b8279ccde -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_tool_laqa/web/WEB-INF/tags/Page5.tag	(.../Page5.tag)	(revision 81f928586161dd03042b6353f68c7d7b8279ccde)
+++ lams_tool_laqa/web/WEB-INF/tags/Page5.tag	(.../Page5.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -165,16 +165,19 @@
 				$('#sidebar').show();
 			}
 
-			function preventLearnerAutosaveFromMultipleTabs(autosaveInterval) {
+			function preventLearnerAutosaveFromMultipleTabs(autosaveWindowId, autosaveInterval) {
 				let currentTime = new Date().getTime(),
-					lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp');
+						lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp'),
+						lamsAutosaveWindowId = +localStorage.getItem('lamsAutosaveWindowId');
 				// check if autosave does not happen too often
-				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime) {
+				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime
+						&& lamsAutosaveWindowId && lamsAutosaveWindowId != autosaveWindowId) {
 					// this label is required only in tool which implement autosave
 					alert('<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.prevent.learner.autosave.mutliple.tabs" /></spring:escapeBody>');
 					return false;
 				}
 				localStorage.setItem('lamsAutosaveTimestamp', currentTime);
+				localStorage.setItem('lamsAutosaveWindowId', autosaveWindowId);
 				return true;
 			}
 
@@ -217,21 +220,6 @@
 							} else if ( showControlBar == 2 ) {
 								$('#navcontent').addClass('navcontent');
 							}
-							
-							var presenceEnabledPatch = result.presenceEnabledPatch;
-							var presenceImEnabled = result.presenceImEnabled;
-							if ( showIM && (presenceEnabledPatch || presenceImEnabled) ) {
-								presenceURL = LEARNING_URL+"presenceChat.jsp?presenceEnabledPatch="+presenceEnabledPatch
-										+"&presenceImEnabled="+presenceImEnabled+"&lessonID="+lessonId;
-								<c:if test="${not usePanel}">
-								presenceURL = presenceURL + "&reloadBootstrap=true";
-								</c:if>
-								$('#presenceEnabledPatchDiv').load(presenceURL, function( response, status, xhr ) {
-									if ( status == "error" ) {
-										alert("Unable to load IM: " + xhr.status);
-									} 
-								});
-							}
 
 							initWebsocket('commandWebsocket', LEARNING_URL.replace('http', 'ws')
 									+ 'commandWebsocket?lessonID=' + lessonId,
@@ -381,10 +369,6 @@
 					<jsp:doBody />
 				</c:otherwise>
 				</c:choose>						
-				<%--  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>
Index: lams_tool_laqa/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -r6598c02ec0f7dfd0db5ab175660b6b20c12464d2 -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_tool_laqa/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 6598c02ec0f7dfd0db5ab175660b6b20c12464d2)
+++ lams_tool_laqa/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -69,19 +69,22 @@
 	            		lessonID = ${empty lessonID ? 'null' : lessonID};
 	                initLearnerPage(toolSessionID, lessonID);
 	            });
-	
-	            function preventLearnerAutosaveFromMultipleTabs(autosaveInterval) {
-	                let currentTime = new Date().getTime(),
-	                    lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp');
-	                // check if autosave does not happen too often
-	                if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime) {
-	                    // this label is required only in tool which implement autosave
-	                    alert('<fmt:message key="label.prevent.learner.autosave.mutliple.tabs" />');
-	                    return false;
-	                }
-	                localStorage.setItem('lamsAutosaveTimestamp', currentTime);
-	                return true;
-	            }
+
+				function preventLearnerAutosaveFromMultipleTabs(autosaveWindowId, autosaveInterval) {
+					let currentTime = new Date().getTime(),
+							lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp'),
+							lamsAutosaveWindowId = +localStorage.getItem('lamsAutosaveWindowId');
+					// check if autosave does not happen too often
+					if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime
+							&& lamsAutosaveWindowId && lamsAutosaveWindowId != autosaveWindowId) {
+						// this label is required only in tool which implement autosave
+						alert('<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.prevent.learner.autosave.mutliple.tabs" /></spring:escapeBody>');
+						return false;
+					}
+					localStorage.setItem('lamsAutosaveTimestamp', currentTime);
+					localStorage.setItem('lamsAutosaveWindowId', autosaveWindowId);
+					return true;
+				}
 	        </script>
         </c:if>
     </lams:head>
@@ -216,4 +219,4 @@
 		    </div>
 	    </c:if>
     </body>
-</lams:html>
+</lams:html>
\ No newline at end of file
Index: lams_tool_laqa/web/WEB-INF/tags/StyledRating5.tag
===================================================================
diff -u -rb6e8dca20bffba9ce751b917ab4af7b252115f67 -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_tool_laqa/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision b6e8dca20bffba9ce751b917ab4af7b252115f67)
+++ lams_tool_laqa/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -96,18 +96,23 @@
 								</td>
 								
 								<td class="rating">
-									<div class="rating-stars-holder text-center center-block">
+									<div class="starability-holder">
 										<c:set var="objectId">${criteriaRatings.ratingCriteria.ratingCriteriaId}-${rating.itemId}</c:set>
-										<div class="rating-stars-disabled rating-stars-new" data-average="${rating.averageRating}" data-id="${objectId}">
+										<c:set var="dataRating">
+											<fmt:formatNumber value="${rating.averageRating-(rating.averageRating%1)}" pattern="#"></fmt:formatNumber>
+											${(rating.averageRating%1) >= 0.5 ? '.5' : ''}
+										</c:set>
+										<div class="starability starability-result" data-rating="${dataRating}">
+											Rated: ${dataRating} stars
 										</div>
-										<c:set var="userRating">${rating.userRating}</c:set>
-										<div class="rating-stars-caption" id="rating-stars-caption-${objectId}">
+										
+										<div class="starability-caption" id="starability-caption-${objectId}">
 											<c:choose>
-												<c:when test="${empty userRating}">
+												<c:when test="${empty rating.userRating}">
 													<fmt:message key="label.not.rated"></fmt:message>
 												</c:when>
 												<c:otherwise>
-													<fmt:message key="label.you.gave.rating"><fmt:param><span id="user-rating-${objectId}">${userRating}</span></fmt:param></fmt:message>
+													<fmt:message key="label.you.gave.rating"><fmt:param><span id="user-rating-${objectId}">${rating.userRating}</span></fmt:param></fmt:message>
 												</c:otherwise>
 											</c:choose>
 											<br/>
@@ -135,10 +140,17 @@
 				<c:forEach var="rating" items="${criteriaRatings.ratingDtos}" varStatus="status">
 					<c:if test="${status.first && not empty rating.averageRating}">
 						<div class="rating">
-							<div class="rating-stars-holder text-center center-block">
+							<div class="starability-holder">
 								<c:set var="objectId">${criteriaRatings.ratingCriteria.ratingCriteriaId}-${rating.itemId}</c:set>
-								<div class="rating-stars-disabled rating-stars-new" data-average="${rating.averageRating}" data-id="${objectId}"></div>
-								<div class="rating-stars-caption" id="rating-stars-caption-${objectId}-currentUser">
+								<c:set var="dataRating">
+									<fmt:formatNumber value="${rating.averageRating-(rating.averageRating%1)}" pattern="#"></fmt:formatNumber>
+									${(rating.averageRating%1) >= 0.5 ? '.5' : ''}
+								</c:set>
+								<div class="starability starability-result" data-rating="${dataRating}">
+									Rated: ${dataRating} stars
+								</div>
+								
+								<div class="starability-caption" id="starability-caption-${objectId}-currentUser">
 									<fmt:message key="label.avg.rating">
 										<fmt:param><span id="average-rating-${objectId}-currentUser">${rating.averageRating}</span></fmt:param>
 										<fmt:param><span id="number-of-votes-${objectId}-currentUser">${rating.numberOfVotes}</span></fmt:param>
Index: lams_tool_laqa/web/learning/AnswersContent.jsp
===================================================================
diff -u -r7a1a9b453d15b75fbdbd78906aa7ced81f4c711e -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_tool_laqa/web/learning/AnswersContent.jsp	(.../AnswersContent.jsp)	(revision 7a1a9b453d15b75fbdbd78906aa7ced81f4c711e)
+++ lams_tool_laqa/web/learning/AnswersContent.jsp	(.../AnswersContent.jsp)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -2,7 +2,7 @@
 <%@ include file="/common/taglibs.jsp"%>
 
 <c:set var="lams">
-	<lams:LAMSURL />
+    <lams:LAMSURL />
 </c:set>
 <c:set var="sessionMap" value="${sessionScope[generalLearnerFlowDTO.sessionMapID]}" scope="request" />
 <c:set var="isUserLeader" value="${sessionMap.isUserLeader}" scope="request" />
@@ -14,281 +14,282 @@
 
 <lams:PageLearner title="${generalLearnerFlowDTO.activityTitle}" toolSessionID="${sessionMap.toolSessionID}" >
 
-	<style media="screen,projection" type="text/css">
-		div.growlUI h1, div.growlUI h2 {
-			color: white;
-			margin: 5px 5px 5px 0px;
-			text-align: center;
-			font-size: 18px;
-		}
-	</style>
-	
-	<div id="container-main">
-		<!-- Advanced settings and notices -->
+    <style media="screen,projection" type="text/css">
+        div.growlUI h1, div.growlUI h2 {
+            color: white;
+            margin: 5px 5px 5px 0px;
+            text-align: center;
+            font-size: 18px;
+        }
+    </style>
 
-		<c:if test="${generalLearnerFlowDTO.noReeditAllowed}">
-			<lams:Alert5 type="danger" id="noRedosAllowed" close="false">
-				<fmt:message key="label.noredo.enabled" />
-			</lams:Alert5>
-		</c:if>
+    <div id="container-main">
+        <!-- Advanced settings and notices -->
 
-		<c:if test="${not empty sessionMap.submissionDeadline}">
-			<lams:Alert5 type="danger" id="submission-deadline" close="false">
-				<fmt:message key="authoring.info.teacher.set.restriction">
-					<fmt:param>
-						<lams:Date value="${sessionMap.submissionDeadline}" />
-					</fmt:param>
-				</fmt:message>
-			</lams:Alert5>
-		</c:if>
+        <c:if test="${generalLearnerFlowDTO.noReeditAllowed}">
+            <lams:Alert5 type="danger" id="noRedosAllowed" close="false">
+                <fmt:message key="label.noredo.enabled" />
+            </lams:Alert5>
+        </c:if>
 
-		<c:if test="${isLeadershipEnabled}">
-			<lams:LeaderDisplay idName="leader-enabled" username="${sessionMap.groupLeader.fullname}" userId="${sessionMap.groupLeader.queUsrId}"/>
-		</c:if>
+        <c:if test="${not empty sessionMap.submissionDeadline}">
+            <lams:Alert5 type="danger" id="submission-deadline" close="false">
+                <fmt:message key="authoring.info.teacher.set.restriction">
+                    <fmt:param>
+                        <lams:Date value="${sessionMap.submissionDeadline}" />
+                    </fmt:param>
+                </fmt:message>
+            </lams:Alert5>
+        </c:if>
 
-		<!-- End advanced settings and notices -->
+        <c:if test="${isLeadershipEnabled}">
+            <lams:LeaderDisplay idName="leader-enabled" username="${sessionMap.groupLeader.fullname}" userId="${sessionMap.groupLeader.queUsrId}"/>
+        </c:if>
 
-		<div id="instructions" class="instructions">
-			<c:out value="${generalLearnerFlowDTO.activityInstructions}" escapeXml="false" />
-		</div>
+        <!-- End advanced settings and notices -->
 
-		<!-- form needs to be outside page so that the form bean can be picked up by Page tag. -->
-		<form:form action="${generalLearnerFlowDTO.questionListingMode == 'questionListingModeSequential' ? 'getNextQuestion.do' : 'submitAnswersContent.do'}"
-				   method="POST" target="_self" id="qaLearningForm" modelAttribute="qaLearningForm">
-			<form:hidden path="toolSessionID" id="tool-session-id" />
-			<form:hidden path="userID" />
-			<form:hidden path="sessionMapID" />
-			<form:hidden path="questionIndex" />
-			<form:hidden path="totalQuestionCount" />
+        <div id="instructions" class="instructions">
+            <c:out value="${generalLearnerFlowDTO.activityInstructions}" escapeXml="false" />
+        </div>
 
-			<div id="errors">
-				<lams:errors5/>
-			</div>
+        <!-- form needs to be outside page so that the form bean can be picked up by Page tag. -->
+        <form:form action="${generalLearnerFlowDTO.questionListingMode == 'questionListingModeSequential' ? 'getNextQuestion.do' : 'submitAnswersContent.do'}"
+                   method="POST" target="_self" id="qaLearningForm" modelAttribute="qaLearningForm">
+            <form:hidden path="toolSessionID" id="tool-session-id" />
+            <form:hidden path="userID" />
+            <form:hidden path="sessionMapID" />
+            <form:hidden path="questionIndex" />
+            <form:hidden path="totalQuestionCount" />
 
-			<div id="questions">
-				<c:choose>
-					<c:when test="${(generalLearnerFlowDTO.questionListingMode == 'questionListingModeSequential') && hasEditRight}">
-						<c:if test="${generalLearnerFlowDTO.totalQuestionCount != 1}">
-							<c:if test="${generalLearnerFlowDTO.initialScreen == 'true'}">
-								<lams:Alert5 type="info" id="feedback-seq" close="false">
-									<fmt:message key="label.feedback.seq" />&nbsp;
-									<c:out value="${generalLearnerFlowDTO.remainingQuestionCount}" />&nbsp;
-									<fmt:message key="label.questions.simple" />
-								</lams:Alert5>
-							</c:if>
-						</c:if>
+            <div id="errors">
+                <lams:errors5/>
+            </div>
 
-						<c:if test="${generalLearnerFlowDTO.initialScreen != 'true'}">
-							<lams:Alert5 type="info" id="questions-remaining" close="false">
-								<fmt:message key="label.questions.remaining" />&nbsp;
-								<c:out value="${generalLearnerFlowDTO.remainingQuestionCount}" />&nbsp;
-							</lams:Alert5>
-						</c:if>
+            <div id="questions">
+                <c:choose>
+                    <c:when test="${(generalLearnerFlowDTO.questionListingMode == 'questionListingModeSequential') && hasEditRight}">
+                        <c:if test="${generalLearnerFlowDTO.totalQuestionCount != 1}">
+                            <c:if test="${generalLearnerFlowDTO.initialScreen == 'true'}">
+                                <lams:Alert5 type="info" id="feedback-seq" close="false">
+                                    <fmt:message key="label.feedback.seq" />&nbsp;
+                                    <c:out value="${generalLearnerFlowDTO.remainingQuestionCount}" />&nbsp;
+                                    <fmt:message key="label.questions.simple" />
+                                </lams:Alert5>
+                            </c:if>
+                        </c:if>
 
-						<jsp:include page="/learning/SequentialAnswersContent.jsp" />
-					</c:when>
+                        <c:if test="${generalLearnerFlowDTO.initialScreen != 'true'}">
+                            <lams:Alert5 type="info" id="questions-remaining" close="false">
+                                <fmt:message key="label.questions.remaining" />&nbsp;
+                                <c:out value="${generalLearnerFlowDTO.remainingQuestionCount}" />&nbsp;
+                            </lams:Alert5>
+                        </c:if>
 
-					<c:otherwise>
-						<c:if test="${generalLearnerFlowDTO.totalQuestionCount != 1}">
-							<lams:Alert5 type="info" id="feedback-combined" close="false">
-								<fmt:message key="label.feedback.combined" />&nbsp;
-								<c:out value="${generalLearnerFlowDTO.remainingQuestionCount}" />&nbsp;
-								<fmt:message key="label.questions.simple" />
-							</lams:Alert5>
-						</c:if>
+                        <jsp:include page="/learning/SequentialAnswersContent.jsp" />
+                    </c:when>
 
-						<jsp:include page="/learning/CombinedAnswersContent.jsp" />
-					</c:otherwise>
-				</c:choose>
-			</div>
-		</form:form>
-	</div>
+                    <c:otherwise>
+                        <c:if test="${generalLearnerFlowDTO.totalQuestionCount != 1}">
+                            <lams:Alert5 type="info" id="feedback-combined" close="false">
+                                <fmt:message key="label.feedback.combined" />&nbsp;
+                                <c:out value="${generalLearnerFlowDTO.remainingQuestionCount}" />&nbsp;
+                                <fmt:message key="label.questions.simple" />
+                            </lams:Alert5>
+                        </c:if>
 
-	<lams:JSImport src="includes/javascript/common.js" />
-	<script type="text/javascript" src="${lams}includes/javascript/jquery.js"></script>
-	<script type="text/javascript" src="${lams}includes/javascript/jquery.form.js"></script>
-	<script type="text/javascript" src="${lams}includes/javascript/jquery.blockUI.js"></script>
-	<script type="text/javascript" src="${lams}includes/javascript/jquery.timeago.js"></script>
-	<script type="text/javascript" src="${lams}includes/javascript/bootstrap.min.js"></script>
-	<script type="text/javascript" src="${lams}includes/javascript/timeagoi18n/jquery.timeago.${fn:toLowerCase(localeLanguage)}.js"></script>
-	<script type="text/JavaScript">
-		var minWordsLimitLabel = '<fmt:message key="label.minimum.number.words" ><fmt:param>{0}</fmt:param></fmt:message>';
+                        <jsp:include page="/learning/CombinedAnswersContent.jsp" />
+                    </c:otherwise>
+                </c:choose>
+            </div>
+        </form:form>
+    </div>
 
-		function submitMethod(actionMethod) {
+    <lams:JSImport src="includes/javascript/common.js" />
+    <script type="text/javascript" src="${lams}includes/javascript/jquery.js"></script>
+    <script type="text/javascript" src="${lams}includes/javascript/jquery.form.js"></script>
+    <script type="text/javascript" src="${lams}includes/javascript/jquery.blockUI.js"></script>
+    <script type="text/javascript" src="${lams}includes/javascript/jquery.timeago.js"></script>
+    <script type="text/javascript" src="${lams}includes/javascript/bootstrap.min.js"></script>
+    <script type="text/javascript" src="${lams}includes/javascript/timeagoi18n/jquery.timeago.${fn:toLowerCase(localeLanguage)}.js"></script>
+    <script type="text/JavaScript">
+        var minWordsLimitLabel = '<fmt:message key="label.minimum.number.words" ><fmt:param>{0}</fmt:param></fmt:message>';
 
-			//validate answers
-			var submit = true;
-			if (actionMethod != 'getPreviousQuestion') {
+        function submitMethod(actionMethod) {
 
-				//check for min words limit
-				jQuery(".min-words-limit-enabled").each(function() {
+            //validate answers
+            var submit = true;
+            if (actionMethod != 'getPreviousQuestion') {
 
-					var questionId = (${generalLearnerFlowDTO.questionListingMode == 'questionListingModeSequential'}) ? "" : $(this).data("sequence-id");
-					var isCkeditor = $(this).data("is-ckeditor");
+                //check for min words limit
+                jQuery(".min-words-limit-enabled").each(function() {
 
-					var value;
-					var instance;
-					if (isCkeditor) {
-						instance = CKEDITOR.instances["answer" + questionId];
-						value = CKEDITOR.instances["answer" + questionId].getData();
+                    var questionId = (${generalLearnerFlowDTO.questionListingMode == 'questionListingModeSequential'}) ? "" : $(this).data("sequence-id");
+                    var isCkeditor = $(this).data("is-ckeditor");
 
-					} else {
-						instance = $("#answer"+ questionId);
-						value =  $("#answer"+ questionId).val();
-					}
+                    var value;
+                    var instance;
+                    if (isCkeditor) {
+                        instance = CKEDITOR.instances["answer" + questionId];
+                        value = CKEDITOR.instances["answer" + questionId].getData();
 
-					var numberEnteredWords = getNumberOfWords(value, isCkeditor);
+                    } else {
+                        instance = $("#answer"+ questionId);
+                        value =  $("#answer"+ questionId).val();
+                    }
 
-					var minWordsLimit = $(this).data("min-words-limit");
-					if (numberEnteredWords < minWordsLimit) {
-						var minWordsLimitLabelStr = minWordsLimitLabel.replace("{0}", ": " + minWordsLimit);
-						showToast("<fmt:message key="label.question" /> "+ questionId +". " +  minWordsLimitLabelStr);
-						instance.focus();
-						return submit = false;
-					}
-				});
+                    var numberEnteredWords = getNumberOfWords(value, isCkeditor);
 
-				//check for blank answers
-				if (submit) {
-					jQuery(".text-area").each(function() {
-						if (jQuery.trim($(this).val()) == "") {
-							if (confirm("<fmt:message key="warning.empty.answers" />")) {
-								doSubmit(actionMethod);
-								return false;
-							} else {
-								this.focus();
-								return submit = false;
-							}
-						}
-					});
-				}
-			}
+                    var minWordsLimit = $(this).data("min-words-limit");
+                    if (numberEnteredWords < minWordsLimit) {
+                        var minWordsLimitLabelStr = minWordsLimitLabel.replace("{0}", ": " + minWordsLimit);
+                        showToast("<fmt:message key="label.question" /> "+ questionId +". " +  minWordsLimitLabelStr);
+                        instance.focus();
+                        return submit = false;
+                    }
+                });
 
-			if (submit) {
-				doSubmit(actionMethod);
-			}
-		}
+                //check for blank answers
+                if (submit) {
+                    jQuery(".text-area").each(function() {
+                        if (jQuery.trim($(this).val()) == "") {
+                            if (confirm("<fmt:message key="warning.empty.answers" />")) {
+                                doSubmit(actionMethod);
+                                return false;
+                            } else {
+                                this.focus();
+                                return submit = false;
+                            }
+                        }
+                    });
+                }
+            }
 
-		function doSubmit(actionMethod) {
-			$('.btn').prop('disabled', true);
-			document.forms.qaLearningForm.action=actionMethod+".do";
-			document.forms.qaLearningForm.submit();
-		}
+            if (submit) {
+                doSubmit(actionMethod);
+            }
+        }
 
-		<c:if test="${!hasEditRight && mode != 'teacher'}">
-		setInterval("checkLeaderProgress();",45000);// Auto-Refresh every 1 minute for non-leaders
-		</c:if>
+        function doSubmit(actionMethod) {
+            $('.btn').prop('disabled', true);
+            document.forms.qaLearningForm.action=actionMethod+".do";
+            document.forms.qaLearningForm.submit();
+        }
 
-		function checkLeaderProgress() {
-			$.ajax({
-				async: false,
-				url: '<c:url value="checkLeaderProgress.do"/>',
-				data: 'toolSessionID=' + $("#tool-session-id").val(),
-				dataType: 'json',
-				type: 'post',
-				success: function (json) {
-					if (json.isLeaderResponseFinalized) {
-						location.reload();
-					}
-				}
-			});
-		}
+        <c:if test="${!hasEditRight && mode != 'teacher'}">
+        setInterval("checkLeaderProgress();",45000);// Auto-Refresh every 1 minute for non-leaders
+        </c:if>
 
-		//autoSaveAnswers if hasEditRight
-		if (${hasEditRight}) {
+        function checkLeaderProgress() {
+            $.ajax({
+                async: false,
+                url: '<c:url value="checkLeaderProgress.do"/>',
+                data: 'toolSessionID=' + $("#tool-session-id").val(),
+                dataType: 'json',
+                type: 'post',
+                success: function (json) {
+                    if (json.isLeaderResponseFinalized) {
+                        location.reload();
+                    }
+                }
+            });
+        }
 
-			var interval = "30000"; // = 30 seconds
-			window.setInterval(learnerAutosave, interval);
+        //autoSaveAnswers if hasEditRight
+        if (${hasEditRight}) {
 
-			function learnerAutosave(isCommand){
-				// isCommand means that the autosave was triggered by force complete or another command websocket message
-				// in this case do not check multiple tabs open, just autosave
-				if (!isCommand) {
-					let shouldAutosave = preventLearnerAutosaveFromMultipleTabs(interval);
-					if (!shouldAutosave) {
-						return;
-					}
-				}
+			var interval = "30000", // = 30 seconds
+				autosaveWindowId = new Date().getTime(); // all we need for this ID is to be unique;
+            window.setInterval(learnerAutosave, interval);
 
-				//fire onchange event for textareas/ckeditors
-				if (${generalLearnerFlowDTO.allowRichEditor}) {
-					for ( instance in CKEDITOR.instances ) {
-						CKEDITOR.instances[instance].updateElement();
-					}
-				} else {
-					$("textarea[name$=__textarea]").change();
-				}
+            function learnerAutosave(isCommand){
+                // isCommand means that the autosave was triggered by force complete or another command websocket message
+                // in this case do not check multiple tabs open, just autosave
+                if (!isCommand) {
+				  let shouldAutosave = preventLearnerAutosaveFromMultipleTabs(autosaveWindowId, interval);
+                    if (!shouldAutosave) {
+                        return;
+                    }
+                }
 
-				//ajax form submit
-				$('#qaLearningForm').ajaxSubmit({
-					url: '<c:url value="autoSaveAnswers.do?date=" />' + new Date().getTime(),
-					success: function() {
-						$.growlUI('<i class="fa fa-lg fa-floppy-o"></i> <fmt:message key="label.learning.draft.autosaved" />');
-					}
-				});
-			}
-		}
+                //fire onchange event for textareas/ckeditors
+                if (${generalLearnerFlowDTO.allowRichEditor}) {
+                    for ( instance in CKEDITOR.instances ) {
+                        CKEDITOR.instances[instance].updateElement();
+                    }
+                } else {
+                    $("textarea[name$=__textarea]").change();
+                }
 
-		//min words counter
-		$(document).ready(function() {
+                //ajax form submit
+                $('#qaLearningForm').ajaxSubmit({
+                    url: '<c:url value="autoSaveAnswers.do?date=" />' + new Date().getTime(),
+                    success: function() {
+                        $.growlUI('<i class="fa fa-lg fa-floppy-o"></i> <fmt:message key="label.learning.draft.autosaved" />');
+                    }
+                });
+            }
+        }
 
-			//character count fuction in case ckeditor is OFF
-			function counter(event) {
-				var questionId = event.data.questionId;
-				var minWordsLimit = event.data.minWordsLimit;
-				var value = $("#answer"+ questionId).val();
+        //min words counter
+        $(document).ready(function() {
 
-				var numberEnteredWords = getNumberOfWords(value, false);
-				var numberRequiredWords = (minWordsLimit > numberEnteredWords) ? minWordsLimit - numberEnteredWords : 0;
-				$('#words-required-' + questionId).html(numberRequiredWords);
-			};
+            //character count fuction in case ckeditor is OFF
+            function counter(event) {
+                var questionId = event.data.questionId;
+                var minWordsLimit = event.data.minWordsLimit;
+                var value = $("#answer"+ questionId).val();
 
-			//character count fuction in case ckeditor is ON
-			function ckeditorCounter(event) {
-				var questionId = event.listenerData.questionId;
-				var minWordsLimit = event.listenerData.minWordsLimit;
-				var value = event.editor.getData();
+                var numberEnteredWords = getNumberOfWords(value, false);
+                var numberRequiredWords = (minWordsLimit > numberEnteredWords) ? minWordsLimit - numberEnteredWords : 0;
+                $('#words-required-' + questionId).html(numberRequiredWords);
+            };
 
-				var numberEnteredWords = getNumberOfWords(value, true);
-				var numberRequiredWords = (minWordsLimit > numberEnteredWords) ? minWordsLimit - numberEnteredWords : 0;
-				$('#words-required-' + questionId).html(numberRequiredWords);
-			};
+            //character count fuction in case ckeditor is ON
+            function ckeditorCounter(event) {
+                var questionId = event.listenerData.questionId;
+                var minWordsLimit = event.listenerData.minWordsLimit;
+                var value = event.editor.getData();
 
-			//check for min words limit
-			jQuery(".min-words-limit-enabled").each(function() {
+                var numberEnteredWords = getNumberOfWords(value, true);
+                var numberRequiredWords = (minWordsLimit > numberEnteredWords) ? minWordsLimit - numberEnteredWords : 0;
+                $('#words-required-' + questionId).html(numberRequiredWords);
+            };
 
-				var isCkeditor = $(this).data("is-ckeditor");
-				var questionId = (${generalLearnerFlowDTO.questionListingMode == 'questionListingModeSequential'}) ? "" : $(this).data("sequence-id");
-				var minWordsLimit = $(this).data("min-words-limit");
+            //check for min words limit
+            jQuery(".min-words-limit-enabled").each(function() {
 
-				//assign function
-				if (isCkeditor) {
-					var ckeditor = CKEDITOR.instances["answer" + questionId];
+                var isCkeditor = $(this).data("is-ckeditor");
+                var questionId = (${generalLearnerFlowDTO.questionListingMode == 'questionListingModeSequential'}) ? "" : $(this).data("sequence-id");
+                var minWordsLimit = $(this).data("min-words-limit");
 
-					ckeditor.on('change', ckeditorCounter, null, {questionId: questionId, minWordsLimit: minWordsLimit} );
-					//count characters initially
-					ckeditor.on('instanceReady', ckeditorCounter, null, {questionId: questionId, minWordsLimit: minWordsLimit});
+                //assign function
+                if (isCkeditor) {
+                    var ckeditor = CKEDITOR.instances["answer" + questionId];
 
-				} else {
-					$("#answer" + questionId)
-							.on('change keydown keypress keyup paste', {questionId: questionId, minWordsLimit: minWordsLimit}, counter)
-							.trigger( "change", {questionId: questionId, minWordsLimit: minWordsLimit} );
-				}
+                    ckeditor.on('change', ckeditorCounter, null, {questionId: questionId, minWordsLimit: minWordsLimit} );
+                    //count characters initially
+                    ckeditor.on('instanceReady', ckeditorCounter, null, {questionId: questionId, minWordsLimit: minWordsLimit});
 
-			});
+                } else {
+                    $("#answer" + questionId)
+                        .on('change keydown keypress keyup paste', {questionId: questionId, minWordsLimit: minWordsLimit}, counter)
+                        .trigger( "change", {questionId: questionId, minWordsLimit: minWordsLimit} );
+                }
 
-			<%-- Connect to command websocket only if it is learner UI --%>
-			<c:if test="${isLeadershipEnabled and mode == 'learner'}">
-			// command websocket stuff for refreshing
-			// trigger is an unique ID of page and action that command websocket code in Page.tag recognises
-			commandWebsocketHookTrigger = 'qa-leader-change-refresh-${generalLearnerFlowDTO.toolSessionID}';
-			// if the trigger is recognised, the following action occurs
-			commandWebsocketHook = function() {
-				location.reload();
-			};
-			</c:if>
-		});
+            });
 
-	</script>
+            <%-- Connect to command websocket only if it is learner UI --%>
+            <c:if test="${isLeadershipEnabled and mode == 'learner'}">
+            // command websocket stuff for refreshing
+            // trigger is an unique ID of page and action that command websocket code in Page.tag recognises
+            commandWebsocketHookTrigger = 'qa-leader-change-refresh-${generalLearnerFlowDTO.toolSessionID}';
+            // if the trigger is recognised, the following action occurs
+            commandWebsocketHook = function() {
+                location.reload();
+            };
+            </c:if>
+        });
 
+    </script>
+
 </lams:PageLearner>
\ No newline at end of file
Index: lams_tool_larsrc/web/WEB-INF/tags/Page.tag
===================================================================
diff -u -r876e644c066e81c2721ffa085fd12f386e2f3bb6 -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_tool_larsrc/web/WEB-INF/tags/Page.tag	(.../Page.tag)	(revision 876e644c066e81c2721ffa085fd12f386e2f3bb6)
+++ lams_tool_larsrc/web/WEB-INF/tags/Page.tag	(.../Page.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -48,7 +48,7 @@
 		<c:set var="mode" value="${sessionScope[sessionMapID].mode}" />
 	</c:if>
 
-	<%--  only have sidebar and presence in learner main window, not in popup windows --%>
+	<%--  only have sidebar in learner main window, not in popup windows --%>
 	<c:if test="${ not hideProgressBar && ( empty mode || mode == 'author' || mode == 'learner') }">
 	
 		<%-- Links placed in body instead of head. Ugly, but it works. --%>
@@ -163,16 +163,19 @@
 				$('#sidebar').show();
 			}
 
-			function preventLearnerAutosaveFromMultipleTabs(autosaveInterval) {
+			function preventLearnerAutosaveFromMultipleTabs(autosaveWindowId, autosaveInterval) {
 				let currentTime = new Date().getTime(),
-					lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp');
+						lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp'),
+						lamsAutosaveWindowId = +localStorage.getItem('lamsAutosaveWindowId');
 				// check if autosave does not happen too often
-				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime) {
+				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime
+						&& lamsAutosaveWindowId && lamsAutosaveWindowId != autosaveWindowId) {
 					// this label is required only in tool which implement autosave
 					alert('<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.prevent.learner.autosave.mutliple.tabs" /></spring:escapeBody>');
 					return false;
 				}
 				localStorage.setItem('lamsAutosaveTimestamp', currentTime);
+				localStorage.setItem('lamsAutosaveWindowId', autosaveWindowId);
 				return true;
 			}
 			
@@ -215,21 +218,6 @@
 							} else if ( showControlBar == 2 ) {
 								$('#navcontent').addClass('navcontent');
 							}
-							
-							var presenceEnabledPatch = result.presenceEnabledPatch;
-							var presenceImEnabled = result.presenceImEnabled;
-							if ( showIM && (presenceEnabledPatch || presenceImEnabled) ) {
-								presenceURL = LEARNING_URL+"presenceChat.jsp?presenceEnabledPatch="+presenceEnabledPatch
-										+"&presenceImEnabled="+presenceImEnabled+"&lessonID="+lessonId;
-								<c:if test="${not usePanel}">
-								presenceURL = presenceURL + "&reloadBootstrap=true";
-								</c:if>
-								$('#presenceEnabledPatchDiv').load(presenceURL, function( response, status, xhr ) {
-									if ( status == "error" ) {
-										alert("Unable to load IM: " + xhr.status);
-									} 
-								});
-							}
 
 							initWebsocket('commandWebsocket', LEARNING_URL.replace('http', 'ws')
 									+ 'commandWebsocket?lessonID=' + lessonId,
@@ -379,10 +367,6 @@
 					<jsp:doBody />
 				</c:otherwise>
 				</c:choose>						
-				<%--  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>
Index: lams_tool_larsrc/web/WEB-INF/tags/Page5.tag
===================================================================
diff -u -r81f928586161dd03042b6353f68c7d7b8279ccde -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_tool_larsrc/web/WEB-INF/tags/Page5.tag	(.../Page5.tag)	(revision 81f928586161dd03042b6353f68c7d7b8279ccde)
+++ lams_tool_larsrc/web/WEB-INF/tags/Page5.tag	(.../Page5.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -165,16 +165,19 @@
 				$('#sidebar').show();
 			}
 
-			function preventLearnerAutosaveFromMultipleTabs(autosaveInterval) {
+			function preventLearnerAutosaveFromMultipleTabs(autosaveWindowId, autosaveInterval) {
 				let currentTime = new Date().getTime(),
-					lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp');
+						lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp'),
+						lamsAutosaveWindowId = +localStorage.getItem('lamsAutosaveWindowId');
 				// check if autosave does not happen too often
-				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime) {
+				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime
+						&& lamsAutosaveWindowId && lamsAutosaveWindowId != autosaveWindowId) {
 					// this label is required only in tool which implement autosave
 					alert('<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.prevent.learner.autosave.mutliple.tabs" /></spring:escapeBody>');
 					return false;
 				}
 				localStorage.setItem('lamsAutosaveTimestamp', currentTime);
+				localStorage.setItem('lamsAutosaveWindowId', autosaveWindowId);
 				return true;
 			}
 
@@ -217,21 +220,6 @@
 							} else if ( showControlBar == 2 ) {
 								$('#navcontent').addClass('navcontent');
 							}
-							
-							var presenceEnabledPatch = result.presenceEnabledPatch;
-							var presenceImEnabled = result.presenceImEnabled;
-							if ( showIM && (presenceEnabledPatch || presenceImEnabled) ) {
-								presenceURL = LEARNING_URL+"presenceChat.jsp?presenceEnabledPatch="+presenceEnabledPatch
-										+"&presenceImEnabled="+presenceImEnabled+"&lessonID="+lessonId;
-								<c:if test="${not usePanel}">
-								presenceURL = presenceURL + "&reloadBootstrap=true";
-								</c:if>
-								$('#presenceEnabledPatchDiv').load(presenceURL, function( response, status, xhr ) {
-									if ( status == "error" ) {
-										alert("Unable to load IM: " + xhr.status);
-									} 
-								});
-							}
 
 							initWebsocket('commandWebsocket', LEARNING_URL.replace('http', 'ws')
 									+ 'commandWebsocket?lessonID=' + lessonId,
@@ -381,10 +369,6 @@
 					<jsp:doBody />
 				</c:otherwise>
 				</c:choose>						
-				<%--  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>
Index: lams_tool_larsrc/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -r6598c02ec0f7dfd0db5ab175660b6b20c12464d2 -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_tool_larsrc/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 6598c02ec0f7dfd0db5ab175660b6b20c12464d2)
+++ lams_tool_larsrc/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -69,19 +69,22 @@
 	            		lessonID = ${empty lessonID ? 'null' : lessonID};
 	                initLearnerPage(toolSessionID, lessonID);
 	            });
-	
-	            function preventLearnerAutosaveFromMultipleTabs(autosaveInterval) {
-	                let currentTime = new Date().getTime(),
-	                    lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp');
-	                // check if autosave does not happen too often
-	                if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime) {
-	                    // this label is required only in tool which implement autosave
-	                    alert('<fmt:message key="label.prevent.learner.autosave.mutliple.tabs" />');
-	                    return false;
-	                }
-	                localStorage.setItem('lamsAutosaveTimestamp', currentTime);
-	                return true;
-	            }
+
+				function preventLearnerAutosaveFromMultipleTabs(autosaveWindowId, autosaveInterval) {
+					let currentTime = new Date().getTime(),
+							lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp'),
+							lamsAutosaveWindowId = +localStorage.getItem('lamsAutosaveWindowId');
+					// check if autosave does not happen too often
+					if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime
+							&& lamsAutosaveWindowId && lamsAutosaveWindowId != autosaveWindowId) {
+						// this label is required only in tool which implement autosave
+						alert('<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.prevent.learner.autosave.mutliple.tabs" /></spring:escapeBody>');
+						return false;
+					}
+					localStorage.setItem('lamsAutosaveTimestamp', currentTime);
+					localStorage.setItem('lamsAutosaveWindowId', autosaveWindowId);
+					return true;
+				}
 	        </script>
         </c:if>
     </lams:head>
@@ -216,4 +219,4 @@
 		    </div>
 	    </c:if>
     </body>
-</lams:html>
+</lams:html>
\ No newline at end of file
Index: lams_tool_larsrc/web/WEB-INF/tags/StyledRating5.tag
===================================================================
diff -u -rb6e8dca20bffba9ce751b917ab4af7b252115f67 -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_tool_larsrc/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision b6e8dca20bffba9ce751b917ab4af7b252115f67)
+++ lams_tool_larsrc/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -96,18 +96,23 @@
 								</td>
 								
 								<td class="rating">
-									<div class="rating-stars-holder text-center center-block">
+									<div class="starability-holder">
 										<c:set var="objectId">${criteriaRatings.ratingCriteria.ratingCriteriaId}-${rating.itemId}</c:set>
-										<div class="rating-stars-disabled rating-stars-new" data-average="${rating.averageRating}" data-id="${objectId}">
+										<c:set var="dataRating">
+											<fmt:formatNumber value="${rating.averageRating-(rating.averageRating%1)}" pattern="#"></fmt:formatNumber>
+											${(rating.averageRating%1) >= 0.5 ? '.5' : ''}
+										</c:set>
+										<div class="starability starability-result" data-rating="${dataRating}">
+											Rated: ${dataRating} stars
 										</div>
-										<c:set var="userRating">${rating.userRating}</c:set>
-										<div class="rating-stars-caption" id="rating-stars-caption-${objectId}">
+										
+										<div class="starability-caption" id="starability-caption-${objectId}">
 											<c:choose>
-												<c:when test="${empty userRating}">
+												<c:when test="${empty rating.userRating}">
 													<fmt:message key="label.not.rated"></fmt:message>
 												</c:when>
 												<c:otherwise>
-													<fmt:message key="label.you.gave.rating"><fmt:param><span id="user-rating-${objectId}">${userRating}</span></fmt:param></fmt:message>
+													<fmt:message key="label.you.gave.rating"><fmt:param><span id="user-rating-${objectId}">${rating.userRating}</span></fmt:param></fmt:message>
 												</c:otherwise>
 											</c:choose>
 											<br/>
@@ -135,10 +140,17 @@
 				<c:forEach var="rating" items="${criteriaRatings.ratingDtos}" varStatus="status">
 					<c:if test="${status.first && not empty rating.averageRating}">
 						<div class="rating">
-							<div class="rating-stars-holder text-center center-block">
+							<div class="starability-holder">
 								<c:set var="objectId">${criteriaRatings.ratingCriteria.ratingCriteriaId}-${rating.itemId}</c:set>
-								<div class="rating-stars-disabled rating-stars-new" data-average="${rating.averageRating}" data-id="${objectId}"></div>
-								<div class="rating-stars-caption" id="rating-stars-caption-${objectId}-currentUser">
+								<c:set var="dataRating">
+									<fmt:formatNumber value="${rating.averageRating-(rating.averageRating%1)}" pattern="#"></fmt:formatNumber>
+									${(rating.averageRating%1) >= 0.5 ? '.5' : ''}
+								</c:set>
+								<div class="starability starability-result" data-rating="${dataRating}">
+									Rated: ${dataRating} stars
+								</div>
+								
+								<div class="starability-caption" id="starability-caption-${objectId}-currentUser">
 									<fmt:message key="label.avg.rating">
 										<fmt:param><span id="average-rating-${objectId}-currentUser">${rating.averageRating}</span></fmt:param>
 										<fmt:param><span id="number-of-votes-${objectId}-currentUser">${rating.numberOfVotes}</span></fmt:param>
Index: lams_tool_leader/web/WEB-INF/tags/Page.tag
===================================================================
diff -u -r876e644c066e81c2721ffa085fd12f386e2f3bb6 -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_tool_leader/web/WEB-INF/tags/Page.tag	(.../Page.tag)	(revision 876e644c066e81c2721ffa085fd12f386e2f3bb6)
+++ lams_tool_leader/web/WEB-INF/tags/Page.tag	(.../Page.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -48,7 +48,7 @@
 		<c:set var="mode" value="${sessionScope[sessionMapID].mode}" />
 	</c:if>
 
-	<%--  only have sidebar and presence in learner main window, not in popup windows --%>
+	<%--  only have sidebar in learner main window, not in popup windows --%>
 	<c:if test="${ not hideProgressBar && ( empty mode || mode == 'author' || mode == 'learner') }">
 	
 		<%-- Links placed in body instead of head. Ugly, but it works. --%>
@@ -163,16 +163,19 @@
 				$('#sidebar').show();
 			}
 
-			function preventLearnerAutosaveFromMultipleTabs(autosaveInterval) {
+			function preventLearnerAutosaveFromMultipleTabs(autosaveWindowId, autosaveInterval) {
 				let currentTime = new Date().getTime(),
-					lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp');
+						lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp'),
+						lamsAutosaveWindowId = +localStorage.getItem('lamsAutosaveWindowId');
 				// check if autosave does not happen too often
-				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime) {
+				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime
+						&& lamsAutosaveWindowId && lamsAutosaveWindowId != autosaveWindowId) {
 					// this label is required only in tool which implement autosave
 					alert('<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.prevent.learner.autosave.mutliple.tabs" /></spring:escapeBody>');
 					return false;
 				}
 				localStorage.setItem('lamsAutosaveTimestamp', currentTime);
+				localStorage.setItem('lamsAutosaveWindowId', autosaveWindowId);
 				return true;
 			}
 			
@@ -215,21 +218,6 @@
 							} else if ( showControlBar == 2 ) {
 								$('#navcontent').addClass('navcontent');
 							}
-							
-							var presenceEnabledPatch = result.presenceEnabledPatch;
-							var presenceImEnabled = result.presenceImEnabled;
-							if ( showIM && (presenceEnabledPatch || presenceImEnabled) ) {
-								presenceURL = LEARNING_URL+"presenceChat.jsp?presenceEnabledPatch="+presenceEnabledPatch
-										+"&presenceImEnabled="+presenceImEnabled+"&lessonID="+lessonId;
-								<c:if test="${not usePanel}">
-								presenceURL = presenceURL + "&reloadBootstrap=true";
-								</c:if>
-								$('#presenceEnabledPatchDiv').load(presenceURL, function( response, status, xhr ) {
-									if ( status == "error" ) {
-										alert("Unable to load IM: " + xhr.status);
-									} 
-								});
-							}
 
 							initWebsocket('commandWebsocket', LEARNING_URL.replace('http', 'ws')
 									+ 'commandWebsocket?lessonID=' + lessonId,
@@ -379,10 +367,6 @@
 					<jsp:doBody />
 				</c:otherwise>
 				</c:choose>						
-				<%--  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>
Index: lams_tool_leader/web/WEB-INF/tags/Page5.tag
===================================================================
diff -u -r81f928586161dd03042b6353f68c7d7b8279ccde -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_tool_leader/web/WEB-INF/tags/Page5.tag	(.../Page5.tag)	(revision 81f928586161dd03042b6353f68c7d7b8279ccde)
+++ lams_tool_leader/web/WEB-INF/tags/Page5.tag	(.../Page5.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -165,16 +165,19 @@
 				$('#sidebar').show();
 			}
 
-			function preventLearnerAutosaveFromMultipleTabs(autosaveInterval) {
+			function preventLearnerAutosaveFromMultipleTabs(autosaveWindowId, autosaveInterval) {
 				let currentTime = new Date().getTime(),
-					lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp');
+						lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp'),
+						lamsAutosaveWindowId = +localStorage.getItem('lamsAutosaveWindowId');
 				// check if autosave does not happen too often
-				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime) {
+				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime
+						&& lamsAutosaveWindowId && lamsAutosaveWindowId != autosaveWindowId) {
 					// this label is required only in tool which implement autosave
 					alert('<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.prevent.learner.autosave.mutliple.tabs" /></spring:escapeBody>');
 					return false;
 				}
 				localStorage.setItem('lamsAutosaveTimestamp', currentTime);
+				localStorage.setItem('lamsAutosaveWindowId', autosaveWindowId);
 				return true;
 			}
 
@@ -217,21 +220,6 @@
 							} else if ( showControlBar == 2 ) {
 								$('#navcontent').addClass('navcontent');
 							}
-							
-							var presenceEnabledPatch = result.presenceEnabledPatch;
-							var presenceImEnabled = result.presenceImEnabled;
-							if ( showIM && (presenceEnabledPatch || presenceImEnabled) ) {
-								presenceURL = LEARNING_URL+"presenceChat.jsp?presenceEnabledPatch="+presenceEnabledPatch
-										+"&presenceImEnabled="+presenceImEnabled+"&lessonID="+lessonId;
-								<c:if test="${not usePanel}">
-								presenceURL = presenceURL + "&reloadBootstrap=true";
-								</c:if>
-								$('#presenceEnabledPatchDiv').load(presenceURL, function( response, status, xhr ) {
-									if ( status == "error" ) {
-										alert("Unable to load IM: " + xhr.status);
-									} 
-								});
-							}
 
 							initWebsocket('commandWebsocket', LEARNING_URL.replace('http', 'ws')
 									+ 'commandWebsocket?lessonID=' + lessonId,
@@ -381,10 +369,6 @@
 					<jsp:doBody />
 				</c:otherwise>
 				</c:choose>						
-				<%--  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>
Index: lams_tool_leader/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -r6598c02ec0f7dfd0db5ab175660b6b20c12464d2 -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_tool_leader/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 6598c02ec0f7dfd0db5ab175660b6b20c12464d2)
+++ lams_tool_leader/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -69,19 +69,22 @@
 	            		lessonID = ${empty lessonID ? 'null' : lessonID};
 	                initLearnerPage(toolSessionID, lessonID);
 	            });
-	
-	            function preventLearnerAutosaveFromMultipleTabs(autosaveInterval) {
-	                let currentTime = new Date().getTime(),
-	                    lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp');
-	                // check if autosave does not happen too often
-	                if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime) {
-	                    // this label is required only in tool which implement autosave
-	                    alert('<fmt:message key="label.prevent.learner.autosave.mutliple.tabs" />');
-	                    return false;
-	                }
-	                localStorage.setItem('lamsAutosaveTimestamp', currentTime);
-	                return true;
-	            }
+
+				function preventLearnerAutosaveFromMultipleTabs(autosaveWindowId, autosaveInterval) {
+					let currentTime = new Date().getTime(),
+							lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp'),
+							lamsAutosaveWindowId = +localStorage.getItem('lamsAutosaveWindowId');
+					// check if autosave does not happen too often
+					if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime
+							&& lamsAutosaveWindowId && lamsAutosaveWindowId != autosaveWindowId) {
+						// this label is required only in tool which implement autosave
+						alert('<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.prevent.learner.autosave.mutliple.tabs" /></spring:escapeBody>');
+						return false;
+					}
+					localStorage.setItem('lamsAutosaveTimestamp', currentTime);
+					localStorage.setItem('lamsAutosaveWindowId', autosaveWindowId);
+					return true;
+				}
 	        </script>
         </c:if>
     </lams:head>
@@ -216,4 +219,4 @@
 		    </div>
 	    </c:if>
     </body>
-</lams:html>
+</lams:html>
\ No newline at end of file
Index: lams_tool_leader/web/WEB-INF/tags/StyledRating5.tag
===================================================================
diff -u -rb6e8dca20bffba9ce751b917ab4af7b252115f67 -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_tool_leader/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision b6e8dca20bffba9ce751b917ab4af7b252115f67)
+++ lams_tool_leader/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -96,18 +96,23 @@
 								</td>
 								
 								<td class="rating">
-									<div class="rating-stars-holder text-center center-block">
+									<div class="starability-holder">
 										<c:set var="objectId">${criteriaRatings.ratingCriteria.ratingCriteriaId}-${rating.itemId}</c:set>
-										<div class="rating-stars-disabled rating-stars-new" data-average="${rating.averageRating}" data-id="${objectId}">
+										<c:set var="dataRating">
+											<fmt:formatNumber value="${rating.averageRating-(rating.averageRating%1)}" pattern="#"></fmt:formatNumber>
+											${(rating.averageRating%1) >= 0.5 ? '.5' : ''}
+										</c:set>
+										<div class="starability starability-result" data-rating="${dataRating}">
+											Rated: ${dataRating} stars
 										</div>
-										<c:set var="userRating">${rating.userRating}</c:set>
-										<div class="rating-stars-caption" id="rating-stars-caption-${objectId}">
+										
+										<div class="starability-caption" id="starability-caption-${objectId}">
 											<c:choose>
-												<c:when test="${empty userRating}">
+												<c:when test="${empty rating.userRating}">
 													<fmt:message key="label.not.rated"></fmt:message>
 												</c:when>
 												<c:otherwise>
-													<fmt:message key="label.you.gave.rating"><fmt:param><span id="user-rating-${objectId}">${userRating}</span></fmt:param></fmt:message>
+													<fmt:message key="label.you.gave.rating"><fmt:param><span id="user-rating-${objectId}">${rating.userRating}</span></fmt:param></fmt:message>
 												</c:otherwise>
 											</c:choose>
 											<br/>
@@ -135,10 +140,17 @@
 				<c:forEach var="rating" items="${criteriaRatings.ratingDtos}" varStatus="status">
 					<c:if test="${status.first && not empty rating.averageRating}">
 						<div class="rating">
-							<div class="rating-stars-holder text-center center-block">
+							<div class="starability-holder">
 								<c:set var="objectId">${criteriaRatings.ratingCriteria.ratingCriteriaId}-${rating.itemId}</c:set>
-								<div class="rating-stars-disabled rating-stars-new" data-average="${rating.averageRating}" data-id="${objectId}"></div>
-								<div class="rating-stars-caption" id="rating-stars-caption-${objectId}-currentUser">
+								<c:set var="dataRating">
+									<fmt:formatNumber value="${rating.averageRating-(rating.averageRating%1)}" pattern="#"></fmt:formatNumber>
+									${(rating.averageRating%1) >= 0.5 ? '.5' : ''}
+								</c:set>
+								<div class="starability starability-result" data-rating="${dataRating}">
+									Rated: ${dataRating} stars
+								</div>
+								
+								<div class="starability-caption" id="starability-caption-${objectId}-currentUser">
 									<fmt:message key="label.avg.rating">
 										<fmt:param><span id="average-rating-${objectId}-currentUser">${rating.averageRating}</span></fmt:param>
 										<fmt:param><span id="number-of-votes-${objectId}-currentUser">${rating.numberOfVotes}</span></fmt:param>
Index: lams_tool_mindmap/web/WEB-INF/tags/Page.tag
===================================================================
diff -u -r876e644c066e81c2721ffa085fd12f386e2f3bb6 -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_tool_mindmap/web/WEB-INF/tags/Page.tag	(.../Page.tag)	(revision 876e644c066e81c2721ffa085fd12f386e2f3bb6)
+++ lams_tool_mindmap/web/WEB-INF/tags/Page.tag	(.../Page.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -48,7 +48,7 @@
 		<c:set var="mode" value="${sessionScope[sessionMapID].mode}" />
 	</c:if>
 
-	<%--  only have sidebar and presence in learner main window, not in popup windows --%>
+	<%--  only have sidebar in learner main window, not in popup windows --%>
 	<c:if test="${ not hideProgressBar && ( empty mode || mode == 'author' || mode == 'learner') }">
 	
 		<%-- Links placed in body instead of head. Ugly, but it works. --%>
@@ -163,16 +163,19 @@
 				$('#sidebar').show();
 			}
 
-			function preventLearnerAutosaveFromMultipleTabs(autosaveInterval) {
+			function preventLearnerAutosaveFromMultipleTabs(autosaveWindowId, autosaveInterval) {
 				let currentTime = new Date().getTime(),
-					lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp');
+						lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp'),
+						lamsAutosaveWindowId = +localStorage.getItem('lamsAutosaveWindowId');
 				// check if autosave does not happen too often
-				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime) {
+				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime
+						&& lamsAutosaveWindowId && lamsAutosaveWindowId != autosaveWindowId) {
 					// this label is required only in tool which implement autosave
 					alert('<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.prevent.learner.autosave.mutliple.tabs" /></spring:escapeBody>');
 					return false;
 				}
 				localStorage.setItem('lamsAutosaveTimestamp', currentTime);
+				localStorage.setItem('lamsAutosaveWindowId', autosaveWindowId);
 				return true;
 			}
 			
@@ -215,21 +218,6 @@
 							} else if ( showControlBar == 2 ) {
 								$('#navcontent').addClass('navcontent');
 							}
-							
-							var presenceEnabledPatch = result.presenceEnabledPatch;
-							var presenceImEnabled = result.presenceImEnabled;
-							if ( showIM && (presenceEnabledPatch || presenceImEnabled) ) {
-								presenceURL = LEARNING_URL+"presenceChat.jsp?presenceEnabledPatch="+presenceEnabledPatch
-										+"&presenceImEnabled="+presenceImEnabled+"&lessonID="+lessonId;
-								<c:if test="${not usePanel}">
-								presenceURL = presenceURL + "&reloadBootstrap=true";
-								</c:if>
-								$('#presenceEnabledPatchDiv').load(presenceURL, function( response, status, xhr ) {
-									if ( status == "error" ) {
-										alert("Unable to load IM: " + xhr.status);
-									} 
-								});
-							}
 
 							initWebsocket('commandWebsocket', LEARNING_URL.replace('http', 'ws')
 									+ 'commandWebsocket?lessonID=' + lessonId,
@@ -379,10 +367,6 @@
 					<jsp:doBody />
 				</c:otherwise>
 				</c:choose>						
-				<%--  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>
Index: lams_tool_mindmap/web/WEB-INF/tags/Page5.tag
===================================================================
diff -u -r81f928586161dd03042b6353f68c7d7b8279ccde -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_tool_mindmap/web/WEB-INF/tags/Page5.tag	(.../Page5.tag)	(revision 81f928586161dd03042b6353f68c7d7b8279ccde)
+++ lams_tool_mindmap/web/WEB-INF/tags/Page5.tag	(.../Page5.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -165,16 +165,19 @@
 				$('#sidebar').show();
 			}
 
-			function preventLearnerAutosaveFromMultipleTabs(autosaveInterval) {
+			function preventLearnerAutosaveFromMultipleTabs(autosaveWindowId, autosaveInterval) {
 				let currentTime = new Date().getTime(),
-					lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp');
+						lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp'),
+						lamsAutosaveWindowId = +localStorage.getItem('lamsAutosaveWindowId');
 				// check if autosave does not happen too often
-				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime) {
+				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime
+						&& lamsAutosaveWindowId && lamsAutosaveWindowId != autosaveWindowId) {
 					// this label is required only in tool which implement autosave
 					alert('<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.prevent.learner.autosave.mutliple.tabs" /></spring:escapeBody>');
 					return false;
 				}
 				localStorage.setItem('lamsAutosaveTimestamp', currentTime);
+				localStorage.setItem('lamsAutosaveWindowId', autosaveWindowId);
 				return true;
 			}
 
@@ -217,21 +220,6 @@
 							} else if ( showControlBar == 2 ) {
 								$('#navcontent').addClass('navcontent');
 							}
-							
-							var presenceEnabledPatch = result.presenceEnabledPatch;
-							var presenceImEnabled = result.presenceImEnabled;
-							if ( showIM && (presenceEnabledPatch || presenceImEnabled) ) {
-								presenceURL = LEARNING_URL+"presenceChat.jsp?presenceEnabledPatch="+presenceEnabledPatch
-										+"&presenceImEnabled="+presenceImEnabled+"&lessonID="+lessonId;
-								<c:if test="${not usePanel}">
-								presenceURL = presenceURL + "&reloadBootstrap=true";
-								</c:if>
-								$('#presenceEnabledPatchDiv').load(presenceURL, function( response, status, xhr ) {
-									if ( status == "error" ) {
-										alert("Unable to load IM: " + xhr.status);
-									} 
-								});
-							}
 
 							initWebsocket('commandWebsocket', LEARNING_URL.replace('http', 'ws')
 									+ 'commandWebsocket?lessonID=' + lessonId,
@@ -381,10 +369,6 @@
 					<jsp:doBody />
 				</c:otherwise>
 				</c:choose>						
-				<%--  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>
Index: lams_tool_mindmap/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -r6598c02ec0f7dfd0db5ab175660b6b20c12464d2 -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_tool_mindmap/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 6598c02ec0f7dfd0db5ab175660b6b20c12464d2)
+++ lams_tool_mindmap/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -69,19 +69,22 @@
 	            		lessonID = ${empty lessonID ? 'null' : lessonID};
 	                initLearnerPage(toolSessionID, lessonID);
 	            });
-	
-	            function preventLearnerAutosaveFromMultipleTabs(autosaveInterval) {
-	                let currentTime = new Date().getTime(),
-	                    lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp');
-	                // check if autosave does not happen too often
-	                if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime) {
-	                    // this label is required only in tool which implement autosave
-	                    alert('<fmt:message key="label.prevent.learner.autosave.mutliple.tabs" />');
-	                    return false;
-	                }
-	                localStorage.setItem('lamsAutosaveTimestamp', currentTime);
-	                return true;
-	            }
+
+				function preventLearnerAutosaveFromMultipleTabs(autosaveWindowId, autosaveInterval) {
+					let currentTime = new Date().getTime(),
+							lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp'),
+							lamsAutosaveWindowId = +localStorage.getItem('lamsAutosaveWindowId');
+					// check if autosave does not happen too often
+					if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime
+							&& lamsAutosaveWindowId && lamsAutosaveWindowId != autosaveWindowId) {
+						// this label is required only in tool which implement autosave
+						alert('<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.prevent.learner.autosave.mutliple.tabs" /></spring:escapeBody>');
+						return false;
+					}
+					localStorage.setItem('lamsAutosaveTimestamp', currentTime);
+					localStorage.setItem('lamsAutosaveWindowId', autosaveWindowId);
+					return true;
+				}
 	        </script>
         </c:if>
     </lams:head>
@@ -216,4 +219,4 @@
 		    </div>
 	    </c:if>
     </body>
-</lams:html>
+</lams:html>
\ No newline at end of file
Index: lams_tool_mindmap/web/WEB-INF/tags/StyledRating5.tag
===================================================================
diff -u -rb6e8dca20bffba9ce751b917ab4af7b252115f67 -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_tool_mindmap/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision b6e8dca20bffba9ce751b917ab4af7b252115f67)
+++ lams_tool_mindmap/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -96,18 +96,23 @@
 								</td>
 								
 								<td class="rating">
-									<div class="rating-stars-holder text-center center-block">
+									<div class="starability-holder">
 										<c:set var="objectId">${criteriaRatings.ratingCriteria.ratingCriteriaId}-${rating.itemId}</c:set>
-										<div class="rating-stars-disabled rating-stars-new" data-average="${rating.averageRating}" data-id="${objectId}">
+										<c:set var="dataRating">
+											<fmt:formatNumber value="${rating.averageRating-(rating.averageRating%1)}" pattern="#"></fmt:formatNumber>
+											${(rating.averageRating%1) >= 0.5 ? '.5' : ''}
+										</c:set>
+										<div class="starability starability-result" data-rating="${dataRating}">
+											Rated: ${dataRating} stars
 										</div>
-										<c:set var="userRating">${rating.userRating}</c:set>
-										<div class="rating-stars-caption" id="rating-stars-caption-${objectId}">
+										
+										<div class="starability-caption" id="starability-caption-${objectId}">
 											<c:choose>
-												<c:when test="${empty userRating}">
+												<c:when test="${empty rating.userRating}">
 													<fmt:message key="label.not.rated"></fmt:message>
 												</c:when>
 												<c:otherwise>
-													<fmt:message key="label.you.gave.rating"><fmt:param><span id="user-rating-${objectId}">${userRating}</span></fmt:param></fmt:message>
+													<fmt:message key="label.you.gave.rating"><fmt:param><span id="user-rating-${objectId}">${rating.userRating}</span></fmt:param></fmt:message>
 												</c:otherwise>
 											</c:choose>
 											<br/>
@@ -135,10 +140,17 @@
 				<c:forEach var="rating" items="${criteriaRatings.ratingDtos}" varStatus="status">
 					<c:if test="${status.first && not empty rating.averageRating}">
 						<div class="rating">
-							<div class="rating-stars-holder text-center center-block">
+							<div class="starability-holder">
 								<c:set var="objectId">${criteriaRatings.ratingCriteria.ratingCriteriaId}-${rating.itemId}</c:set>
-								<div class="rating-stars-disabled rating-stars-new" data-average="${rating.averageRating}" data-id="${objectId}"></div>
-								<div class="rating-stars-caption" id="rating-stars-caption-${objectId}-currentUser">
+								<c:set var="dataRating">
+									<fmt:formatNumber value="${rating.averageRating-(rating.averageRating%1)}" pattern="#"></fmt:formatNumber>
+									${(rating.averageRating%1) >= 0.5 ? '.5' : ''}
+								</c:set>
+								<div class="starability starability-result" data-rating="${dataRating}">
+									Rated: ${dataRating} stars
+								</div>
+								
+								<div class="starability-caption" id="starability-caption-${objectId}-currentUser">
 									<fmt:message key="label.avg.rating">
 										<fmt:param><span id="average-rating-${objectId}-currentUser">${rating.averageRating}</span></fmt:param>
 										<fmt:param><span id="number-of-votes-${objectId}-currentUser">${rating.numberOfVotes}</span></fmt:param>
Index: lams_tool_nb/web/WEB-INF/tags/Page.tag
===================================================================
diff -u -r876e644c066e81c2721ffa085fd12f386e2f3bb6 -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_tool_nb/web/WEB-INF/tags/Page.tag	(.../Page.tag)	(revision 876e644c066e81c2721ffa085fd12f386e2f3bb6)
+++ lams_tool_nb/web/WEB-INF/tags/Page.tag	(.../Page.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -48,7 +48,7 @@
 		<c:set var="mode" value="${sessionScope[sessionMapID].mode}" />
 	</c:if>
 
-	<%--  only have sidebar and presence in learner main window, not in popup windows --%>
+	<%--  only have sidebar in learner main window, not in popup windows --%>
 	<c:if test="${ not hideProgressBar && ( empty mode || mode == 'author' || mode == 'learner') }">
 	
 		<%-- Links placed in body instead of head. Ugly, but it works. --%>
@@ -163,16 +163,19 @@
 				$('#sidebar').show();
 			}
 
-			function preventLearnerAutosaveFromMultipleTabs(autosaveInterval) {
+			function preventLearnerAutosaveFromMultipleTabs(autosaveWindowId, autosaveInterval) {
 				let currentTime = new Date().getTime(),
-					lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp');
+						lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp'),
+						lamsAutosaveWindowId = +localStorage.getItem('lamsAutosaveWindowId');
 				// check if autosave does not happen too often
-				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime) {
+				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime
+						&& lamsAutosaveWindowId && lamsAutosaveWindowId != autosaveWindowId) {
 					// this label is required only in tool which implement autosave
 					alert('<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.prevent.learner.autosave.mutliple.tabs" /></spring:escapeBody>');
 					return false;
 				}
 				localStorage.setItem('lamsAutosaveTimestamp', currentTime);
+				localStorage.setItem('lamsAutosaveWindowId', autosaveWindowId);
 				return true;
 			}
 			
@@ -215,21 +218,6 @@
 							} else if ( showControlBar == 2 ) {
 								$('#navcontent').addClass('navcontent');
 							}
-							
-							var presenceEnabledPatch = result.presenceEnabledPatch;
-							var presenceImEnabled = result.presenceImEnabled;
-							if ( showIM && (presenceEnabledPatch || presenceImEnabled) ) {
-								presenceURL = LEARNING_URL+"presenceChat.jsp?presenceEnabledPatch="+presenceEnabledPatch
-										+"&presenceImEnabled="+presenceImEnabled+"&lessonID="+lessonId;
-								<c:if test="${not usePanel}">
-								presenceURL = presenceURL + "&reloadBootstrap=true";
-								</c:if>
-								$('#presenceEnabledPatchDiv').load(presenceURL, function( response, status, xhr ) {
-									if ( status == "error" ) {
-										alert("Unable to load IM: " + xhr.status);
-									} 
-								});
-							}
 
 							initWebsocket('commandWebsocket', LEARNING_URL.replace('http', 'ws')
 									+ 'commandWebsocket?lessonID=' + lessonId,
@@ -379,10 +367,6 @@
 					<jsp:doBody />
 				</c:otherwise>
 				</c:choose>						
-				<%--  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>
Index: lams_tool_nb/web/WEB-INF/tags/Page5.tag
===================================================================
diff -u -r81f928586161dd03042b6353f68c7d7b8279ccde -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_tool_nb/web/WEB-INF/tags/Page5.tag	(.../Page5.tag)	(revision 81f928586161dd03042b6353f68c7d7b8279ccde)
+++ lams_tool_nb/web/WEB-INF/tags/Page5.tag	(.../Page5.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -165,16 +165,19 @@
 				$('#sidebar').show();
 			}
 
-			function preventLearnerAutosaveFromMultipleTabs(autosaveInterval) {
+			function preventLearnerAutosaveFromMultipleTabs(autosaveWindowId, autosaveInterval) {
 				let currentTime = new Date().getTime(),
-					lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp');
+						lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp'),
+						lamsAutosaveWindowId = +localStorage.getItem('lamsAutosaveWindowId');
 				// check if autosave does not happen too often
-				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime) {
+				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime
+						&& lamsAutosaveWindowId && lamsAutosaveWindowId != autosaveWindowId) {
 					// this label is required only in tool which implement autosave
 					alert('<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.prevent.learner.autosave.mutliple.tabs" /></spring:escapeBody>');
 					return false;
 				}
 				localStorage.setItem('lamsAutosaveTimestamp', currentTime);
+				localStorage.setItem('lamsAutosaveWindowId', autosaveWindowId);
 				return true;
 			}
 
@@ -217,21 +220,6 @@
 							} else if ( showControlBar == 2 ) {
 								$('#navcontent').addClass('navcontent');
 							}
-							
-							var presenceEnabledPatch = result.presenceEnabledPatch;
-							var presenceImEnabled = result.presenceImEnabled;
-							if ( showIM && (presenceEnabledPatch || presenceImEnabled) ) {
-								presenceURL = LEARNING_URL+"presenceChat.jsp?presenceEnabledPatch="+presenceEnabledPatch
-										+"&presenceImEnabled="+presenceImEnabled+"&lessonID="+lessonId;
-								<c:if test="${not usePanel}">
-								presenceURL = presenceURL + "&reloadBootstrap=true";
-								</c:if>
-								$('#presenceEnabledPatchDiv').load(presenceURL, function( response, status, xhr ) {
-									if ( status == "error" ) {
-										alert("Unable to load IM: " + xhr.status);
-									} 
-								});
-							}
 
 							initWebsocket('commandWebsocket', LEARNING_URL.replace('http', 'ws')
 									+ 'commandWebsocket?lessonID=' + lessonId,
@@ -381,10 +369,6 @@
 					<jsp:doBody />
 				</c:otherwise>
 				</c:choose>						
-				<%--  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>
Index: lams_tool_nb/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -r6598c02ec0f7dfd0db5ab175660b6b20c12464d2 -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_tool_nb/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 6598c02ec0f7dfd0db5ab175660b6b20c12464d2)
+++ lams_tool_nb/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -69,19 +69,22 @@
 	            		lessonID = ${empty lessonID ? 'null' : lessonID};
 	                initLearnerPage(toolSessionID, lessonID);
 	            });
-	
-	            function preventLearnerAutosaveFromMultipleTabs(autosaveInterval) {
-	                let currentTime = new Date().getTime(),
-	                    lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp');
-	                // check if autosave does not happen too often
-	                if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime) {
-	                    // this label is required only in tool which implement autosave
-	                    alert('<fmt:message key="label.prevent.learner.autosave.mutliple.tabs" />');
-	                    return false;
-	                }
-	                localStorage.setItem('lamsAutosaveTimestamp', currentTime);
-	                return true;
-	            }
+
+				function preventLearnerAutosaveFromMultipleTabs(autosaveWindowId, autosaveInterval) {
+					let currentTime = new Date().getTime(),
+							lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp'),
+							lamsAutosaveWindowId = +localStorage.getItem('lamsAutosaveWindowId');
+					// check if autosave does not happen too often
+					if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime
+							&& lamsAutosaveWindowId && lamsAutosaveWindowId != autosaveWindowId) {
+						// this label is required only in tool which implement autosave
+						alert('<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.prevent.learner.autosave.mutliple.tabs" /></spring:escapeBody>');
+						return false;
+					}
+					localStorage.setItem('lamsAutosaveTimestamp', currentTime);
+					localStorage.setItem('lamsAutosaveWindowId', autosaveWindowId);
+					return true;
+				}
 	        </script>
         </c:if>
     </lams:head>
@@ -216,4 +219,4 @@
 		    </div>
 	    </c:if>
     </body>
-</lams:html>
+</lams:html>
\ No newline at end of file
Index: lams_tool_nb/web/WEB-INF/tags/StyledRating5.tag
===================================================================
diff -u -rb6e8dca20bffba9ce751b917ab4af7b252115f67 -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_tool_nb/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision b6e8dca20bffba9ce751b917ab4af7b252115f67)
+++ lams_tool_nb/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -96,18 +96,23 @@
 								</td>
 								
 								<td class="rating">
-									<div class="rating-stars-holder text-center center-block">
+									<div class="starability-holder">
 										<c:set var="objectId">${criteriaRatings.ratingCriteria.ratingCriteriaId}-${rating.itemId}</c:set>
-										<div class="rating-stars-disabled rating-stars-new" data-average="${rating.averageRating}" data-id="${objectId}">
+										<c:set var="dataRating">
+											<fmt:formatNumber value="${rating.averageRating-(rating.averageRating%1)}" pattern="#"></fmt:formatNumber>
+											${(rating.averageRating%1) >= 0.5 ? '.5' : ''}
+										</c:set>
+										<div class="starability starability-result" data-rating="${dataRating}">
+											Rated: ${dataRating} stars
 										</div>
-										<c:set var="userRating">${rating.userRating}</c:set>
-										<div class="rating-stars-caption" id="rating-stars-caption-${objectId}">
+										
+										<div class="starability-caption" id="starability-caption-${objectId}">
 											<c:choose>
-												<c:when test="${empty userRating}">
+												<c:when test="${empty rating.userRating}">
 													<fmt:message key="label.not.rated"></fmt:message>
 												</c:when>
 												<c:otherwise>
-													<fmt:message key="label.you.gave.rating"><fmt:param><span id="user-rating-${objectId}">${userRating}</span></fmt:param></fmt:message>
+													<fmt:message key="label.you.gave.rating"><fmt:param><span id="user-rating-${objectId}">${rating.userRating}</span></fmt:param></fmt:message>
 												</c:otherwise>
 											</c:choose>
 											<br/>
@@ -135,10 +140,17 @@
 				<c:forEach var="rating" items="${criteriaRatings.ratingDtos}" varStatus="status">
 					<c:if test="${status.first && not empty rating.averageRating}">
 						<div class="rating">
-							<div class="rating-stars-holder text-center center-block">
+							<div class="starability-holder">
 								<c:set var="objectId">${criteriaRatings.ratingCriteria.ratingCriteriaId}-${rating.itemId}</c:set>
-								<div class="rating-stars-disabled rating-stars-new" data-average="${rating.averageRating}" data-id="${objectId}"></div>
-								<div class="rating-stars-caption" id="rating-stars-caption-${objectId}-currentUser">
+								<c:set var="dataRating">
+									<fmt:formatNumber value="${rating.averageRating-(rating.averageRating%1)}" pattern="#"></fmt:formatNumber>
+									${(rating.averageRating%1) >= 0.5 ? '.5' : ''}
+								</c:set>
+								<div class="starability starability-result" data-rating="${dataRating}">
+									Rated: ${dataRating} stars
+								</div>
+								
+								<div class="starability-caption" id="starability-caption-${objectId}-currentUser">
 									<fmt:message key="label.avg.rating">
 										<fmt:param><span id="average-rating-${objectId}-currentUser">${rating.averageRating}</span></fmt:param>
 										<fmt:param><span id="number-of-votes-${objectId}-currentUser">${rating.numberOfVotes}</span></fmt:param>
Index: lams_tool_notebook/web/WEB-INF/tags/Page.tag
===================================================================
diff -u -r876e644c066e81c2721ffa085fd12f386e2f3bb6 -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_tool_notebook/web/WEB-INF/tags/Page.tag	(.../Page.tag)	(revision 876e644c066e81c2721ffa085fd12f386e2f3bb6)
+++ lams_tool_notebook/web/WEB-INF/tags/Page.tag	(.../Page.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -48,7 +48,7 @@
 		<c:set var="mode" value="${sessionScope[sessionMapID].mode}" />
 	</c:if>
 
-	<%--  only have sidebar and presence in learner main window, not in popup windows --%>
+	<%--  only have sidebar in learner main window, not in popup windows --%>
 	<c:if test="${ not hideProgressBar && ( empty mode || mode == 'author' || mode == 'learner') }">
 	
 		<%-- Links placed in body instead of head. Ugly, but it works. --%>
@@ -163,16 +163,19 @@
 				$('#sidebar').show();
 			}
 
-			function preventLearnerAutosaveFromMultipleTabs(autosaveInterval) {
+			function preventLearnerAutosaveFromMultipleTabs(autosaveWindowId, autosaveInterval) {
 				let currentTime = new Date().getTime(),
-					lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp');
+						lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp'),
+						lamsAutosaveWindowId = +localStorage.getItem('lamsAutosaveWindowId');
 				// check if autosave does not happen too often
-				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime) {
+				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime
+						&& lamsAutosaveWindowId && lamsAutosaveWindowId != autosaveWindowId) {
 					// this label is required only in tool which implement autosave
 					alert('<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.prevent.learner.autosave.mutliple.tabs" /></spring:escapeBody>');
 					return false;
 				}
 				localStorage.setItem('lamsAutosaveTimestamp', currentTime);
+				localStorage.setItem('lamsAutosaveWindowId', autosaveWindowId);
 				return true;
 			}
 			
@@ -215,21 +218,6 @@
 							} else if ( showControlBar == 2 ) {
 								$('#navcontent').addClass('navcontent');
 							}
-							
-							var presenceEnabledPatch = result.presenceEnabledPatch;
-							var presenceImEnabled = result.presenceImEnabled;
-							if ( showIM && (presenceEnabledPatch || presenceImEnabled) ) {
-								presenceURL = LEARNING_URL+"presenceChat.jsp?presenceEnabledPatch="+presenceEnabledPatch
-										+"&presenceImEnabled="+presenceImEnabled+"&lessonID="+lessonId;
-								<c:if test="${not usePanel}">
-								presenceURL = presenceURL + "&reloadBootstrap=true";
-								</c:if>
-								$('#presenceEnabledPatchDiv').load(presenceURL, function( response, status, xhr ) {
-									if ( status == "error" ) {
-										alert("Unable to load IM: " + xhr.status);
-									} 
-								});
-							}
 
 							initWebsocket('commandWebsocket', LEARNING_URL.replace('http', 'ws')
 									+ 'commandWebsocket?lessonID=' + lessonId,
@@ -379,10 +367,6 @@
 					<jsp:doBody />
 				</c:otherwise>
 				</c:choose>						
-				<%--  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>
Index: lams_tool_notebook/web/WEB-INF/tags/Page5.tag
===================================================================
diff -u -r81f928586161dd03042b6353f68c7d7b8279ccde -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_tool_notebook/web/WEB-INF/tags/Page5.tag	(.../Page5.tag)	(revision 81f928586161dd03042b6353f68c7d7b8279ccde)
+++ lams_tool_notebook/web/WEB-INF/tags/Page5.tag	(.../Page5.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -165,16 +165,19 @@
 				$('#sidebar').show();
 			}
 
-			function preventLearnerAutosaveFromMultipleTabs(autosaveInterval) {
+			function preventLearnerAutosaveFromMultipleTabs(autosaveWindowId, autosaveInterval) {
 				let currentTime = new Date().getTime(),
-					lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp');
+						lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp'),
+						lamsAutosaveWindowId = +localStorage.getItem('lamsAutosaveWindowId');
 				// check if autosave does not happen too often
-				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime) {
+				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime
+						&& lamsAutosaveWindowId && lamsAutosaveWindowId != autosaveWindowId) {
 					// this label is required only in tool which implement autosave
 					alert('<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.prevent.learner.autosave.mutliple.tabs" /></spring:escapeBody>');
 					return false;
 				}
 				localStorage.setItem('lamsAutosaveTimestamp', currentTime);
+				localStorage.setItem('lamsAutosaveWindowId', autosaveWindowId);
 				return true;
 			}
 
@@ -217,21 +220,6 @@
 							} else if ( showControlBar == 2 ) {
 								$('#navcontent').addClass('navcontent');
 							}
-							
-							var presenceEnabledPatch = result.presenceEnabledPatch;
-							var presenceImEnabled = result.presenceImEnabled;
-							if ( showIM && (presenceEnabledPatch || presenceImEnabled) ) {
-								presenceURL = LEARNING_URL+"presenceChat.jsp?presenceEnabledPatch="+presenceEnabledPatch
-										+"&presenceImEnabled="+presenceImEnabled+"&lessonID="+lessonId;
-								<c:if test="${not usePanel}">
-								presenceURL = presenceURL + "&reloadBootstrap=true";
-								</c:if>
-								$('#presenceEnabledPatchDiv').load(presenceURL, function( response, status, xhr ) {
-									if ( status == "error" ) {
-										alert("Unable to load IM: " + xhr.status);
-									} 
-								});
-							}
 
 							initWebsocket('commandWebsocket', LEARNING_URL.replace('http', 'ws')
 									+ 'commandWebsocket?lessonID=' + lessonId,
@@ -381,10 +369,6 @@
 					<jsp:doBody />
 				</c:otherwise>
 				</c:choose>						
-				<%--  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>
Index: lams_tool_notebook/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -r6598c02ec0f7dfd0db5ab175660b6b20c12464d2 -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_tool_notebook/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 6598c02ec0f7dfd0db5ab175660b6b20c12464d2)
+++ lams_tool_notebook/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -69,19 +69,22 @@
 	            		lessonID = ${empty lessonID ? 'null' : lessonID};
 	                initLearnerPage(toolSessionID, lessonID);
 	            });
-	
-	            function preventLearnerAutosaveFromMultipleTabs(autosaveInterval) {
-	                let currentTime = new Date().getTime(),
-	                    lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp');
-	                // check if autosave does not happen too often
-	                if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime) {
-	                    // this label is required only in tool which implement autosave
-	                    alert('<fmt:message key="label.prevent.learner.autosave.mutliple.tabs" />');
-	                    return false;
-	                }
-	                localStorage.setItem('lamsAutosaveTimestamp', currentTime);
-	                return true;
-	            }
+
+				function preventLearnerAutosaveFromMultipleTabs(autosaveWindowId, autosaveInterval) {
+					let currentTime = new Date().getTime(),
+							lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp'),
+							lamsAutosaveWindowId = +localStorage.getItem('lamsAutosaveWindowId');
+					// check if autosave does not happen too often
+					if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime
+							&& lamsAutosaveWindowId && lamsAutosaveWindowId != autosaveWindowId) {
+						// this label is required only in tool which implement autosave
+						alert('<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.prevent.learner.autosave.mutliple.tabs" /></spring:escapeBody>');
+						return false;
+					}
+					localStorage.setItem('lamsAutosaveTimestamp', currentTime);
+					localStorage.setItem('lamsAutosaveWindowId', autosaveWindowId);
+					return true;
+				}
 	        </script>
         </c:if>
     </lams:head>
@@ -216,4 +219,4 @@
 		    </div>
 	    </c:if>
     </body>
-</lams:html>
+</lams:html>
\ No newline at end of file
Index: lams_tool_notebook/web/WEB-INF/tags/StyledRating5.tag
===================================================================
diff -u -rb6e8dca20bffba9ce751b917ab4af7b252115f67 -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_tool_notebook/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision b6e8dca20bffba9ce751b917ab4af7b252115f67)
+++ lams_tool_notebook/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -96,18 +96,23 @@
 								</td>
 								
 								<td class="rating">
-									<div class="rating-stars-holder text-center center-block">
+									<div class="starability-holder">
 										<c:set var="objectId">${criteriaRatings.ratingCriteria.ratingCriteriaId}-${rating.itemId}</c:set>
-										<div class="rating-stars-disabled rating-stars-new" data-average="${rating.averageRating}" data-id="${objectId}">
+										<c:set var="dataRating">
+											<fmt:formatNumber value="${rating.averageRating-(rating.averageRating%1)}" pattern="#"></fmt:formatNumber>
+											${(rating.averageRating%1) >= 0.5 ? '.5' : ''}
+										</c:set>
+										<div class="starability starability-result" data-rating="${dataRating}">
+											Rated: ${dataRating} stars
 										</div>
-										<c:set var="userRating">${rating.userRating}</c:set>
-										<div class="rating-stars-caption" id="rating-stars-caption-${objectId}">
+										
+										<div class="starability-caption" id="starability-caption-${objectId}">
 											<c:choose>
-												<c:when test="${empty userRating}">
+												<c:when test="${empty rating.userRating}">
 													<fmt:message key="label.not.rated"></fmt:message>
 												</c:when>
 												<c:otherwise>
-													<fmt:message key="label.you.gave.rating"><fmt:param><span id="user-rating-${objectId}">${userRating}</span></fmt:param></fmt:message>
+													<fmt:message key="label.you.gave.rating"><fmt:param><span id="user-rating-${objectId}">${rating.userRating}</span></fmt:param></fmt:message>
 												</c:otherwise>
 											</c:choose>
 											<br/>
@@ -135,10 +140,17 @@
 				<c:forEach var="rating" items="${criteriaRatings.ratingDtos}" varStatus="status">
 					<c:if test="${status.first && not empty rating.averageRating}">
 						<div class="rating">
-							<div class="rating-stars-holder text-center center-block">
+							<div class="starability-holder">
 								<c:set var="objectId">${criteriaRatings.ratingCriteria.ratingCriteriaId}-${rating.itemId}</c:set>
-								<div class="rating-stars-disabled rating-stars-new" data-average="${rating.averageRating}" data-id="${objectId}"></div>
-								<div class="rating-stars-caption" id="rating-stars-caption-${objectId}-currentUser">
+								<c:set var="dataRating">
+									<fmt:formatNumber value="${rating.averageRating-(rating.averageRating%1)}" pattern="#"></fmt:formatNumber>
+									${(rating.averageRating%1) >= 0.5 ? '.5' : ''}
+								</c:set>
+								<div class="starability starability-result" data-rating="${dataRating}">
+									Rated: ${dataRating} stars
+								</div>
+								
+								<div class="starability-caption" id="starability-caption-${objectId}-currentUser">
 									<fmt:message key="label.avg.rating">
 										<fmt:param><span id="average-rating-${objectId}-currentUser">${rating.averageRating}</span></fmt:param>
 										<fmt:param><span id="number-of-votes-${objectId}-currentUser">${rating.numberOfVotes}</span></fmt:param>
Index: lams_tool_pixlr/web/WEB-INF/tags/Page.tag
===================================================================
diff -u -r876e644c066e81c2721ffa085fd12f386e2f3bb6 -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_tool_pixlr/web/WEB-INF/tags/Page.tag	(.../Page.tag)	(revision 876e644c066e81c2721ffa085fd12f386e2f3bb6)
+++ lams_tool_pixlr/web/WEB-INF/tags/Page.tag	(.../Page.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -48,7 +48,7 @@
 		<c:set var="mode" value="${sessionScope[sessionMapID].mode}" />
 	</c:if>
 
-	<%--  only have sidebar and presence in learner main window, not in popup windows --%>
+	<%--  only have sidebar in learner main window, not in popup windows --%>
 	<c:if test="${ not hideProgressBar && ( empty mode || mode == 'author' || mode == 'learner') }">
 	
 		<%-- Links placed in body instead of head. Ugly, but it works. --%>
@@ -163,16 +163,19 @@
 				$('#sidebar').show();
 			}
 
-			function preventLearnerAutosaveFromMultipleTabs(autosaveInterval) {
+			function preventLearnerAutosaveFromMultipleTabs(autosaveWindowId, autosaveInterval) {
 				let currentTime = new Date().getTime(),
-					lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp');
+						lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp'),
+						lamsAutosaveWindowId = +localStorage.getItem('lamsAutosaveWindowId');
 				// check if autosave does not happen too often
-				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime) {
+				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime
+						&& lamsAutosaveWindowId && lamsAutosaveWindowId != autosaveWindowId) {
 					// this label is required only in tool which implement autosave
 					alert('<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.prevent.learner.autosave.mutliple.tabs" /></spring:escapeBody>');
 					return false;
 				}
 				localStorage.setItem('lamsAutosaveTimestamp', currentTime);
+				localStorage.setItem('lamsAutosaveWindowId', autosaveWindowId);
 				return true;
 			}
 			
@@ -215,21 +218,6 @@
 							} else if ( showControlBar == 2 ) {
 								$('#navcontent').addClass('navcontent');
 							}
-							
-							var presenceEnabledPatch = result.presenceEnabledPatch;
-							var presenceImEnabled = result.presenceImEnabled;
-							if ( showIM && (presenceEnabledPatch || presenceImEnabled) ) {
-								presenceURL = LEARNING_URL+"presenceChat.jsp?presenceEnabledPatch="+presenceEnabledPatch
-										+"&presenceImEnabled="+presenceImEnabled+"&lessonID="+lessonId;
-								<c:if test="${not usePanel}">
-								presenceURL = presenceURL + "&reloadBootstrap=true";
-								</c:if>
-								$('#presenceEnabledPatchDiv').load(presenceURL, function( response, status, xhr ) {
-									if ( status == "error" ) {
-										alert("Unable to load IM: " + xhr.status);
-									} 
-								});
-							}
 
 							initWebsocket('commandWebsocket', LEARNING_URL.replace('http', 'ws')
 									+ 'commandWebsocket?lessonID=' + lessonId,
@@ -379,10 +367,6 @@
 					<jsp:doBody />
 				</c:otherwise>
 				</c:choose>						
-				<%--  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>
Index: lams_tool_pixlr/web/WEB-INF/tags/Page5.tag
===================================================================
diff -u -r81f928586161dd03042b6353f68c7d7b8279ccde -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_tool_pixlr/web/WEB-INF/tags/Page5.tag	(.../Page5.tag)	(revision 81f928586161dd03042b6353f68c7d7b8279ccde)
+++ lams_tool_pixlr/web/WEB-INF/tags/Page5.tag	(.../Page5.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -165,16 +165,19 @@
 				$('#sidebar').show();
 			}
 
-			function preventLearnerAutosaveFromMultipleTabs(autosaveInterval) {
+			function preventLearnerAutosaveFromMultipleTabs(autosaveWindowId, autosaveInterval) {
 				let currentTime = new Date().getTime(),
-					lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp');
+						lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp'),
+						lamsAutosaveWindowId = +localStorage.getItem('lamsAutosaveWindowId');
 				// check if autosave does not happen too often
-				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime) {
+				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime
+						&& lamsAutosaveWindowId && lamsAutosaveWindowId != autosaveWindowId) {
 					// this label is required only in tool which implement autosave
 					alert('<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.prevent.learner.autosave.mutliple.tabs" /></spring:escapeBody>');
 					return false;
 				}
 				localStorage.setItem('lamsAutosaveTimestamp', currentTime);
+				localStorage.setItem('lamsAutosaveWindowId', autosaveWindowId);
 				return true;
 			}
 
@@ -217,21 +220,6 @@
 							} else if ( showControlBar == 2 ) {
 								$('#navcontent').addClass('navcontent');
 							}
-							
-							var presenceEnabledPatch = result.presenceEnabledPatch;
-							var presenceImEnabled = result.presenceImEnabled;
-							if ( showIM && (presenceEnabledPatch || presenceImEnabled) ) {
-								presenceURL = LEARNING_URL+"presenceChat.jsp?presenceEnabledPatch="+presenceEnabledPatch
-										+"&presenceImEnabled="+presenceImEnabled+"&lessonID="+lessonId;
-								<c:if test="${not usePanel}">
-								presenceURL = presenceURL + "&reloadBootstrap=true";
-								</c:if>
-								$('#presenceEnabledPatchDiv').load(presenceURL, function( response, status, xhr ) {
-									if ( status == "error" ) {
-										alert("Unable to load IM: " + xhr.status);
-									} 
-								});
-							}
 
 							initWebsocket('commandWebsocket', LEARNING_URL.replace('http', 'ws')
 									+ 'commandWebsocket?lessonID=' + lessonId,
@@ -381,10 +369,6 @@
 					<jsp:doBody />
 				</c:otherwise>
 				</c:choose>						
-				<%--  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>
Index: lams_tool_pixlr/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -r6598c02ec0f7dfd0db5ab175660b6b20c12464d2 -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_tool_pixlr/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 6598c02ec0f7dfd0db5ab175660b6b20c12464d2)
+++ lams_tool_pixlr/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -69,19 +69,22 @@
 	            		lessonID = ${empty lessonID ? 'null' : lessonID};
 	                initLearnerPage(toolSessionID, lessonID);
 	            });
-	
-	            function preventLearnerAutosaveFromMultipleTabs(autosaveInterval) {
-	                let currentTime = new Date().getTime(),
-	                    lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp');
-	                // check if autosave does not happen too often
-	                if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime) {
-	                    // this label is required only in tool which implement autosave
-	                    alert('<fmt:message key="label.prevent.learner.autosave.mutliple.tabs" />');
-	                    return false;
-	                }
-	                localStorage.setItem('lamsAutosaveTimestamp', currentTime);
-	                return true;
-	            }
+
+				function preventLearnerAutosaveFromMultipleTabs(autosaveWindowId, autosaveInterval) {
+					let currentTime = new Date().getTime(),
+							lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp'),
+							lamsAutosaveWindowId = +localStorage.getItem('lamsAutosaveWindowId');
+					// check if autosave does not happen too often
+					if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime
+							&& lamsAutosaveWindowId && lamsAutosaveWindowId != autosaveWindowId) {
+						// this label is required only in tool which implement autosave
+						alert('<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.prevent.learner.autosave.mutliple.tabs" /></spring:escapeBody>');
+						return false;
+					}
+					localStorage.setItem('lamsAutosaveTimestamp', currentTime);
+					localStorage.setItem('lamsAutosaveWindowId', autosaveWindowId);
+					return true;
+				}
 	        </script>
         </c:if>
     </lams:head>
@@ -216,4 +219,4 @@
 		    </div>
 	    </c:if>
     </body>
-</lams:html>
+</lams:html>
\ No newline at end of file
Index: lams_tool_pixlr/web/WEB-INF/tags/StyledRating5.tag
===================================================================
diff -u -rb6e8dca20bffba9ce751b917ab4af7b252115f67 -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_tool_pixlr/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision b6e8dca20bffba9ce751b917ab4af7b252115f67)
+++ lams_tool_pixlr/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -96,18 +96,23 @@
 								</td>
 								
 								<td class="rating">
-									<div class="rating-stars-holder text-center center-block">
+									<div class="starability-holder">
 										<c:set var="objectId">${criteriaRatings.ratingCriteria.ratingCriteriaId}-${rating.itemId}</c:set>
-										<div class="rating-stars-disabled rating-stars-new" data-average="${rating.averageRating}" data-id="${objectId}">
+										<c:set var="dataRating">
+											<fmt:formatNumber value="${rating.averageRating-(rating.averageRating%1)}" pattern="#"></fmt:formatNumber>
+											${(rating.averageRating%1) >= 0.5 ? '.5' : ''}
+										</c:set>
+										<div class="starability starability-result" data-rating="${dataRating}">
+											Rated: ${dataRating} stars
 										</div>
-										<c:set var="userRating">${rating.userRating}</c:set>
-										<div class="rating-stars-caption" id="rating-stars-caption-${objectId}">
+										
+										<div class="starability-caption" id="starability-caption-${objectId}">
 											<c:choose>
-												<c:when test="${empty userRating}">
+												<c:when test="${empty rating.userRating}">
 													<fmt:message key="label.not.rated"></fmt:message>
 												</c:when>
 												<c:otherwise>
-													<fmt:message key="label.you.gave.rating"><fmt:param><span id="user-rating-${objectId}">${userRating}</span></fmt:param></fmt:message>
+													<fmt:message key="label.you.gave.rating"><fmt:param><span id="user-rating-${objectId}">${rating.userRating}</span></fmt:param></fmt:message>
 												</c:otherwise>
 											</c:choose>
 											<br/>
@@ -135,10 +140,17 @@
 				<c:forEach var="rating" items="${criteriaRatings.ratingDtos}" varStatus="status">
 					<c:if test="${status.first && not empty rating.averageRating}">
 						<div class="rating">
-							<div class="rating-stars-holder text-center center-block">
+							<div class="starability-holder">
 								<c:set var="objectId">${criteriaRatings.ratingCriteria.ratingCriteriaId}-${rating.itemId}</c:set>
-								<div class="rating-stars-disabled rating-stars-new" data-average="${rating.averageRating}" data-id="${objectId}"></div>
-								<div class="rating-stars-caption" id="rating-stars-caption-${objectId}-currentUser">
+								<c:set var="dataRating">
+									<fmt:formatNumber value="${rating.averageRating-(rating.averageRating%1)}" pattern="#"></fmt:formatNumber>
+									${(rating.averageRating%1) >= 0.5 ? '.5' : ''}
+								</c:set>
+								<div class="starability starability-result" data-rating="${dataRating}">
+									Rated: ${dataRating} stars
+								</div>
+								
+								<div class="starability-caption" id="starability-caption-${objectId}-currentUser">
 									<fmt:message key="label.avg.rating">
 										<fmt:param><span id="average-rating-${objectId}-currentUser">${rating.averageRating}</span></fmt:param>
 										<fmt:param><span id="number-of-votes-${objectId}-currentUser">${rating.numberOfVotes}</span></fmt:param>
Index: lams_tool_preview/web/WEB-INF/tags/Page.tag
===================================================================
diff -u -r876e644c066e81c2721ffa085fd12f386e2f3bb6 -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_tool_preview/web/WEB-INF/tags/Page.tag	(.../Page.tag)	(revision 876e644c066e81c2721ffa085fd12f386e2f3bb6)
+++ lams_tool_preview/web/WEB-INF/tags/Page.tag	(.../Page.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -48,7 +48,7 @@
 		<c:set var="mode" value="${sessionScope[sessionMapID].mode}" />
 	</c:if>
 
-	<%--  only have sidebar and presence in learner main window, not in popup windows --%>
+	<%--  only have sidebar in learner main window, not in popup windows --%>
 	<c:if test="${ not hideProgressBar && ( empty mode || mode == 'author' || mode == 'learner') }">
 	
 		<%-- Links placed in body instead of head. Ugly, but it works. --%>
@@ -163,16 +163,19 @@
 				$('#sidebar').show();
 			}
 
-			function preventLearnerAutosaveFromMultipleTabs(autosaveInterval) {
+			function preventLearnerAutosaveFromMultipleTabs(autosaveWindowId, autosaveInterval) {
 				let currentTime = new Date().getTime(),
-					lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp');
+						lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp'),
+						lamsAutosaveWindowId = +localStorage.getItem('lamsAutosaveWindowId');
 				// check if autosave does not happen too often
-				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime) {
+				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime
+						&& lamsAutosaveWindowId && lamsAutosaveWindowId != autosaveWindowId) {
 					// this label is required only in tool which implement autosave
 					alert('<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.prevent.learner.autosave.mutliple.tabs" /></spring:escapeBody>');
 					return false;
 				}
 				localStorage.setItem('lamsAutosaveTimestamp', currentTime);
+				localStorage.setItem('lamsAutosaveWindowId', autosaveWindowId);
 				return true;
 			}
 			
@@ -215,21 +218,6 @@
 							} else if ( showControlBar == 2 ) {
 								$('#navcontent').addClass('navcontent');
 							}
-							
-							var presenceEnabledPatch = result.presenceEnabledPatch;
-							var presenceImEnabled = result.presenceImEnabled;
-							if ( showIM && (presenceEnabledPatch || presenceImEnabled) ) {
-								presenceURL = LEARNING_URL+"presenceChat.jsp?presenceEnabledPatch="+presenceEnabledPatch
-										+"&presenceImEnabled="+presenceImEnabled+"&lessonID="+lessonId;
-								<c:if test="${not usePanel}">
-								presenceURL = presenceURL + "&reloadBootstrap=true";
-								</c:if>
-								$('#presenceEnabledPatchDiv').load(presenceURL, function( response, status, xhr ) {
-									if ( status == "error" ) {
-										alert("Unable to load IM: " + xhr.status);
-									} 
-								});
-							}
 
 							initWebsocket('commandWebsocket', LEARNING_URL.replace('http', 'ws')
 									+ 'commandWebsocket?lessonID=' + lessonId,
@@ -379,10 +367,6 @@
 					<jsp:doBody />
 				</c:otherwise>
 				</c:choose>						
-				<%--  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>
Index: lams_tool_preview/web/WEB-INF/tags/Page5.tag
===================================================================
diff -u -r81f928586161dd03042b6353f68c7d7b8279ccde -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_tool_preview/web/WEB-INF/tags/Page5.tag	(.../Page5.tag)	(revision 81f928586161dd03042b6353f68c7d7b8279ccde)
+++ lams_tool_preview/web/WEB-INF/tags/Page5.tag	(.../Page5.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -165,16 +165,19 @@
 				$('#sidebar').show();
 			}
 
-			function preventLearnerAutosaveFromMultipleTabs(autosaveInterval) {
+			function preventLearnerAutosaveFromMultipleTabs(autosaveWindowId, autosaveInterval) {
 				let currentTime = new Date().getTime(),
-					lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp');
+						lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp'),
+						lamsAutosaveWindowId = +localStorage.getItem('lamsAutosaveWindowId');
 				// check if autosave does not happen too often
-				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime) {
+				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime
+						&& lamsAutosaveWindowId && lamsAutosaveWindowId != autosaveWindowId) {
 					// this label is required only in tool which implement autosave
 					alert('<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.prevent.learner.autosave.mutliple.tabs" /></spring:escapeBody>');
 					return false;
 				}
 				localStorage.setItem('lamsAutosaveTimestamp', currentTime);
+				localStorage.setItem('lamsAutosaveWindowId', autosaveWindowId);
 				return true;
 			}
 
@@ -217,21 +220,6 @@
 							} else if ( showControlBar == 2 ) {
 								$('#navcontent').addClass('navcontent');
 							}
-							
-							var presenceEnabledPatch = result.presenceEnabledPatch;
-							var presenceImEnabled = result.presenceImEnabled;
-							if ( showIM && (presenceEnabledPatch || presenceImEnabled) ) {
-								presenceURL = LEARNING_URL+"presenceChat.jsp?presenceEnabledPatch="+presenceEnabledPatch
-										+"&presenceImEnabled="+presenceImEnabled+"&lessonID="+lessonId;
-								<c:if test="${not usePanel}">
-								presenceURL = presenceURL + "&reloadBootstrap=true";
-								</c:if>
-								$('#presenceEnabledPatchDiv').load(presenceURL, function( response, status, xhr ) {
-									if ( status == "error" ) {
-										alert("Unable to load IM: " + xhr.status);
-									} 
-								});
-							}
 
 							initWebsocket('commandWebsocket', LEARNING_URL.replace('http', 'ws')
 									+ 'commandWebsocket?lessonID=' + lessonId,
@@ -381,10 +369,6 @@
 					<jsp:doBody />
 				</c:otherwise>
 				</c:choose>						
-				<%--  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>
Index: lams_tool_preview/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -r6598c02ec0f7dfd0db5ab175660b6b20c12464d2 -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_tool_preview/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 6598c02ec0f7dfd0db5ab175660b6b20c12464d2)
+++ lams_tool_preview/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -69,19 +69,22 @@
 	            		lessonID = ${empty lessonID ? 'null' : lessonID};
 	                initLearnerPage(toolSessionID, lessonID);
 	            });
-	
-	            function preventLearnerAutosaveFromMultipleTabs(autosaveInterval) {
-	                let currentTime = new Date().getTime(),
-	                    lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp');
-	                // check if autosave does not happen too often
-	                if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime) {
-	                    // this label is required only in tool which implement autosave
-	                    alert('<fmt:message key="label.prevent.learner.autosave.mutliple.tabs" />');
-	                    return false;
-	                }
-	                localStorage.setItem('lamsAutosaveTimestamp', currentTime);
-	                return true;
-	            }
+
+				function preventLearnerAutosaveFromMultipleTabs(autosaveWindowId, autosaveInterval) {
+					let currentTime = new Date().getTime(),
+							lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp'),
+							lamsAutosaveWindowId = +localStorage.getItem('lamsAutosaveWindowId');
+					// check if autosave does not happen too often
+					if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime
+							&& lamsAutosaveWindowId && lamsAutosaveWindowId != autosaveWindowId) {
+						// this label is required only in tool which implement autosave
+						alert('<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.prevent.learner.autosave.mutliple.tabs" /></spring:escapeBody>');
+						return false;
+					}
+					localStorage.setItem('lamsAutosaveTimestamp', currentTime);
+					localStorage.setItem('lamsAutosaveWindowId', autosaveWindowId);
+					return true;
+				}
 	        </script>
         </c:if>
     </lams:head>
@@ -216,4 +219,4 @@
 		    </div>
 	    </c:if>
     </body>
-</lams:html>
+</lams:html>
\ No newline at end of file
Index: lams_tool_sbmt/web/WEB-INF/tags/Page.tag
===================================================================
diff -u -r876e644c066e81c2721ffa085fd12f386e2f3bb6 -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_tool_sbmt/web/WEB-INF/tags/Page.tag	(.../Page.tag)	(revision 876e644c066e81c2721ffa085fd12f386e2f3bb6)
+++ lams_tool_sbmt/web/WEB-INF/tags/Page.tag	(.../Page.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -48,7 +48,7 @@
 		<c:set var="mode" value="${sessionScope[sessionMapID].mode}" />
 	</c:if>
 
-	<%--  only have sidebar and presence in learner main window, not in popup windows --%>
+	<%--  only have sidebar in learner main window, not in popup windows --%>
 	<c:if test="${ not hideProgressBar && ( empty mode || mode == 'author' || mode == 'learner') }">
 	
 		<%-- Links placed in body instead of head. Ugly, but it works. --%>
@@ -163,16 +163,19 @@
 				$('#sidebar').show();
 			}
 
-			function preventLearnerAutosaveFromMultipleTabs(autosaveInterval) {
+			function preventLearnerAutosaveFromMultipleTabs(autosaveWindowId, autosaveInterval) {
 				let currentTime = new Date().getTime(),
-					lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp');
+						lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp'),
+						lamsAutosaveWindowId = +localStorage.getItem('lamsAutosaveWindowId');
 				// check if autosave does not happen too often
-				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime) {
+				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime
+						&& lamsAutosaveWindowId && lamsAutosaveWindowId != autosaveWindowId) {
 					// this label is required only in tool which implement autosave
 					alert('<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.prevent.learner.autosave.mutliple.tabs" /></spring:escapeBody>');
 					return false;
 				}
 				localStorage.setItem('lamsAutosaveTimestamp', currentTime);
+				localStorage.setItem('lamsAutosaveWindowId', autosaveWindowId);
 				return true;
 			}
 			
@@ -215,21 +218,6 @@
 							} else if ( showControlBar == 2 ) {
 								$('#navcontent').addClass('navcontent');
 							}
-							
-							var presenceEnabledPatch = result.presenceEnabledPatch;
-							var presenceImEnabled = result.presenceImEnabled;
-							if ( showIM && (presenceEnabledPatch || presenceImEnabled) ) {
-								presenceURL = LEARNING_URL+"presenceChat.jsp?presenceEnabledPatch="+presenceEnabledPatch
-										+"&presenceImEnabled="+presenceImEnabled+"&lessonID="+lessonId;
-								<c:if test="${not usePanel}">
-								presenceURL = presenceURL + "&reloadBootstrap=true";
-								</c:if>
-								$('#presenceEnabledPatchDiv').load(presenceURL, function( response, status, xhr ) {
-									if ( status == "error" ) {
-										alert("Unable to load IM: " + xhr.status);
-									} 
-								});
-							}
 
 							initWebsocket('commandWebsocket', LEARNING_URL.replace('http', 'ws')
 									+ 'commandWebsocket?lessonID=' + lessonId,
@@ -379,10 +367,6 @@
 					<jsp:doBody />
 				</c:otherwise>
 				</c:choose>						
-				<%--  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>
Index: lams_tool_sbmt/web/WEB-INF/tags/Page5.tag
===================================================================
diff -u -r81f928586161dd03042b6353f68c7d7b8279ccde -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_tool_sbmt/web/WEB-INF/tags/Page5.tag	(.../Page5.tag)	(revision 81f928586161dd03042b6353f68c7d7b8279ccde)
+++ lams_tool_sbmt/web/WEB-INF/tags/Page5.tag	(.../Page5.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -165,16 +165,19 @@
 				$('#sidebar').show();
 			}
 
-			function preventLearnerAutosaveFromMultipleTabs(autosaveInterval) {
+			function preventLearnerAutosaveFromMultipleTabs(autosaveWindowId, autosaveInterval) {
 				let currentTime = new Date().getTime(),
-					lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp');
+						lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp'),
+						lamsAutosaveWindowId = +localStorage.getItem('lamsAutosaveWindowId');
 				// check if autosave does not happen too often
-				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime) {
+				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime
+						&& lamsAutosaveWindowId && lamsAutosaveWindowId != autosaveWindowId) {
 					// this label is required only in tool which implement autosave
 					alert('<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.prevent.learner.autosave.mutliple.tabs" /></spring:escapeBody>');
 					return false;
 				}
 				localStorage.setItem('lamsAutosaveTimestamp', currentTime);
+				localStorage.setItem('lamsAutosaveWindowId', autosaveWindowId);
 				return true;
 			}
 
@@ -217,21 +220,6 @@
 							} else if ( showControlBar == 2 ) {
 								$('#navcontent').addClass('navcontent');
 							}
-							
-							var presenceEnabledPatch = result.presenceEnabledPatch;
-							var presenceImEnabled = result.presenceImEnabled;
-							if ( showIM && (presenceEnabledPatch || presenceImEnabled) ) {
-								presenceURL = LEARNING_URL+"presenceChat.jsp?presenceEnabledPatch="+presenceEnabledPatch
-										+"&presenceImEnabled="+presenceImEnabled+"&lessonID="+lessonId;
-								<c:if test="${not usePanel}">
-								presenceURL = presenceURL + "&reloadBootstrap=true";
-								</c:if>
-								$('#presenceEnabledPatchDiv').load(presenceURL, function( response, status, xhr ) {
-									if ( status == "error" ) {
-										alert("Unable to load IM: " + xhr.status);
-									} 
-								});
-							}
 
 							initWebsocket('commandWebsocket', LEARNING_URL.replace('http', 'ws')
 									+ 'commandWebsocket?lessonID=' + lessonId,
@@ -381,10 +369,6 @@
 					<jsp:doBody />
 				</c:otherwise>
 				</c:choose>						
-				<%--  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>
Index: lams_tool_sbmt/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -r6598c02ec0f7dfd0db5ab175660b6b20c12464d2 -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_tool_sbmt/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 6598c02ec0f7dfd0db5ab175660b6b20c12464d2)
+++ lams_tool_sbmt/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -69,19 +69,22 @@
 	            		lessonID = ${empty lessonID ? 'null' : lessonID};
 	                initLearnerPage(toolSessionID, lessonID);
 	            });
-	
-	            function preventLearnerAutosaveFromMultipleTabs(autosaveInterval) {
-	                let currentTime = new Date().getTime(),
-	                    lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp');
-	                // check if autosave does not happen too often
-	                if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime) {
-	                    // this label is required only in tool which implement autosave
-	                    alert('<fmt:message key="label.prevent.learner.autosave.mutliple.tabs" />');
-	                    return false;
-	                }
-	                localStorage.setItem('lamsAutosaveTimestamp', currentTime);
-	                return true;
-	            }
+
+				function preventLearnerAutosaveFromMultipleTabs(autosaveWindowId, autosaveInterval) {
+					let currentTime = new Date().getTime(),
+							lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp'),
+							lamsAutosaveWindowId = +localStorage.getItem('lamsAutosaveWindowId');
+					// check if autosave does not happen too often
+					if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime
+							&& lamsAutosaveWindowId && lamsAutosaveWindowId != autosaveWindowId) {
+						// this label is required only in tool which implement autosave
+						alert('<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.prevent.learner.autosave.mutliple.tabs" /></spring:escapeBody>');
+						return false;
+					}
+					localStorage.setItem('lamsAutosaveTimestamp', currentTime);
+					localStorage.setItem('lamsAutosaveWindowId', autosaveWindowId);
+					return true;
+				}
 	        </script>
         </c:if>
     </lams:head>
@@ -216,4 +219,4 @@
 		    </div>
 	    </c:if>
     </body>
-</lams:html>
+</lams:html>
\ No newline at end of file
Index: lams_tool_sbmt/web/WEB-INF/tags/StyledRating5.tag
===================================================================
diff -u -rb6e8dca20bffba9ce751b917ab4af7b252115f67 -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_tool_sbmt/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision b6e8dca20bffba9ce751b917ab4af7b252115f67)
+++ lams_tool_sbmt/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -96,18 +96,23 @@
 								</td>
 								
 								<td class="rating">
-									<div class="rating-stars-holder text-center center-block">
+									<div class="starability-holder">
 										<c:set var="objectId">${criteriaRatings.ratingCriteria.ratingCriteriaId}-${rating.itemId}</c:set>
-										<div class="rating-stars-disabled rating-stars-new" data-average="${rating.averageRating}" data-id="${objectId}">
+										<c:set var="dataRating">
+											<fmt:formatNumber value="${rating.averageRating-(rating.averageRating%1)}" pattern="#"></fmt:formatNumber>
+											${(rating.averageRating%1) >= 0.5 ? '.5' : ''}
+										</c:set>
+										<div class="starability starability-result" data-rating="${dataRating}">
+											Rated: ${dataRating} stars
 										</div>
-										<c:set var="userRating">${rating.userRating}</c:set>
-										<div class="rating-stars-caption" id="rating-stars-caption-${objectId}">
+										
+										<div class="starability-caption" id="starability-caption-${objectId}">
 											<c:choose>
-												<c:when test="${empty userRating}">
+												<c:when test="${empty rating.userRating}">
 													<fmt:message key="label.not.rated"></fmt:message>
 												</c:when>
 												<c:otherwise>
-													<fmt:message key="label.you.gave.rating"><fmt:param><span id="user-rating-${objectId}">${userRating}</span></fmt:param></fmt:message>
+													<fmt:message key="label.you.gave.rating"><fmt:param><span id="user-rating-${objectId}">${rating.userRating}</span></fmt:param></fmt:message>
 												</c:otherwise>
 											</c:choose>
 											<br/>
@@ -135,10 +140,17 @@
 				<c:forEach var="rating" items="${criteriaRatings.ratingDtos}" varStatus="status">
 					<c:if test="${status.first && not empty rating.averageRating}">
 						<div class="rating">
-							<div class="rating-stars-holder text-center center-block">
+							<div class="starability-holder">
 								<c:set var="objectId">${criteriaRatings.ratingCriteria.ratingCriteriaId}-${rating.itemId}</c:set>
-								<div class="rating-stars-disabled rating-stars-new" data-average="${rating.averageRating}" data-id="${objectId}"></div>
-								<div class="rating-stars-caption" id="rating-stars-caption-${objectId}-currentUser">
+								<c:set var="dataRating">
+									<fmt:formatNumber value="${rating.averageRating-(rating.averageRating%1)}" pattern="#"></fmt:formatNumber>
+									${(rating.averageRating%1) >= 0.5 ? '.5' : ''}
+								</c:set>
+								<div class="starability starability-result" data-rating="${dataRating}">
+									Rated: ${dataRating} stars
+								</div>
+								
+								<div class="starability-caption" id="starability-caption-${objectId}-currentUser">
 									<fmt:message key="label.avg.rating">
 										<fmt:param><span id="average-rating-${objectId}-currentUser">${rating.averageRating}</span></fmt:param>
 										<fmt:param><span id="number-of-votes-${objectId}-currentUser">${rating.numberOfVotes}</span></fmt:param>
Index: lams_tool_scratchie/web/WEB-INF/tags/Page.tag
===================================================================
diff -u -r876e644c066e81c2721ffa085fd12f386e2f3bb6 -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_tool_scratchie/web/WEB-INF/tags/Page.tag	(.../Page.tag)	(revision 876e644c066e81c2721ffa085fd12f386e2f3bb6)
+++ lams_tool_scratchie/web/WEB-INF/tags/Page.tag	(.../Page.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -48,7 +48,7 @@
 		<c:set var="mode" value="${sessionScope[sessionMapID].mode}" />
 	</c:if>
 
-	<%--  only have sidebar and presence in learner main window, not in popup windows --%>
+	<%--  only have sidebar in learner main window, not in popup windows --%>
 	<c:if test="${ not hideProgressBar && ( empty mode || mode == 'author' || mode == 'learner') }">
 	
 		<%-- Links placed in body instead of head. Ugly, but it works. --%>
@@ -163,16 +163,19 @@
 				$('#sidebar').show();
 			}
 
-			function preventLearnerAutosaveFromMultipleTabs(autosaveInterval) {
+			function preventLearnerAutosaveFromMultipleTabs(autosaveWindowId, autosaveInterval) {
 				let currentTime = new Date().getTime(),
-					lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp');
+						lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp'),
+						lamsAutosaveWindowId = +localStorage.getItem('lamsAutosaveWindowId');
 				// check if autosave does not happen too often
-				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime) {
+				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime
+						&& lamsAutosaveWindowId && lamsAutosaveWindowId != autosaveWindowId) {
 					// this label is required only in tool which implement autosave
 					alert('<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.prevent.learner.autosave.mutliple.tabs" /></spring:escapeBody>');
 					return false;
 				}
 				localStorage.setItem('lamsAutosaveTimestamp', currentTime);
+				localStorage.setItem('lamsAutosaveWindowId', autosaveWindowId);
 				return true;
 			}
 			
@@ -215,21 +218,6 @@
 							} else if ( showControlBar == 2 ) {
 								$('#navcontent').addClass('navcontent');
 							}
-							
-							var presenceEnabledPatch = result.presenceEnabledPatch;
-							var presenceImEnabled = result.presenceImEnabled;
-							if ( showIM && (presenceEnabledPatch || presenceImEnabled) ) {
-								presenceURL = LEARNING_URL+"presenceChat.jsp?presenceEnabledPatch="+presenceEnabledPatch
-										+"&presenceImEnabled="+presenceImEnabled+"&lessonID="+lessonId;
-								<c:if test="${not usePanel}">
-								presenceURL = presenceURL + "&reloadBootstrap=true";
-								</c:if>
-								$('#presenceEnabledPatchDiv').load(presenceURL, function( response, status, xhr ) {
-									if ( status == "error" ) {
-										alert("Unable to load IM: " + xhr.status);
-									} 
-								});
-							}
 
 							initWebsocket('commandWebsocket', LEARNING_URL.replace('http', 'ws')
 									+ 'commandWebsocket?lessonID=' + lessonId,
@@ -379,10 +367,6 @@
 					<jsp:doBody />
 				</c:otherwise>
 				</c:choose>						
-				<%--  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>
Index: lams_tool_scratchie/web/WEB-INF/tags/Page5.tag
===================================================================
diff -u -r81f928586161dd03042b6353f68c7d7b8279ccde -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_tool_scratchie/web/WEB-INF/tags/Page5.tag	(.../Page5.tag)	(revision 81f928586161dd03042b6353f68c7d7b8279ccde)
+++ lams_tool_scratchie/web/WEB-INF/tags/Page5.tag	(.../Page5.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -165,16 +165,19 @@
 				$('#sidebar').show();
 			}
 
-			function preventLearnerAutosaveFromMultipleTabs(autosaveInterval) {
+			function preventLearnerAutosaveFromMultipleTabs(autosaveWindowId, autosaveInterval) {
 				let currentTime = new Date().getTime(),
-					lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp');
+						lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp'),
+						lamsAutosaveWindowId = +localStorage.getItem('lamsAutosaveWindowId');
 				// check if autosave does not happen too often
-				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime) {
+				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime
+						&& lamsAutosaveWindowId && lamsAutosaveWindowId != autosaveWindowId) {
 					// this label is required only in tool which implement autosave
 					alert('<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.prevent.learner.autosave.mutliple.tabs" /></spring:escapeBody>');
 					return false;
 				}
 				localStorage.setItem('lamsAutosaveTimestamp', currentTime);
+				localStorage.setItem('lamsAutosaveWindowId', autosaveWindowId);
 				return true;
 			}
 
@@ -217,21 +220,6 @@
 							} else if ( showControlBar == 2 ) {
 								$('#navcontent').addClass('navcontent');
 							}
-							
-							var presenceEnabledPatch = result.presenceEnabledPatch;
-							var presenceImEnabled = result.presenceImEnabled;
-							if ( showIM && (presenceEnabledPatch || presenceImEnabled) ) {
-								presenceURL = LEARNING_URL+"presenceChat.jsp?presenceEnabledPatch="+presenceEnabledPatch
-										+"&presenceImEnabled="+presenceImEnabled+"&lessonID="+lessonId;
-								<c:if test="${not usePanel}">
-								presenceURL = presenceURL + "&reloadBootstrap=true";
-								</c:if>
-								$('#presenceEnabledPatchDiv').load(presenceURL, function( response, status, xhr ) {
-									if ( status == "error" ) {
-										alert("Unable to load IM: " + xhr.status);
-									} 
-								});
-							}
 
 							initWebsocket('commandWebsocket', LEARNING_URL.replace('http', 'ws')
 									+ 'commandWebsocket?lessonID=' + lessonId,
@@ -381,10 +369,6 @@
 					<jsp:doBody />
 				</c:otherwise>
 				</c:choose>						
-				<%--  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>
Index: lams_tool_scratchie/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -r6598c02ec0f7dfd0db5ab175660b6b20c12464d2 -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_tool_scratchie/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 6598c02ec0f7dfd0db5ab175660b6b20c12464d2)
+++ lams_tool_scratchie/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -69,19 +69,22 @@
 	            		lessonID = ${empty lessonID ? 'null' : lessonID};
 	                initLearnerPage(toolSessionID, lessonID);
 	            });
-	
-	            function preventLearnerAutosaveFromMultipleTabs(autosaveInterval) {
-	                let currentTime = new Date().getTime(),
-	                    lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp');
-	                // check if autosave does not happen too often
-	                if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime) {
-	                    // this label is required only in tool which implement autosave
-	                    alert('<fmt:message key="label.prevent.learner.autosave.mutliple.tabs" />');
-	                    return false;
-	                }
-	                localStorage.setItem('lamsAutosaveTimestamp', currentTime);
-	                return true;
-	            }
+
+				function preventLearnerAutosaveFromMultipleTabs(autosaveWindowId, autosaveInterval) {
+					let currentTime = new Date().getTime(),
+							lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp'),
+							lamsAutosaveWindowId = +localStorage.getItem('lamsAutosaveWindowId');
+					// check if autosave does not happen too often
+					if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime
+							&& lamsAutosaveWindowId && lamsAutosaveWindowId != autosaveWindowId) {
+						// this label is required only in tool which implement autosave
+						alert('<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.prevent.learner.autosave.mutliple.tabs" /></spring:escapeBody>');
+						return false;
+					}
+					localStorage.setItem('lamsAutosaveTimestamp', currentTime);
+					localStorage.setItem('lamsAutosaveWindowId', autosaveWindowId);
+					return true;
+				}
 	        </script>
         </c:if>
     </lams:head>
@@ -216,4 +219,4 @@
 		    </div>
 	    </c:if>
     </body>
-</lams:html>
+</lams:html>
\ No newline at end of file
Index: lams_tool_scratchie/web/WEB-INF/tags/StyledRating5.tag
===================================================================
diff -u -rb6e8dca20bffba9ce751b917ab4af7b252115f67 -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_tool_scratchie/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision b6e8dca20bffba9ce751b917ab4af7b252115f67)
+++ lams_tool_scratchie/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -96,18 +96,23 @@
 								</td>
 								
 								<td class="rating">
-									<div class="rating-stars-holder text-center center-block">
+									<div class="starability-holder">
 										<c:set var="objectId">${criteriaRatings.ratingCriteria.ratingCriteriaId}-${rating.itemId}</c:set>
-										<div class="rating-stars-disabled rating-stars-new" data-average="${rating.averageRating}" data-id="${objectId}">
+										<c:set var="dataRating">
+											<fmt:formatNumber value="${rating.averageRating-(rating.averageRating%1)}" pattern="#"></fmt:formatNumber>
+											${(rating.averageRating%1) >= 0.5 ? '.5' : ''}
+										</c:set>
+										<div class="starability starability-result" data-rating="${dataRating}">
+											Rated: ${dataRating} stars
 										</div>
-										<c:set var="userRating">${rating.userRating}</c:set>
-										<div class="rating-stars-caption" id="rating-stars-caption-${objectId}">
+										
+										<div class="starability-caption" id="starability-caption-${objectId}">
 											<c:choose>
-												<c:when test="${empty userRating}">
+												<c:when test="${empty rating.userRating}">
 													<fmt:message key="label.not.rated"></fmt:message>
 												</c:when>
 												<c:otherwise>
-													<fmt:message key="label.you.gave.rating"><fmt:param><span id="user-rating-${objectId}">${userRating}</span></fmt:param></fmt:message>
+													<fmt:message key="label.you.gave.rating"><fmt:param><span id="user-rating-${objectId}">${rating.userRating}</span></fmt:param></fmt:message>
 												</c:otherwise>
 											</c:choose>
 											<br/>
@@ -135,10 +140,17 @@
 				<c:forEach var="rating" items="${criteriaRatings.ratingDtos}" varStatus="status">
 					<c:if test="${status.first && not empty rating.averageRating}">
 						<div class="rating">
-							<div class="rating-stars-holder text-center center-block">
+							<div class="starability-holder">
 								<c:set var="objectId">${criteriaRatings.ratingCriteria.ratingCriteriaId}-${rating.itemId}</c:set>
-								<div class="rating-stars-disabled rating-stars-new" data-average="${rating.averageRating}" data-id="${objectId}"></div>
-								<div class="rating-stars-caption" id="rating-stars-caption-${objectId}-currentUser">
+								<c:set var="dataRating">
+									<fmt:formatNumber value="${rating.averageRating-(rating.averageRating%1)}" pattern="#"></fmt:formatNumber>
+									${(rating.averageRating%1) >= 0.5 ? '.5' : ''}
+								</c:set>
+								<div class="starability starability-result" data-rating="${dataRating}">
+									Rated: ${dataRating} stars
+								</div>
+								
+								<div class="starability-caption" id="starability-caption-${objectId}-currentUser">
 									<fmt:message key="label.avg.rating">
 										<fmt:param><span id="average-rating-${objectId}-currentUser">${rating.averageRating}</span></fmt:param>
 										<fmt:param><span id="number-of-votes-${objectId}-currentUser">${rating.numberOfVotes}</span></fmt:param>
Index: lams_tool_scratchie/web/pages/learning/learning.jsp
===================================================================
diff -u -r8954302ed9109e5bd84df58c2eb95f2cbc447892 -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_tool_scratchie/web/pages/learning/learning.jsp	(.../learning.jsp)	(revision 8954302ed9109e5bd84df58c2eb95f2cbc447892)
+++ lams_tool_scratchie/web/pages/learning/learning.jsp	(.../learning.jsp)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -281,7 +281,7 @@
         }
 
         function checkAllCorrectMcqAnswersFound() {
-			var numberOfAvailableScratches = $('[id^=imageLink-][${scratchie.revealOnDoubleClick ? "ondblclick" : "onclick"}]').length;
+            var numberOfAvailableScratches = $('[id^=imageLink-][${scratchie.revealOnDoubleClick ? "ondblclick" : "onclick"}]').length;
             if (numberOfAvailableScratches > 0) {
                 $('#finishButton')
                     .prop('disabled', true)
@@ -451,14 +451,15 @@
 
         //autosave feature
         <c:if test="${isUserLeader && (mode != 'teacher')}">
-        var autosaveInterval = "60000"; // 60 seconds interval
+			var autosaveInterval = "60000", // 60 seconds interval
+					autosaveWindowId = new Date().getTime(); // all we need for this ID is to be unique
         window.setInterval(learnerAutosave,	autosaveInterval);
 
         function learnerAutosave(isCommand){
             // isCommand means that the autosave was triggered by force complete or another command websocket message
             // in this case do not check multiple tabs open, just autosave
             if (!isCommand) {
-                let shouldAutosave = preventLearnerAutosaveFromMultipleTabs(autosaveInterval);
+					let shouldAutosave = preventLearnerAutosaveFromMultipleTabs(autosaveWindowId, autosaveInterval);
                 if (!shouldAutosave) {
                     return;
                 }
@@ -481,7 +482,7 @@
             var proceed = true;
             // ask for leave confirmation only if time limit is not expired
             if (!isTimelimitExpired) {
-				var numberOfAvailableScratches = $("[id^=imageLink-][${scratchie.revealOnDoubleClick ? "ondblclick" : "onclick"}], [id^=type-your-answer-]:visible").length;
+                var numberOfAvailableScratches = $("[id^=imageLink-][${scratchie.revealOnDoubleClick ? "ondblclick" : "onclick"}], [id^=type-your-answer-]:visible").length;
                 proceed = numberOfAvailableScratches == 0 ||
                     confirm("<spring:escapeBody javaScriptEscape='true'><fmt:message key='label.one.or.more.questions.not.completed'/></spring:escapeBody>");
             }
@@ -557,6 +558,6 @@
                     <fmt:message key="label.submit" />
                 </button>
             </div>
-        </c:if>        
+        </c:if>
     </div>
 </lams:PageLearner>
\ No newline at end of file
Index: lams_tool_scribe/web/WEB-INF/tags/Page.tag
===================================================================
diff -u -r876e644c066e81c2721ffa085fd12f386e2f3bb6 -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_tool_scribe/web/WEB-INF/tags/Page.tag	(.../Page.tag)	(revision 876e644c066e81c2721ffa085fd12f386e2f3bb6)
+++ lams_tool_scribe/web/WEB-INF/tags/Page.tag	(.../Page.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -48,7 +48,7 @@
 		<c:set var="mode" value="${sessionScope[sessionMapID].mode}" />
 	</c:if>
 
-	<%--  only have sidebar and presence in learner main window, not in popup windows --%>
+	<%--  only have sidebar in learner main window, not in popup windows --%>
 	<c:if test="${ not hideProgressBar && ( empty mode || mode == 'author' || mode == 'learner') }">
 	
 		<%-- Links placed in body instead of head. Ugly, but it works. --%>
@@ -163,16 +163,19 @@
 				$('#sidebar').show();
 			}
 
-			function preventLearnerAutosaveFromMultipleTabs(autosaveInterval) {
+			function preventLearnerAutosaveFromMultipleTabs(autosaveWindowId, autosaveInterval) {
 				let currentTime = new Date().getTime(),
-					lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp');
+						lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp'),
+						lamsAutosaveWindowId = +localStorage.getItem('lamsAutosaveWindowId');
 				// check if autosave does not happen too often
-				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime) {
+				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime
+						&& lamsAutosaveWindowId && lamsAutosaveWindowId != autosaveWindowId) {
 					// this label is required only in tool which implement autosave
 					alert('<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.prevent.learner.autosave.mutliple.tabs" /></spring:escapeBody>');
 					return false;
 				}
 				localStorage.setItem('lamsAutosaveTimestamp', currentTime);
+				localStorage.setItem('lamsAutosaveWindowId', autosaveWindowId);
 				return true;
 			}
 			
@@ -215,21 +218,6 @@
 							} else if ( showControlBar == 2 ) {
 								$('#navcontent').addClass('navcontent');
 							}
-							
-							var presenceEnabledPatch = result.presenceEnabledPatch;
-							var presenceImEnabled = result.presenceImEnabled;
-							if ( showIM && (presenceEnabledPatch || presenceImEnabled) ) {
-								presenceURL = LEARNING_URL+"presenceChat.jsp?presenceEnabledPatch="+presenceEnabledPatch
-										+"&presenceImEnabled="+presenceImEnabled+"&lessonID="+lessonId;
-								<c:if test="${not usePanel}">
-								presenceURL = presenceURL + "&reloadBootstrap=true";
-								</c:if>
-								$('#presenceEnabledPatchDiv').load(presenceURL, function( response, status, xhr ) {
-									if ( status == "error" ) {
-										alert("Unable to load IM: " + xhr.status);
-									} 
-								});
-							}
 
 							initWebsocket('commandWebsocket', LEARNING_URL.replace('http', 'ws')
 									+ 'commandWebsocket?lessonID=' + lessonId,
@@ -379,10 +367,6 @@
 					<jsp:doBody />
 				</c:otherwise>
 				</c:choose>						
-				<%--  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>
Index: lams_tool_scribe/web/WEB-INF/tags/Page5.tag
===================================================================
diff -u -r81f928586161dd03042b6353f68c7d7b8279ccde -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_tool_scribe/web/WEB-INF/tags/Page5.tag	(.../Page5.tag)	(revision 81f928586161dd03042b6353f68c7d7b8279ccde)
+++ lams_tool_scribe/web/WEB-INF/tags/Page5.tag	(.../Page5.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -165,16 +165,19 @@
 				$('#sidebar').show();
 			}
 
-			function preventLearnerAutosaveFromMultipleTabs(autosaveInterval) {
+			function preventLearnerAutosaveFromMultipleTabs(autosaveWindowId, autosaveInterval) {
 				let currentTime = new Date().getTime(),
-					lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp');
+						lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp'),
+						lamsAutosaveWindowId = +localStorage.getItem('lamsAutosaveWindowId');
 				// check if autosave does not happen too often
-				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime) {
+				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime
+						&& lamsAutosaveWindowId && lamsAutosaveWindowId != autosaveWindowId) {
 					// this label is required only in tool which implement autosave
 					alert('<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.prevent.learner.autosave.mutliple.tabs" /></spring:escapeBody>');
 					return false;
 				}
 				localStorage.setItem('lamsAutosaveTimestamp', currentTime);
+				localStorage.setItem('lamsAutosaveWindowId', autosaveWindowId);
 				return true;
 			}
 
@@ -217,21 +220,6 @@
 							} else if ( showControlBar == 2 ) {
 								$('#navcontent').addClass('navcontent');
 							}
-							
-							var presenceEnabledPatch = result.presenceEnabledPatch;
-							var presenceImEnabled = result.presenceImEnabled;
-							if ( showIM && (presenceEnabledPatch || presenceImEnabled) ) {
-								presenceURL = LEARNING_URL+"presenceChat.jsp?presenceEnabledPatch="+presenceEnabledPatch
-										+"&presenceImEnabled="+presenceImEnabled+"&lessonID="+lessonId;
-								<c:if test="${not usePanel}">
-								presenceURL = presenceURL + "&reloadBootstrap=true";
-								</c:if>
-								$('#presenceEnabledPatchDiv').load(presenceURL, function( response, status, xhr ) {
-									if ( status == "error" ) {
-										alert("Unable to load IM: " + xhr.status);
-									} 
-								});
-							}
 
 							initWebsocket('commandWebsocket', LEARNING_URL.replace('http', 'ws')
 									+ 'commandWebsocket?lessonID=' + lessonId,
@@ -381,10 +369,6 @@
 					<jsp:doBody />
 				</c:otherwise>
 				</c:choose>						
-				<%--  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>
Index: lams_tool_scribe/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -r6598c02ec0f7dfd0db5ab175660b6b20c12464d2 -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_tool_scribe/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 6598c02ec0f7dfd0db5ab175660b6b20c12464d2)
+++ lams_tool_scribe/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -69,19 +69,22 @@
 	            		lessonID = ${empty lessonID ? 'null' : lessonID};
 	                initLearnerPage(toolSessionID, lessonID);
 	            });
-	
-	            function preventLearnerAutosaveFromMultipleTabs(autosaveInterval) {
-	                let currentTime = new Date().getTime(),
-	                    lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp');
-	                // check if autosave does not happen too often
-	                if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime) {
-	                    // this label is required only in tool which implement autosave
-	                    alert('<fmt:message key="label.prevent.learner.autosave.mutliple.tabs" />');
-	                    return false;
-	                }
-	                localStorage.setItem('lamsAutosaveTimestamp', currentTime);
-	                return true;
-	            }
+
+				function preventLearnerAutosaveFromMultipleTabs(autosaveWindowId, autosaveInterval) {
+					let currentTime = new Date().getTime(),
+							lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp'),
+							lamsAutosaveWindowId = +localStorage.getItem('lamsAutosaveWindowId');
+					// check if autosave does not happen too often
+					if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime
+							&& lamsAutosaveWindowId && lamsAutosaveWindowId != autosaveWindowId) {
+						// this label is required only in tool which implement autosave
+						alert('<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.prevent.learner.autosave.mutliple.tabs" /></spring:escapeBody>');
+						return false;
+					}
+					localStorage.setItem('lamsAutosaveTimestamp', currentTime);
+					localStorage.setItem('lamsAutosaveWindowId', autosaveWindowId);
+					return true;
+				}
 	        </script>
         </c:if>
     </lams:head>
@@ -216,4 +219,4 @@
 		    </div>
 	    </c:if>
     </body>
-</lams:html>
+</lams:html>
\ No newline at end of file
Index: lams_tool_scribe/web/WEB-INF/tags/StyledRating5.tag
===================================================================
diff -u -rb6e8dca20bffba9ce751b917ab4af7b252115f67 -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_tool_scribe/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision b6e8dca20bffba9ce751b917ab4af7b252115f67)
+++ lams_tool_scribe/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -96,18 +96,23 @@
 								</td>
 								
 								<td class="rating">
-									<div class="rating-stars-holder text-center center-block">
+									<div class="starability-holder">
 										<c:set var="objectId">${criteriaRatings.ratingCriteria.ratingCriteriaId}-${rating.itemId}</c:set>
-										<div class="rating-stars-disabled rating-stars-new" data-average="${rating.averageRating}" data-id="${objectId}">
+										<c:set var="dataRating">
+											<fmt:formatNumber value="${rating.averageRating-(rating.averageRating%1)}" pattern="#"></fmt:formatNumber>
+											${(rating.averageRating%1) >= 0.5 ? '.5' : ''}
+										</c:set>
+										<div class="starability starability-result" data-rating="${dataRating}">
+											Rated: ${dataRating} stars
 										</div>
-										<c:set var="userRating">${rating.userRating}</c:set>
-										<div class="rating-stars-caption" id="rating-stars-caption-${objectId}">
+										
+										<div class="starability-caption" id="starability-caption-${objectId}">
 											<c:choose>
-												<c:when test="${empty userRating}">
+												<c:when test="${empty rating.userRating}">
 													<fmt:message key="label.not.rated"></fmt:message>
 												</c:when>
 												<c:otherwise>
-													<fmt:message key="label.you.gave.rating"><fmt:param><span id="user-rating-${objectId}">${userRating}</span></fmt:param></fmt:message>
+													<fmt:message key="label.you.gave.rating"><fmt:param><span id="user-rating-${objectId}">${rating.userRating}</span></fmt:param></fmt:message>
 												</c:otherwise>
 											</c:choose>
 											<br/>
@@ -135,10 +140,17 @@
 				<c:forEach var="rating" items="${criteriaRatings.ratingDtos}" varStatus="status">
 					<c:if test="${status.first && not empty rating.averageRating}">
 						<div class="rating">
-							<div class="rating-stars-holder text-center center-block">
+							<div class="starability-holder">
 								<c:set var="objectId">${criteriaRatings.ratingCriteria.ratingCriteriaId}-${rating.itemId}</c:set>
-								<div class="rating-stars-disabled rating-stars-new" data-average="${rating.averageRating}" data-id="${objectId}"></div>
-								<div class="rating-stars-caption" id="rating-stars-caption-${objectId}-currentUser">
+								<c:set var="dataRating">
+									<fmt:formatNumber value="${rating.averageRating-(rating.averageRating%1)}" pattern="#"></fmt:formatNumber>
+									${(rating.averageRating%1) >= 0.5 ? '.5' : ''}
+								</c:set>
+								<div class="starability starability-result" data-rating="${dataRating}">
+									Rated: ${dataRating} stars
+								</div>
+								
+								<div class="starability-caption" id="starability-caption-${objectId}-currentUser">
 									<fmt:message key="label.avg.rating">
 										<fmt:param><span id="average-rating-${objectId}-currentUser">${rating.averageRating}</span></fmt:param>
 										<fmt:param><span id="number-of-votes-${objectId}-currentUser">${rating.numberOfVotes}</span></fmt:param>
Index: lams_tool_spreadsheet/web/WEB-INF/tags/Page.tag
===================================================================
diff -u -r876e644c066e81c2721ffa085fd12f386e2f3bb6 -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_tool_spreadsheet/web/WEB-INF/tags/Page.tag	(.../Page.tag)	(revision 876e644c066e81c2721ffa085fd12f386e2f3bb6)
+++ lams_tool_spreadsheet/web/WEB-INF/tags/Page.tag	(.../Page.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -48,7 +48,7 @@
 		<c:set var="mode" value="${sessionScope[sessionMapID].mode}" />
 	</c:if>
 
-	<%--  only have sidebar and presence in learner main window, not in popup windows --%>
+	<%--  only have sidebar in learner main window, not in popup windows --%>
 	<c:if test="${ not hideProgressBar && ( empty mode || mode == 'author' || mode == 'learner') }">
 	
 		<%-- Links placed in body instead of head. Ugly, but it works. --%>
@@ -163,16 +163,19 @@
 				$('#sidebar').show();
 			}
 
-			function preventLearnerAutosaveFromMultipleTabs(autosaveInterval) {
+			function preventLearnerAutosaveFromMultipleTabs(autosaveWindowId, autosaveInterval) {
 				let currentTime = new Date().getTime(),
-					lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp');
+						lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp'),
+						lamsAutosaveWindowId = +localStorage.getItem('lamsAutosaveWindowId');
 				// check if autosave does not happen too often
-				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime) {
+				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime
+						&& lamsAutosaveWindowId && lamsAutosaveWindowId != autosaveWindowId) {
 					// this label is required only in tool which implement autosave
 					alert('<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.prevent.learner.autosave.mutliple.tabs" /></spring:escapeBody>');
 					return false;
 				}
 				localStorage.setItem('lamsAutosaveTimestamp', currentTime);
+				localStorage.setItem('lamsAutosaveWindowId', autosaveWindowId);
 				return true;
 			}
 			
@@ -215,21 +218,6 @@
 							} else if ( showControlBar == 2 ) {
 								$('#navcontent').addClass('navcontent');
 							}
-							
-							var presenceEnabledPatch = result.presenceEnabledPatch;
-							var presenceImEnabled = result.presenceImEnabled;
-							if ( showIM && (presenceEnabledPatch || presenceImEnabled) ) {
-								presenceURL = LEARNING_URL+"presenceChat.jsp?presenceEnabledPatch="+presenceEnabledPatch
-										+"&presenceImEnabled="+presenceImEnabled+"&lessonID="+lessonId;
-								<c:if test="${not usePanel}">
-								presenceURL = presenceURL + "&reloadBootstrap=true";
-								</c:if>
-								$('#presenceEnabledPatchDiv').load(presenceURL, function( response, status, xhr ) {
-									if ( status == "error" ) {
-										alert("Unable to load IM: " + xhr.status);
-									} 
-								});
-							}
 
 							initWebsocket('commandWebsocket', LEARNING_URL.replace('http', 'ws')
 									+ 'commandWebsocket?lessonID=' + lessonId,
@@ -379,10 +367,6 @@
 					<jsp:doBody />
 				</c:otherwise>
 				</c:choose>						
-				<%--  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>
Index: lams_tool_spreadsheet/web/WEB-INF/tags/Page5.tag
===================================================================
diff -u -r81f928586161dd03042b6353f68c7d7b8279ccde -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_tool_spreadsheet/web/WEB-INF/tags/Page5.tag	(.../Page5.tag)	(revision 81f928586161dd03042b6353f68c7d7b8279ccde)
+++ lams_tool_spreadsheet/web/WEB-INF/tags/Page5.tag	(.../Page5.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -165,16 +165,19 @@
 				$('#sidebar').show();
 			}
 
-			function preventLearnerAutosaveFromMultipleTabs(autosaveInterval) {
+			function preventLearnerAutosaveFromMultipleTabs(autosaveWindowId, autosaveInterval) {
 				let currentTime = new Date().getTime(),
-					lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp');
+						lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp'),
+						lamsAutosaveWindowId = +localStorage.getItem('lamsAutosaveWindowId');
 				// check if autosave does not happen too often
-				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime) {
+				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime
+						&& lamsAutosaveWindowId && lamsAutosaveWindowId != autosaveWindowId) {
 					// this label is required only in tool which implement autosave
 					alert('<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.prevent.learner.autosave.mutliple.tabs" /></spring:escapeBody>');
 					return false;
 				}
 				localStorage.setItem('lamsAutosaveTimestamp', currentTime);
+				localStorage.setItem('lamsAutosaveWindowId', autosaveWindowId);
 				return true;
 			}
 
@@ -217,21 +220,6 @@
 							} else if ( showControlBar == 2 ) {
 								$('#navcontent').addClass('navcontent');
 							}
-							
-							var presenceEnabledPatch = result.presenceEnabledPatch;
-							var presenceImEnabled = result.presenceImEnabled;
-							if ( showIM && (presenceEnabledPatch || presenceImEnabled) ) {
-								presenceURL = LEARNING_URL+"presenceChat.jsp?presenceEnabledPatch="+presenceEnabledPatch
-										+"&presenceImEnabled="+presenceImEnabled+"&lessonID="+lessonId;
-								<c:if test="${not usePanel}">
-								presenceURL = presenceURL + "&reloadBootstrap=true";
-								</c:if>
-								$('#presenceEnabledPatchDiv').load(presenceURL, function( response, status, xhr ) {
-									if ( status == "error" ) {
-										alert("Unable to load IM: " + xhr.status);
-									} 
-								});
-							}
 
 							initWebsocket('commandWebsocket', LEARNING_URL.replace('http', 'ws')
 									+ 'commandWebsocket?lessonID=' + lessonId,
@@ -381,10 +369,6 @@
 					<jsp:doBody />
 				</c:otherwise>
 				</c:choose>						
-				<%--  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>
Index: lams_tool_spreadsheet/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -r6598c02ec0f7dfd0db5ab175660b6b20c12464d2 -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_tool_spreadsheet/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 6598c02ec0f7dfd0db5ab175660b6b20c12464d2)
+++ lams_tool_spreadsheet/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -69,19 +69,22 @@
 	            		lessonID = ${empty lessonID ? 'null' : lessonID};
 	                initLearnerPage(toolSessionID, lessonID);
 	            });
-	
-	            function preventLearnerAutosaveFromMultipleTabs(autosaveInterval) {
-	                let currentTime = new Date().getTime(),
-	                    lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp');
-	                // check if autosave does not happen too often
-	                if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime) {
-	                    // this label is required only in tool which implement autosave
-	                    alert('<fmt:message key="label.prevent.learner.autosave.mutliple.tabs" />');
-	                    return false;
-	                }
-	                localStorage.setItem('lamsAutosaveTimestamp', currentTime);
-	                return true;
-	            }
+
+				function preventLearnerAutosaveFromMultipleTabs(autosaveWindowId, autosaveInterval) {
+					let currentTime = new Date().getTime(),
+							lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp'),
+							lamsAutosaveWindowId = +localStorage.getItem('lamsAutosaveWindowId');
+					// check if autosave does not happen too often
+					if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime
+							&& lamsAutosaveWindowId && lamsAutosaveWindowId != autosaveWindowId) {
+						// this label is required only in tool which implement autosave
+						alert('<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.prevent.learner.autosave.mutliple.tabs" /></spring:escapeBody>');
+						return false;
+					}
+					localStorage.setItem('lamsAutosaveTimestamp', currentTime);
+					localStorage.setItem('lamsAutosaveWindowId', autosaveWindowId);
+					return true;
+				}
 	        </script>
         </c:if>
     </lams:head>
@@ -216,4 +219,4 @@
 		    </div>
 	    </c:if>
     </body>
-</lams:html>
+</lams:html>
\ No newline at end of file
Index: lams_tool_spreadsheet/web/WEB-INF/tags/StyledRating5.tag
===================================================================
diff -u -rb6e8dca20bffba9ce751b917ab4af7b252115f67 -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_tool_spreadsheet/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision b6e8dca20bffba9ce751b917ab4af7b252115f67)
+++ lams_tool_spreadsheet/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -96,18 +96,23 @@
 								</td>
 								
 								<td class="rating">
-									<div class="rating-stars-holder text-center center-block">
+									<div class="starability-holder">
 										<c:set var="objectId">${criteriaRatings.ratingCriteria.ratingCriteriaId}-${rating.itemId}</c:set>
-										<div class="rating-stars-disabled rating-stars-new" data-average="${rating.averageRating}" data-id="${objectId}">
+										<c:set var="dataRating">
+											<fmt:formatNumber value="${rating.averageRating-(rating.averageRating%1)}" pattern="#"></fmt:formatNumber>
+											${(rating.averageRating%1) >= 0.5 ? '.5' : ''}
+										</c:set>
+										<div class="starability starability-result" data-rating="${dataRating}">
+											Rated: ${dataRating} stars
 										</div>
-										<c:set var="userRating">${rating.userRating}</c:set>
-										<div class="rating-stars-caption" id="rating-stars-caption-${objectId}">
+										
+										<div class="starability-caption" id="starability-caption-${objectId}">
 											<c:choose>
-												<c:when test="${empty userRating}">
+												<c:when test="${empty rating.userRating}">
 													<fmt:message key="label.not.rated"></fmt:message>
 												</c:when>
 												<c:otherwise>
-													<fmt:message key="label.you.gave.rating"><fmt:param><span id="user-rating-${objectId}">${userRating}</span></fmt:param></fmt:message>
+													<fmt:message key="label.you.gave.rating"><fmt:param><span id="user-rating-${objectId}">${rating.userRating}</span></fmt:param></fmt:message>
 												</c:otherwise>
 											</c:choose>
 											<br/>
@@ -135,10 +140,17 @@
 				<c:forEach var="rating" items="${criteriaRatings.ratingDtos}" varStatus="status">
 					<c:if test="${status.first && not empty rating.averageRating}">
 						<div class="rating">
-							<div class="rating-stars-holder text-center center-block">
+							<div class="starability-holder">
 								<c:set var="objectId">${criteriaRatings.ratingCriteria.ratingCriteriaId}-${rating.itemId}</c:set>
-								<div class="rating-stars-disabled rating-stars-new" data-average="${rating.averageRating}" data-id="${objectId}"></div>
-								<div class="rating-stars-caption" id="rating-stars-caption-${objectId}-currentUser">
+								<c:set var="dataRating">
+									<fmt:formatNumber value="${rating.averageRating-(rating.averageRating%1)}" pattern="#"></fmt:formatNumber>
+									${(rating.averageRating%1) >= 0.5 ? '.5' : ''}
+								</c:set>
+								<div class="starability starability-result" data-rating="${dataRating}">
+									Rated: ${dataRating} stars
+								</div>
+								
+								<div class="starability-caption" id="starability-caption-${objectId}-currentUser">
 									<fmt:message key="label.avg.rating">
 										<fmt:param><span id="average-rating-${objectId}-currentUser">${rating.averageRating}</span></fmt:param>
 										<fmt:param><span id="number-of-votes-${objectId}-currentUser">${rating.numberOfVotes}</span></fmt:param>
Index: lams_tool_survey/web/WEB-INF/tags/Page.tag
===================================================================
diff -u -r876e644c066e81c2721ffa085fd12f386e2f3bb6 -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_tool_survey/web/WEB-INF/tags/Page.tag	(.../Page.tag)	(revision 876e644c066e81c2721ffa085fd12f386e2f3bb6)
+++ lams_tool_survey/web/WEB-INF/tags/Page.tag	(.../Page.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -48,7 +48,7 @@
 		<c:set var="mode" value="${sessionScope[sessionMapID].mode}" />
 	</c:if>
 
-	<%--  only have sidebar and presence in learner main window, not in popup windows --%>
+	<%--  only have sidebar in learner main window, not in popup windows --%>
 	<c:if test="${ not hideProgressBar && ( empty mode || mode == 'author' || mode == 'learner') }">
 	
 		<%-- Links placed in body instead of head. Ugly, but it works. --%>
@@ -163,16 +163,19 @@
 				$('#sidebar').show();
 			}
 
-			function preventLearnerAutosaveFromMultipleTabs(autosaveInterval) {
+			function preventLearnerAutosaveFromMultipleTabs(autosaveWindowId, autosaveInterval) {
 				let currentTime = new Date().getTime(),
-					lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp');
+						lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp'),
+						lamsAutosaveWindowId = +localStorage.getItem('lamsAutosaveWindowId');
 				// check if autosave does not happen too often
-				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime) {
+				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime
+						&& lamsAutosaveWindowId && lamsAutosaveWindowId != autosaveWindowId) {
 					// this label is required only in tool which implement autosave
 					alert('<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.prevent.learner.autosave.mutliple.tabs" /></spring:escapeBody>');
 					return false;
 				}
 				localStorage.setItem('lamsAutosaveTimestamp', currentTime);
+				localStorage.setItem('lamsAutosaveWindowId', autosaveWindowId);
 				return true;
 			}
 			
@@ -215,21 +218,6 @@
 							} else if ( showControlBar == 2 ) {
 								$('#navcontent').addClass('navcontent');
 							}
-							
-							var presenceEnabledPatch = result.presenceEnabledPatch;
-							var presenceImEnabled = result.presenceImEnabled;
-							if ( showIM && (presenceEnabledPatch || presenceImEnabled) ) {
-								presenceURL = LEARNING_URL+"presenceChat.jsp?presenceEnabledPatch="+presenceEnabledPatch
-										+"&presenceImEnabled="+presenceImEnabled+"&lessonID="+lessonId;
-								<c:if test="${not usePanel}">
-								presenceURL = presenceURL + "&reloadBootstrap=true";
-								</c:if>
-								$('#presenceEnabledPatchDiv').load(presenceURL, function( response, status, xhr ) {
-									if ( status == "error" ) {
-										alert("Unable to load IM: " + xhr.status);
-									} 
-								});
-							}
 
 							initWebsocket('commandWebsocket', LEARNING_URL.replace('http', 'ws')
 									+ 'commandWebsocket?lessonID=' + lessonId,
@@ -379,10 +367,6 @@
 					<jsp:doBody />
 				</c:otherwise>
 				</c:choose>						
-				<%--  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>
Index: lams_tool_survey/web/WEB-INF/tags/Page5.tag
===================================================================
diff -u -r81f928586161dd03042b6353f68c7d7b8279ccde -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_tool_survey/web/WEB-INF/tags/Page5.tag	(.../Page5.tag)	(revision 81f928586161dd03042b6353f68c7d7b8279ccde)
+++ lams_tool_survey/web/WEB-INF/tags/Page5.tag	(.../Page5.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -165,16 +165,19 @@
 				$('#sidebar').show();
 			}
 
-			function preventLearnerAutosaveFromMultipleTabs(autosaveInterval) {
+			function preventLearnerAutosaveFromMultipleTabs(autosaveWindowId, autosaveInterval) {
 				let currentTime = new Date().getTime(),
-					lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp');
+						lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp'),
+						lamsAutosaveWindowId = +localStorage.getItem('lamsAutosaveWindowId');
 				// check if autosave does not happen too often
-				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime) {
+				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime
+						&& lamsAutosaveWindowId && lamsAutosaveWindowId != autosaveWindowId) {
 					// this label is required only in tool which implement autosave
 					alert('<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.prevent.learner.autosave.mutliple.tabs" /></spring:escapeBody>');
 					return false;
 				}
 				localStorage.setItem('lamsAutosaveTimestamp', currentTime);
+				localStorage.setItem('lamsAutosaveWindowId', autosaveWindowId);
 				return true;
 			}
 
@@ -217,21 +220,6 @@
 							} else if ( showControlBar == 2 ) {
 								$('#navcontent').addClass('navcontent');
 							}
-							
-							var presenceEnabledPatch = result.presenceEnabledPatch;
-							var presenceImEnabled = result.presenceImEnabled;
-							if ( showIM && (presenceEnabledPatch || presenceImEnabled) ) {
-								presenceURL = LEARNING_URL+"presenceChat.jsp?presenceEnabledPatch="+presenceEnabledPatch
-										+"&presenceImEnabled="+presenceImEnabled+"&lessonID="+lessonId;
-								<c:if test="${not usePanel}">
-								presenceURL = presenceURL + "&reloadBootstrap=true";
-								</c:if>
-								$('#presenceEnabledPatchDiv').load(presenceURL, function( response, status, xhr ) {
-									if ( status == "error" ) {
-										alert("Unable to load IM: " + xhr.status);
-									} 
-								});
-							}
 
 							initWebsocket('commandWebsocket', LEARNING_URL.replace('http', 'ws')
 									+ 'commandWebsocket?lessonID=' + lessonId,
@@ -381,10 +369,6 @@
 					<jsp:doBody />
 				</c:otherwise>
 				</c:choose>						
-				<%--  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>
Index: lams_tool_survey/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -r6598c02ec0f7dfd0db5ab175660b6b20c12464d2 -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_tool_survey/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 6598c02ec0f7dfd0db5ab175660b6b20c12464d2)
+++ lams_tool_survey/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -69,19 +69,22 @@
 	            		lessonID = ${empty lessonID ? 'null' : lessonID};
 	                initLearnerPage(toolSessionID, lessonID);
 	            });
-	
-	            function preventLearnerAutosaveFromMultipleTabs(autosaveInterval) {
-	                let currentTime = new Date().getTime(),
-	                    lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp');
-	                // check if autosave does not happen too often
-	                if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime) {
-	                    // this label is required only in tool which implement autosave
-	                    alert('<fmt:message key="label.prevent.learner.autosave.mutliple.tabs" />');
-	                    return false;
-	                }
-	                localStorage.setItem('lamsAutosaveTimestamp', currentTime);
-	                return true;
-	            }
+
+				function preventLearnerAutosaveFromMultipleTabs(autosaveWindowId, autosaveInterval) {
+					let currentTime = new Date().getTime(),
+							lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp'),
+							lamsAutosaveWindowId = +localStorage.getItem('lamsAutosaveWindowId');
+					// check if autosave does not happen too often
+					if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime
+							&& lamsAutosaveWindowId && lamsAutosaveWindowId != autosaveWindowId) {
+						// this label is required only in tool which implement autosave
+						alert('<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.prevent.learner.autosave.mutliple.tabs" /></spring:escapeBody>');
+						return false;
+					}
+					localStorage.setItem('lamsAutosaveTimestamp', currentTime);
+					localStorage.setItem('lamsAutosaveWindowId', autosaveWindowId);
+					return true;
+				}
 	        </script>
         </c:if>
     </lams:head>
@@ -216,4 +219,4 @@
 		    </div>
 	    </c:if>
     </body>
-</lams:html>
+</lams:html>
\ No newline at end of file
Index: lams_tool_survey/web/WEB-INF/tags/StyledRating5.tag
===================================================================
diff -u -rb6e8dca20bffba9ce751b917ab4af7b252115f67 -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_tool_survey/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision b6e8dca20bffba9ce751b917ab4af7b252115f67)
+++ lams_tool_survey/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -96,18 +96,23 @@
 								</td>
 								
 								<td class="rating">
-									<div class="rating-stars-holder text-center center-block">
+									<div class="starability-holder">
 										<c:set var="objectId">${criteriaRatings.ratingCriteria.ratingCriteriaId}-${rating.itemId}</c:set>
-										<div class="rating-stars-disabled rating-stars-new" data-average="${rating.averageRating}" data-id="${objectId}">
+										<c:set var="dataRating">
+											<fmt:formatNumber value="${rating.averageRating-(rating.averageRating%1)}" pattern="#"></fmt:formatNumber>
+											${(rating.averageRating%1) >= 0.5 ? '.5' : ''}
+										</c:set>
+										<div class="starability starability-result" data-rating="${dataRating}">
+											Rated: ${dataRating} stars
 										</div>
-										<c:set var="userRating">${rating.userRating}</c:set>
-										<div class="rating-stars-caption" id="rating-stars-caption-${objectId}">
+										
+										<div class="starability-caption" id="starability-caption-${objectId}">
 											<c:choose>
-												<c:when test="${empty userRating}">
+												<c:when test="${empty rating.userRating}">
 													<fmt:message key="label.not.rated"></fmt:message>
 												</c:when>
 												<c:otherwise>
-													<fmt:message key="label.you.gave.rating"><fmt:param><span id="user-rating-${objectId}">${userRating}</span></fmt:param></fmt:message>
+													<fmt:message key="label.you.gave.rating"><fmt:param><span id="user-rating-${objectId}">${rating.userRating}</span></fmt:param></fmt:message>
 												</c:otherwise>
 											</c:choose>
 											<br/>
@@ -135,10 +140,17 @@
 				<c:forEach var="rating" items="${criteriaRatings.ratingDtos}" varStatus="status">
 					<c:if test="${status.first && not empty rating.averageRating}">
 						<div class="rating">
-							<div class="rating-stars-holder text-center center-block">
+							<div class="starability-holder">
 								<c:set var="objectId">${criteriaRatings.ratingCriteria.ratingCriteriaId}-${rating.itemId}</c:set>
-								<div class="rating-stars-disabled rating-stars-new" data-average="${rating.averageRating}" data-id="${objectId}"></div>
-								<div class="rating-stars-caption" id="rating-stars-caption-${objectId}-currentUser">
+								<c:set var="dataRating">
+									<fmt:formatNumber value="${rating.averageRating-(rating.averageRating%1)}" pattern="#"></fmt:formatNumber>
+									${(rating.averageRating%1) >= 0.5 ? '.5' : ''}
+								</c:set>
+								<div class="starability starability-result" data-rating="${dataRating}">
+									Rated: ${dataRating} stars
+								</div>
+								
+								<div class="starability-caption" id="starability-caption-${objectId}-currentUser">
 									<fmt:message key="label.avg.rating">
 										<fmt:param><span id="average-rating-${objectId}-currentUser">${rating.averageRating}</span></fmt:param>
 										<fmt:param><span id="number-of-votes-${objectId}-currentUser">${rating.numberOfVotes}</span></fmt:param>
Index: lams_tool_task/web/WEB-INF/tags/Page.tag
===================================================================
diff -u -r876e644c066e81c2721ffa085fd12f386e2f3bb6 -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_tool_task/web/WEB-INF/tags/Page.tag	(.../Page.tag)	(revision 876e644c066e81c2721ffa085fd12f386e2f3bb6)
+++ lams_tool_task/web/WEB-INF/tags/Page.tag	(.../Page.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -48,7 +48,7 @@
 		<c:set var="mode" value="${sessionScope[sessionMapID].mode}" />
 	</c:if>
 
-	<%--  only have sidebar and presence in learner main window, not in popup windows --%>
+	<%--  only have sidebar in learner main window, not in popup windows --%>
 	<c:if test="${ not hideProgressBar && ( empty mode || mode == 'author' || mode == 'learner') }">
 	
 		<%-- Links placed in body instead of head. Ugly, but it works. --%>
@@ -163,16 +163,19 @@
 				$('#sidebar').show();
 			}
 
-			function preventLearnerAutosaveFromMultipleTabs(autosaveInterval) {
+			function preventLearnerAutosaveFromMultipleTabs(autosaveWindowId, autosaveInterval) {
 				let currentTime = new Date().getTime(),
-					lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp');
+						lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp'),
+						lamsAutosaveWindowId = +localStorage.getItem('lamsAutosaveWindowId');
 				// check if autosave does not happen too often
-				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime) {
+				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime
+						&& lamsAutosaveWindowId && lamsAutosaveWindowId != autosaveWindowId) {
 					// this label is required only in tool which implement autosave
 					alert('<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.prevent.learner.autosave.mutliple.tabs" /></spring:escapeBody>');
 					return false;
 				}
 				localStorage.setItem('lamsAutosaveTimestamp', currentTime);
+				localStorage.setItem('lamsAutosaveWindowId', autosaveWindowId);
 				return true;
 			}
 			
@@ -215,21 +218,6 @@
 							} else if ( showControlBar == 2 ) {
 								$('#navcontent').addClass('navcontent');
 							}
-							
-							var presenceEnabledPatch = result.presenceEnabledPatch;
-							var presenceImEnabled = result.presenceImEnabled;
-							if ( showIM && (presenceEnabledPatch || presenceImEnabled) ) {
-								presenceURL = LEARNING_URL+"presenceChat.jsp?presenceEnabledPatch="+presenceEnabledPatch
-										+"&presenceImEnabled="+presenceImEnabled+"&lessonID="+lessonId;
-								<c:if test="${not usePanel}">
-								presenceURL = presenceURL + "&reloadBootstrap=true";
-								</c:if>
-								$('#presenceEnabledPatchDiv').load(presenceURL, function( response, status, xhr ) {
-									if ( status == "error" ) {
-										alert("Unable to load IM: " + xhr.status);
-									} 
-								});
-							}
 
 							initWebsocket('commandWebsocket', LEARNING_URL.replace('http', 'ws')
 									+ 'commandWebsocket?lessonID=' + lessonId,
@@ -379,10 +367,6 @@
 					<jsp:doBody />
 				</c:otherwise>
 				</c:choose>						
-				<%--  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>
Index: lams_tool_task/web/WEB-INF/tags/Page5.tag
===================================================================
diff -u -r81f928586161dd03042b6353f68c7d7b8279ccde -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_tool_task/web/WEB-INF/tags/Page5.tag	(.../Page5.tag)	(revision 81f928586161dd03042b6353f68c7d7b8279ccde)
+++ lams_tool_task/web/WEB-INF/tags/Page5.tag	(.../Page5.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -165,16 +165,19 @@
 				$('#sidebar').show();
 			}
 
-			function preventLearnerAutosaveFromMultipleTabs(autosaveInterval) {
+			function preventLearnerAutosaveFromMultipleTabs(autosaveWindowId, autosaveInterval) {
 				let currentTime = new Date().getTime(),
-					lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp');
+						lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp'),
+						lamsAutosaveWindowId = +localStorage.getItem('lamsAutosaveWindowId');
 				// check if autosave does not happen too often
-				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime) {
+				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime
+						&& lamsAutosaveWindowId && lamsAutosaveWindowId != autosaveWindowId) {
 					// this label is required only in tool which implement autosave
 					alert('<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.prevent.learner.autosave.mutliple.tabs" /></spring:escapeBody>');
 					return false;
 				}
 				localStorage.setItem('lamsAutosaveTimestamp', currentTime);
+				localStorage.setItem('lamsAutosaveWindowId', autosaveWindowId);
 				return true;
 			}
 
@@ -217,21 +220,6 @@
 							} else if ( showControlBar == 2 ) {
 								$('#navcontent').addClass('navcontent');
 							}
-							
-							var presenceEnabledPatch = result.presenceEnabledPatch;
-							var presenceImEnabled = result.presenceImEnabled;
-							if ( showIM && (presenceEnabledPatch || presenceImEnabled) ) {
-								presenceURL = LEARNING_URL+"presenceChat.jsp?presenceEnabledPatch="+presenceEnabledPatch
-										+"&presenceImEnabled="+presenceImEnabled+"&lessonID="+lessonId;
-								<c:if test="${not usePanel}">
-								presenceURL = presenceURL + "&reloadBootstrap=true";
-								</c:if>
-								$('#presenceEnabledPatchDiv').load(presenceURL, function( response, status, xhr ) {
-									if ( status == "error" ) {
-										alert("Unable to load IM: " + xhr.status);
-									} 
-								});
-							}
 
 							initWebsocket('commandWebsocket', LEARNING_URL.replace('http', 'ws')
 									+ 'commandWebsocket?lessonID=' + lessonId,
@@ -381,10 +369,6 @@
 					<jsp:doBody />
 				</c:otherwise>
 				</c:choose>						
-				<%--  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>
Index: lams_tool_task/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -r6598c02ec0f7dfd0db5ab175660b6b20c12464d2 -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_tool_task/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 6598c02ec0f7dfd0db5ab175660b6b20c12464d2)
+++ lams_tool_task/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -69,19 +69,22 @@
 	            		lessonID = ${empty lessonID ? 'null' : lessonID};
 	                initLearnerPage(toolSessionID, lessonID);
 	            });
-	
-	            function preventLearnerAutosaveFromMultipleTabs(autosaveInterval) {
-	                let currentTime = new Date().getTime(),
-	                    lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp');
-	                // check if autosave does not happen too often
-	                if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime) {
-	                    // this label is required only in tool which implement autosave
-	                    alert('<fmt:message key="label.prevent.learner.autosave.mutliple.tabs" />');
-	                    return false;
-	                }
-	                localStorage.setItem('lamsAutosaveTimestamp', currentTime);
-	                return true;
-	            }
+
+				function preventLearnerAutosaveFromMultipleTabs(autosaveWindowId, autosaveInterval) {
+					let currentTime = new Date().getTime(),
+							lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp'),
+							lamsAutosaveWindowId = +localStorage.getItem('lamsAutosaveWindowId');
+					// check if autosave does not happen too often
+					if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime
+							&& lamsAutosaveWindowId && lamsAutosaveWindowId != autosaveWindowId) {
+						// this label is required only in tool which implement autosave
+						alert('<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.prevent.learner.autosave.mutliple.tabs" /></spring:escapeBody>');
+						return false;
+					}
+					localStorage.setItem('lamsAutosaveTimestamp', currentTime);
+					localStorage.setItem('lamsAutosaveWindowId', autosaveWindowId);
+					return true;
+				}
 	        </script>
         </c:if>
     </lams:head>
@@ -216,4 +219,4 @@
 		    </div>
 	    </c:if>
     </body>
-</lams:html>
+</lams:html>
\ No newline at end of file
Index: lams_tool_task/web/WEB-INF/tags/StyledRating5.tag
===================================================================
diff -u -rb6e8dca20bffba9ce751b917ab4af7b252115f67 -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_tool_task/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision b6e8dca20bffba9ce751b917ab4af7b252115f67)
+++ lams_tool_task/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -96,18 +96,23 @@
 								</td>
 								
 								<td class="rating">
-									<div class="rating-stars-holder text-center center-block">
+									<div class="starability-holder">
 										<c:set var="objectId">${criteriaRatings.ratingCriteria.ratingCriteriaId}-${rating.itemId}</c:set>
-										<div class="rating-stars-disabled rating-stars-new" data-average="${rating.averageRating}" data-id="${objectId}">
+										<c:set var="dataRating">
+											<fmt:formatNumber value="${rating.averageRating-(rating.averageRating%1)}" pattern="#"></fmt:formatNumber>
+											${(rating.averageRating%1) >= 0.5 ? '.5' : ''}
+										</c:set>
+										<div class="starability starability-result" data-rating="${dataRating}">
+											Rated: ${dataRating} stars
 										</div>
-										<c:set var="userRating">${rating.userRating}</c:set>
-										<div class="rating-stars-caption" id="rating-stars-caption-${objectId}">
+										
+										<div class="starability-caption" id="starability-caption-${objectId}">
 											<c:choose>
-												<c:when test="${empty userRating}">
+												<c:when test="${empty rating.userRating}">
 													<fmt:message key="label.not.rated"></fmt:message>
 												</c:when>
 												<c:otherwise>
-													<fmt:message key="label.you.gave.rating"><fmt:param><span id="user-rating-${objectId}">${userRating}</span></fmt:param></fmt:message>
+													<fmt:message key="label.you.gave.rating"><fmt:param><span id="user-rating-${objectId}">${rating.userRating}</span></fmt:param></fmt:message>
 												</c:otherwise>
 											</c:choose>
 											<br/>
@@ -135,10 +140,17 @@
 				<c:forEach var="rating" items="${criteriaRatings.ratingDtos}" varStatus="status">
 					<c:if test="${status.first && not empty rating.averageRating}">
 						<div class="rating">
-							<div class="rating-stars-holder text-center center-block">
+							<div class="starability-holder">
 								<c:set var="objectId">${criteriaRatings.ratingCriteria.ratingCriteriaId}-${rating.itemId}</c:set>
-								<div class="rating-stars-disabled rating-stars-new" data-average="${rating.averageRating}" data-id="${objectId}"></div>
-								<div class="rating-stars-caption" id="rating-stars-caption-${objectId}-currentUser">
+								<c:set var="dataRating">
+									<fmt:formatNumber value="${rating.averageRating-(rating.averageRating%1)}" pattern="#"></fmt:formatNumber>
+									${(rating.averageRating%1) >= 0.5 ? '.5' : ''}
+								</c:set>
+								<div class="starability starability-result" data-rating="${dataRating}">
+									Rated: ${dataRating} stars
+								</div>
+								
+								<div class="starability-caption" id="starability-caption-${objectId}-currentUser">
 									<fmt:message key="label.avg.rating">
 										<fmt:param><span id="average-rating-${objectId}-currentUser">${rating.averageRating}</span></fmt:param>
 										<fmt:param><span id="number-of-votes-${objectId}-currentUser">${rating.numberOfVotes}</span></fmt:param>
Index: lams_tool_vote/web/WEB-INF/tags/Page.tag
===================================================================
diff -u -r876e644c066e81c2721ffa085fd12f386e2f3bb6 -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_tool_vote/web/WEB-INF/tags/Page.tag	(.../Page.tag)	(revision 876e644c066e81c2721ffa085fd12f386e2f3bb6)
+++ lams_tool_vote/web/WEB-INF/tags/Page.tag	(.../Page.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -48,7 +48,7 @@
 		<c:set var="mode" value="${sessionScope[sessionMapID].mode}" />
 	</c:if>
 
-	<%--  only have sidebar and presence in learner main window, not in popup windows --%>
+	<%--  only have sidebar in learner main window, not in popup windows --%>
 	<c:if test="${ not hideProgressBar && ( empty mode || mode == 'author' || mode == 'learner') }">
 	
 		<%-- Links placed in body instead of head. Ugly, but it works. --%>
@@ -163,16 +163,19 @@
 				$('#sidebar').show();
 			}
 
-			function preventLearnerAutosaveFromMultipleTabs(autosaveInterval) {
+			function preventLearnerAutosaveFromMultipleTabs(autosaveWindowId, autosaveInterval) {
 				let currentTime = new Date().getTime(),
-					lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp');
+						lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp'),
+						lamsAutosaveWindowId = +localStorage.getItem('lamsAutosaveWindowId');
 				// check if autosave does not happen too often
-				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime) {
+				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime
+						&& lamsAutosaveWindowId && lamsAutosaveWindowId != autosaveWindowId) {
 					// this label is required only in tool which implement autosave
 					alert('<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.prevent.learner.autosave.mutliple.tabs" /></spring:escapeBody>');
 					return false;
 				}
 				localStorage.setItem('lamsAutosaveTimestamp', currentTime);
+				localStorage.setItem('lamsAutosaveWindowId', autosaveWindowId);
 				return true;
 			}
 			
@@ -215,21 +218,6 @@
 							} else if ( showControlBar == 2 ) {
 								$('#navcontent').addClass('navcontent');
 							}
-							
-							var presenceEnabledPatch = result.presenceEnabledPatch;
-							var presenceImEnabled = result.presenceImEnabled;
-							if ( showIM && (presenceEnabledPatch || presenceImEnabled) ) {
-								presenceURL = LEARNING_URL+"presenceChat.jsp?presenceEnabledPatch="+presenceEnabledPatch
-										+"&presenceImEnabled="+presenceImEnabled+"&lessonID="+lessonId;
-								<c:if test="${not usePanel}">
-								presenceURL = presenceURL + "&reloadBootstrap=true";
-								</c:if>
-								$('#presenceEnabledPatchDiv').load(presenceURL, function( response, status, xhr ) {
-									if ( status == "error" ) {
-										alert("Unable to load IM: " + xhr.status);
-									} 
-								});
-							}
 
 							initWebsocket('commandWebsocket', LEARNING_URL.replace('http', 'ws')
 									+ 'commandWebsocket?lessonID=' + lessonId,
@@ -379,10 +367,6 @@
 					<jsp:doBody />
 				</c:otherwise>
 				</c:choose>						
-				<%--  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>
Index: lams_tool_vote/web/WEB-INF/tags/Page5.tag
===================================================================
diff -u -r81f928586161dd03042b6353f68c7d7b8279ccde -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_tool_vote/web/WEB-INF/tags/Page5.tag	(.../Page5.tag)	(revision 81f928586161dd03042b6353f68c7d7b8279ccde)
+++ lams_tool_vote/web/WEB-INF/tags/Page5.tag	(.../Page5.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -165,16 +165,19 @@
 				$('#sidebar').show();
 			}
 
-			function preventLearnerAutosaveFromMultipleTabs(autosaveInterval) {
+			function preventLearnerAutosaveFromMultipleTabs(autosaveWindowId, autosaveInterval) {
 				let currentTime = new Date().getTime(),
-					lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp');
+						lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp'),
+						lamsAutosaveWindowId = +localStorage.getItem('lamsAutosaveWindowId');
 				// check if autosave does not happen too often
-				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime) {
+				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime
+						&& lamsAutosaveWindowId && lamsAutosaveWindowId != autosaveWindowId) {
 					// this label is required only in tool which implement autosave
 					alert('<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.prevent.learner.autosave.mutliple.tabs" /></spring:escapeBody>');
 					return false;
 				}
 				localStorage.setItem('lamsAutosaveTimestamp', currentTime);
+				localStorage.setItem('lamsAutosaveWindowId', autosaveWindowId);
 				return true;
 			}
 
@@ -217,21 +220,6 @@
 							} else if ( showControlBar == 2 ) {
 								$('#navcontent').addClass('navcontent');
 							}
-							
-							var presenceEnabledPatch = result.presenceEnabledPatch;
-							var presenceImEnabled = result.presenceImEnabled;
-							if ( showIM && (presenceEnabledPatch || presenceImEnabled) ) {
-								presenceURL = LEARNING_URL+"presenceChat.jsp?presenceEnabledPatch="+presenceEnabledPatch
-										+"&presenceImEnabled="+presenceImEnabled+"&lessonID="+lessonId;
-								<c:if test="${not usePanel}">
-								presenceURL = presenceURL + "&reloadBootstrap=true";
-								</c:if>
-								$('#presenceEnabledPatchDiv').load(presenceURL, function( response, status, xhr ) {
-									if ( status == "error" ) {
-										alert("Unable to load IM: " + xhr.status);
-									} 
-								});
-							}
 
 							initWebsocket('commandWebsocket', LEARNING_URL.replace('http', 'ws')
 									+ 'commandWebsocket?lessonID=' + lessonId,
@@ -381,10 +369,6 @@
 					<jsp:doBody />
 				</c:otherwise>
 				</c:choose>						
-				<%--  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>
Index: lams_tool_vote/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -r6598c02ec0f7dfd0db5ab175660b6b20c12464d2 -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_tool_vote/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 6598c02ec0f7dfd0db5ab175660b6b20c12464d2)
+++ lams_tool_vote/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -69,19 +69,22 @@
 	            		lessonID = ${empty lessonID ? 'null' : lessonID};
 	                initLearnerPage(toolSessionID, lessonID);
 	            });
-	
-	            function preventLearnerAutosaveFromMultipleTabs(autosaveInterval) {
-	                let currentTime = new Date().getTime(),
-	                    lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp');
-	                // check if autosave does not happen too often
-	                if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime) {
-	                    // this label is required only in tool which implement autosave
-	                    alert('<fmt:message key="label.prevent.learner.autosave.mutliple.tabs" />');
-	                    return false;
-	                }
-	                localStorage.setItem('lamsAutosaveTimestamp', currentTime);
-	                return true;
-	            }
+
+				function preventLearnerAutosaveFromMultipleTabs(autosaveWindowId, autosaveInterval) {
+					let currentTime = new Date().getTime(),
+							lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp'),
+							lamsAutosaveWindowId = +localStorage.getItem('lamsAutosaveWindowId');
+					// check if autosave does not happen too often
+					if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime
+							&& lamsAutosaveWindowId && lamsAutosaveWindowId != autosaveWindowId) {
+						// this label is required only in tool which implement autosave
+						alert('<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.prevent.learner.autosave.mutliple.tabs" /></spring:escapeBody>');
+						return false;
+					}
+					localStorage.setItem('lamsAutosaveTimestamp', currentTime);
+					localStorage.setItem('lamsAutosaveWindowId', autosaveWindowId);
+					return true;
+				}
 	        </script>
         </c:if>
     </lams:head>
@@ -216,4 +219,4 @@
 		    </div>
 	    </c:if>
     </body>
-</lams:html>
+</lams:html>
\ No newline at end of file
Index: lams_tool_vote/web/WEB-INF/tags/StyledRating5.tag
===================================================================
diff -u -rb6e8dca20bffba9ce751b917ab4af7b252115f67 -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_tool_vote/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision b6e8dca20bffba9ce751b917ab4af7b252115f67)
+++ lams_tool_vote/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -96,18 +96,23 @@
 								</td>
 								
 								<td class="rating">
-									<div class="rating-stars-holder text-center center-block">
+									<div class="starability-holder">
 										<c:set var="objectId">${criteriaRatings.ratingCriteria.ratingCriteriaId}-${rating.itemId}</c:set>
-										<div class="rating-stars-disabled rating-stars-new" data-average="${rating.averageRating}" data-id="${objectId}">
+										<c:set var="dataRating">
+											<fmt:formatNumber value="${rating.averageRating-(rating.averageRating%1)}" pattern="#"></fmt:formatNumber>
+											${(rating.averageRating%1) >= 0.5 ? '.5' : ''}
+										</c:set>
+										<div class="starability starability-result" data-rating="${dataRating}">
+											Rated: ${dataRating} stars
 										</div>
-										<c:set var="userRating">${rating.userRating}</c:set>
-										<div class="rating-stars-caption" id="rating-stars-caption-${objectId}">
+										
+										<div class="starability-caption" id="starability-caption-${objectId}">
 											<c:choose>
-												<c:when test="${empty userRating}">
+												<c:when test="${empty rating.userRating}">
 													<fmt:message key="label.not.rated"></fmt:message>
 												</c:when>
 												<c:otherwise>
-													<fmt:message key="label.you.gave.rating"><fmt:param><span id="user-rating-${objectId}">${userRating}</span></fmt:param></fmt:message>
+													<fmt:message key="label.you.gave.rating"><fmt:param><span id="user-rating-${objectId}">${rating.userRating}</span></fmt:param></fmt:message>
 												</c:otherwise>
 											</c:choose>
 											<br/>
@@ -135,10 +140,17 @@
 				<c:forEach var="rating" items="${criteriaRatings.ratingDtos}" varStatus="status">
 					<c:if test="${status.first && not empty rating.averageRating}">
 						<div class="rating">
-							<div class="rating-stars-holder text-center center-block">
+							<div class="starability-holder">
 								<c:set var="objectId">${criteriaRatings.ratingCriteria.ratingCriteriaId}-${rating.itemId}</c:set>
-								<div class="rating-stars-disabled rating-stars-new" data-average="${rating.averageRating}" data-id="${objectId}"></div>
-								<div class="rating-stars-caption" id="rating-stars-caption-${objectId}-currentUser">
+								<c:set var="dataRating">
+									<fmt:formatNumber value="${rating.averageRating-(rating.averageRating%1)}" pattern="#"></fmt:formatNumber>
+									${(rating.averageRating%1) >= 0.5 ? '.5' : ''}
+								</c:set>
+								<div class="starability starability-result" data-rating="${dataRating}">
+									Rated: ${dataRating} stars
+								</div>
+								
+								<div class="starability-caption" id="starability-caption-${objectId}-currentUser">
 									<fmt:message key="label.avg.rating">
 										<fmt:param><span id="average-rating-${objectId}-currentUser">${rating.averageRating}</span></fmt:param>
 										<fmt:param><span id="number-of-votes-${objectId}-currentUser">${rating.numberOfVotes}</span></fmt:param>
Index: lams_tool_whiteboard/web/WEB-INF/tags/Page.tag
===================================================================
diff -u -r876e644c066e81c2721ffa085fd12f386e2f3bb6 -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_tool_whiteboard/web/WEB-INF/tags/Page.tag	(.../Page.tag)	(revision 876e644c066e81c2721ffa085fd12f386e2f3bb6)
+++ lams_tool_whiteboard/web/WEB-INF/tags/Page.tag	(.../Page.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -48,7 +48,7 @@
 		<c:set var="mode" value="${sessionScope[sessionMapID].mode}" />
 	</c:if>
 
-	<%--  only have sidebar and presence in learner main window, not in popup windows --%>
+	<%--  only have sidebar in learner main window, not in popup windows --%>
 	<c:if test="${ not hideProgressBar && ( empty mode || mode == 'author' || mode == 'learner') }">
 	
 		<%-- Links placed in body instead of head. Ugly, but it works. --%>
@@ -163,16 +163,19 @@
 				$('#sidebar').show();
 			}
 
-			function preventLearnerAutosaveFromMultipleTabs(autosaveInterval) {
+			function preventLearnerAutosaveFromMultipleTabs(autosaveWindowId, autosaveInterval) {
 				let currentTime = new Date().getTime(),
-					lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp');
+						lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp'),
+						lamsAutosaveWindowId = +localStorage.getItem('lamsAutosaveWindowId');
 				// check if autosave does not happen too often
-				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime) {
+				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime
+						&& lamsAutosaveWindowId && lamsAutosaveWindowId != autosaveWindowId) {
 					// this label is required only in tool which implement autosave
 					alert('<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.prevent.learner.autosave.mutliple.tabs" /></spring:escapeBody>');
 					return false;
 				}
 				localStorage.setItem('lamsAutosaveTimestamp', currentTime);
+				localStorage.setItem('lamsAutosaveWindowId', autosaveWindowId);
 				return true;
 			}
 			
@@ -215,21 +218,6 @@
 							} else if ( showControlBar == 2 ) {
 								$('#navcontent').addClass('navcontent');
 							}
-							
-							var presenceEnabledPatch = result.presenceEnabledPatch;
-							var presenceImEnabled = result.presenceImEnabled;
-							if ( showIM && (presenceEnabledPatch || presenceImEnabled) ) {
-								presenceURL = LEARNING_URL+"presenceChat.jsp?presenceEnabledPatch="+presenceEnabledPatch
-										+"&presenceImEnabled="+presenceImEnabled+"&lessonID="+lessonId;
-								<c:if test="${not usePanel}">
-								presenceURL = presenceURL + "&reloadBootstrap=true";
-								</c:if>
-								$('#presenceEnabledPatchDiv').load(presenceURL, function( response, status, xhr ) {
-									if ( status == "error" ) {
-										alert("Unable to load IM: " + xhr.status);
-									} 
-								});
-							}
 
 							initWebsocket('commandWebsocket', LEARNING_URL.replace('http', 'ws')
 									+ 'commandWebsocket?lessonID=' + lessonId,
@@ -379,10 +367,6 @@
 					<jsp:doBody />
 				</c:otherwise>
 				</c:choose>						
-				<%--  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>
Index: lams_tool_whiteboard/web/WEB-INF/tags/Page5.tag
===================================================================
diff -u -r81f928586161dd03042b6353f68c7d7b8279ccde -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_tool_whiteboard/web/WEB-INF/tags/Page5.tag	(.../Page5.tag)	(revision 81f928586161dd03042b6353f68c7d7b8279ccde)
+++ lams_tool_whiteboard/web/WEB-INF/tags/Page5.tag	(.../Page5.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -165,16 +165,19 @@
 				$('#sidebar').show();
 			}
 
-			function preventLearnerAutosaveFromMultipleTabs(autosaveInterval) {
+			function preventLearnerAutosaveFromMultipleTabs(autosaveWindowId, autosaveInterval) {
 				let currentTime = new Date().getTime(),
-					lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp');
+						lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp'),
+						lamsAutosaveWindowId = +localStorage.getItem('lamsAutosaveWindowId');
 				// check if autosave does not happen too often
-				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime) {
+				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime
+						&& lamsAutosaveWindowId && lamsAutosaveWindowId != autosaveWindowId) {
 					// this label is required only in tool which implement autosave
 					alert('<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.prevent.learner.autosave.mutliple.tabs" /></spring:escapeBody>');
 					return false;
 				}
 				localStorage.setItem('lamsAutosaveTimestamp', currentTime);
+				localStorage.setItem('lamsAutosaveWindowId', autosaveWindowId);
 				return true;
 			}
 
@@ -217,21 +220,6 @@
 							} else if ( showControlBar == 2 ) {
 								$('#navcontent').addClass('navcontent');
 							}
-							
-							var presenceEnabledPatch = result.presenceEnabledPatch;
-							var presenceImEnabled = result.presenceImEnabled;
-							if ( showIM && (presenceEnabledPatch || presenceImEnabled) ) {
-								presenceURL = LEARNING_URL+"presenceChat.jsp?presenceEnabledPatch="+presenceEnabledPatch
-										+"&presenceImEnabled="+presenceImEnabled+"&lessonID="+lessonId;
-								<c:if test="${not usePanel}">
-								presenceURL = presenceURL + "&reloadBootstrap=true";
-								</c:if>
-								$('#presenceEnabledPatchDiv').load(presenceURL, function( response, status, xhr ) {
-									if ( status == "error" ) {
-										alert("Unable to load IM: " + xhr.status);
-									} 
-								});
-							}
 
 							initWebsocket('commandWebsocket', LEARNING_URL.replace('http', 'ws')
 									+ 'commandWebsocket?lessonID=' + lessonId,
@@ -381,10 +369,6 @@
 					<jsp:doBody />
 				</c:otherwise>
 				</c:choose>						
-				<%--  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>
Index: lams_tool_whiteboard/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -r6598c02ec0f7dfd0db5ab175660b6b20c12464d2 -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_tool_whiteboard/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 6598c02ec0f7dfd0db5ab175660b6b20c12464d2)
+++ lams_tool_whiteboard/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -69,19 +69,22 @@
 	            		lessonID = ${empty lessonID ? 'null' : lessonID};
 	                initLearnerPage(toolSessionID, lessonID);
 	            });
-	
-	            function preventLearnerAutosaveFromMultipleTabs(autosaveInterval) {
-	                let currentTime = new Date().getTime(),
-	                    lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp');
-	                // check if autosave does not happen too often
-	                if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime) {
-	                    // this label is required only in tool which implement autosave
-	                    alert('<fmt:message key="label.prevent.learner.autosave.mutliple.tabs" />');
-	                    return false;
-	                }
-	                localStorage.setItem('lamsAutosaveTimestamp', currentTime);
-	                return true;
-	            }
+
+				function preventLearnerAutosaveFromMultipleTabs(autosaveWindowId, autosaveInterval) {
+					let currentTime = new Date().getTime(),
+							lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp'),
+							lamsAutosaveWindowId = +localStorage.getItem('lamsAutosaveWindowId');
+					// check if autosave does not happen too often
+					if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime
+							&& lamsAutosaveWindowId && lamsAutosaveWindowId != autosaveWindowId) {
+						// this label is required only in tool which implement autosave
+						alert('<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.prevent.learner.autosave.mutliple.tabs" /></spring:escapeBody>');
+						return false;
+					}
+					localStorage.setItem('lamsAutosaveTimestamp', currentTime);
+					localStorage.setItem('lamsAutosaveWindowId', autosaveWindowId);
+					return true;
+				}
 	        </script>
         </c:if>
     </lams:head>
@@ -216,4 +219,4 @@
 		    </div>
 	    </c:if>
     </body>
-</lams:html>
+</lams:html>
\ No newline at end of file
Index: lams_tool_whiteboard/web/WEB-INF/tags/StyledRating5.tag
===================================================================
diff -u -rb6e8dca20bffba9ce751b917ab4af7b252115f67 -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_tool_whiteboard/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision b6e8dca20bffba9ce751b917ab4af7b252115f67)
+++ lams_tool_whiteboard/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -96,18 +96,23 @@
 								</td>
 								
 								<td class="rating">
-									<div class="rating-stars-holder text-center center-block">
+									<div class="starability-holder">
 										<c:set var="objectId">${criteriaRatings.ratingCriteria.ratingCriteriaId}-${rating.itemId}</c:set>
-										<div class="rating-stars-disabled rating-stars-new" data-average="${rating.averageRating}" data-id="${objectId}">
+										<c:set var="dataRating">
+											<fmt:formatNumber value="${rating.averageRating-(rating.averageRating%1)}" pattern="#"></fmt:formatNumber>
+											${(rating.averageRating%1) >= 0.5 ? '.5' : ''}
+										</c:set>
+										<div class="starability starability-result" data-rating="${dataRating}">
+											Rated: ${dataRating} stars
 										</div>
-										<c:set var="userRating">${rating.userRating}</c:set>
-										<div class="rating-stars-caption" id="rating-stars-caption-${objectId}">
+										
+										<div class="starability-caption" id="starability-caption-${objectId}">
 											<c:choose>
-												<c:when test="${empty userRating}">
+												<c:when test="${empty rating.userRating}">
 													<fmt:message key="label.not.rated"></fmt:message>
 												</c:when>
 												<c:otherwise>
-													<fmt:message key="label.you.gave.rating"><fmt:param><span id="user-rating-${objectId}">${userRating}</span></fmt:param></fmt:message>
+													<fmt:message key="label.you.gave.rating"><fmt:param><span id="user-rating-${objectId}">${rating.userRating}</span></fmt:param></fmt:message>
 												</c:otherwise>
 											</c:choose>
 											<br/>
@@ -135,10 +140,17 @@
 				<c:forEach var="rating" items="${criteriaRatings.ratingDtos}" varStatus="status">
 					<c:if test="${status.first && not empty rating.averageRating}">
 						<div class="rating">
-							<div class="rating-stars-holder text-center center-block">
+							<div class="starability-holder">
 								<c:set var="objectId">${criteriaRatings.ratingCriteria.ratingCriteriaId}-${rating.itemId}</c:set>
-								<div class="rating-stars-disabled rating-stars-new" data-average="${rating.averageRating}" data-id="${objectId}"></div>
-								<div class="rating-stars-caption" id="rating-stars-caption-${objectId}-currentUser">
+								<c:set var="dataRating">
+									<fmt:formatNumber value="${rating.averageRating-(rating.averageRating%1)}" pattern="#"></fmt:formatNumber>
+									${(rating.averageRating%1) >= 0.5 ? '.5' : ''}
+								</c:set>
+								<div class="starability starability-result" data-rating="${dataRating}">
+									Rated: ${dataRating} stars
+								</div>
+								
+								<div class="starability-caption" id="starability-caption-${objectId}-currentUser">
 									<fmt:message key="label.avg.rating">
 										<fmt:param><span id="average-rating-${objectId}-currentUser">${rating.averageRating}</span></fmt:param>
 										<fmt:param><span id="number-of-votes-${objectId}-currentUser">${rating.numberOfVotes}</span></fmt:param>
Index: lams_tool_wiki/web/WEB-INF/tags/Page.tag
===================================================================
diff -u -r876e644c066e81c2721ffa085fd12f386e2f3bb6 -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_tool_wiki/web/WEB-INF/tags/Page.tag	(.../Page.tag)	(revision 876e644c066e81c2721ffa085fd12f386e2f3bb6)
+++ lams_tool_wiki/web/WEB-INF/tags/Page.tag	(.../Page.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -48,7 +48,7 @@
 		<c:set var="mode" value="${sessionScope[sessionMapID].mode}" />
 	</c:if>
 
-	<%--  only have sidebar and presence in learner main window, not in popup windows --%>
+	<%--  only have sidebar in learner main window, not in popup windows --%>
 	<c:if test="${ not hideProgressBar && ( empty mode || mode == 'author' || mode == 'learner') }">
 	
 		<%-- Links placed in body instead of head. Ugly, but it works. --%>
@@ -163,16 +163,19 @@
 				$('#sidebar').show();
 			}
 
-			function preventLearnerAutosaveFromMultipleTabs(autosaveInterval) {
+			function preventLearnerAutosaveFromMultipleTabs(autosaveWindowId, autosaveInterval) {
 				let currentTime = new Date().getTime(),
-					lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp');
+						lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp'),
+						lamsAutosaveWindowId = +localStorage.getItem('lamsAutosaveWindowId');
 				// check if autosave does not happen too often
-				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime) {
+				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime
+						&& lamsAutosaveWindowId && lamsAutosaveWindowId != autosaveWindowId) {
 					// this label is required only in tool which implement autosave
 					alert('<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.prevent.learner.autosave.mutliple.tabs" /></spring:escapeBody>');
 					return false;
 				}
 				localStorage.setItem('lamsAutosaveTimestamp', currentTime);
+				localStorage.setItem('lamsAutosaveWindowId', autosaveWindowId);
 				return true;
 			}
 			
@@ -215,21 +218,6 @@
 							} else if ( showControlBar == 2 ) {
 								$('#navcontent').addClass('navcontent');
 							}
-							
-							var presenceEnabledPatch = result.presenceEnabledPatch;
-							var presenceImEnabled = result.presenceImEnabled;
-							if ( showIM && (presenceEnabledPatch || presenceImEnabled) ) {
-								presenceURL = LEARNING_URL+"presenceChat.jsp?presenceEnabledPatch="+presenceEnabledPatch
-										+"&presenceImEnabled="+presenceImEnabled+"&lessonID="+lessonId;
-								<c:if test="${not usePanel}">
-								presenceURL = presenceURL + "&reloadBootstrap=true";
-								</c:if>
-								$('#presenceEnabledPatchDiv').load(presenceURL, function( response, status, xhr ) {
-									if ( status == "error" ) {
-										alert("Unable to load IM: " + xhr.status);
-									} 
-								});
-							}
 
 							initWebsocket('commandWebsocket', LEARNING_URL.replace('http', 'ws')
 									+ 'commandWebsocket?lessonID=' + lessonId,
@@ -379,10 +367,6 @@
 					<jsp:doBody />
 				</c:otherwise>
 				</c:choose>						
-				<%--  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>
Index: lams_tool_wiki/web/WEB-INF/tags/Page5.tag
===================================================================
diff -u -r81f928586161dd03042b6353f68c7d7b8279ccde -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_tool_wiki/web/WEB-INF/tags/Page5.tag	(.../Page5.tag)	(revision 81f928586161dd03042b6353f68c7d7b8279ccde)
+++ lams_tool_wiki/web/WEB-INF/tags/Page5.tag	(.../Page5.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -165,16 +165,19 @@
 				$('#sidebar').show();
 			}
 
-			function preventLearnerAutosaveFromMultipleTabs(autosaveInterval) {
+			function preventLearnerAutosaveFromMultipleTabs(autosaveWindowId, autosaveInterval) {
 				let currentTime = new Date().getTime(),
-					lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp');
+						lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp'),
+						lamsAutosaveWindowId = +localStorage.getItem('lamsAutosaveWindowId');
 				// check if autosave does not happen too often
-				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime) {
+				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime
+						&& lamsAutosaveWindowId && lamsAutosaveWindowId != autosaveWindowId) {
 					// this label is required only in tool which implement autosave
 					alert('<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.prevent.learner.autosave.mutliple.tabs" /></spring:escapeBody>');
 					return false;
 				}
 				localStorage.setItem('lamsAutosaveTimestamp', currentTime);
+				localStorage.setItem('lamsAutosaveWindowId', autosaveWindowId);
 				return true;
 			}
 
@@ -217,21 +220,6 @@
 							} else if ( showControlBar == 2 ) {
 								$('#navcontent').addClass('navcontent');
 							}
-							
-							var presenceEnabledPatch = result.presenceEnabledPatch;
-							var presenceImEnabled = result.presenceImEnabled;
-							if ( showIM && (presenceEnabledPatch || presenceImEnabled) ) {
-								presenceURL = LEARNING_URL+"presenceChat.jsp?presenceEnabledPatch="+presenceEnabledPatch
-										+"&presenceImEnabled="+presenceImEnabled+"&lessonID="+lessonId;
-								<c:if test="${not usePanel}">
-								presenceURL = presenceURL + "&reloadBootstrap=true";
-								</c:if>
-								$('#presenceEnabledPatchDiv').load(presenceURL, function( response, status, xhr ) {
-									if ( status == "error" ) {
-										alert("Unable to load IM: " + xhr.status);
-									} 
-								});
-							}
 
 							initWebsocket('commandWebsocket', LEARNING_URL.replace('http', 'ws')
 									+ 'commandWebsocket?lessonID=' + lessonId,
@@ -381,10 +369,6 @@
 					<jsp:doBody />
 				</c:otherwise>
 				</c:choose>						
-				<%--  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>
Index: lams_tool_wiki/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -r6598c02ec0f7dfd0db5ab175660b6b20c12464d2 -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_tool_wiki/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 6598c02ec0f7dfd0db5ab175660b6b20c12464d2)
+++ lams_tool_wiki/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -69,19 +69,22 @@
 	            		lessonID = ${empty lessonID ? 'null' : lessonID};
 	                initLearnerPage(toolSessionID, lessonID);
 	            });
-	
-	            function preventLearnerAutosaveFromMultipleTabs(autosaveInterval) {
-	                let currentTime = new Date().getTime(),
-	                    lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp');
-	                // check if autosave does not happen too often
-	                if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime) {
-	                    // this label is required only in tool which implement autosave
-	                    alert('<fmt:message key="label.prevent.learner.autosave.mutliple.tabs" />');
-	                    return false;
-	                }
-	                localStorage.setItem('lamsAutosaveTimestamp', currentTime);
-	                return true;
-	            }
+
+				function preventLearnerAutosaveFromMultipleTabs(autosaveWindowId, autosaveInterval) {
+					let currentTime = new Date().getTime(),
+							lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp'),
+							lamsAutosaveWindowId = +localStorage.getItem('lamsAutosaveWindowId');
+					// check if autosave does not happen too often
+					if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime
+							&& lamsAutosaveWindowId && lamsAutosaveWindowId != autosaveWindowId) {
+						// this label is required only in tool which implement autosave
+						alert('<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.prevent.learner.autosave.mutliple.tabs" /></spring:escapeBody>');
+						return false;
+					}
+					localStorage.setItem('lamsAutosaveTimestamp', currentTime);
+					localStorage.setItem('lamsAutosaveWindowId', autosaveWindowId);
+					return true;
+				}
 	        </script>
         </c:if>
     </lams:head>
@@ -216,4 +219,4 @@
 		    </div>
 	    </c:if>
     </body>
-</lams:html>
+</lams:html>
\ No newline at end of file
Index: lams_tool_wiki/web/WEB-INF/tags/StyledRating5.tag
===================================================================
diff -u -rb6e8dca20bffba9ce751b917ab4af7b252115f67 -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_tool_wiki/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision b6e8dca20bffba9ce751b917ab4af7b252115f67)
+++ lams_tool_wiki/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -96,18 +96,23 @@
 								</td>
 								
 								<td class="rating">
-									<div class="rating-stars-holder text-center center-block">
+									<div class="starability-holder">
 										<c:set var="objectId">${criteriaRatings.ratingCriteria.ratingCriteriaId}-${rating.itemId}</c:set>
-										<div class="rating-stars-disabled rating-stars-new" data-average="${rating.averageRating}" data-id="${objectId}">
+										<c:set var="dataRating">
+											<fmt:formatNumber value="${rating.averageRating-(rating.averageRating%1)}" pattern="#"></fmt:formatNumber>
+											${(rating.averageRating%1) >= 0.5 ? '.5' : ''}
+										</c:set>
+										<div class="starability starability-result" data-rating="${dataRating}">
+											Rated: ${dataRating} stars
 										</div>
-										<c:set var="userRating">${rating.userRating}</c:set>
-										<div class="rating-stars-caption" id="rating-stars-caption-${objectId}">
+										
+										<div class="starability-caption" id="starability-caption-${objectId}">
 											<c:choose>
-												<c:when test="${empty userRating}">
+												<c:when test="${empty rating.userRating}">
 													<fmt:message key="label.not.rated"></fmt:message>
 												</c:when>
 												<c:otherwise>
-													<fmt:message key="label.you.gave.rating"><fmt:param><span id="user-rating-${objectId}">${userRating}</span></fmt:param></fmt:message>
+													<fmt:message key="label.you.gave.rating"><fmt:param><span id="user-rating-${objectId}">${rating.userRating}</span></fmt:param></fmt:message>
 												</c:otherwise>
 											</c:choose>
 											<br/>
@@ -135,10 +140,17 @@
 				<c:forEach var="rating" items="${criteriaRatings.ratingDtos}" varStatus="status">
 					<c:if test="${status.first && not empty rating.averageRating}">
 						<div class="rating">
-							<div class="rating-stars-holder text-center center-block">
+							<div class="starability-holder">
 								<c:set var="objectId">${criteriaRatings.ratingCriteria.ratingCriteriaId}-${rating.itemId}</c:set>
-								<div class="rating-stars-disabled rating-stars-new" data-average="${rating.averageRating}" data-id="${objectId}"></div>
-								<div class="rating-stars-caption" id="rating-stars-caption-${objectId}-currentUser">
+								<c:set var="dataRating">
+									<fmt:formatNumber value="${rating.averageRating-(rating.averageRating%1)}" pattern="#"></fmt:formatNumber>
+									${(rating.averageRating%1) >= 0.5 ? '.5' : ''}
+								</c:set>
+								<div class="starability starability-result" data-rating="${dataRating}">
+									Rated: ${dataRating} stars
+								</div>
+								
+								<div class="starability-caption" id="starability-caption-${objectId}-currentUser">
 									<fmt:message key="label.avg.rating">
 										<fmt:param><span id="average-rating-${objectId}-currentUser">${rating.averageRating}</span></fmt:param>
 										<fmt:param><span id="number-of-votes-${objectId}-currentUser">${rating.numberOfVotes}</span></fmt:param>
Index: lams_tool_zoom/web/WEB-INF/tags/Page.tag
===================================================================
diff -u -r876e644c066e81c2721ffa085fd12f386e2f3bb6 -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_tool_zoom/web/WEB-INF/tags/Page.tag	(.../Page.tag)	(revision 876e644c066e81c2721ffa085fd12f386e2f3bb6)
+++ lams_tool_zoom/web/WEB-INF/tags/Page.tag	(.../Page.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -48,7 +48,7 @@
 		<c:set var="mode" value="${sessionScope[sessionMapID].mode}" />
 	</c:if>
 
-	<%--  only have sidebar and presence in learner main window, not in popup windows --%>
+	<%--  only have sidebar in learner main window, not in popup windows --%>
 	<c:if test="${ not hideProgressBar && ( empty mode || mode == 'author' || mode == 'learner') }">
 	
 		<%-- Links placed in body instead of head. Ugly, but it works. --%>
@@ -163,16 +163,19 @@
 				$('#sidebar').show();
 			}
 
-			function preventLearnerAutosaveFromMultipleTabs(autosaveInterval) {
+			function preventLearnerAutosaveFromMultipleTabs(autosaveWindowId, autosaveInterval) {
 				let currentTime = new Date().getTime(),
-					lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp');
+						lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp'),
+						lamsAutosaveWindowId = +localStorage.getItem('lamsAutosaveWindowId');
 				// check if autosave does not happen too often
-				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime) {
+				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime
+						&& lamsAutosaveWindowId && lamsAutosaveWindowId != autosaveWindowId) {
 					// this label is required only in tool which implement autosave
 					alert('<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.prevent.learner.autosave.mutliple.tabs" /></spring:escapeBody>');
 					return false;
 				}
 				localStorage.setItem('lamsAutosaveTimestamp', currentTime);
+				localStorage.setItem('lamsAutosaveWindowId', autosaveWindowId);
 				return true;
 			}
 			
@@ -215,21 +218,6 @@
 							} else if ( showControlBar == 2 ) {
 								$('#navcontent').addClass('navcontent');
 							}
-							
-							var presenceEnabledPatch = result.presenceEnabledPatch;
-							var presenceImEnabled = result.presenceImEnabled;
-							if ( showIM && (presenceEnabledPatch || presenceImEnabled) ) {
-								presenceURL = LEARNING_URL+"presenceChat.jsp?presenceEnabledPatch="+presenceEnabledPatch
-										+"&presenceImEnabled="+presenceImEnabled+"&lessonID="+lessonId;
-								<c:if test="${not usePanel}">
-								presenceURL = presenceURL + "&reloadBootstrap=true";
-								</c:if>
-								$('#presenceEnabledPatchDiv').load(presenceURL, function( response, status, xhr ) {
-									if ( status == "error" ) {
-										alert("Unable to load IM: " + xhr.status);
-									} 
-								});
-							}
 
 							initWebsocket('commandWebsocket', LEARNING_URL.replace('http', 'ws')
 									+ 'commandWebsocket?lessonID=' + lessonId,
@@ -379,10 +367,6 @@
 					<jsp:doBody />
 				</c:otherwise>
 				</c:choose>						
-				<%--  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>
Index: lams_tool_zoom/web/WEB-INF/tags/Page5.tag
===================================================================
diff -u -r81f928586161dd03042b6353f68c7d7b8279ccde -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_tool_zoom/web/WEB-INF/tags/Page5.tag	(.../Page5.tag)	(revision 81f928586161dd03042b6353f68c7d7b8279ccde)
+++ lams_tool_zoom/web/WEB-INF/tags/Page5.tag	(.../Page5.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -165,16 +165,19 @@
 				$('#sidebar').show();
 			}
 
-			function preventLearnerAutosaveFromMultipleTabs(autosaveInterval) {
+			function preventLearnerAutosaveFromMultipleTabs(autosaveWindowId, autosaveInterval) {
 				let currentTime = new Date().getTime(),
-					lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp');
+						lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp'),
+						lamsAutosaveWindowId = +localStorage.getItem('lamsAutosaveWindowId');
 				// check if autosave does not happen too often
-				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime) {
+				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime
+						&& lamsAutosaveWindowId && lamsAutosaveWindowId != autosaveWindowId) {
 					// this label is required only in tool which implement autosave
 					alert('<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.prevent.learner.autosave.mutliple.tabs" /></spring:escapeBody>');
 					return false;
 				}
 				localStorage.setItem('lamsAutosaveTimestamp', currentTime);
+				localStorage.setItem('lamsAutosaveWindowId', autosaveWindowId);
 				return true;
 			}
 
@@ -217,21 +220,6 @@
 							} else if ( showControlBar == 2 ) {
 								$('#navcontent').addClass('navcontent');
 							}
-							
-							var presenceEnabledPatch = result.presenceEnabledPatch;
-							var presenceImEnabled = result.presenceImEnabled;
-							if ( showIM && (presenceEnabledPatch || presenceImEnabled) ) {
-								presenceURL = LEARNING_URL+"presenceChat.jsp?presenceEnabledPatch="+presenceEnabledPatch
-										+"&presenceImEnabled="+presenceImEnabled+"&lessonID="+lessonId;
-								<c:if test="${not usePanel}">
-								presenceURL = presenceURL + "&reloadBootstrap=true";
-								</c:if>
-								$('#presenceEnabledPatchDiv').load(presenceURL, function( response, status, xhr ) {
-									if ( status == "error" ) {
-										alert("Unable to load IM: " + xhr.status);
-									} 
-								});
-							}
 
 							initWebsocket('commandWebsocket', LEARNING_URL.replace('http', 'ws')
 									+ 'commandWebsocket?lessonID=' + lessonId,
@@ -381,10 +369,6 @@
 					<jsp:doBody />
 				</c:otherwise>
 				</c:choose>						
-				<%--  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>
Index: lams_tool_zoom/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -r6598c02ec0f7dfd0db5ab175660b6b20c12464d2 -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_tool_zoom/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 6598c02ec0f7dfd0db5ab175660b6b20c12464d2)
+++ lams_tool_zoom/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -69,19 +69,22 @@
 	            		lessonID = ${empty lessonID ? 'null' : lessonID};
 	                initLearnerPage(toolSessionID, lessonID);
 	            });
-	
-	            function preventLearnerAutosaveFromMultipleTabs(autosaveInterval) {
-	                let currentTime = new Date().getTime(),
-	                    lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp');
-	                // check if autosave does not happen too often
-	                if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime) {
-	                    // this label is required only in tool which implement autosave
-	                    alert('<fmt:message key="label.prevent.learner.autosave.mutliple.tabs" />');
-	                    return false;
-	                }
-	                localStorage.setItem('lamsAutosaveTimestamp', currentTime);
-	                return true;
-	            }
+
+				function preventLearnerAutosaveFromMultipleTabs(autosaveWindowId, autosaveInterval) {
+					let currentTime = new Date().getTime(),
+							lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp'),
+							lamsAutosaveWindowId = +localStorage.getItem('lamsAutosaveWindowId');
+					// check if autosave does not happen too often
+					if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime
+							&& lamsAutosaveWindowId && lamsAutosaveWindowId != autosaveWindowId) {
+						// this label is required only in tool which implement autosave
+						alert('<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.prevent.learner.autosave.mutliple.tabs" /></spring:escapeBody>');
+						return false;
+					}
+					localStorage.setItem('lamsAutosaveTimestamp', currentTime);
+					localStorage.setItem('lamsAutosaveWindowId', autosaveWindowId);
+					return true;
+				}
 	        </script>
         </c:if>
     </lams:head>
@@ -216,4 +219,4 @@
 		    </div>
 	    </c:if>
     </body>
-</lams:html>
+</lams:html>
\ No newline at end of file
Index: lams_tool_zoom/web/WEB-INF/tags/StyledRating5.tag
===================================================================
diff -u -rb6e8dca20bffba9ce751b917ab4af7b252115f67 -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_tool_zoom/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision b6e8dca20bffba9ce751b917ab4af7b252115f67)
+++ lams_tool_zoom/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -96,18 +96,23 @@
 								</td>
 								
 								<td class="rating">
-									<div class="rating-stars-holder text-center center-block">
+									<div class="starability-holder">
 										<c:set var="objectId">${criteriaRatings.ratingCriteria.ratingCriteriaId}-${rating.itemId}</c:set>
-										<div class="rating-stars-disabled rating-stars-new" data-average="${rating.averageRating}" data-id="${objectId}">
+										<c:set var="dataRating">
+											<fmt:formatNumber value="${rating.averageRating-(rating.averageRating%1)}" pattern="#"></fmt:formatNumber>
+											${(rating.averageRating%1) >= 0.5 ? '.5' : ''}
+										</c:set>
+										<div class="starability starability-result" data-rating="${dataRating}">
+											Rated: ${dataRating} stars
 										</div>
-										<c:set var="userRating">${rating.userRating}</c:set>
-										<div class="rating-stars-caption" id="rating-stars-caption-${objectId}">
+										
+										<div class="starability-caption" id="starability-caption-${objectId}">
 											<c:choose>
-												<c:when test="${empty userRating}">
+												<c:when test="${empty rating.userRating}">
 													<fmt:message key="label.not.rated"></fmt:message>
 												</c:when>
 												<c:otherwise>
-													<fmt:message key="label.you.gave.rating"><fmt:param><span id="user-rating-${objectId}">${userRating}</span></fmt:param></fmt:message>
+													<fmt:message key="label.you.gave.rating"><fmt:param><span id="user-rating-${objectId}">${rating.userRating}</span></fmt:param></fmt:message>
 												</c:otherwise>
 											</c:choose>
 											<br/>
@@ -135,10 +140,17 @@
 				<c:forEach var="rating" items="${criteriaRatings.ratingDtos}" varStatus="status">
 					<c:if test="${status.first && not empty rating.averageRating}">
 						<div class="rating">
-							<div class="rating-stars-holder text-center center-block">
+							<div class="starability-holder">
 								<c:set var="objectId">${criteriaRatings.ratingCriteria.ratingCriteriaId}-${rating.itemId}</c:set>
-								<div class="rating-stars-disabled rating-stars-new" data-average="${rating.averageRating}" data-id="${objectId}"></div>
-								<div class="rating-stars-caption" id="rating-stars-caption-${objectId}-currentUser">
+								<c:set var="dataRating">
+									<fmt:formatNumber value="${rating.averageRating-(rating.averageRating%1)}" pattern="#"></fmt:formatNumber>
+									${(rating.averageRating%1) >= 0.5 ? '.5' : ''}
+								</c:set>
+								<div class="starability starability-result" data-rating="${dataRating}">
+									Rated: ${dataRating} stars
+								</div>
+								
+								<div class="starability-caption" id="starability-caption-${objectId}-currentUser">
 									<fmt:message key="label.avg.rating">
 										<fmt:param><span id="average-rating-${objectId}-currentUser">${rating.averageRating}</span></fmt:param>
 										<fmt:param><span id="number-of-votes-${objectId}-currentUser">${rating.numberOfVotes}</span></fmt:param>
Index: lams_www/web/WEB-INF/tags/Page.tag
===================================================================
diff -u -r876e644c066e81c2721ffa085fd12f386e2f3bb6 -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_www/web/WEB-INF/tags/Page.tag	(.../Page.tag)	(revision 876e644c066e81c2721ffa085fd12f386e2f3bb6)
+++ lams_www/web/WEB-INF/tags/Page.tag	(.../Page.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -48,7 +48,7 @@
 		<c:set var="mode" value="${sessionScope[sessionMapID].mode}" />
 	</c:if>
 
-	<%--  only have sidebar and presence in learner main window, not in popup windows --%>
+	<%--  only have sidebar in learner main window, not in popup windows --%>
 	<c:if test="${ not hideProgressBar && ( empty mode || mode == 'author' || mode == 'learner') }">
 	
 		<%-- Links placed in body instead of head. Ugly, but it works. --%>
@@ -163,16 +163,19 @@
 				$('#sidebar').show();
 			}
 
-			function preventLearnerAutosaveFromMultipleTabs(autosaveInterval) {
+			function preventLearnerAutosaveFromMultipleTabs(autosaveWindowId, autosaveInterval) {
 				let currentTime = new Date().getTime(),
-					lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp');
+						lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp'),
+						lamsAutosaveWindowId = +localStorage.getItem('lamsAutosaveWindowId');
 				// check if autosave does not happen too often
-				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime) {
+				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime
+						&& lamsAutosaveWindowId && lamsAutosaveWindowId != autosaveWindowId) {
 					// this label is required only in tool which implement autosave
 					alert('<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.prevent.learner.autosave.mutliple.tabs" /></spring:escapeBody>');
 					return false;
 				}
 				localStorage.setItem('lamsAutosaveTimestamp', currentTime);
+				localStorage.setItem('lamsAutosaveWindowId', autosaveWindowId);
 				return true;
 			}
 			
@@ -215,21 +218,6 @@
 							} else if ( showControlBar == 2 ) {
 								$('#navcontent').addClass('navcontent');
 							}
-							
-							var presenceEnabledPatch = result.presenceEnabledPatch;
-							var presenceImEnabled = result.presenceImEnabled;
-							if ( showIM && (presenceEnabledPatch || presenceImEnabled) ) {
-								presenceURL = LEARNING_URL+"presenceChat.jsp?presenceEnabledPatch="+presenceEnabledPatch
-										+"&presenceImEnabled="+presenceImEnabled+"&lessonID="+lessonId;
-								<c:if test="${not usePanel}">
-								presenceURL = presenceURL + "&reloadBootstrap=true";
-								</c:if>
-								$('#presenceEnabledPatchDiv').load(presenceURL, function( response, status, xhr ) {
-									if ( status == "error" ) {
-										alert("Unable to load IM: " + xhr.status);
-									} 
-								});
-							}
 
 							initWebsocket('commandWebsocket', LEARNING_URL.replace('http', 'ws')
 									+ 'commandWebsocket?lessonID=' + lessonId,
@@ -379,10 +367,6 @@
 					<jsp:doBody />
 				</c:otherwise>
 				</c:choose>						
-				<%--  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>
Index: lams_www/web/WEB-INF/tags/Page5.tag
===================================================================
diff -u -r81f928586161dd03042b6353f68c7d7b8279ccde -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_www/web/WEB-INF/tags/Page5.tag	(.../Page5.tag)	(revision 81f928586161dd03042b6353f68c7d7b8279ccde)
+++ lams_www/web/WEB-INF/tags/Page5.tag	(.../Page5.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -165,16 +165,19 @@
 				$('#sidebar').show();
 			}
 
-			function preventLearnerAutosaveFromMultipleTabs(autosaveInterval) {
+			function preventLearnerAutosaveFromMultipleTabs(autosaveWindowId, autosaveInterval) {
 				let currentTime = new Date().getTime(),
-					lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp');
+						lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp'),
+						lamsAutosaveWindowId = +localStorage.getItem('lamsAutosaveWindowId');
 				// check if autosave does not happen too often
-				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime) {
+				if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime
+						&& lamsAutosaveWindowId && lamsAutosaveWindowId != autosaveWindowId) {
 					// this label is required only in tool which implement autosave
 					alert('<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.prevent.learner.autosave.mutliple.tabs" /></spring:escapeBody>');
 					return false;
 				}
 				localStorage.setItem('lamsAutosaveTimestamp', currentTime);
+				localStorage.setItem('lamsAutosaveWindowId', autosaveWindowId);
 				return true;
 			}
 
@@ -217,21 +220,6 @@
 							} else if ( showControlBar == 2 ) {
 								$('#navcontent').addClass('navcontent');
 							}
-							
-							var presenceEnabledPatch = result.presenceEnabledPatch;
-							var presenceImEnabled = result.presenceImEnabled;
-							if ( showIM && (presenceEnabledPatch || presenceImEnabled) ) {
-								presenceURL = LEARNING_URL+"presenceChat.jsp?presenceEnabledPatch="+presenceEnabledPatch
-										+"&presenceImEnabled="+presenceImEnabled+"&lessonID="+lessonId;
-								<c:if test="${not usePanel}">
-								presenceURL = presenceURL + "&reloadBootstrap=true";
-								</c:if>
-								$('#presenceEnabledPatchDiv').load(presenceURL, function( response, status, xhr ) {
-									if ( status == "error" ) {
-										alert("Unable to load IM: " + xhr.status);
-									} 
-								});
-							}
 
 							initWebsocket('commandWebsocket', LEARNING_URL.replace('http', 'ws')
 									+ 'commandWebsocket?lessonID=' + lessonId,
@@ -381,10 +369,6 @@
 					<jsp:doBody />
 				</c:otherwise>
 				</c:choose>						
-				<%--  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>
Index: lams_www/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -r6598c02ec0f7dfd0db5ab175660b6b20c12464d2 -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_www/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 6598c02ec0f7dfd0db5ab175660b6b20c12464d2)
+++ lams_www/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -69,19 +69,22 @@
 	            		lessonID = ${empty lessonID ? 'null' : lessonID};
 	                initLearnerPage(toolSessionID, lessonID);
 	            });
-	
-	            function preventLearnerAutosaveFromMultipleTabs(autosaveInterval) {
-	                let currentTime = new Date().getTime(),
-	                    lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp');
-	                // check if autosave does not happen too often
-	                if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime) {
-	                    // this label is required only in tool which implement autosave
-	                    alert('<fmt:message key="label.prevent.learner.autosave.mutliple.tabs" />');
-	                    return false;
-	                }
-	                localStorage.setItem('lamsAutosaveTimestamp', currentTime);
-	                return true;
-	            }
+
+				function preventLearnerAutosaveFromMultipleTabs(autosaveWindowId, autosaveInterval) {
+					let currentTime = new Date().getTime(),
+							lamsAutosaveTimestamp = +localStorage.getItem('lamsAutosaveTimestamp'),
+							lamsAutosaveWindowId = +localStorage.getItem('lamsAutosaveWindowId');
+					// check if autosave does not happen too often
+					if (autosaveInterval > 0 && lamsAutosaveTimestamp && lamsAutosaveTimestamp + autosaveInterval/2 > currentTime
+							&& lamsAutosaveWindowId && lamsAutosaveWindowId != autosaveWindowId) {
+						// this label is required only in tool which implement autosave
+						alert('<spring:escapeBody javaScriptEscape="true"><fmt:message key="label.prevent.learner.autosave.mutliple.tabs" /></spring:escapeBody>');
+						return false;
+					}
+					localStorage.setItem('lamsAutosaveTimestamp', currentTime);
+					localStorage.setItem('lamsAutosaveWindowId', autosaveWindowId);
+					return true;
+				}
 	        </script>
         </c:if>
     </lams:head>
@@ -216,4 +219,4 @@
 		    </div>
 	    </c:if>
     </body>
-</lams:html>
+</lams:html>
\ No newline at end of file
Index: lams_www/web/WEB-INF/tags/StyledRating5.tag
===================================================================
diff -u -rb6e8dca20bffba9ce751b917ab4af7b252115f67 -r0b1d534ce1915b907afff0171909f90226b31921
--- lams_www/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision b6e8dca20bffba9ce751b917ab4af7b252115f67)
+++ lams_www/web/WEB-INF/tags/StyledRating5.tag	(.../StyledRating5.tag)	(revision 0b1d534ce1915b907afff0171909f90226b31921)
@@ -96,18 +96,23 @@
 								</td>
 								
 								<td class="rating">
-									<div class="rating-stars-holder text-center center-block">
+									<div class="starability-holder">
 										<c:set var="objectId">${criteriaRatings.ratingCriteria.ratingCriteriaId}-${rating.itemId}</c:set>
-										<div class="rating-stars-disabled rating-stars-new" data-average="${rating.averageRating}" data-id="${objectId}">
+										<c:set var="dataRating">
+											<fmt:formatNumber value="${rating.averageRating-(rating.averageRating%1)}" pattern="#"></fmt:formatNumber>
+											${(rating.averageRating%1) >= 0.5 ? '.5' : ''}
+										</c:set>
+										<div class="starability starability-result" data-rating="${dataRating}">
+											Rated: ${dataRating} stars
 										</div>
-										<c:set var="userRating">${rating.userRating}</c:set>
-										<div class="rating-stars-caption" id="rating-stars-caption-${objectId}">
+										
+										<div class="starability-caption" id="starability-caption-${objectId}">
 											<c:choose>
-												<c:when test="${empty userRating}">
+												<c:when test="${empty rating.userRating}">
 													<fmt:message key="label.not.rated"></fmt:message>
 												</c:when>
 												<c:otherwise>
-													<fmt:message key="label.you.gave.rating"><fmt:param><span id="user-rating-${objectId}">${userRating}</span></fmt:param></fmt:message>
+													<fmt:message key="label.you.gave.rating"><fmt:param><span id="user-rating-${objectId}">${rating.userRating}</span></fmt:param></fmt:message>
 												</c:otherwise>
 											</c:choose>
 											<br/>
@@ -135,10 +140,17 @@
 				<c:forEach var="rating" items="${criteriaRatings.ratingDtos}" varStatus="status">
 					<c:if test="${status.first && not empty rating.averageRating}">
 						<div class="rating">
-							<div class="rating-stars-holder text-center center-block">
+							<div class="starability-holder">
 								<c:set var="objectId">${criteriaRatings.ratingCriteria.ratingCriteriaId}-${rating.itemId}</c:set>
-								<div class="rating-stars-disabled rating-stars-new" data-average="${rating.averageRating}" data-id="${objectId}"></div>
-								<div class="rating-stars-caption" id="rating-stars-caption-${objectId}-currentUser">
+								<c:set var="dataRating">
+									<fmt:formatNumber value="${rating.averageRating-(rating.averageRating%1)}" pattern="#"></fmt:formatNumber>
+									${(rating.averageRating%1) >= 0.5 ? '.5' : ''}
+								</c:set>
+								<div class="starability starability-result" data-rating="${dataRating}">
+									Rated: ${dataRating} stars
+								</div>
+								
+								<div class="starability-caption" id="starability-caption-${objectId}-currentUser">
 									<fmt:message key="label.avg.rating">
 										<fmt:param><span id="average-rating-${objectId}-currentUser">${rating.averageRating}</span></fmt:param>
 										<fmt:param><span id="number-of-votes-${objectId}-currentUser">${rating.numberOfVotes}</span></fmt:param>