Mercurial > repos > pieterlukasse > nist_wrapper

diff templates/main_template.html @ 0:cce6989ed423

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
new NIST wrapper demo tools
author pieter.lukasse@wur.nl
date Thu, 22 Jan 2015 16:14:57 +0100
parents
children
line wrap: on
line diff
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/templates/main_template.html	Thu Jan 22 16:14:57 2015 +0100
@@ -0,0 +1,83 @@
+<html>
+<!-- see http://jinja.pocoo.org/docs/dev/templates/
+     and http://jinja.pocoo.org/docs/dev/tricks/ -->
+<head>
+	<link rel="stylesheet" type="text/css" href="lib/jquery.dataTables.css">
+	<script type="text/javascript" charset="utf8" src="lib/jquery-1.11.1.js"></script>
+	<script type="text/javascript" charset="utf8" src="lib/jquery.dataTables.js"></script>
+	<script type="text/javascript" charset="utf8" src="lib/d3.v3.js"></script>
+	<script type="text/javascript" src="spectrum_gen.js"></script>
+	<script type="text/javascript">
+		$(document).ready(function(){
+	    	$("#myTable").DataTable();
+		});
+	</script>
+	<style>
+	    /*This part is mainly used by spectrum visualization: */
+		body {
+		  font: 10px sans-serif;
+		}
+		.y.axisRight text {
+		    fill: orange;
+		}
+		.y.axisLeft text {
+		    fill: steelblue;
+		}
+		.axis path,
+		.axis line {
+		  fill: none;
+		  stroke: #000;
+		  shape-rendering: crispEdges;
+		}
+		.bar1 {
+		  fill: steelblue;
+		}
+		.bar2 {
+		  fill: orange;
+		}
+	</style>	
+	
+</head>
+<body>
+	<table id="myTable" class="display">
+		<thead>
+			<tr>
+				<th>id</th>
+				<th>compound_name</th>
+				<th>formula</th>
+				<th>lib_name</th>
+				<th>id_in_lib</th>
+				<th>mf</th>
+				<th>rmf</th>
+				<th>prob</th>
+				<th>cas</th>
+				<th>mw</th>
+				<th>spectrum</th>
+				<th>comparison</th>
+			</tr>
+		</thead>
+		<tbody>	
+{% for entry in hits_dict['id'] %}
+			<tr>
+				<td>{{hits_dict['id'][loop.index-1]}} </td> 
+				<td>{{hits_dict['compound_name'][loop.index-1]}} </td> 
+				<td>{{hits_dict['formula'][loop.index-1]}} </td> 
+				<td>{{hits_dict['lib_name'][loop.index-1]}} </td> 
+				<td>{{hits_dict['id_in_lib'][loop.index-1]}} </td> 
+				<td>{{hits_dict['mf'][loop.index-1]}} </td> 
+				<td>{{hits_dict['rmf'][loop.index-1]}} </td> 
+				<td>{{hits_dict['prob'][loop.index-1]}} </td> 
+				<td>{{hits_dict['cas'][loop.index-1]}} </td> 
+				<td>{{hits_dict['mw'][loop.index-1]}} </td> 
+				<td><button onclick="renderSpectrumFromMSPString('{{spectra_dict[hits_dict['id'][loop.index-1]]}}','body')">
+				View</button> 
+				</td>
+				<td><button onclick="renderComparisonSpectrum('{{spectra_dict[hits_dict['id'][loop.index-1]]}}','{{hits_dict['cas'][loop.index-1]}}','body')">
+				View comparison</button> 
+				</td>
+			</tr>
+{% endfor %}
+		</tbody>
+	</table>
+</body>
+</html>
\ No newline at end of file