Index: lams_gradebook/web/gradebookCourseMonitor.jsp
===================================================================
diff -u -r8a6afcdd450adc0cd87ea7dbc69cac9fb14a3fb9 -r2ed09b40081fc4dd0ebd267ac45a57d9db3dabd3
--- lams_gradebook/web/gradebookCourseMonitor.jsp	(.../gradebookCourseMonitor.jsp)	(revision 8a6afcdd450adc0cd87ea7dbc69cac9fb14a3fb9)
+++ lams_gradebook/web/gradebookCourseMonitor.jsp	(.../gradebookCourseMonitor.jsp)	(revision 2ed09b40081fc4dd0ebd267ac45a57d9db3dabd3)
@@ -16,6 +16,8 @@
 	<jsp:include page="includes/jsp/jqGridIncludes.jsp"></jsp:include>
 	<script type="text/javascript" src="<lams:LAMSURL />includes/javascript/jquery.blockUI.js"></script>	
 	<script type="text/javascript" src="<lams:LAMSURL />includes/javascript/jquery.cookie.js"></script>
+	<script type="text/javascript" src="<lams:LAMSURL />includes/javascript/bootstrap.min.js"></script>
+	<script type="text/javascript" src="<lams:LAMSURL />includes/javascript/portrait.js"></script>
 	<script type="text/javascript" src="includes/javascript/blockexportbutton.js"></script>
 
 	<script type="text/javascript">
@@ -118,17 +120,19 @@
 					    	"<fmt:message key="gradebook.columntitle.startDate"/>", 
 					    	"<fmt:message key="gradebook.columntitle.completeDate"/>", 
 					     	"<fmt:message key="gradebook.columntitle.lessonFeedback"/>", 
-			    			"<fmt:message key="gradebook.columntitle.mark"/>"
+			    			"<fmt:message key="gradebook.columntitle.mark"/>",
+			    			'portraitId'
 					     ],
 					     colModel:[
 					     	{name:'id', index:'id', sortable:false, editable:false, hidden:true, search:false, hidedlg:true},
-					     	{name:'rowName',index:'rowName', sortable:true, editable:false},
+					     	{name:'rowName',index:'rowName', sortable:true, editable:false, formatter:userNameFormatter},
 					      	{name:'status', index:'status', sortable:false, editable:false, search:false, title: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, search:false, width:85, align:"left"},
 						    {name:'finishDate',index:'finishDate', sortable:false, editable:false, search:false, width:85, align:"left"},
 					     	{name:'feedback',index:'feedback', sortable:false, 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:'mark',index:'mark', sortable:true, editable:true, editrules:{number:true}, search:false, width:50, align:"center"},
+					     	{name:'portraitId', index:'portraitId', width:0, hidden: true}
 					     ],
 					     loadError: function(xhr,st,err) {
 				    		jQuery("#"+subgrid_table_id).clearGridData();
@@ -164,6 +168,7 @@
 						 gridComplete: function(){
 							processLessonDateFields( lessonDatesHidden, jQuery("#"+subgrid_table_id) );
 						 	toolTip($(".jqgrow"));	// enable tooltips for grid
+							initializePortraitPopover('<lams:LAMSURL/>');
 						 }	
 					 }).navGrid("#"+subgrid_table_id+"_pager", {edit:false,add:false,del:false,search:false})
 					 
@@ -212,11 +217,13 @@
 			    rowNum:10,
 			    colNames:[
 					'',
-					"<fmt:message key="gradebook.columntitle.learnerName"/>"
+					"<fmt:message key="gradebook.columntitle.learnerName"/>",
+					'portraitId'
 			    ],
 			    colModel:[
 					{name:'id', index:'id', sortable:false, editable:false, hidden:true, search:false, hidedlg:true},
-					{name:'rowName',index:'rowName', sortable:true, editable:false}
+					{name:'rowName',index:'rowName', sortable:true, editable:false, formatter:userNameFormatter},
+					{name:'portraitId', index:'portraitId', width:0, hidden: true}
 			    ],
 			    loadError: function(xhr,st,err) {
 			    	jQuery("#userView").clearGridData();
@@ -343,6 +350,7 @@
 					},
 					gridComplete: function(){
 						toolTip($(".jqgrow"));  // allowing tooltips for this grid	
+						initializePortraitPopover('<lams:LAMSURL/>');
 					}
 			}).navGrid("#userViewPager", {edit:false,add:false,del:false,search:false}); // applying refresh button
 				
@@ -428,6 +436,11 @@
 			return false;
 		}
 		
+	  	function userNameFormatter (cellvalue, options, rowObject) {
+	  		var index = rowObject.children.length - 1;
+			return definePortraitPopover(rowObject.children[index].innerHTML, rowObject.id, cellvalue);
+		}
+		
 	</script>
 
 </lams:head>