Index: lams_monitoring/web/css/components-monitoring.css
===================================================================
diff -u -r11451ea046ecf5451b71400c2b2063c48aa893cd -r5b0b163e3a7c6105a347ed651367666ba20468da
--- lams_monitoring/web/css/components-monitoring.css	(.../components-monitoring.css)	(revision 11451ea046ecf5451b71400c2b2063c48aa893cd)
+++ lams_monitoring/web/css/components-monitoring.css	(.../components-monitoring.css)	(revision 5b0b163e3a7c6105a347ed651367666ba20468da)
@@ -331,58 +331,47 @@
 	margin-bottom: 2rem;
 }
 
-.monitoring-page-wrapper .tasks-col .row {
-	margin-bottom: 1rem;
+.monitoring-page-wrapper #required-tasks-content .row {
+	margin-bottom: 1.5rem;
 }
 
-.monitoring-page-wrapper .tasks-col .row > div:first-child {
+.monitoring-page-wrapper #required-tasks-content .label {
 	color: #2E384D;
 	font-family: mont-regular, sans-serif;
 	font-size: .8rem;
 	margin: 0;
-	margin-top: .6rem;
 }
 
-.monitoring-page-wrapper .tasks-col select {
-	width: 100%;
-	border: 0;
-	background-color: #F6F5FA;
-	height: 2.8rem;
-	padding: .5rem 1rem;
-	border-radius: .9rem;
-	-moz-appearance: none; /* Firefox */
-	-webkit-appearance: none; /* Safari and Chrome */
-	appearance: none;
-	font-size: .8rem;
-	color: #ACB5CC;
-	font-family: mont-regular, sans-serif;
-	background-repeat: no-repeat;
-	background-position: calc(100% - 1.3rem) 1.3rem;
-	background-size: .6rem;
-	background-image: url(/lams/images/components/arrow.svg);
+.monitoring-page-wrapper #required-tasks-content .label.contribute-activity-title {
+	font-family: mont-bold, sans-serif;
 }
 
-.monitoring-page-wrapper .tasks-col select:focus {
-	outline: none;
+.monitoring-page-wrapper #required-tasks-content .badge {
+	padding: .5rem 1rem;
+	vertical-align: middle;
 }
 
-.monitoring-page-wrapper .tasks-col button {
+.monitoring-page-wrapper #required-tasks-content button {
 	background-color: #3C42E0;
 	border: 0;
 	color: #fff;
 	font-family: mont-regular, sans-serif;
 	font-size: .8rem;
-	width: 10rem;
-	height: 2.7rem;
-	border-radius: .8rem;
 	box-shadow: 0px 3px 6px #3C42E040;
-	transition: all .3s ease;
 }
 
-.monitoring-page-wrapper .tasks-col button:hover {
+.monitoring-page-wrapper #required-tasks-content button.contribute-go-button {
+	min-width: 5rem;
+}
+
+.monitoring-page-wrapper #required-tasks-content button:hover {
 	background-color: #878bea;
 }
 
+.monitoring-page-wrapper #required-tasks-content .dropdown-item {
+	font-size: .8rem;
+}
+
 .monitoring-page-wrapper .insight-col-content p {
 	margin: 0;
 	width: 100%;
Index: lams_monitoring/web/includes/javascript/monitorLesson5.js
===================================================================
diff -u
--- lams_monitoring/web/includes/javascript/monitorLesson5.js	(revision 0)
+++ lams_monitoring/web/includes/javascript/monitorLesson5.js	(revision 5b0b163e3a7c6105a347ed651367666ba20468da)
@@ -0,0 +1,149 @@
+ //auto refresh all tabs every 30 seconds
+let autoRefreshInterval = 30 * 1000,
+	autoRefreshIntervalObject = null;
+
+function refreshMonitor(tabName, isAuto){
+	if (autoRefreshIntervalObject && !isAuto) {
+		clearInterval(autoRefreshIntervalObject);
+		autoRefreshIntervalObject = null;
+	}
+
+	if (!autoRefreshIntervalObject) {
+		autoRefreshIntervalObject = setInterval(function(){
+			// refreshMonitor(null, true);
+		}, autoRefreshInterval);
+	}
+	
+	updateLessonTab();
+}
+
+/**
+ * Updates widgets in lesson tab according to response sent to refreshMonitor()
+ */
+function updateLessonTab(){
+	$.ajax({
+		dataType : 'json',
+		url : LAMS_URL + 'monitoring/monitoring/getLessonDetails.do',
+		cache : false,
+		data : {
+			'lessonID'  : lessonId
+		},
+		
+		success : function(response) {
+			updateContributeActivities(response.contributeActivities);
+		}
+	});
+}
+
+
+function updateContributeActivities(contributeActivities) {
+	let requiredTasksPanel = $('#required-tasks'),
+		requiredTasksContent = $('#required-tasks-content', requiredTasksPanel),
+		row = null;
+	$('.contribute-row', requiredTasksContent).remove();
+	
+	/*
+	// special case - add a Live Edit option. This does not directly map to an activity
+	if ( lockedForEdit && lockedForEditUserId == userId) {
+		// show Live Edit task only if currently editing myself, not if someone else is editing.
+		// put it at the top of the contribution list
+		var cell = $('<div />').addClass('contributeActivityCell').text(LABELS.LIVE_EDIT_BUTTON);
+		var row = $('<div />').addClass('contributeRow').insertAfter(row).append(cell);
+		var entryContent = LABELS.LIVE_EDIT_TOOLTIP 
+			+ '<span class="btn btn-xs btn-primary pull-right" onClick="javascript:openLiveEdit()" title="' + LABELS.CONTRIBUTE_TOOLTIP
+			+ '">' + LABELS.CONTRIBUTE_BUTTON + '</span>';
+		cell = $('<div />').addClass('contributeEntryCell').html(entryContent);
+		row = row.append(cell);
+	}
+	*/
+	
+	if (contributeActivities) {
+		$.each(contributeActivities, function(){
+			let contributeActivity = this;
+			if (contributeActivity.title) {
+				$('<div />').addClass('label contribute-activity-title contribute-row')
+							.text(contributeActivity.title)
+							.attr('id', 'contribute' + contributeActivity.activityID)
+							.appendTo(requiredTasksContent);
+			}
+			
+			let row = $('<div />').addClass('row contribute-row' + (contributeActivity.title ? ' ml-1' : ''))
+								  .appendTo(requiredTasksContent);
+			
+			$.each(this.contributeEntries, function(){
+				var entryContent = '<div class="col-3 label">';
+				switch (this.contributionType) {
+					case 3  : entryContent += LABELS.CONTRIBUTE_GATE; break;
+					case 6  : entryContent += LABELS.CONTRIBUTE_GROUPING; break;
+					case 7  : entryContent += LABELS.CONTRIBUTE_TOOL; break;
+					case 9  : entryContent += LABELS.CONTRIBUTE_BRANCHING; break;
+					case 11 : entryContent += LABELS.CONTRIBUTE_CONTENT_EDITED; break; 
+					case 12 : entryContent += LABELS.CONTRIBUTE_GATE_PASSWORD; break; 
+				}
+				entryContent += '</div><div class="col-9 text-right">';
+				switch (this.contributionType) {
+					case 3  : 
+					case 12 : if (this.isComplete) {
+						 		entryContent += '<span class="badge badge-success">' + LABELS.CONTRIBUTE_OPENED_GATE + '</span>';
+							} else {
+								entryContent += '<div class="btn-group" role="group"><button onClick="javascript:openGateNow('
+                                    + contributeActivity.activityID + ')" type="button" class="btn" title="' 
+									+ LABELS.CONTRIBUTE_OPEN_GATE_NOW_TOOLTIP + '">' 
+									+ LABELS.CONTRIBUTE_OPEN_GATE_NOW_BUTTON 
+									+ '</button><button type="button" class="btn dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">'
+									+ '<div class="dropdown-menu"><a href="#" class="dropdown-item" onClick="javascript:openPopUp(\''
+                                    + this.url + '\',\'ContributeActivity\', 800, 1280, true)" title="' 
+									+ LABELS.CONTRIBUTE_OPEN_GATE_TOOLTIP + '">' 
+									+ LABELS.CONTRIBUTE_OPEN_GATE_BUTTON + '</a></div></div>';
+									
+							}
+							break;
+					default : entryContent += '<button type="button" class="btn contribute-go-button" onClick="javascript:openPopUp(\''
+						 + this.url + '\',\'ContributeActivity\', 800, 1280, true)" title="' + LABELS.CONTRIBUTE_TOOLTIP
+						 + '">' + LABELS.CONTRIBUTE_BUTTON + '</button>';
+				}
+
+				row.html(entryContent + "</div>");
+			});
+		});
+		
+		requiredTasksPanel.show();
+	} else {
+		requiredTasksPanel.hide();
+	}
+}
+
+
+function openGateNow(activityId) {
+	var data = {
+		'activityId' : activityId
+	};
+	data[csrfTokenName] = csrfTokenValue;
+	$.ajax({
+		'type' : 'post',
+		'url'  : LAMS_URL + 'monitoring/gate/openGate.do',
+		'data'  : data,
+		'success' : function(){
+			updateLessonTab();
+		}
+	});
+}
+
+function openPopUp(url, title, h, w, status, forceNewWindow) {
+
+	var width = screen.width;
+	var height = screen.height;
+
+	var left = ((width / 2) - (w / 2));
+	var top = ((height / 2) - (h / 2));
+
+	if (forceNewWindow) {
+		// opens a new window rather than loading content to existing one
+		title += new Date().getTime();
+	}
+
+	window.open(url, title, "HEIGHT=" + h + ",WIDTH=" + w
+			+ ",resizable=yes,scrollbars=yes,status=" + status
+			+ ",menubar=no, toolbar=no"
+			+ ",top=" + top + ",left=" + left);
+}
\ No newline at end of file
Index: lams_monitoring/web/monitor5.jsp
===================================================================
diff -u -r9a0296578a4779dbfce6e53baa423995e8af4441 -r5b0b163e3a7c6105a347ed651367666ba20468da
--- lams_monitoring/web/monitor5.jsp	(.../monitor5.jsp)	(revision 9a0296578a4779dbfce6e53baa423995e8af4441)
+++ lams_monitoring/web/monitor5.jsp	(.../monitor5.jsp)	(revision 5b0b163e3a7c6105a347ed651367666ba20468da)
@@ -15,7 +15,184 @@
 	<script type="text/javascript" src="<lams:LAMSURL/>includes/javascript/jquery.js"></script>
 	<script type="text/javascript" src="<lams:LAMSURL/>includes/javascript/bootstrap4.bundle.min.js"></script>
 	<script type="text/javascript" src="<lams:LAMSURL/>includes/javascript/chart.bundle.min.js"></script>
+	<script type="text/javascript" src="<lams:WebAppURL/>includes/javascript/monitorLesson5.js"></script>
 	<script type="text/javascript">
+		var lessonId = ${lesson.lessonID},
+			ldId = ${lesson.learningDesignID},
+			LAMS_URL = '<lams:LAMSURL/>',
+			csrfToken = '<csrf:tokenname/> : <csrf:tokenvalue/>',
+			csrfTokenName = '<csrf:tokenname/>',
+			csrfTokenValue = '<csrf:tokenvalue/>',
+			decoderDiv = $('<div />'),
+			LABELS = {
+				<fmt:message key="index.emailnotifications" var="EMAIL_NOTIFICATIONS_TITLE_VAR"/>
+				EMAIL_NOTIFICATIONS_TITLE : '<c:out value="${EMAIL_NOTIFICATIONS_TITLE_VAR}" />',
+				<fmt:message key="force.complete.click" var="FORCE_COMPLETE_CLICK_VAR"/>
+				FORCE_COMPLETE_CLICK : decoderDiv.html('<c:out value="${FORCE_COMPLETE_CLICK_VAR}" />').text(),
+				<fmt:message key="button.force.complete" var="FORCE_COMPLETE_BUTTON_VAR"/>
+		        FORCE_COMPLETE_BUTTON : '<c:out value="${FORCE_COMPLETE_BUTTON_VAR}" />',
+				<fmt:message key="force.complete.end.lesson.confirm" var="FORCE_COMPLETE_END_LESSON_CONFIRM_VAR"/>
+				FORCE_COMPLETE_END_LESSON_CONFIRM : decoderDiv.html('<c:out value="${FORCE_COMPLETE_END_LESSON_CONFIRM_VAR}" />').text(),
+				<fmt:message key="force.complete.activity.confirm" var="FORCE_COMPLETE_ACTIVITY_CONFIRM_VAR"/>
+				FORCE_COMPLETE_ACTIVITY_CONFIRM : decoderDiv.html('<c:out value="${FORCE_COMPLETE_ACTIVITY_CONFIRM_VAR}" />').text(),
+				<fmt:message key="force.complete.remove.content" var="FORCE_COMPLETE_REMOVE_CONTENT_VAR"/>
+				FORCE_COMPLETE_REMOVE_CONTENT : decoderDiv.html('<c:out value="${FORCE_COMPLETE_REMOVE_CONTENT_VAR}" />').text(),
+				<fmt:message key="force.complete.drop.fail" var="FORCE_COMPLETE_DROP_FAIL_VAR"/>
+				FORCE_COMPLETE_DROP_FAIL : '<c:out value="${FORCE_COMPLETE_DROP_FAIL_VAR}" />',
+				<fmt:message key="learner.group.count" var="LEARNER_GROUP_COUNT_VAR"/>
+				LEARNER_GROUP_COUNT : '<c:out value="${LEARNER_GROUP_COUNT_VAR}" />',
+				<fmt:message key="learner.group.show" var="LEARNER_GROUP_SHOW_VAR"/>
+				LEARNER_GROUP_SHOW : '<c:out value="${LEARNER_GROUP_SHOW_VAR}" />',
+				<fmt:message key="learner.group.remove.progress" var="LEARNER_GROUP_REMOVE_PROGRESS_VAR"/>
+				LEARNER_GROUP_REMOVE_PROGRESS : decoderDiv.html('<c:out value="${LEARNER_GROUP_REMOVE_PROGRESS_VAR}" />').text(),
+		        <fmt:message key="button.email" var="EMAIL_BUTTON_VAR"/>
+		        EMAIL_BUTTON : '<c:out value="${EMAIL_BUTTON_VAR}" />',
+				<fmt:message key="email.notifications" var="NOTIFCATIONS_VAR"/>
+				NOTIFCATIONS : '<c:out value="${NOTIFCATIONS_VAR}" />',
+				<fmt:message key="button.save" var="SAVE_BUTTON_VAR"/>
+				SAVE_BUTTON : '<c:out value="${SAVE_BUTTON_VAR}" />',
+				<fmt:message key="button.cancel" var="CANCEL_BUTTON_VAR"/>
+				CANCEL_BUTTON : '<c:out value="${CANCEL_BUTTON_VAR}" />',
+				<fmt:message key="learner.finished.count" var="LEARNER_FINISHED_COUNT_VAR"/>
+				LEARNER_FINISHED_COUNT : '<c:out value="${LEARNER_FINISHED_COUNT_VAR}" />',
+				<fmt:message key="learner.finished.dialog.title" var="LEARNER_FINISHED_DIALOG_TITLE_VAR"/>
+				LEARNER_FINISHED_DIALOG_TITLE : '<c:out value="${LEARNER_FINISHED_DIALOG_TITLE_VAR}" />',
+				<fmt:message key="lesson.enable.presence.alert" var="LESSON_PRESENCE_ENABLE_ALERT_VAR"/>
+				LESSON_PRESENCE_ENABLE_ALERT : decoderDiv.html('<c:out value="${LESSON_PRESENCE_ENABLE_ALERT_VAR}" />').text(),
+				<fmt:message key="lesson.disable.presence.alert" var="LESSON_PRESENCE_DISABLE_ALERT_VAR"/>
+				LESSON_PRESENCE_DISABLE_ALERT : decoderDiv.html('<c:out value="${LESSON_PRESENCE_DISABLE_ALERT_VAR}" />').text(),
+				<fmt:message key="lesson.enable.im.alert" var="LESSON_IM_ENABLE_ALERT_VAR"/>
+				LESSON_IM_ENABLE_ALERT : decoderDiv.html('<c:out value="${LESSON_IM_ENABLE_ALERT_VAR}" />').text(),
+				<fmt:message key="lesson.disable.im.alert" var="LESSON_IM_DISABLE_ALERT_VAR"/>
+				LESSON_IM_DISABLE_ALERT : decoderDiv.html('<c:out value="${LESSON_IM_DISABLE_ALERT_VAR}" />').text(),
+				<fmt:message key="lesson.remove.alert" var="LESSON_REMOVE_ALERT_VAR"/>
+				LESSON_REMOVE_ALERT : decoderDiv.html('<c:out value="${LESSON_REMOVE_ALERT_VAR}" />').text(),
+				<fmt:message key="lesson.remove.doublecheck.alert" var="LESSON_REMOVE_DOUBLECHECK_ALERT_VAR"/>
+				LESSON_REMOVE_DOUBLECHECK_ALERT : decoderDiv.html('<c:out value="${LESSON_REMOVE_DOUBLECHECK_ALERT_VAR}" />').text(),
+				<fmt:message key="lesson.state.created" var="LESSON_STATE_CREATED_VAR"/>
+				LESSON_STATE_CREATED : '<c:out value="${LESSON_STATE_CREATED_VAR}" />',
+				<fmt:message key="lesson.state.scheduled" var="LESSON_STATE_SCHEDULED_VAR"/>
+				LESSON_STATE_SCHEDULED : '<c:out value="${LESSON_STATE_SCHEDULED_VAR}" />',
+				<fmt:message key="lesson.state.started" var="LESSON_STATE_STARTED_VAR"/>
+				LESSON_STATE_STARTED : '<c:out value="${LESSON_STATE_STARTED_VAR}" />',
+				<fmt:message key="lesson.state.suspended" var="LESSON_STATE_SUSPENDED_VAR"/>
+				LESSON_STATE_SUSPENDED : '<c:out value="${LESSON_STATE_SUSPENDED_VAR}" />',
+				<fmt:message key="lesson.state.finished" var="LESSON_STATE_FINISHED_VAR"/>
+				LESSON_STATE_FINISHED : '<c:out value="${LESSON_STATE_FINISHED_VAR}" />',
+				<fmt:message key="lesson.state.archived" var="LESSON_STATE_ARCHIVED_VAR"/>
+				LESSON_STATE_ARCHIVED : '<c:out value="${LESSON_STATE_ARCHIVED_VAR}" />',
+				<fmt:message key="lesson.state.removed" var="LESSON_STATE_REMOVED_VAR"/>
+				LESSON_STATE_REMOVED : '<c:out value="${LESSON_STATE_REMOVED_VAR}" />',
+				<fmt:message key="lesson.state.action.disable" var="LESSON_STATE_ACTION_DISABLE_VAR"/>
+				LESSON_STATE_ACTION_DISABLE : '<c:out value="${LESSON_STATE_ACTION_DISABLE_VAR}" />',
+				<fmt:message key="lesson.state.action.activate" var="LESSON_STATE_ACTION_ACTIVATE_VAR"/>
+				LESSON_STATE_ACTION_ACTIVATE : '<c:out value="${LESSON_STATE_ACTION_ACTIVATE_VAR}" />',
+				<fmt:message key="lesson.state.action.remove" var="LESSON_STATE_ACTION_REMOVE_VAR"/>
+				LESSON_STATE_ACTION_REMOVE : '<c:out value="${LESSON_STATE_ACTION_REMOVE_VAR}" />',
+				<fmt:message key="lesson.state.action.archive" var="LESSON_STATE_ACTION_ARCHIVE_VAR"/>
+				LESSON_STATE_ACTION_ARCHIVE : '<c:out value="${LESSON_STATE_ACTION_ARCHIVE_VAR}" />',
+				<fmt:message key="error.lesson.schedule.date" var="LESSON_ERROR_SCHEDULE_DATE_VAR"/>
+				LESSON_ERROR_SCHEDULE_DATE : decoderDiv.html('<c:out value="${LESSON_ERROR_SCHEDULE_DATE_VAR}" />').text(),
+				<fmt:message key="button.edit.class" var="LESSON_EDIT_CLASS_VAR"/>
+				LESSON_EDIT_CLASS : '<c:out value="${LESSON_EDIT_CLASS_VAR}" />',
+				<fmt:message key="class.add.all.confirm" var="CLASS_ADD_ALL_CONFIRM_VAR"/>
+				CLASS_ADD_ALL_CONFIRM : '<c:out value="${CLASS_ADD_ALL_CONFIRM_VAR}" />',
+				<fmt:message key="class.add.all.success" var="CLASS_ADD_ALL_SUCCESS_VAR"/>
+				CLASS_ADD_ALL_SUCCESS : '<c:out value="${CLASS_ADD_ALL_SUCCESS_VAR}" />',
+				<fmt:message key="lesson.group.dialog.class" var="LESSON_GROUP_DIALOG_CLASS_VAR"/>
+				LESSON_GROUP_DIALOG_CLASS : '<c:out value="${LESSON_GROUP_DIALOG_CLASS_VAR}" />',
+				<fmt:message key="label.learner.progress.activity.current.tooltip" var="CURRENT_ACTIVITY_VAR"/>
+				CURRENT_ACTIVITY : '<c:out value="${CURRENT_ACTIVITY_VAR}" />',
+				<fmt:message key="label.learner.progress.activity.completed.tooltip" var="COMPLETED_ACTIVITY_VAR"/>
+				COMPLETED_ACTIVITY : '<c:out value="${COMPLETED_ACTIVITY_VAR}" />',
+				<fmt:message key="label.learner.progress.activity.attempted.tooltip" var="ATTEMPTED_ACTIVITY_VAR"/>
+				ATTEMPTED_ACTIVITY : '<c:out value="${ATTEMPTED_ACTIVITY_VAR}" />',
+				<fmt:message key="label.learner.progress.activity.tostart.tooltip" var="TOSTART_ACTIVITY_VAR"/>
+				TOSTART_ACTIVITY : '<c:out value="${TOSTART_ACTIVITY_VAR}" />',
+				<fmt:message key="label.learner.progress.activity.support.tooltip" var="SUPPORT_ACTIVITY_VAR"/>
+				SUPPORT_ACTIVITY : '<c:out value="${SUPPORT_ACTIVITY_VAR}" />',
+				<fmt:message key="label.learner.progress.not.started" var="PROGRESS_NOT_STARTED_VAR"/>
+				PROGRESS_NOT_STARTED : '<c:out value="${PROGRESS_NOT_STARTED_VAR}" />',
+			    <fmt:message key="button.timechart" var="TIME_CHART_VAR"/>
+			    TIME_CHART : '<c:out value="${TIME_CHART_VAR}" />',
+			    <fmt:message key="button.timechart.tooltip" var="TIME_CHART_TOOLTIP_VAR"/>
+			    TIME_CHART_TOOLTIP : '<c:out value="${TIME_CHART_TOOLTIP_VAR}" />',
+				<fmt:message key="button.live.edit.confirm" var="LIVE_EDIT_CONFIRM_VAR"/>
+				LIVE_EDIT_CONFIRM : decoderDiv.html('<c:out value="${LIVE_EDIT_CONFIRM_VAR}" />').text(),
+				<fmt:message key="lesson.task.gate" var="CONTRIBUTE_GATE_VAR"/>
+				CONTRIBUTE_GATE : '<c:out value="${CONTRIBUTE_GATE_VAR}" />',
+				<fmt:message key="lesson.task.gate.password" var="CONTRIBUTE_GATE_PASSWORD_VAR"/>
+				CONTRIBUTE_GATE_PASSWORD : '<c:out value="${CONTRIBUTE_GATE_PASSWORD_VAR}" />',
+				<fmt:message key="lesson.task.grouping" var="CONTRIBUTE_GROUPING_VAR"/>
+				CONTRIBUTE_GROUPING : '<c:out value="${CONTRIBUTE_GROUPING_VAR}" />',
+				<fmt:message key="lesson.task.branching" var="CONTRIBUTE_BRANCHING_VAR"/>
+				CONTRIBUTE_BRANCHING : '<c:out value="${CONTRIBUTE_BRANCHING_VAR}" />',
+				<fmt:message key="lesson.task.content.edited" var="CONTRIBUTE_CONTENT_EDITED_VAR"/>
+				CONTRIBUTE_CONTENT_EDITED : '<c:out value="${CONTRIBUTE_CONTENT_EDITED_VAR}" />',
+				<fmt:message key="lesson.task.tool" var="CONTRIBUTE_TOOL_VAR"/>
+				CONTRIBUTE_TOOL : '<c:out value="${CONTRIBUTE_TOOL_VAR}" />',
+				<fmt:message key="button.task.go.tooltip" var="CONTRIBUTE_TOOLTIP_VAR"/>
+				CONTRIBUTE_TOOLTIP : '<c:out value="${CONTRIBUTE_TOOLTIP_VAR}" />',
+				<fmt:message key="button.task.go" var="CONTRIBUTE_BUTTON_VAR"/>
+				CONTRIBUTE_BUTTON : '<c:out value="${CONTRIBUTE_BUTTON_VAR}" />',
+				<fmt:message key="button.task.gate.open.now" var="CONTRIBUTE_OPEN_GATE_NOW_BUTTON_VAR"/>
+				CONTRIBUTE_OPEN_GATE_NOW_BUTTON : '<c:out value="${CONTRIBUTE_OPEN_GATE_NOW_BUTTON_VAR}" />',
+				<fmt:message key="button.task.gate.open.now.tooltip" var="CONTRIBUTE_OPEN_GATE_NOW_TOOLTIP_VAR"/>
+				CONTRIBUTE_OPEN_GATE_NOW_TOOLTIP : '<c:out value="${CONTRIBUTE_OPEN_GATE_NOW_TOOLTIP_VAR}" />',
+				<fmt:message key="button.task.gate.open" var="CONTRIBUTE_OPEN_GATE_BUTTON_VAR"/>
+				CONTRIBUTE_OPEN_GATE_BUTTON : '<c:out value="${CONTRIBUTE_OPEN_GATE_BUTTON_VAR}" />',
+				<fmt:message key="button.task.gate.open.tooltip" var="CONTRIBUTE_OPEN_GATE_TOOLTIP_VAR"/>
+				CONTRIBUTE_OPEN_GATE_TOOLTIP : '<c:out value="${CONTRIBUTE_OPEN_GATE_TOOLTIP_VAR}" />',
+				<fmt:message key="label.task.gate.opened" var="CONTRIBUTE_OPENED_GATE_VAR"/>
+				CONTRIBUTE_OPENED_GATE : '<c:out value="${CONTRIBUTE_OPENED_GATE_VAR}" />',
+				<fmt:message key="lesson.task.attention" var="CONTRIBUTE_ATTENTION_VAR"/>
+				CONTRIBUTE_ATTENTION : '<c:out value="${CONTRIBUTE_ATTENTION_VAR}" />',
+				<fmt:message key="button.help" var="BUTTON_HELP_VAR"/>
+				HELP : '<c:out value="${BUTTON_HELP_VAR}" />',
+				<fmt:message key="label.lesson.introduction" var="LESSON_INTRODUCTION_VAR"/>
+				LESSON_INTRODUCTION : '<c:out value="${LESSON_INTRODUCTION_VAR}" />',
+				<fmt:message key="label.email" var="EMAIL_TITLE_VAR"/>
+				EMAIL_TITLE : '<c:out value="${EMAIL_TITLE_VAR}" />',
+				<fmt:message key="tour.this.is.disabled" var="TOUR_DISABLED_ELEMENT_VAR"/>
+				TOUR_DISABLED_ELEMENT : '<c:out value="${TOUR_DISABLED_ELEMENT_VAR}" />',
+				<fmt:message key="progress.email.sent.success" var="PROGRESS_EMAIL_SUCCESS_VAR"/>
+				PROGRESS_EMAIL_SUCCESS : '<c:out value="${PROGRESS_EMAIL_SUCCESS_VAR}" />',
+				<fmt:message key="progress.email.send.now.question" var="PROGRESS_EMAIL_SEND_NOW_QUESTION_VAR"/>
+				PROGRESS_EMAIL_SEND_NOW_QUESTION : '<c:out value="${PROGRESS_EMAIL_SEND_NOW_QUESTION_VAR}" />',
+				<fmt:message key="progress.email.send.failed" var="PROGRESS_EMAIL_SEND_FAILED_VAR"/>
+				PROGRESS_EMAIL_SEND_FAILED : '<c:out value="${PROGRESS_EMAIL_SEND_FAILED_VAR}" />',
+				<fmt:message key="progress.email.select.date.first" var="PROGRESS_EMAIL_SELECT_DATE_FIRST_VAR"/>
+				PROGRESS_SELECT_DATE_FIRST : '<c:out value="${PROGRESS_EMAIL_SELECT_DATE_FIRST_VAR}" />',
+				<fmt:message key="progress.email.enter.two.dates.first" var="PROGRESS_EMAIL_ENTER_TWO_DATES_FIRST_VAR"/>
+				PROGRESS_ENTER_TWO_DATES_FIRST : '<c:out value="${PROGRESS_EMAIL_ENTER_TWO_DATES_FIRST_VAR}" />',
+				<fmt:message key="progress.email.would.you.like.to.generate" var="PROGRESS_EMAIL_GENERATE_ONE_VAR"/>
+				PROGRESS_EMAIL_GENERATE_ONE : '<c:out value="${PROGRESS_EMAIL_GENERATE_ONE_VAR}" />',
+				<fmt:message key="progress.email.how.many.dates.to.generate" var="PROGRESS_EMAIL_GENERATE_TWO_VAR"/>
+				PROGRESS_EMAIL_GENERATE_TWO : '<c:out value="${PROGRESS_EMAIL_GENERATE_TWO_VAR}" />',
+				<fmt:message key="progress.email.title" var="PROGRESS_EMAIL_TITLE_VAR"/>
+				PROGRESS_EMAIL_TITLE : '<c:out value="${PROGRESS_EMAIL_TITLE_VAR}" />',
+				<fmt:message key="error.date.in.past" var="ERROR_DATE_IN_PAST_VAR"/>
+				ERROR_DATE_IN_PAST : '<c:out value="${ERROR_DATE_IN_PAST_VAR}" />',
+				<fmt:message key="label.lesson.starts" var="LESSON_START_VAR"><fmt:param value="%0"/></fmt:message>
+				LESSON_START : '<c:out value="${LESSON_START_VAR}"/>',
+				<fmt:message key="label.lesson.finishes" var="LESSON_FINISH_VAR"><fmt:param value="%0"/></fmt:message>
+				LESSON_FINISH : '<c:out value="${LESSON_FINISH_VAR}" />',
+				<fmt:message key="lesson.display.activity.scores.alert" var="LESSON_ACTIVITY_SCORES_ENABLE_ALERT_VAR"/>
+				LESSON_ACTIVITY_SCORES_ENABLE_ALERT : decoderDiv.html('<c:out value="${LESSON_ACTIVITY_SCORES_ENABLE_ALERT_VAR}" />').text(),
+				<fmt:message key="lesson.hide.activity.scores.alert" var="LESSON_ACTIVITY_SCORES_DISABLE_ALERT_VAR"/>
+				LESSON_ACTIVITY_SCORES_DISABLE_ALERT : decoderDiv.html('<c:out value="${LESSON_ACTIVITY_SCORES_DISABLE_ALERT_VAR}" />').text(),
+				<fmt:message key="label.reschedule" var="RESCHEDULE_VAR"/>
+				RESCHEDULE : decoderDiv.html('<c:out value="${RESCHEDULE_VAR}" />').text(),
+				<fmt:message key="error.lesson.end.date.must.be.after.start.date" var="LESSON_ERROR_START_END_DATE_VAR"/>
+				LESSON_ERROR_START_END_DATE : decoderDiv.html('<c:out value="${LESSON_ERROR_START_END_DATE_VAR}" />').text(),
+				<fmt:message key="button.live.edit" var="LIVE_EDIT_BUTTON_VAR"/>
+				LIVE_EDIT_BUTTON: '<c:out value="${LIVE_EDIT_BUTTON_VAR}" />',
+				<fmt:message key="button.live.edit.tooltip" var="LIVE_EDIT_TOOLTIP_VAR"/>
+				LIVE_EDIT_TOOLTIP: '<c:out value="${LIVE_EDIT_TOOLTIP_VAR}" />',
+				<fmt:message key="label.person.editing.lesson" var="LIVE_EDIT_WARNING_VAR"><fmt:param value="%0"/></fmt:message>
+				LIVE_EDIT_WARNING: '<c:out value="${LIVE_EDIT_WARNING_VAR}" />'
+			};
+			
 		$(document).ready(function(){
 			$('.hamburger').click(function(){
 				$(this).toggleClass('active');
@@ -53,6 +230,8 @@
 					}
 				}
 			});
+			
+			refreshMonitor();
 		});
 	</script>
 </head>
@@ -187,29 +366,9 @@
 			</div>
 		</div>
 		<div class="row">
-			<div class="col-12 col-md-6 mb-4">
-				<div class="monitoring-panel tasks-col">
-					<h6>required tasks</h6>
-					<div class="row">
-						<div class="col-3">
-							Gate
-						</div>
-						<div class="col-9">
-							<select>
-								<option>Open now</option>
-								<option>Open now</option>
-								<option>Open now</option>
-							</select>
-						</div>
-					</div>
-					<div class="row">
-						<div class="col-3">
-							Grouping
-						</div>
-						<div class="col-9">
-							<button type="button">Set Groups</button>
-						</div>
-					</div>
+			<div id="required-tasks" class="col-12 col-md-6 mb-4">
+				<div id="required-tasks-content" class="monitoring-panel">
+					<h6><fmt:message key="lesson.required.tasks"/></h6>
 				</div>
 			</div>
 			<div class="col-12 col-md-6 mb-4">