07b9b0a9509d23b49284b6eb5d2a01ec85938629
[scpubgit/stemmatology.git] / stemmaweb / root / src / relate.tt
1 [% WRAPPER header.tt
2         pagetitle = "Stemmaweb - Relationship mapper"
3         applicationjs = c.uri_for('/js/relationship.js')
4         applicationstyle = c.uri_for('/css/relationship.css')
5 %]
6 <script type="text/javascript">
7 $(function() {
8   $('#svgenlargement').svg({loadURL: '[% svg_string %]', onLoad: svgEnlargementLoaded});
9 });
10 </script>
11 [% END %]
12
13         <div id="topbanner">
14                 <div id="bannerinfo">
15                         <a href="help" title="Relationship mapper help" class="helptag">Help / About</a>
16                 </div>
17                 <h1>Relationship mapper</h1>
18                 <h2>[% text_title %]</h2>
19         </div>
20
21         <div id="enlargement_container">        
22                 <div id="loading_overlay"></div>
23                 <div id="enlargement">
24                 <div id="svgenlargement" style="height: 500px;"></div>
25                 </div>
26         </div>
27         
28         <div id="update_workspace_button"></div>
29         
30         <div id="dialog-form" title="Create relation between two nodes..">
31                 <form id="collapse_node_form">
32                 <fieldset>
33                         <input type="hidden" name="source_id" id="source_node_id"/>
34                         <input type="hidden" name="target_id" id="target_node_id"/>
35                         <label for="rel_type">Relation type..&nbsp;</label>
36                         <select name="rel_type" id="rel_type" class=".ui-widget select">
37                         </select>
38                         <br/><br/>
39                         <label for="scope">Scope of relation..&nbsp;</label>
40                         <select name="scope" id="scope" class=".ui-widget select">
41                         </select>
42                         <br/><br/>
43                         <label for="note">Annotation or note..&nbsp;</label>
44                         <input type="text" width="60" name="note" id="note" class=".ui-widget input" />
45                 </fieldset>
46         <div id="status"></div>         
47                 </form>
48         </div>
49         <div id="dialog_overlay"></div>
50
51         <div id="delete-form" title="Relation info..">
52                 <form id="delete_relation_form">
53                         <input type="hidden" name="source_id" id="delete_source_node_id"/>
54                         <input type="hidden" name="target_id" id="delete_target_node_id"/>
55                 </form>
56                 <div id="delete-form-text"></div>
57         </div>
58         
59     <p/><p/>    
60     <div id="keymap">
61         <ul id="keymaplist">
62         </ul>
63     </div>
64     
65 [% PROCESS footer.tt %]