Merge branch 'samuel'

Samuels work

templates/node-info.html

@@ -6,6 +6,33 @@
 <link rel="stylesheet" href="{% static "css/bootstrap-theme.min.css" %}">
 <link rel="stylesheet" href="{% static "js/libs/jquery/jquery-ui.css" %}" media="screen">
 
+<style>
+
+	.nodeinfo-container {
+		margin: 25px;
+		padding: 25px;		
+	}
+
+	.nodeinfo-elem {
+	    border-style: solid;
+	    border-width: 1px;	
+		margin: 5px;
+		padding: 5px;	
+	}
+
+	.nodeinfo-head {
+		font-size: large;
+		margin: 5px;
+		padding: 5px;
+	}
+
+
+	.nodeinfo-content {
+		margin: 5px;
+		padding: 5px;
+	}
+</style>
+
 {% endblock %}
 
 
@@ -16,6 +43,7 @@
 <div id="metadata"></div>
 {% endif %}
 
+
 	<script src="{% static "js/jquery/jquery.min.js" %}" type="text/javascript"></script>
 	<script src="{% static "js/libs/jquery/jquery-ui.js" %}" type="text/javascript"></script>
 
@@ -44,11 +72,19 @@
         	jsondata = data.metadata
         	console.log(jsondata)
         	var output = ""
-        	if(jsondata.title) output += "Title:<br>"+jsondata.title+"<br>";
-        	if(jsondata.publication_date) output += jsondata.publication_date.split(" ")[0]+"<br><br>";
-        	if(jsondata.authors) output += "Authors:<br>"+jsondata.authors+"<br><br>";
-        	if(jsondata.fields) output += "Keywords:<br>"+jsondata.fields+"<br><br>";
-        	if(jsondata.abstract) output += "Abstract:<br>"+jsondata.abstract+"<br><br>";
+        	// if(jsondata.title) output += "Title:<br>"+jsondata.title+"<br>";
+        	// if(jsondata.publication_date) output += jsondata.publication_date.split(" ")[0]+"<br><br>";
+        	// if(jsondata.authors) output += "Authors:<br>"+jsondata.authors+"<br><br>";
+        	// if(jsondata.fields) output += "Keywords:<br>"+jsondata.fields+"<br><br>";
+        	// if(jsondata.abstract) output += "Abstract:<br>"+jsondata.abstract+"<br><br>";
+        	// <div class='jumbotron'>
+        	output += "<div class='nodeinfo-container'>"
+        	if(jsondata.title) output += "<div class='nodeinfo-elem'> <div class='nodeinfo-head'>Title</div> <div class='nodeinfo-content'>"+jsondata.title+"</div> </div>";
+        	if(jsondata.publication_date) output += "<div class='nodeinfo-elem'> <div class='nodeinfo-head'>Publication Date</div> <div class='nodeinfo-content'>"+jsondata.publication_date.split(" ")[0]+"</div> </div>";
+        	if(jsondata.authors) output += "<div class='nodeinfo-elem'> <div class='nodeinfo-head'>Authors</div> <div class='nodeinfo-content'>"+jsondata.authors+"</div> </div>";
+        	if(jsondata.fields) output += "<div class='nodeinfo-elem'> <div class='nodeinfo-head'>Keywords</div> <div class='nodeinfo-content'>"+jsondata.fields+"</div> </div>";
+        	if(jsondata.abstract) output += "<div class='nodeinfo-elem'> <div class='nodeinfo-head'>Abstract</div> <div class='nodeinfo-content'>"+jsondata.abstract+"</div> </div>";
+        	output += "</div>"
 
             $("#metadata").html(output);
         },