sjy-ecos/views/data.html

<%- include('comm/header.html') %>
<div class="container">
	<div class="row">
		<div class="col-md-9 col-xs-12">
			<ul class="list-group filter-list-group">

			</ul>

			<% metadatas.forEach(function(metadata){ %>
			<div class="media metadata-list-group">
				<div class="media-left">
					<a href="http://www.sanjiangyuan.org.cn:4567/service/bigthumb/id/<%= metadata.id %>">
						<img width="140" height="80" class="media-object" src="http://www.sanjiangyuan.org.cn:4567/service/thumb/id/<%= metadata.id%>" alt="<%= metadata.title %>">
					</a>
				</div>
				<div class="media-body">
					<h4 class="media-heading"><a href="http://www.sanjiangyuan.org.cn:4567/data/<%= metadata.uuid %>"><%= metadata.title %></a></h4>
					<%= metadata.description %>
				</div>
			</div>

			<% }); %>
		</div>
		<div class="col-md-3 col-xs-12">
			<h3>最新数据</h3>
			<div class="separator"></div>
			<div class="list-group">
				<% latestMetadatas.forEach(function(metadata){ %>
				<a href="http://www.sanjiangyuan.org.cn:4567/data/<%= metadata.uuid %>" class="list-group-item">
					<h5 class="list-group-item-heading"><%= metadata.title %></h5>
					<p class="list-group-item-text"><%= metadata.description.substring(0,50)+ '...' %></p>
				</a>

				<% }); %>
			</div>
		</div>
	</div>
</div>
<script type="text/javascript">
	$(function () {
		$('.navbar-nav li a').each(function () {
			if ($(this).attr('href') == '/data') {
				$(this).addClass('active');
			}
		});
		$.getJSON("/json/keyword.json", function(data) {
		    var items = [];
		    $.each(data, function(index, value) {
				var title = $("<span/>", {
				    "class":"title",
					html:value.type+"："
				});
		        var keywords = [];

		        $.each(value.items, function(i, val) {
		            var keyword = $("<a/>", {
		                "class":"item",
						"href":"http://www.sanjiangyuan.org.cn:4567/data/tag/"+encodeURIComponent(val),
						html:val
					});
					keywords.push(keyword);
				});

		        var li = $("<li/>", {
		            "class":"list-group-item"
				});
		        li.append(title).append(keywords);
		        items.push(li);
			});

			$('.filter-list-group').append(items);
		})
	});
</script>
<%- include('comm/footer.html') %>