YACOSWeb/WebContent/WEB-INF/jsp/dispatchArticle.jsp

@@ -23,7 +23,7 @@
 				removeAll(selectedArticleId);
 				$('title'+selectedArticleId).removeClassName('selected');
 				new Effect.SlideUp('dispatcher'+selectedArticleId);
-				//$('dispatcher'+selectedArticleId).hide();
+				
 			}
 			selectedArticleId = articleId;
 			$(divTitle).addClassName('selected');
@@ -31,47 +31,37 @@
 			
 		}else{
 			removeAll(articleId);
-			//$('dispatcher'+articleId).remove();
 			new Effect.SlideUp('dispatcher'+articleId);
-			//$('dispatcher'+articleId).hide();
 			$(divTitle).removeClassName('selected');
 			selectedArticleId = null;
-			//, {afterFinish:function(){$('dispatcher').remove();}});
-			// $('dispatcherPattern').innerHTML = pattern;
 		}
 	}	
 	
 	function initDispatcher(elementId){
-		//container
 		
-		//var pattern = $('dispatcherPattern').innerHTML	
-			
-		//$('dispatcherPattern').innerHTML = "";	
-		//var elem = new Element('div',
-			//{'class':'dynamicListItem',
-			//'id':"dispatcher"}).update(pattern);
-			
-		//$(elementId).insert(elem);
 		//listes	
-		//DispatchArticlesJS.sayHello(articleId,retour);
+		
 		DispatchArticlesJS.getMembersWithoutTheArticle(articleId,fillListMembers);
 		DispatchArticlesJS.getMembersWithTheArticle(articleId,fillListArticleMembers);
 		
-		
-		new Effect.SlideDown('dispatcher'+articleId);
-		//$('dispatcher'+articleId).show();					
-		//buttons
-		//$('addButton').observe("click",addRemote());
-		//$('removeButton').observe("click",removeRemote());	
-		//$('dispatcherPattern').innerHTML = pattern;	
+		new Effect.SlideDown('dispatcher'+articleId);	
 	}
 	
 	function fillListArticleMembers(data){
 		
 		for (var i = 0; i < data.length; i++) {  	
   			var member = data[i];
+  			var pref;
+  			if (member.preference=="LIKE"){
+  				pref = "<span style='color:green;font-weight:bold'>LIKE</span>";
+  			}
+  			if (member.preference=="DISLIKE"){
+  				pref = "<span style='color:red;font-weight:bold'>DISLIKE</span>";
+  			}else { 
+  				pref = "<span style='font-weight:bold'>INDIFFERENT</span>";
+  			}
   			var value= member.firstName+" "+member.lastName +' nb articles:' + member.nbArticles 
-  					+ " preferences:"+ member.preference;
+  					+ " pref: "+ pref;
 			var elem = new Element('div',
 			{'class':'dynamicListItem','id':member.login,
 			"style":"border:1px"}).update(value);
@@ -85,8 +75,18 @@
 	function fillListMembers(data){
 		for (var i = 0; i < data.length; i++) {  	
   			var member = data[i];
-  			var value= member.firstName+" "+member.lastName +' nb articles:' + member.nbArticles  
-  					+ " preferences:"+ member.preference;
+  			var pref;
+  			if (member.preference=="LIKE"){
+  				pref = "<span style='color:green;font-weight:bold'>LIKE</span>";
+  			}
+  			if (member.preference=="DISLIKE"){
+  				pref = "<span style='color:red;font-weight:bold'>DISLIKE</span>";
+  			}
+  			if (member.preference=="INDIFFERENT"){ 
+  				pref = "<span style='font-weight:bold'>INDIFFERENT</span>";
+  			}
+  			var value= member.firstName+" "+member.lastName +' nb articles:' + member.nbArticles 
+  					+ " pref: "+ pref;
 			var elem = new Element('div',
 			{'class':'dynamicListItem','id':member.login,
 			"style":"border:1px"}).update(value);
@@ -110,7 +110,6 @@
 	function removeRemote() {
 		var itemsToRemove = $('membersList'+articleId).select('div.selected');
 		var membersId = itemsToRemove.pluck('id');
-		//var articleId = $('articleId').value;
 		DispatchArticlesJS.removeMembers(membersId, articleId, remove);
 	}
 			
@@ -132,7 +131,6 @@
 	function addRemote(){
 		var itemsToAdd = $('membersList'+articleId).select('div.selected');
 		var membersId = itemsToAdd.pluck('id');
-		//var articleId = $('articleId').value;
 		DispatchArticlesJS.addMembers(membersId, articleId, add());
 
 	}