essai de template jquery

Author: Jean-François Pineau

app/views/my_card/index.html.erb

@@ -96,6 +96,51 @@
 	</div>
 </div>
 
+    <script id="ticket-modele" type="text/x-jQuery-tmpl">
+ 	{{if parent}}
+		<div class="line histoire">
+			Histoire : <a href=${parenthref} class="parent">${parent.id}</a>
+		</div>
+	{{/if}}
+	<a href=${idhref} class="id">${id}</a>
+
+	{{if story_points}}
+		<div class="line estimation">
+			Estimation: ${story_points}
+		</div>
+	{{/if}}
+
+	<span class="subject">${subject}</span>
+
+	<div class="block custom-field start">
+		Condition de départ: <span>{{if start}}${start}{{/if}}</span>
+	</div>
+	<div class="block custom-field finish">
+		Condition d'acceptation: <span>{{if finish}}${finish}{{/if}}</span>
+	</div>
+    </script>
+
+    <script id="ticket-default" type="text/x-jQuery-tmpl">
+ 	{{if parent}}
+		<div class="line histoire">
+			Histoire : <a href=${parenthref} class="parent">${parent.id}</a>
+		</div>
+	{{/if}}
+	<a href=${idhref} class="id">${id}</a>
+
+	{{if story_points}}
+		<div class="line estimation">
+			Estimation: ${story_points}
+		</div>
+	{{/if}}
+
+	<span class="subject">${subject}</span>
+
+	<div class="line description">
+		Description: <span>${description}</span>
+	</div>
+    </script>
+
 <div id="tickets">
 
 

assets/javascripts/card.js

@@ -157,61 +157,73 @@
 	function getDivPostIssue(issue){
 
 		// CHOICE OF THE TEMPLATE
-		var ticketCardModele=jQuery('.ticket-modele');
+		//var ticketCardModele=jQuery('.ticket-modele');
 
 		console.log("getDivPostIssue(issue="+JSON.stringify(issue)+")");
-		var ticketCard=ticketCardModele.clone().removeClass('ticket-modele').addClass('project'+issue.project.id).show();
+		//var ticketCard=ticketCardModele.clone().removeClass('ticket-modele').addClass('project'+issue.project.id).show();
 
-		jQuery('.id',ticketCard).html(issue.id).attr('href',relativeUrl+'/issues/'+issue.id);
-		//jQuery('.project',ticketCard).html(issue.project.name).attr('href',relativeUrl+'/projects/'+issue.project.name+'/issues');
-		if (issue.parent != undefined) {
-			console.log ("found parent:" + issue.parent);
-			jQuery('.parent',ticketCard).html(issue.parent.id).attr('href',relativeUrl+'/issues/'+issue.parent.id);
-		} else {
-			console.log ("not found parent:" + issue.parent);
-			jQuery('.histoire',ticketCard).hide();
-		}
-		jQuery('.subject',ticketCard).html(issue.subject);
+		//jQuery('.id',ticketCard).html(issue.id).attr('href',relativeUrl+'/issues/'+issue.id);
+		issue.idhref = relativeUrl+'/issues/'+issue.id;
+
+		//if (issue.parent != undefined) {
+		//	jQuery('.parent',ticketCard).html(issue.parent.id).attr('href',relativeUrl+'/issues/'+issue.parent.id);
+		//} else {
+		//	jQuery('.histoire',ticketCard).hide();
+		//}
+		issue.parenthref = relativeUrl+'/issues/'+issue.parent.id;
 
-		if(issue.story_points != null){
+		//jQuery('.subject',ticketCard).html(issue.subject);
+
+		/*if(issue.story_points != null){
 			jQuery('.estimation',ticketCard).html(issue.story_points);
 		}else{
 			jQuery('.estimation',ticketCard).hide();
-		}
+		}*/
 
-		jQuery('.line.custom-field.anomalie',ticketCard).hide();
-		var displayDescription = true;
+//		jQuery('.line.custom-field.anomalie',ticketCard).hide();
+//		var displayDescription = true;
 		if(issue.custom_fields){
 			for (var i=0;i<issue.custom_fields.length;i++){
 				if(issue.custom_fields[i].name === "Type d'anomalie"){
-					jQuery('.anomalie span',ticketCard).html(issue.custom_fields[i].value[0]);
-					jQuery('.line.custom-field.anomalie',ticketCard).show();
+					//jQuery('.anomalie span',ticketCard).html(issue.custom_fields[i].value[0]);
+					//jQuery('.line.custom-field.anomalie',ticketCard).show();
+					issue.anomalie = issue.custom_fields[i].value[0];
 				}
 				if(issue.custom_fields[i].name==="Conditions de d\u00e9part"){
-					displayDescription=false;
+					/*displayDescription=false;
 					if(issue.custom_fields[i].value){
 						jQuery('.start span',ticketCard).html(issue.custom_fields[i].value);
-					}
+					}*/
+					issue.start = issue.custom_fields[i].value;
 				}
 				if(issue.custom_fields[i].name==="Conditions d'acceptation"){
-					displayDescription=false;
+					/*displayDescription=false;
 					if(issue.custom_fields[i].value){
 						jQuery('.finish span',ticketCard).html(issue.custom_fields[i].value);
-					}
+					}*/
+					issue.finish = issue.custom_fields[i].value;
 				}
 			}
 		}
-		if (displayDescription) {
+		/*if (displayDescription) {
 			jQuery('.description span',ticketCard).html(issue.description);
 			jQuery('.start',ticketCard).hide();
 			jQuery('.finish',ticketCard).hide();
 		} else {
 			jQuery('.description',ticketCard).hide();
 			jQuery('.start',ticketCard).show();
 			jQuery('.finish',ticketCard).show();
-		}
+		}*/
+
+		//ticketCard.addClass("priority"+issue.priority.id);
 
-		ticketCard.addClass("priority"+issue.priority.id);
+		// CHOICE OF THE TEMPLATE
+		var ticketCard;
+		if (issue.project.name === "Precovision-interne") {
+			ticketCard = jQuery("#ticket-modele").tmpl(issue);
+		} else {
+			ticketCard = jQuery("#ticket-default").tmpl(issue);
+		}
 		return ticketCard;
 	}