[% 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 id="segmentation">
+[% FOREACH segment IN textsegments -%]
+[% IF segment.start != startseg -%]
+ <a href="[% c.uri_for( "/relation/$textid" ) %]?start=[% segment.start %]">
+ <span class="segment_guide">[% segment.display %]</span>
+ </a>
+[% ELSE -%]
+ <span class="segment_guide selected">[% segment.display %]</span>
+[% END -%]
+[% END -%]
</div>
</div>
<div id="enlargement_container">
+ <div id="loading_overlay">
+ <div id="loading_message"><span>Loading, please wait...</span></div>
+ </div>
+ <div id="dialog_overlay"></div>
<div id="enlargement">
<div id="svgenlargement" style="height: 500px;"></div>
</div>
<select name="scope" id="scope" class=".ui-widget select">
</select>
<br/><br/>
- <label for="note">Annotation on note.. </label>
+ <label for="note">Annotation or note.. </label>
<input type="text" width="60" name="note" id="note" class=".ui-widget input" />
</fieldset>
<div id="status"></div>
</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>