Index: lams_monitoring/web/gate/openGateSingleUser.jsp
===================================================================
diff -u -r3eb0caa98564b709116d6e84af92eb3f60c9ff3a -rf4b2d15065a1c5ff81fd15dc5efc0c02893a5c96
--- lams_monitoring/web/gate/openGateSingleUser.jsp	(.../openGateSingleUser.jsp)	(revision 3eb0caa98564b709116d6e84af92eb3f60c9ff3a)
+++ lams_monitoring/web/gate/openGateSingleUser.jsp	(.../openGateSingleUser.jsp)	(revision f4b2d15065a1c5ff81fd15dc5efc0c02893a5c96)
@@ -8,8 +8,30 @@
 				.allowButton {
 					width: 100%;
 				}
+				
+				.column-heading {
+			    	margin-right: 10px;
+				    margin-left: 7px;
+				}
+				
 			</style>
+								
+			<script type="text/javascript">
 			
+				function selectUnselectAll(column){
+					if ( $("#all-select-"+column).is(":checked") ) {
+						$("[id^="+column+"-]:input[type='checkbox']").prop("checked", true);
+					} else {
+						$("[id^="+column+"-]:input[type='checkbox']").prop("checked", false);
+					}
+				}
+				
+				function updateSelectAll(column){
+					$("#all-select-"+column).prop("checked", 
+							$("[id^="+column+"-]:input[type='checkbox']").length == $("[id^="+column+"-]:input[type='checkbox']:checked").length );
+				}
+			</script>
+			
 			<hr />
 			<p><fmt:message key="label.gate.open.single.learner"/></p>
 			<form:form action="openGateForSingleUser.do" id="gateForm" modelAttribute="gateForm" target="_self">
@@ -18,10 +40,12 @@
 			
 			<div class="row">
 				<div class="col-sm-4">
-					  <p class="text-danger text-center"><strong><fmt:message key="label.gate.list.all.learners"/></strong></p>
+					   
+					  <p class="text-danger text-center column-heading"> <input id="all-select-forbidden" onClick="javascript:selectUnselectAll('forbidden');" type="checkbox"  class="pull-left" />
+					  <strong><fmt:message key="label.gate.list.all.learners"/></strong></p>
 						<div class="panel panel-default gateLearners" id="forbidden">
 							<c:forEach var="learner" items="${gateForm.forbiddenLearnerList}">
-								<input id="forbidden-${learner.userId}" type="checkbox" value="${learner.userId}" />
+								<input id="forbidden-${learner.userId}" type="checkbox" value="${learner.userId}" onClick="javascript:updateSelectAll('forbidden')" />
 								<label for="forbidden-${learner.userId}"><c:out value="${learner.firstName} ${learner.lastName}" escapeXml="true"/></label>
 								<br />
 							</c:forEach>
@@ -31,10 +55,11 @@
 							   onclick="javascript:allowUsers('forbidden')"/>	
 				</div>
 				<div class="col-sm-4">
-						<p class="text-center"><strong><fmt:message key="label.gate.list.waiting.learners"/></strong></p>
+						<p class="text-center column-heading"> <input id="all-select-waiting" onClick="javascript:selectUnselectAll('waiting');" type="checkbox"  class="pull-left" />
+						<strong><fmt:message key="label.gate.list.waiting.learners"/></strong></p>
 						<div class="panel panel-default gateLearners" id="waiting">
 							<c:forEach var="learner" items="${gateForm.waitingLearnerList}">
-								<input id="waiting-${learner.userId}" type="checkbox" value="${learner.userId}" />
+								<input id="waiting-${learner.userId}" type="checkbox" value="${learner.userId}" onClick="javascript:updateSelectAll('waiting')"/>
 								<label for="waiting-${learner.userId}"><c:out value="${learner.firstName} ${learner.lastName}" escapeXml="true"/></label>
 								<br />
 							</c:forEach>