add help text to relationship mapper

[scpubgit/stemmatology.git] / stemmaweb / root / src / relate.tt

diff --git a/stemmaweb/root/src/relate.tt b/stemmaweb/root/src/relate.tt
index 408df7c..72ea8e1 100644 (file)
--- a/stemmaweb/root/src/relate.tt
+++ b/stemmaweb/root/src/relate.tt
@@ -1,25 +1,21 @@
 [% WRAPPER header.tt
        pagetitle = "Stemmaweb - Relationship mapper"
-       applicationjs = "../js/relationship.js"
+       applicationjs = c.uri_for('/js/relationship.js')
+       applicationstyle = c.uri_for('/css/relationship.css')
 %]
 <script type="text/javascript">
 $(function() {
-  $('#svgbasics').svg({loadURL: '[% svg_string %]', onLoad: svgLoaded});
   $('#svgenlargement').svg({loadURL: '[% svg_string %]', onLoad: svgEnlargementLoaded});
 });
 </script>
-<link type="text/css" href="[% c.uri_for('/css/relationship.css') %]" rel="stylesheet" />
 [% END %]
 
-       <div id="graph_container">      
-        <div id="graph_underlay"></div>
-           <div id="visor"></div>
-           <div id="graph">
-                   <!-- width seems to need to be as wide as the graph -->
-                   <!-- a translation of -487 in the svg itself was needed to adjust the graph to the left of the div -->
-                   <!-- unclear how to cope with height that doesn't fit box -->
-                   <div id="svgbasics" style="height: 100px;"></div>
+       <div id="topbanner">
+               <div id="bannerinfo">
+                       <a href="help" title="Relationship mapper help" class="helptag">Help / About</a>
                </div>
+               <h1>Relationship mapper</h1>
+               <h2>[% text_title %]</h2>
        </div>
 
        <div id="enlargement_container">        
@@ -43,7 +39,7 @@ $(function() {
                        <select name="scope" id="scope" class=".ui-widget select">
                        </select>
                        <br/><br/>
-                       <label for="note">Annotation on note..&nbsp;</label>
+                       <label for="note">Annotation or note..&nbsp;</label>
                        <input type="text" width="60" name="note" id="note" class=".ui-widget input" />
                </fieldset>
        <div id="status"></div>         
@@ -51,6 +47,15 @@ $(function() {
        </div>
        <div id="dialog_overlay"></div>
 
+       <div id="delete-form" title="Relation info..">
+               <form id="delete_relation_form">
+                       <input type="hidden" name="source_id" id="delete_source_node_id"/>
+                       <input type="hidden" name="target_id" id="delete_target_node_id"/>
+               </form>
+               <div id="delete-form-text"></div>
+       </div>
+       
+    <p/><p/>   
     <div id="keymap">
         <ul id="keymaplist">
         </ul>