39c7a0f5c4bc000749cebf656ad796c4664d6064
[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   </head>
9   <body>
10     <div style="float:left;width:450px;height:600px;border:1px blue solid">
11       [% svg %]
12     </div>
13     <div style="float:left;width:450px;height:600px;border:1px blue solid;overflow:auto;">
14       <table>
15 [% FOREACH row IN variants -%]
16 [% INCLUDE variantrow %]
17 [% END -%]
18         </table>
19      </div>
20   </body>
21 </html>
22
23 [% BLOCK variantrow -%]
24 [% SET rowclass = 'class="genealogical"' IF row.genealogical -%]
25 [% SET rowclass = 'class="coincidental"' UNLESS row.genealogical -%]
26         <tr [% rowclass %]>
27           <th><span class="rowid">[% row.id %]</span></th>
28 [% FOREACH reading IN row.readings -%]
29           <td class="clickable"><span onclick="color_nodes($(this).parent().index(), [% reading.group %]);">[% reading.text %]</span></td>
30 [% END -%]
31 [% FILTER repeat( row.empty ) -%]
32           <td/>
33 [% END -%]
34         </tr>
35 [% END -%]