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 id="segmentation">
  20 [% FOREACH segment IN textsegments -%]
  21 [% IF segment.start != startseg -%]
  22                         <a href="[% c.uri_for( "/relation/$textid" ) %]?start=[% segment.start %]">
  23                                 <span class="segment_guide">[% segment.display %]</span>
  24                         </a>
  25 [% ELSE -%]
  26                         <span class="segment_guide selected">[% segment.display %]</span>
  27 [% END -%]
  28 [% END -%]
  29                 </div>
  30         </div>
  31
  32         <div id="enlargement_container">
  33                 <div id="loading_overlay">
  34                         <div id="loading_message"><span>Loading, please wait...</span></div>
  35                 </div>
  36                 <div id="dialog_overlay"></div>
  37                 <div id="enlargement">
  38                 <div id="svgenlargement" style="height: 500px;"></div>
  39                 </div>
  40         </div>
  41
  42         <div id="update_workspace_button"></div>
  43
  44         <div id="dialog-form" title="Create relation between two nodes..">
  45                 <form id="collapse_node_form">
  46                 <fieldset>
  47                         <input type="hidden" name="source_id" id="source_node_id"/>
  48                         <input type="hidden" name="target_id" id="target_node_id"/>
  49                         <label for="rel_type">Relation type..&nbsp;</label>
  50                         <select name="rel_type" id="rel_type" class=".ui-widget select">
  51                         </select>
  52                         <br/><br/>
  53                         <label for="scope">Scope of relation..&nbsp;</label>
  54                         <select name="scope" id="scope" class=".ui-widget select">
  55                         </select>
  56                         <br/><br/>
  57                         <label for="note">Annotation or note..&nbsp;</label>
  58                         <input type="text" width="60" name="note" id="note" class=".ui-widget input" />
  59                 </fieldset>
  60         <div id="status"></div>
  61                 </form>
  62         </div>
  63         <div id="dialog_overlay"></div>
  64
  65         <div id="delete-form" title="Relation info..">
  66                 <form id="delete_relation_form">
  67                         <input type="hidden" name="source_id" id="delete_source_node_id"/>
  68                         <input type="hidden" name="target_id" id="delete_target_node_id"/>
  69                 </form>
  70                 <div id="delete-form-text"></div>
  71         </div>
  72
  73     <p/><p/>
  74     <div id="keymap">
  75         <ul id="keymaplist">
  76         </ul>
  77     </div>
  78
  79 [% PROCESS footer.tt %]