add some final statistics; try to color anonymous nodes too
[scpubgit/stemmatology.git] / TreeOfTexts / root / src / index.tt
index 24b31e8..9d7b5a8 100644 (file)
@@ -5,18 +5,25 @@
     <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;">
+    <div id="variants_table">
       <table>
 [% FOREACH row IN variants -%]
 [% INCLUDE variantrow %]
 [% END -%]
-       </table>
-     </div>
+     </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>
 
@@ -26,7 +33,9 @@
         <tr [% rowclass %]>
           <th><span class="rowid">[% row.id %]</span></th>
 [% FOREACH reading IN row.readings -%]
-          <td class="clickable"><span onclick="color_nodes([% reading.group %]);">[% reading.text %]</span></td>
+[% 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/>