pull new relationship mapper interface
[scpubgit/stemmaweb.git] / 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                 <h1>Relationship mapper</h1>
15                 <h2>[% text_title %]</h2>
16         </div>
17
18         <div id="enlargement_container">        
19                 <div id="enlargement">
20                 <div id="svgenlargement" style="height: 500px;"></div>
21                 </div>
22         </div>
23         
24         <div id="update_workspace_button"></div>
25         
26         <div id="dialog-form" title="Create relation between two nodes..">
27                 <form id="collapse_node_form">
28                 <fieldset>
29                         <input type="hidden" name="source_id" id="source_node_id"/>
30                         <input type="hidden" name="target_id" id="target_node_id"/>
31                         <label for="rel_type">Relation type..&nbsp;</label>
32                         <select name="rel_type" id="rel_type" class=".ui-widget select">
33                         </select>
34                         <br/><br/>
35                         <label for="scope">Scope of relation..&nbsp;</label>
36                         <select name="scope" id="scope" class=".ui-widget select">
37                         </select>
38                         <br/><br/>
39                         <label for="note">Annotation on note..&nbsp;</label>
40                         <input type="text" width="60" name="note" id="note" class=".ui-widget input" />
41                 </fieldset>
42         <div id="status"></div>         
43                 </form>
44         </div>
45         <div id="dialog_overlay"></div>
46
47         <div id="delete-form" title="Relation info..">
48                 <form id="delete_relation_form">
49                         <input type="hidden" name="source_id" id="delete_source_node_id"/>
50                         <input type="hidden" name="target_id" id="delete_target_node_id"/>
51                 </form>
52                 <div id="delete-form-text"></div>
53         </div>
54         
55     <p/><p/>    
56     <div id="keymap">
57         <ul id="keymaplist">
58         </ul>
59     </div>
60     
61 [% PROCESS footer.tt %]