<script type="text/javascript" src="js/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.10.custom.min.js"></script>
<script type="text/javascript" src="js/interaction.js"></script>
+ <link type="text/css" href="[% c.uri_for('css/cupertino/jquery-ui-1.8.13.custom.css') %]" rel="stylesheet" />
+ [% INCLUDE style.tt2 %]
</head>
<body>
- <div style="float:left;width:450px;height:600px;border:1px blue solid">
+ <h1>Stexaminer</h1>
+ <h2>[% text_title %]</h2>
+ <div id="svg_graph">
[% svg %]
</div>
- <div style="float:left;width:450px;height:600px;border:1px blue solid;overflow:auto;">
- <table>
- [% FOREACH row IN variants -%]
- [% INCLUDE variantrow %]
- [% END -%]
- </table>
- </div>
+ <div id="variants_table">
+ <table>
+[% FOREACH row IN variants -%]
+[% INCLUDE variantrow %]
+[% END -%]
+ </table>
+ </div>
+ <div id="statistics">
+ <p>Analyzed [% total %] variant locations, of which [% genealogical %] entirely followed the stemma. [% conflict %] readings conflicted with the stemma.</p>
+ </div>
</body>
</html>
-[% BLOCK variantrow %]
-<tr>
- <th>[% row.id %]</th>
- [% FOREACH reading IN row.readings -%]
- <td><span onclick="color_nodes([% reading.group %]);">[% reading.text %]</span></td>
- [% END -%]
- [% FILTER repeat( row.empty ) -%]
- <td/>
- [% END -%]
-</tr>
-[% END %]
\ No newline at end of file
+[% BLOCK variantrow -%]
+[% SET rowclass = 'class="genealogical"' IF row.genealogical -%]
+[% SET rowclass = 'class="coincidental"' UNLESS row.genealogical -%]
+ <tr [% rowclass %]>
+ <th><span class="rowid">[% row.id %]</span></th>
+[% FOREACH reading IN row.readings -%]
+[% SET cellclass = 'clickable conflict' IF reading.conflict -%]
+[% SET cellclass = 'clickable' IF !reading.conflict -%]
+ <td class="[% cellclass %]"><span onclick="$('td.active_variant_cell').removeClass('active_variant_cell');$(this).parent().addClass('active_variant_cell');$('tr.active_variant_row').removeClass('active_variant_row');$(this).parents('tr').addClass('active_variant_row');color_nodes($(this).parent().index(), [% reading.group %], [% reading.missing %]);">[% reading.text %]</span></td>
+[% END -%]
+[% FILTER repeat( row.empty ) -%]
+ <td/>
+[% END -%]
+ </tr>
+[% END -%]
\ No newline at end of file