Index: lams_gradebook/web/gradebookMonitor.jsp
===================================================================
diff -u -r4e2c39e0ea14d5a8aa406327a16425e81b1e6702 -r62aaf160878735888d077bf28fac3c1989bb8fbd
--- lams_gradebook/web/gradebookMonitor.jsp	(.../gradebookMonitor.jsp)	(revision 4e2c39e0ea14d5a8aa406327a16425e81b1e6702)
+++ lams_gradebook/web/gradebookMonitor.jsp	(.../gradebookMonitor.jsp)	(revision 62aaf160878735888d077bf28fac3c1989bb8fbd)
@@ -13,6 +13,8 @@
 	
 	<lams:css/>
 	<link type="text/css" href="<lams:LAMSURL />gradebook/includes/css/gradebook.css" rel="stylesheet" />
+	<link rel="stylesheet" href="<lams:LAMSURL/>css/x-editable.css">
+	<link rel="stylesheet" href="<lams:LAMSURL/>css/x-editable-lams.css"> 
 	<lams:css suffix="chart"/>
 	
 	<jsp:include page="includes/jsp/jqGridIncludes.jsp"></jsp:include>
@@ -22,12 +24,12 @@
 	<script type="text/javascript" src="<lams:LAMSURL />includes/javascript/d3.js"></script>
  	<script type="text/javascript" src="<lams:LAMSURL />includes/javascript/chart.js"></script>
 	<script type="text/javascript" src="<lams:LAMSURL />gradebook/includes/javascript/blockexportbutton.js"></script>
+	<script type="text/javascript" src="<lams:LAMSURL/>includes/javascript/x-editable.js"></script>
 	
 	<script type="text/javascript">
 	
 		var marksReleased = ${marksReleased};
 		var graphLoaded = false;
-		var lessonDatesHidden = true;
 
 		function toggleMarkChart() {
 			// the two methods showMarkChart and hideMarkChart are used in the Monitoring tour
@@ -114,30 +116,7 @@
 				document.getElementById("padlockLocked").style.display="inline";
 			}
 		}
-		
-		// Show/hide the dates for the start and end of the lesson. 
-		function toggleLessonDates() {
-			lessonDatesHidden = !lessonDatesHidden;
-			processLessonDateFields( lessonDatesHidden ) 
-		}
-		
-		function processLessonDateFields( hide ) {
 
-            if ( hide ) {
-				jQuery("#userView").jqGrid('hideCol','startDate');
-				jQuery("#userView").jqGrid('hideCol','finishDate');
-				document.getElementById("datesShown").style.display="none";
-				document.getElementById("datesNotShown").style.display="inline";
-            } else { 
-				jQuery("#userView").jqGrid('showCol','startDate');
-				jQuery("#userView").jqGrid('showCol','finishDate');
-				document.getElementById("datesShown").style.display="inline";
-				document.getElementById("datesNotShown").style.display="none";
-            }
-
-            resizeJqgrid(jQuery("#userView"));
- 		}
-
 		jQuery(document).ready(function(){
   
 			var jqgridWidth = $(window).width() - 100;
@@ -155,6 +134,7 @@
 			    width: jqgridWidth,
 				shrinkToFit: false,
 			    cellEdit: true,
+			    cmTemplate: { title: false },
 			    viewrecords: true,
 			    sortorder: "asc", 
 			    sortname: "rowName", 
@@ -170,37 +150,47 @@
 			    	"<fmt:message key="gradebook.columntitle.completeDate"/>", 
 			    	"<fmt:message key="gradebook.columntitle.lessonFeedback"/>", 
 			    	"<fmt:message key="gradebook.columntitle.mark"/>",
-			    	'portraitId'
+			    	'portraitId',
+			    	'hasArchivedMarks'
 			    ],
 			    colModel:[
 			      {name:'id', index:'id', sortable:false, editable:false, hidden:true, search:false, hidedlg:true},
-			      {name:'rowNamer',index:'rowName', sortable:true, editable:false, autoencode:true, formatter:userNameFormatter},
-			      {name:'status',index:'status', sortable:false, editable:false, search:false, width:50, align:"center"},
-			      {name:'timeTaken',index:'timeTaken', sortable:true, editable:false, search:false, width:80, align:"center"},
-			      {name:'startDate',index:'startDate', sortable:true, editable:false, hidden:false, search:false, width:85, align:"left"},
-			      {name:'finishDate',index:'finishDate', sortable:false, editable:false, hidden:false, search:false, width:85, align:"left"},
+			      {name:'rowNamer',index:'rowName', sortable:true, editable:false, autoencode:true, width: 150, formatter:userNameFormatter},
+			      {name:'status',index:'status', sortable:false, editable:false, search:false, width:30, align:"center"},
+				  {name:'timeTaken',index:'timeTaken', sortable:true, editable: false, width:50, title: true, align:"center",
+						cellattr: function(rowID, val, rawObject, cm, rdata) {
+							if (rdata.startDate != "-") {
+								return 'title="' + rdata.startDate + ' - ' + rdata.finishDate + '"';
+							}
+				    	}
+			      },
+				  {name:'startDate',index:'startDate', width:0, hidden: true},
+				  {name:'finishDate',index:'finishDate', width:0, hidden: true},
 			      {name:'feedback',index:'feedback', sortable:true, editable:true, edittype:'textarea', editoptions:{rows:'4',cols:'20'}, search:false },
 			      {name:'mark',index:'mark', sortable:true, editable:true, editrules:{number:true}, search:false, width:50, align:"center"},
-			      {name:'portraitId', index:'portraitId', width:0, hidden: true}
+			      {name:'portraitId', index:'portraitId', width:0, hidden: true},
+			      {name:'hasArchivedMarks', index:'hasArchivedMarks', width:0, hidden: true}
 			      ],
 			    loadError: function(xhr,st,err) {
-				    	jQuery("#userView").clearGridData();
-				    	alert("<fmt:message key="gradebook.error.loaderror"/>");
+				    jQuery("#userView").clearGridData();
+				   	alert("<fmt:message key="gradebook.error.loaderror"/>");
 			    },
 			    subGrid: true,
 				subGridRowExpanded: function(subgrid_id, row_id) {
-				   var subgrid_table_id;
-				   var userID = jQuery("#userView").getRowData(row_id)["id"];
-				   subgrid_table_id = subgrid_id+"_t";
+				   var subgrid_table_id = subgrid_id+"_t",
+				   	   rowData = jQuery("#userView").getRowData(row_id),
+				   	   userID = rowData["id"],
+				   	   hasArchivedMarks = rowData["hasArchivedMarks"] == "true";
 					 jQuery("#"+subgrid_id).html("<table id='"+subgrid_table_id+"' class='scroll'></table><div id='"+subgrid_table_id+"_pager' class='scroll' ></div>");
-					   	jQuery("#"+subgrid_table_id).jqGrid({
+					 jQuery("#"+subgrid_table_id).jqGrid({
 							 guiStyle: "bootstrap",
 							 iconSet: 'fontAwesome',
 							 autoencode:false,
 						     datatype: "xml",
 						     url: "<lams:LAMSURL />gradebook/gradebook/getActivityGridData.do?lessonID=${lessonDetails.lessonID}&view=monUserView&userID=" + userID,
 						     height: "100%",
 						     autowidth:true,
+						     cmTemplate: { title: false },
 						     cellEdit:true,
 						     pager: subgrid_table_id + "_pager",
 						     rowList:[10,20,30,40,50,100],
@@ -215,21 +205,33 @@
 						    	"<fmt:message key="gradebook.columntitle.startDate"/>", 
 						    	"<fmt:message key="gradebook.columntitle.completeDate"/>", 
 						     	"<fmt:message key="gradebook.columntitle.activityFeedback"/>", 
+						     	"<fmt:message key="gradebook.columntitle.outcome"/>",
 						     	"<fmt:message key="gradebook.columntitle.mark"/>"
 						     ],
 						     colModel: [
 						       	{name:'id', index:'id', sortable:false, hidden:true, hidedlg:true},
 						       	{name:'marksAvailable',index:'marksAvailable', sortable:false, editable:false, hidden:true, search:false, hidedlg:true},
-								{name:'rowName',  index:'rowName', sortable:false, editable: false},
-								{name:'status',  index:'status', sortable:false, editable:false, width:50, align:"center"},
-								{name:'timeTaken',index:'timeTaken', sortable:true, editable: false, width:80, align:"center"},
-							    {name:'startDate',index:'startDate', sortable:true, editable:false, search:false, width:85, align:"left"},
-							    {name:'finishDate',index:'finishDate', sortable:false, editable:false, search:false, width:85, align:"left"},
+								{name:'rowName',  index:'rowName', sortable:false, editable: false, width: 140},
+								{name:'status',  index:'status', sortable:false, editable:false, width:30, align:"center"},
+								{name:'timeTaken',index:'timeTaken', sortable:true, editable: false, width:51, title : true, align:"center",
+									cellattr: function(rowID, val, rawObject, cm, rdata) {
+										if (rdata.startDate != "-") {
+											return 'title="' + rdata.startDate + ' - ' + rdata.finishDate + '"';
+										}
+							    	}
+						    	},
+							    {name:'startDate',index:'startDate', width:0, hidden: true},
+							    {name:'finishDate',index:'finishDate', width:0, hidden: true},
 								{name:'feedback',  index:'feedback', sortable:false, editable: true, edittype:'textarea', editoptions:{rows:'4',cols:'20'}, width:200, hidden:true},
-								{name:'mark', index:'mark', sortable:true, editable: true, editrules:{number:true}, width:50, align:"center" }
+								{name:'outcome', index:'outcome', sortable:false, editable: false,
+									cellattr: function(rowID, val, rawObject, cm, rdata) {
+							    	    return 'style="text-align:' + (rdata.outcome.startsWith('[') ? 'left"' : 'center"');
+							    	}
+						    	},
+								{name:'mark', index:'mark', sortable:true, editable: true, editrules:{number:true}, width:49, align:"center" }
 						     ],
 						     loadError: function(xhr,st,err) {
-						    		jQuery("#"+subgrid_table_id).clearGridData();
+						    	jQuery("#"+subgrid_table_id).clearGridData();
 						 	 	alert("<fmt:message key="gradebook.error.loaderror"/>");
 						     },
 						     formatCell: function(rowid, cellname,value, iRow, iCol) {
@@ -278,7 +280,6 @@
 					    	 	}
 					    	 },
 						     afterSaveCell: function(rowid, cellname,value, iRow, iCol) {
-						     	
 						     	var currRowData = jQuery("#"+subgrid_table_id).getRowData(rowid);
 						     	if (cellname == "mark") {
 							     	
@@ -301,17 +302,157 @@
 						     	alert("<fmt:message key="error.cellsave"/>");
 						     },
 							 gridComplete: function(){
-							 	toolTip($(".jqgrow"), "jqgridTooltip");
 							 	fixPagerInCenter(subgrid_table_id+"_pager", 1);
-							 }
+
+							 	// if there are outcomes mapped to this activity, make them editable
+							 	var subgrid = $(this);
+							 	$('tr[role="row"]', subgrid).each(function(){
+								 	// find out row ID
+								 	var row = $(this),
+								 		id = row.attr('id');
+							 		// first row does not have ID
+								 	if (id) {
+									 	// content is JSON code sent from server
+								 		var content = $(subgrid).jqGrid('getCell', id, 'outcome');
+										if (content && content.startsWith('[')) {
+											var outcomes = JSON.parse(content),
+												outcomeValues = {},
+												result = '';
+											// go through each JSON item
+											$.each(outcomes, function() {
+												// assign values 0..n to ordered value names
+												var editablePossibleValues = this.possibleValues.map(function(value, index){
+													return {
+														value : index,
+														text  : value
+													}
+												});
+												// add a marker for unsetting result
+												editablePossibleValues.unshift({
+													value : -1,
+													text  : '<fmt:message key="outcome.result.not.set"/>'
+												});
+												outcomeValues[this.mappingId] = editablePossibleValues;
+												// build HTML code for x-editable
+												result += '<span title="' + this.code + '">' + this.name + 
+														': <a href="#" class="outcome" mappingId="' + this.mappingId + '"></a></span><br />';
+											});
+											// set HTML to the cell
+											$(subgrid).jqGrid('setCell', id, 'outcome', result);
+
+											// enable editable for each outcome
+											$('.outcome', row).each(function() {
+												var editable = $(this),
+													mappingId = editable.attr('mappingId');
+												editable.editable({
+												    type: 'select',
+												    emptytext : '<fmt:message key="outcome.result.error"/>',
+												    pk : mappingId,
+												    // a trick to send extra param to the server
+												    name : userID,
+												    url : '<lams:LAMSURL/>outcome.do?method=outcomeSetResult',
+												    mode : 'inline',
+												    showbuttons : false,
+												    source : outcomeValues[mappingId],
+												    // sending -1 removes the result
+												    value : typeof this.value == 'undefined' ? -1 : this.value,
+												    success: function(response, newValue) {
+													    if (response != "OK"){
+														    // it will set the value to empty and display emptytext, i.e. "ERROR!"
+														    return {'newValue' : null}
+														}
+													}
+												});
+												// prevent onSelectCell jqGrid event from firing and focusing out from the cell
+												editable.parent().on('click','.editable-container', function(e) {
+													e.stopPropagation();
+												});
+											});
+										}
+							 		}
+								 });
+							 },
+							 subGrid : hasArchivedMarks,
+							 subGridRowExpanded: function(subgrid_id, row_id) {
+							    var subgrid_table_id = subgrid_id + "_t",
+							   	    rowData = jQuery("#" + subgrid_id.substring(0, subgrid_id.lastIndexOf('_'))).getRowData(row_id),
+							   	    activityID = rowData["id"].split("_")[0];
+								jQuery("#"+subgrid_id).html("<table id='"+subgrid_table_id+"' class='scroll archive'></table><div id='"+subgrid_table_id+"_pager' class='scroll' ></div>");
+								jQuery("#"+subgrid_table_id).jqGrid({
+										 guiStyle: "bootstrap",
+										 iconSet: 'fontAwesome',
+										 autoencode:false,
+										 autowidth: true,
+									     datatype: "xml",
+									     url: "<lams:LAMSURL />/gradebook/gradebook.do?dispatch=getActivityArchiveGridData&lessonID=${lessonDetails.lessonID}&activityID="
+										      + activityID + "&view=monUserView&userID=" + userID,
+									     height: "100%",
+									     cmTemplate: { title: false },
+									     cellEdit:false,
+									     pager: false,
+									     colNames: [
+									    	"<fmt:message key="gradebook.columntitle.attempt"/>",
+									     	"<fmt:message key="gradebook.columntitle.progress"/>",
+									     	"<fmt:message key="gradebook.columntitle.timeTaken"/>", 
+									    	"<fmt:message key="gradebook.columntitle.startDate"/>", 
+									    	"<fmt:message key="gradebook.columntitle.completeDate"/>", 
+									     	"<fmt:message key="gradebook.columntitle.activityFeedback"/>", 
+									     	"<fmt:message key="gradebook.columntitle.lesson.mark"/>",
+									     	"<fmt:message key="gradebook.columntitle.mark"/>"
+									     ],
+									     colModel: [
+									       	{name:'id', index:'id',  sortable:false, editable: false ,width:140, align:"right"},
+											{name:'status',  index:'status', sortable:false, editable:false, width:30, align:"center"},
+											{name:'timeTaken',index:'timeTaken', sortable:true, editable: false, width:50, title : true, align:"center",
+												cellattr: function(rowID, val, rawObject, cm, rdata) {
+													if (rdata.startDate != "-") {
+														return 'title="' + rdata.startDate + ' - ' + rdata.finishDate + '"';
+													}
+										    	}
+									    	},
+										    {name:'startDate',index:'startDate', width:0, hidden: true},
+										    {name:'finishDate',index:'finishDate', width:0, hidden: true},
+											{name:'feedback',  index:'feedback', sortable:false, editable: false, width:0, hidden:true},
+											{name:'lessonMark',  index:'lessonMark', sortable:false, editable: false, align:"center" },
+											{name:'mark', index:'mark', sortable:false, editable: false, width:49, align:"center" }
+									     ],
+									     loadError: function(xhr,st,err) {
+									    	jQuery("#"+subgrid_table_id).clearGridData();
+									 	 	alert("<fmt:message key="gradebook.error.loaderror"/>");
+									     },
+									     formatCell: function(rowid, cellname,value, iRow, iCol) {
+								    	 	if (cellname == "mark") {
+								    	 		
+								    	 		var rowData = jQuery("#"+subgrid_table_id).getRowData(rowid);
+								    	 		var string = removeHTMLTags(rowData["mark"]);
+								    	 		
+								    	 		
+								    	 		if (string.indexOf("-") != -1)
+								    	 		{
+								    	 			string = " ";
+								    	 			
+								    	 		} else if (string.indexOf("/") != -1) {
+								    	 			splits = string.split("/");
+								    	 			
+								    	 			if(splits.length == 2) {
+								    	 				tempMark = splits[0];
+								    	 				string = " ";
+								    	 			} else {
+								    	 				string = " ";
+								    	 			}
+								    	 		}
+								    	 		
+								    	 		return string;
+								    	 		
+								    	 	}
+								    	 }
+								  	});
+							}
 					  	}).navGrid("#"+subgrid_table_id+"_pager", {edit:false,add:false,del:false,search:false}); // applying refresh button
 					  
 					},
 					gridComplete: function(){
-						toolTip($(".jqgrow"), "jqgridTooltip");  // Allow tooltips for this grid	
 				   	 	initializePortraitPopover('<lams:LAMSURL/>');
-						// Load dates shown but hide straight away as all columns needed initially so that subgrid is displayed properly LDEV-4289
-						processLessonDateFields( lessonDatesHidden );
 					}
 				}).navGrid("#userViewPager", {edit:false,add:false,del:false,search:false}); // applying refresh button
 				jQuery("#userView").jqGrid('filterToolbar');
@@ -327,10 +468,11 @@
 				    height: "100%",
 				    width: jqgridWidth,
 				    shrinkToFit: false,
+				    cmTemplate: { title: false },
 				    cellEdit: true,
 				    pager: "activityViewPager",
 				    rowList:[10,20,30,40,50,100],
-				    	rowNum:10,
+				    rowNum:10,
 				    sortorder: "asc", 
 				    sortname: "activityId", 
 				    colNames:[
@@ -350,9 +492,9 @@
 				      {name:'avgMark',index:'avgMark', sortable:true, editable:false, width:50, align:"center"}
 				    ],
 				    loadError: function(xhr,st,err) {
-			    			jQuery("#activityView").clearGridData();
-			    			alert("<fmt:message key="gradebook.error.loaderror"/>");
-			    		},
+			    		jQuery("#activityView").clearGridData();
+			    		alert("<fmt:message key="gradebook.error.loaderror"/>");
+			    	},
 				    subGrid: true,
 					subGridRowExpanded: function(subgrid_id, row_id) {
 					   var subgrid_table_id;
@@ -369,6 +511,7 @@
 						     url: "<lams:LAMSURL />gradebook/gradebook/getUserGridData.do?view=monActivityView&lessonID=${lessonDetails.lessonID}&activityID=" + activityID + "&groupId=" + groupID,
 						     height: "100%",
 						     autowidth:true,
+						     cmTemplate: { title: false },
 						     cellEdit:true,
 						     cellurl: "<lams:LAMSURL />gradebook/gradebookMonitoring/updateUserActivityGradebookData.do?lessonID=${lessonDetails.lessonID}&view=monActivityView&activityID=" + activityID,
 						     sortorder: "asc", 
@@ -386,17 +529,21 @@
 						    	"<fmt:message key="gradebook.columntitle.completeDate"/>", 
 						     	"<fmt:message key="gradebook.columntitle.activityFeedback"/>", 
 						     	"<fmt:message key="gradebook.columntitle.mark"/>",
-							    	'portraitId',
+							    'portraitId',
 						     	'activityURL'
 						     ],
 						     colModel:[
 						     	{name:'id', index:'id', sortable:false, editable:false, hidden:true, search:false, hidedlg:true},
 						     	{name:'marksAvailable',index:'marksAvailable', sortable:false, editable:false, hidden:true, search:false, hidedlg:true},
 						     	{name:'rowName',index:'rowName', sortable:true, editable:false, formatter:userNameFormatterActivity},
 						      	{name:'status', index:'status', sortable:false, editable:false, search:false, width:30, align:"center"},
-						      	{name:'timeTaken', index:'timeTaken', sortable:true, editable: false, search:false, width:80, align:"center"},
-							    {name:'startDate',index:'startDate', sortable:true, editable:false, search:false, width:85, align:"left"},
-							    {name:'finishDate',index:'finishDate', sortable:false, editable:false, search:false, width:85, align:"left"},
+								{name:'timeTaken',index:'timeTaken', sortable:true, editable: false, width:51, align:"center",
+									cellattr: function(rowID, val, rawObject, cm, rdata) {
+							    	    return 'title="' + rdata.startDate + ' - ' + rdata.finishDate + '"';
+							    	}
+						    	},
+							    {name:'startDate',index:'startDate', width:0, hidden: true},
+							    {name:'finishDate',index:'finishDate', width:0, hidden: true},
 						     	{name:'feedback',index:'feedback', sortable:false, editable:true, edittype:'textarea', editoptions:{rows:'4',cols:'20'} , search:false, width:200, hidden:true},
 						     	{name:'mark',index:'mark', sortable:true, editable:true, editrules:{number:true}, search:false, width:50, align:"center"},
 						     	{name:'portraitId', index:'portraitId', width:0, hidden: true},
@@ -470,7 +617,6 @@
 						     	alert("<fmt:message key="error.cellsave"/>");
 						     },
 							 gridComplete: function(){
-							 	toolTip($(".jqgrow"), "jqgridTooltip");	// applying tooltips for this grid
 						   	 	initializePortraitPopover('<lams:LAMSURL/>');
 						   	 	fixPagerInCenter(subgrid_table_id+"_pager", 1);
 							 }
@@ -479,7 +625,6 @@
 
 					},
 					 gridComplete: function(){
-					 	toolTip($(".jqgrow"), "jqgridTooltip");	// enable tooltips for grid
 					 	fixPagerInCenter('activityViewPager', 0);
 					 }	 
 				}).navGrid("#activityViewPager", {edit:false,add:false,del:false,search:false}); // enable refresh button
@@ -504,7 +649,7 @@
 		            resizeJqgrid(jQuery(".ui-jqgrid-btable:visible", this));
 		        })
 
-		        	function userNameFormatter (cellvalue, options, rowObject) {
+		        function userNameFormatter (cellvalue, options, rowObject) {
 					return definePortraitPopover(rowObject[8].innerHTML, rowObject.id, cellvalue, cellvalue, true);
 				}
 
@@ -544,23 +689,6 @@
 	</c:otherwise>
 	</c:choose>
 		
-	<c:set var="tourDatesCode">
-		<div id="tour-dates">
- 		<div id="datesNotShown">
- 			<a class="${btnclass}" href="javascript:toggleLessonDates()" title="<fmt:message key="gradebook.monitor.show.dates"/>" >
- 			<i class="fa fa-calendar-check-o"></i> <span class="hidden-xs">
-			<fmt:message key="gradebook.monitor.show.dates" /></a>
-			</span>
-		</div>
-		<div id="datesShown" style="display:none">
-			<a class="${btnclass}" href="javascript:toggleLessonDates()" title="<fmt:message key="gradebook.monitor.hide.dates"/>" >
- 			<i class="fa fa-calendar-check-o"></i> <span class="hidden-xs">
-			<fmt:message key="gradebook.monitor.hide.dates" /></a>
-			</span>
-		</div>
-		</div>
-	</c:set>
-		
 	<c:set var="lockLabelClass">${isInTabs?"lockLabel":""}</c:set>
 	<c:set var="padlockCode">
 		<div class="visible-xs-inline">
@@ -639,7 +767,6 @@
 		<div class="gbTopButtonsContainer pull-right">
 			${chartButtonCode}
 			${weightButtonCode}
-			${tourDatesCode}
 			<a target="_blank" class="${btnclass}" title="<fmt:message key='button.help.tooltip'/>"
 				   href="http://wiki.lamsfoundation.org/display/lamsdocs/Gradebook+Lesson+Marking">
 			<i class="fa fa-question-circle"></i> <span class="hidden-xs"><fmt:message key="button.help"/></span></a>
@@ -690,7 +817,6 @@
 		<c:if test="${isInTabs}">
 	 		${chartButtonCode}
 	 		${weightButtonCode}
-			${tourDatesCode}
 		</c:if>
 		
 		</div> <!-- Closes buttons -->
@@ -731,10 +857,7 @@
 				<br />
 				
 				<table id="activityView" class="scroll" ></table>
-				<div id="activityViewPager" class="scroll" ></div>	
-				
-				<%-- not #tooltip as it conflicts with the learner progress tooltip --%>
-				<div class="tooltip-lg" id="jqgridTooltip"></div> 
+				<div id="activityViewPager" class="scroll" ></div>
 			</div>
 	 
 	<c:if test="not isInTabs">