activity_item.ejs

<div class="media" id="<%= _id %>">
	<div class="activity-item-controls">
		<span class="activity-item-time-ago">[10m]</span>
		<a class="activity-item-control" href="/item/view/<%= _id %>">#</a>
		<a class="activity-item-control like-item" href="/item/like/<%= _id %>"><i class="icon-thumbs-up"></i></a>
		<a class="activity-item-control dislike-item" href="/item/dislike/<%= _id %>"><i class="icon-thumbs-down"></i></a>
		<a class="activity-item-control expand-item" href="/item/view/<%= _id %>"><i class="icon-chevron-down"></i></a>
		<a class="activity-item-control collapse-item" href="/item/view/<%= _id %>"><i class="icon-chevron-up"></i></a>
	</div>
	<div class="bd">
		<div class="img">
			<a href="/identity/view/<%= user._id %>">
				<img class="activity-item-avatar" src="<%= avatar_url || "/images/saturn/logo_t.png" %>">
			</a>
		</div>
		<span class="activity-item-author">
			<a href="/identity/view/<%= user._id %>"><%= user.display_name %></a>
		</span>
		<p class="activity-item-text"><%= parsed_message %></p>
		<% if (media && media.length > 0) { 
			var image = "";
			var image_width = 1;
			var image_height = 1;
			var max_width = 400;
			var max_height = 340;
			media.forEach(function (item) {
				if (image == "" && item.type == "photo") {
					var best_fit = item.sizes[0];
					
					item.sizes.forEach(function (size) {
						if (size.width < max_width && size.height < max_height) {
							if (size.width < best_fit.width && size.height < best_fit.height) {
								best_fit = size;
							}
						}
					});
					image = best_fit.url;
					image_width = best_fit.width;
					image_height = best_fit.height;
				}
			});
			%>
		<div class="activity-item-media"><img src="<%= image %>" width="<%= image_width %>" height="<%= image_height %>" /></div>
		<% } %>
		<span class="activity-item-topics">
			<% popular = [];
			topics.forEach(function (topic) { if (topic.instances > 1) { popular.push(topic); } }); 
			topics.forEach(function (topic) { if (topic.instances > 1 || popular.length <= 3) { %>
				<a href="/topic/view/<%= topic._id %>"><%= topic.text %></a>
			<% }}); %>
			<a href="#" class="add-topic">
				<span class="add-topic-label"><strong>+</strong></span>
				<form>
					<input type="text" />
				</form>
			</a>
		</span>
	</div><div class="clear"></div>
</div>