make standalone svg rendering inside an HTML page
[scpubgit/stemmatology.git] / TreeOfTexts / root / src / index.tt
1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
2 <html>
3   <head>
4     <META http-equiv="Content-Type" content="text/html; charset=utf-8">
5     <script type="text/javascript" src="js/jquery-1.4.4.min.js"></script>
6     <script type="text/javascript" src="js/jquery-ui-1.8.10.custom.min.js"></script>
7     <script type="text/javascript" src="js/interaction.js"></script>
8     <link type="text/css" href="[% c.uri_for('css/cupertino/jquery-ui-1.8.13.custom.css') %]" rel="stylesheet" />
9     [% INCLUDE style.tt2 %]
10   </head>
11   <body>
12     <h1>Stexaminer</h1>
13     <h2>[% text_title %]</h2>
14     <div id="statistics">
15       <p>Analyzed [% total %] variant locations, of which [% genealogical %] entirely followed the stemma.  [% conflict %] readings conflicted with the stemma.</p>
16     </div>
17     <div id="svg_graph">
18       [% svg %]
19     </div>
20     <div id="variants_table">
21       <table>
22 [% FOREACH row IN variants -%]
23 [% INCLUDE variantrow %]
24 [% END -%]
25      </table>
26     </div>
27   </body>
28 </html>
29
30 [% BLOCK variantrow -%]
31 [% SET rowclass = 'class="genealogical"' IF row.genealogical -%]
32 [% SET rowclass = 'class="coincidental"' UNLESS row.genealogical -%]
33         <tr [% rowclass %]>
34           <th><span class="rowid">[% row.id %]</span></th>
35 [% FOREACH reading IN row.readings -%]
36 [% SET cellclass = 'clickable conflict' IF reading.conflict -%]
37 [% SET cellclass = 'clickable' IF !reading.conflict -%]
38           <td class="[% cellclass %]"><span onclick="color_nodes($(this).parent().index(), [% reading.group %], [% reading.missing %]);$(this).parents('tr').addClass('active_variant_row');$(this).parent().addClass('active_variant_cell cellb'+($(this).parent().index()-1))">[% reading.text %]</span></td>
39 [% END -%]
40 [% FILTER repeat( row.empty ) -%]
41           <td/>
42 [% END -%]
43         </tr>
44 [% END -%]