jaml_flyover.js

Jaml.register('details_flyover', function(data) {
    div({ id: "flyover_" + data.dataId, cls:"overlay", style:"display:none;" },

	div({ style:"border: 0pt none; margin: 0pt;" },

	    div({ cls:"overlayContentWrapper storyFlyover flyover", 
		  style:"width: 475px; max-height: 600px" },

		div({ cls:"storyTitle" },
		    h(data.item.subject)),

		div({ cls:"sectionDivider" },
		    div({ style:"height: auto;" },
			div({ cls:"metaInfo" },
			    div({ cls:"left" },
				"Added by " + data.item.author.firstname + ' ' + data.item.author.lastname + ' ' + humane_date(data.item.created_on)),
			    
			    div({ cls:"right infoSection" },

				img({ cls:  "estimateIcon left", width:"18", 
 				      src:  "/images/dice_" + data.points + ".png", 
				      alt:   "Estimate: " + data.points + " credits",
				      title: "Estimate: " + data.points + "credits" }),

				div({ cls:"left text" },
				    data.points + " cr"),

				div({ cls:"clear" })),

			    div({ cls:"right infoSection" },

				img({ cls:"left", 
				      src:"/images/" + data.item.tracker.name.toLowerCase() + "_icon.png",
				      alt:data.item.tracker.name }),

				div({ cls:"left text" },
				    data.item.tracker.name),

				div({ cls:"clear" })),

			    div({ cls:"clear" })),

			div({ cls:"flyoverContent storyDetails" },
			    div({ cls:"storyId right" },
				span("ID:"),
				span(data.item.id.toString())),

			    div({ cls:"section" },
				generate_details_flyover_description(data.item),
				generate_comments(data.item, true))))))));
});

function generate_details_flyover(dataId){
    var item = D[dataId];
    
    var points;
    item.points == null ? points = 'No' : points = credits_to_points(item.points,credit_base);    

    $('#flyovers').append(Jaml.render('details_flyover', { dataId: dataId, 
							   item: item, 
							   points: points }));
    return html;
}

original_flyover.js

function generate_details_flyover(dataId){
	var item = D[dataId];

	var points;
	item.points == null ? points = 'No' : points = credits_to_points(item.points,credit_base);

	var html = '';

	html = html + '<div id="flyover_' + dataId + '" class="overlay" style="display:none;">';
	html = html + '<div style="border: 0pt none ; margin: 0pt;">';
	html = html + '<div class="overlayContentWrapper storyFlyover flyover" style="width: 475px; max-height:600px">';
	html = html + '<div class="storyTitle">';
	html = html + h(item.subject);
	html = html + '</div>';
	html = html + '	      <div class="sectionDivider">';
	html = html + '	      <div style="height: auto;">';
	html = html + '	        <div class="metaInfo">';
	html = html + '	          <div class="left">';
	html = html + 'Added by ' + item.author.firstname + ' ' + item.author.lastname + ' ' + humane_date(item.created_on);
	html = html + '	          </div>';
	html = html + '<div class="right infoSection">';
	html = html + '	            <img class="estimateIcon left" width="18" src="/images/dice_' + points + '.png" alt="Estimate: ' + points + ' credits" title="Estimate: ' + points + ' credits">';
	html = html + '	            <div class="left text">';
	html = html + '	              ' + points + ' cr';
	html = html + '	            </div>';
	html = html + '	            <div class="clear"></div>';
	html = html + '	          </div>';
	html = html + '	          <div class="right infoSection">';
	html = html + '	            <img class="left" src="/images/' + item.tracker.name.toLowerCase() + '_icon.png" alt="' + item.tracker.name + '">';
	html = html + '	            <div class="left text">';
	html = html + 	              item.tracker.name;
	html = html + '	            </div>';
	html = html + '	            <div class="clear"></div>';
	html = html + '	          </div>';
	html = html + '	          <div class="clear"></div>';
	html = html + '	        </div>';
	html = html + '	        <div class="flyoverContent storyDetails">';
	html = html + '	          <div class="storyId right">';
	html = html + '	            <span>ID:</span> <span>' + item.id + '</span>';
	html = html + '	          </div>';
	html = html + '	<div class="section">';
	html = html + generate_details_flyover_description(item);
	html = html + generate_comments(item,true);
	html = html + '</div>';
	html = html + '	        </div>';
	html = html + '	      </div>';
	html = html + '	    </div>';
	html = html + '	  </div>';
	html = html + '	</div>';

	$('#flyovers').append(html);

	return html;
}