add conflict styling to analysis table
[scpubgit/stemmatology.git] / TreeOfTexts / root / src / index.tt
index 5e24b45..e6e133d 100644 (file)
@@ -5,12 +5,15 @@
     <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>
+    <div id="svg_graph">
       [% svg %]
     </div>
-    <div style="float:left;width:450px;height:600px;border:1px blue solid;overflow:auto;overflow-x: hidden;">
+    <div id="variants_table">
       <table>
 [% FOREACH row IN variants -%]
 [% INCLUDE variantrow %]
@@ -26,7 +29,9 @@
         <tr [% rowclass %]>
           <th><span class="rowid">[% row.id %]</span></th>
 [% FOREACH reading IN row.readings -%]
-          <td class="clickable"><span onclick="color_nodes($(this).parent().index(), [% 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/>