Index: lams_monitoring/web/includes/javascript/monitorLesson5.js
===================================================================
diff -u -re63f171f9fe9c08cdf47514249ecb9757419193c -r1a24cfe9b9193edfa8bb951c538a9520dd319f42
--- lams_monitoring/web/includes/javascript/monitorLesson5.js	(.../monitorLesson5.js)	(revision e63f171f9fe9c08cdf47514249ecb9757419193c)
+++ lams_monitoring/web/includes/javascript/monitorLesson5.js	(.../monitorLesson5.js)	(revision 1a24cfe9b9193edfa8bb951c538a9520dd319f42)
@@ -168,6 +168,11 @@
 			tabContent.load(LAMS_URL + 'tool/lascrt11/tblmonitoring/traStudentChoices.do?toolContentID=' + traToolContentId);
 		}
 		break;
+				
+		case 'burningQuestions': {
+			tabContent.load(LAMS_URL + 'tool/lascrt11/tblmonitoring/burningQuestions.do?toolContentID=' + traToolContentId);
+		}
+		break;
 		
 		case 'aes': {
 			tabContent.load(LAMS_URL + 'monitoring/tblmonitor/aes.do?'
@@ -227,6 +232,10 @@
 		loadTab('tratStudentChoices', this);
 	});
 	
+	$('#load-burning-tab-btn').click(function(){
+		loadTab('burningQuestions', this);
+	});
+	
 	$('#load-aes-tab-btn').click(function(){
 		loadTab('aes', this);
 	});
@@ -2817,6 +2826,10 @@
 		loadTab('iratStudentChoices');
 	} else if (tabName == 'trat'){
 		loadTab('trat');
+	} else if (tabName == 'tratStudentChoices'){
+		loadTab('tratStudentChoices');
+	} else if (tabName == 'burningQuestions'){
+		loadTab('burningQuestions');
 	} else if (tabName == 'aes'){
 		loadTab('aes');
 	} 
Index: lams_monitoring/web/monitor5.jsp
===================================================================
diff -u -r7fe497ec7a7438f220dfd18d071c02431cc24abc -r1a24cfe9b9193edfa8bb951c538a9520dd319f42
--- lams_monitoring/web/monitor5.jsp	(.../monitor5.jsp)	(revision 7fe497ec7a7438f220dfd18d071c02431cc24abc)
+++ lams_monitoring/web/monitor5.jsp	(.../monitor5.jsp)	(revision 1a24cfe9b9193edfa8bb951c538a9520dd319f42)
@@ -596,7 +596,7 @@
 						<span></span>
 					</div>
 				 -->
-				<p id="lesson-name">Lesson Name</p>
+				<p id="lesson-name"><c:out value="${lesson.lessonName}"/></p>
 			</div>
 			<div class="top-menu">
 				<div id="sequenceSearchPhraseContainer" class="input-group">
Index: lams_tool_scratchie/src/java/org/lamsfoundation/lams/tool/scratchie/web/controller/TblMonitorController.java
===================================================================
diff -u -r7fe497ec7a7438f220dfd18d071c02431cc24abc -r1a24cfe9b9193edfa8bb951c538a9520dd319f42
--- lams_tool_scratchie/src/java/org/lamsfoundation/lams/tool/scratchie/web/controller/TblMonitorController.java	(.../TblMonitorController.java)	(revision 7fe497ec7a7438f220dfd18d071c02431cc24abc)
+++ lams_tool_scratchie/src/java/org/lamsfoundation/lams/tool/scratchie/web/controller/TblMonitorController.java	(.../TblMonitorController.java)	(revision 1a24cfe9b9193edfa8bb951c538a9520dd319f42)
@@ -196,7 +196,7 @@
 	request.setAttribute(AttributeNames.PARAM_TOOL_CONTENT_ID, scratchie.getContentId());
 	request.setAttribute("discussionSentimentEnabled", scratchie.isDiscussionSentimentEnabled());
 
-	return "pages/monitoring/parts/burningQuestions";
+	return "pages/monitoring/parts/burningQuestions5";
     }
 
     /**
Index: lams_tool_scratchie/web/pages/monitoring/parts/burningQuestions5.jsp
===================================================================
diff -u
--- lams_tool_scratchie/web/pages/monitoring/parts/burningQuestions5.jsp	(revision 0)
+++ lams_tool_scratchie/web/pages/monitoring/parts/burningQuestions5.jsp	(revision 1a24cfe9b9193edfa8bb951c538a9520dd319f42)
@@ -0,0 +1,229 @@
+<%@ include file="/common/taglibs.jsp"%>
+
+<style>
+
+	.discussion-sentiment-start-button-cell {
+		width: 200px;
+		text-align: right;
+	}	
+	
+	.discussion-sentiment-start-button .fa-comments {
+		color: black !important;
+	}
+	
+	.discussion-sentiment-chart-row {
+		display: none;
+	}
+	
+	.burning-questions-likes {
+		width: 50px;
+	}
+</style>
+<script>
+	$(document).ready(function(){
+		//handler for expand/collapse all button
+		$("#toggle-burning-questions-button").click(function() {
+			var isExpanded = eval($(this).data("expanded"));
+				
+			//fire the actual buttons so burning questions can be closed/expanded
+			if (isExpanded) {
+				$("#burning-questions-accordion .accordion-button:not('.collapsed')").each(function() {
+					this.click();
+				});
+								
+			} else {
+				$("#burning-questions-accordion .accordion-button").each(function() {
+					this.click();
+				});					
+			}
+
+			//change button label
+			var newButtonLabel = isExpanded ? "<fmt:message key='label.expand.all' />" : "<fmt:message key='label.collapse.all' />";
+			$(".hidden-xs", $(this)).text(newButtonLabel);
+
+			//change button icon
+			if (isExpanded) {
+				$(".fa", $(this)).removeClass("fa-minus-circle").addClass("fa-plus-circle");
+			} else {
+				$(".fa", $(this)).removeClass("fa-plus-circle").addClass("fa-minus-circle");
+			}
+
+			//change button's data-expanded attribute
+			$(this).data("expanded", !isExpanded);
+		});
+		
+		$('.options-show-link').click(function(e){
+			// so browser does not go to the top of page
+			e.preventDefault();
+			
+			// hide link, show answers
+			let link = $(this),
+				itemUid = link.data('itemUid');
+			link.remove();
+			$('#options-' + itemUid).show();
+		});
+
+		<c:if test="${discussionSentimentEnabled}">
+			$.ajax({
+				url : '<lams:LAMSURL />learning/discussionSentiment/checkMonitor.do',
+				data : {
+					toolContentId : ${toolContentID}
+				},
+				dataType : 'json',
+				success : function(result){
+					result.forEach(function(discussion){
+						startDiscussionSentiment(discussion.toolQuestionUid, discussion.burningQuestionUid, false);
+					});
+				}
+			});
+		</c:if>
+	});
+
+
+	<c:if test="${discussionSentimentEnabled}">
+		function startDiscussionSentiment(toolQuestionUid, burningQuestionUid, markAsActive) {
+			var idSuffix = toolQuestionUid + '-' + burningQuestionUid,
+				chartRow = $('#discussion-sentiment-chart-row-' + idSuffix).css('display', 'table-row');
+			
+			$('#discussion-sentiment-chart-panel-container-' + idSuffix, chartRow).load(
+				'<lams:LAMSURL />learning/discussionSentiment/startMonitor.do',
+				{
+					toolQuestionUid    : toolQuestionUid,
+					burningQuestionUid : burningQuestionUid,
+					markAsActive       : markAsActive
+				},
+				function(){
+					$('#discussion-sentiment-start-button-' + idSuffix).closest('td').remove();
+				}
+			)
+		}
+	</c:if>
+</script>
+<div class="container-fluid">
+	<!-- Tables -->
+
+	<div class="row mb-2">
+		<div class="col-4 offset-4">
+			<h3 class="text-center">
+				<fmt:message key="label.burning.questions"/>
+			</h3>
+		</div>
+		<div class="col-3 text-end">
+	        <button type="button" id="toggle-burning-questions-button" class="btn btn-secondary" data-expanded="false">
+	           	<i class="fa fa-plus-circle"></i>
+	           	<span class="hidden-xs">
+	           		<fmt:message key='label.expand.all' />
+	           	</span>
+	        </button>
+		</div>
+	</div>
+	
+	<div class="row">
+		<div class="col-10 offset-1">
+			<div class="accordion" id="burning-questions-accordion"> 	
+				<c:forEach var="burningQuestionItemDto" items="${burningQuestionItemDtos}" varStatus="i">
+					<c:set var="burningQsCount" value="${fn:length(burningQuestionItemDto.burningQuestionDtos)}"/>
+					<c:if test="${burningQsCount > 0}">
+						<c:set var="item" value="${burningQuestionItemDto.scratchieItem}"/>
+						<%-- toolQuestionUid, i.e. item UID, is required for discussion token.
+							 It is missing for general burning questions as they are not bound to any question.
+							 In this case we use first question's UID, as burning question UID will uniquely identify the discussion anyway
+						 --%>
+						<c:set var="generalBurningQuestionDiscussionItemUid"
+							   value="${empty generalBurningQuestionDiscussionItemUid and not empty item.uid ? item.uid : generalBurningQuestionDiscussionItemUid}" />
+						<c:set var="discussionItemUid" value="${empty item.uid ? generalBurningQuestionDiscussionItemUid : item.uid}" />
+			 			<div class="accordion-item" >
+					    	<h4 class="accordion-header" id="heading${groupSummary.sessionId}">
+					    	  	<button class="accordion-button collapsed" type="button"
+						    			data-bs-toggle="collapse" data-bs-target="#collapse${item.uid}"
+						    			aria-expanded="false">
+						    		<!-- Don't display number prior to general burning question -->
+									<c:choose>
+										<c:when test="${empty item.uid}">
+											<c:out value="${item.qbQuestion.name}" escapeXml="false"/>
+										</c:when>
+										<c:otherwise>
+											Q${i.index+1}) 
+											<c:if test="${not hideTitles}">
+												<c:out value="${item.qbQuestion.name}" escapeXml="false"/>
+											</c:if> 
+										</c:otherwise>
+									</c:choose>
+						    	</button>
+						    </h4>
+						    <div id="collapse${item.uid}" class="accordion-collapse collapse" aria-labelledby="heading${groupSummary.sessionId}">	
+								<div class="accordion-body">
+								
+									<span class="burning-question-description">
+										<c:out value="${item.qbQuestion.description}" escapeXml="false"/><br /> 
+									</span>
+									
+									<c:if test="${not empty burningQuestionItemDto.scratchieItem.uid}">
+										<a id="options-show-${item.uid}" href="#" class="options-show-link" 
+										   data-item-uid="${item.uid}">
+											<fmt:message key='label.options.show' />
+										</a>
+										<div  id="options-${item.uid}" class="table-responsive" style="display: none">
+											<table class="table table-hover">
+												<c:forEach var="answer" items="${item.qbQuestion.qbOptions}" varStatus="j">
+													<c:set var="cssClass"><c:if test='${answer.correct}'>bg-success</c:if></c:set>
+													<tr>
+														<td width="5px" class="${cssClass} align-middle">
+															${ALPHABET[j.index]}.
+														</td>
+														<td class="${cssClass} align-middle">
+															<c:out value="${answer.name}" escapeXml="false"/> 
+														</td>
+													</tr>
+												</c:forEach>
+											</table>
+										</div>
+									</c:if>
+									
+									<div class="table-responsive mt-3">
+										<table class="table table-bordered">
+											<tbody>
+												<c:forEach var="burningQuestionDto" items="${burningQuestionItemDto.burningQuestionDtos}">
+													<tr>
+														<td class="text-nowrap align-middle fw-bold">
+															<c:out value="${burningQuestionDto.sessionName}" escapeXml="false"/>
+														</td>
+														<td>
+															${burningQuestionDto.escapedBurningQuestion}
+														</td>
+														<td class="text-nowrap burning-questions-likes align-middle">
+															<span class="badge rounded-pill text-bg-secondary">${burningQuestionDto.likeCount}</span>
+															<i class="fa fa-thumbs-up text-primary ms-2"></i>
+														</td>
+														<c:if test="${discussionSentimentEnabled and not empty discussionItemUid}">
+															<td class="discussion-sentiment-start-button-cell align-middle">
+																<div id="discussion-sentiment-start-button-${discussionItemUid}-${burningQuestionDto.burningQuestion.uid}"
+																     class="btn btn-sm btn-secondary discussion-sentiment-start-button"
+																     onClick="javascript:startDiscussionSentiment(${discussionItemUid}, ${burningQuestionDto.burningQuestion.uid}, true)">
+																	<i class="fa fa-comments me-1"></i><fmt:message key="label.monitoring.discussion.start"/>
+																</div>
+															</td>
+														</c:if>
+													</tr>
+													<c:if test="${discussionSentimentEnabled and not empty discussionItemUid}">
+														<tr id="discussion-sentiment-chart-row-${discussionItemUid}-${burningQuestionDto.burningQuestion.uid}"
+														    class="discussion-sentiment-chart-row">
+															<td colspan="3">
+																<div id="discussion-sentiment-chart-panel-container-${discussionItemUid}-${burningQuestionDto.burningQuestion.uid}"></div>
+															</td>
+														</tr>
+													</c:if>
+												</c:forEach>
+											</tbody>
+										</table>
+									</div>
+								</div>
+							</div>
+							
+						</div>
+					</c:if>
+				</c:forEach>    
+			</div>
+		</div>
+	</div>
+</div>
\ No newline at end of file